1- import Ember from 'ember' ;
1+ import Component from '@ember/component' ;
2+ import EmberObject , { computed , get } from '@ember/object' ;
23import { expectTypeOf } from 'expect-type' ;
34
4- Ember . Component . extend ( {
5+ Component . extend ( {
56 layout : 'my-layout' ,
67} ) ;
78
8- const MyComponent = Ember . Component . extend ( ) ;
9- expectTypeOf ( Ember . get ( MyComponent , 'positionalParams' ) ) . toEqualTypeOf < string | string [ ] > ( ) ;
9+ const MyComponent = Component . extend ( ) ;
10+ expectTypeOf ( get ( MyComponent , 'positionalParams' ) ) . toEqualTypeOf < string | string [ ] > ( ) ;
1011
11- const component1 = Ember . Component . extend ( {
12+ const component1 = Component . extend ( {
1213 actions : {
1314 hello ( name : string ) {
1415 console . log ( 'Hello' , name ) ;
1516 } ,
1617 } ,
1718} ) ;
1819
19- class AnotherComponent extends Ember . Component {
20+ class AnotherComponent extends Component {
2021 name = '' ;
2122
2223 hello ( name : string ) {
@@ -25,93 +26,93 @@ class AnotherComponent extends Ember.Component {
2526 }
2627}
2728
28- Ember . Component . extend ( {
29+ Component . extend ( {
2930 tagName : 'em' ,
3031} ) ;
3132
32- Ember . Component . extend ( {
33+ Component . extend ( {
3334 classNames : [ 'my-class' , 'my-other-class' ] ,
3435} ) ;
3536
36- class Bindings extends Ember . Component {
37+ class Bindings extends Component {
3738 classNameBindings = [ 'propertyA' , 'propertyB' ] ;
3839 propertyA = 'from-a' ;
3940
40- @Ember . computed ( )
41+ @computed ( )
4142 get propertyB ( ) {
4243 if ( ! this . get ( 'propertyA' ) ) {
4344 return 'from-b' ;
4445 }
4546 }
4647}
4748
48- Ember . Component . extend ( {
49+ Component . extend ( {
4950 classNameBindings : [ 'hovered' ] ,
5051 hovered : true ,
5152} ) ;
5253
53- class Message extends Ember . Object {
54+ class Message extends EmberObject {
5455 empty = false ;
5556}
5657
57- Ember . Component . extend ( {
58+ Component . extend ( {
5859 classNameBindings : [ 'messages.empty' ] ,
5960 messages : Message . create ( {
6061 empty : true ,
6162 } ) ,
6263} ) ;
6364
64- Ember . Component . extend ( {
65+ Component . extend ( {
6566 classNameBindings : [ 'isEnabled:enabled:disabled' ] ,
6667 isEnabled : true ,
6768} ) ;
6869
69- Ember . Component . extend ( {
70+ Component . extend ( {
7071 classNameBindings : [ 'isEnabled::disabled' ] ,
7172 isEnabled : true ,
7273} ) ;
7374
74- Ember . Component . extend ( {
75+ Component . extend ( {
7576 tagName : 'a' ,
7677 attributeBindings : [ 'href' ] ,
7778 href : 'http://google.com' ,
7879} ) ;
7980
80- Ember . Component . extend ( {
81+ Component . extend ( {
8182 tagName : 'a' ,
8283 attributeBindings : [ 'url:href' ] ,
8384 url : 'http://google.com' ,
8485} ) ;
8586
86- Ember . Component . extend ( {
87+ Component . extend ( {
8788 tagName : 'use' ,
8889 attributeBindings : [ 'xlinkHref:xlink:href' ] ,
8990 xlinkHref : '#triangle' ,
9091} ) ;
9192
92- Ember . Component . extend ( {
93+ Component . extend ( {
9394 tagName : 'input' ,
9495 attributeBindings : [ 'disabled' ] ,
9596 disabled : false ,
9697} ) ;
9798
98- Ember . Component . extend ( {
99+ Component . extend ( {
99100 tagName : 'input' ,
100101 attributeBindings : [ 'disabled' ] ,
101- disabled : Ember . computed ( ( ) => {
102+ disabled : computed ( ( ) => {
102103 return someLogic ( ) ;
103104 } ) ,
104105} ) ;
105106
106107declare function someLogic ( ) : boolean ;
107108
108- Ember . Component . extend ( {
109+ Component . extend ( {
109110 tagName : 'form' ,
110111 attributeBindings : [ 'novalidate' ] ,
111112 novalidate : null ,
112113} ) ;
113114
114- Ember . Component . extend ( {
115+ Component . extend ( {
115116 click ( event : object ) {
116117 // will be called when an instance's
117118 // rendered element is clicked
0 commit comments