-
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/icon.hbs b/tests/dummy/app/snippets/icon.hbs
index d4326e91..53d79823 100644
--- a/tests/dummy/app/snippets/icon.hbs
+++ b/tests/dummy/app/snippets/icon.hbs
@@ -1 +1 @@
-{{uk-icon "uikit" scale=2}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/label.hbs b/tests/dummy/app/snippets/label.hbs
index f5b93942..e7ad7aae 100644
--- a/tests/dummy/app/snippets/label.hbs
+++ b/tests/dummy/app/snippets/label.hbs
@@ -2,4 +2,4 @@
{{! or with label }}
-{{uk-label color="success" label="v1.0.0"}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/modal.hbs b/tests/dummy/app/snippets/modal.hbs
index 17dd5655..73ce9b19 100644
--- a/tests/dummy/app/snippets/modal.hbs
+++ b/tests/dummy/app/snippets/modal.hbs
@@ -1,4 +1,8 @@
-
+
Attention
@@ -6,8 +10,8 @@
Do you really want to proceed?
- {{uk-button color="primary" label="Ok" on-click=(action "submit")}}
+
-{{uk-button label="Open modal" on-click=(action (mut visible) true)}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/notification.js b/tests/dummy/app/snippets/notification.js
index 9197dd20..77aa7a9c 100644
--- a/tests/dummy/app/snippets/notification.js
+++ b/tests/dummy/app/snippets/notification.js
@@ -1,18 +1,18 @@
import Controller from "@ember/controller";
+import { action } from "@ember/object";
import { inject as service } from "@ember/service";
-export default Controller.extend({
- notification: service(),
+export default class ExampleController extends Controller {
+ @service notification;
- actions: {
- save() {
- try {
- // your code
+ @action
+ save() {
+ try {
+ // your code
- this.notification.success("Successfully saved!");
- } catch (e) {
- this.notification.danger("Ooops! Something went wrong...");
- }
- },
- },
-});
+ this.notification.success("Successfully saved!");
+ } catch (e) {
+ this.notification.danger("Ooops! Something went wrong...");
+ }
+ }
+}
diff --git a/tests/dummy/app/snippets/sortable.hbs b/tests/dummy/app/snippets/sortable.hbs
index f31b2b9c..1587f573 100644
--- a/tests/dummy/app/snippets/sortable.hbs
+++ b/tests/dummy/app/snippets/sortable.hbs
@@ -2,4 +2,4 @@
Item 1
Item 2
Item 3
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/spinner.hbs b/tests/dummy/app/snippets/spinner.hbs
index 461108bf..f9176a8a 100644
--- a/tests/dummy/app/snippets/spinner.hbs
+++ b/tests/dummy/app/snippets/spinner.hbs
@@ -1 +1 @@
-{{uk-spinner ratio=2}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/subnav.hbs b/tests/dummy/app/snippets/subnav.hbs
index bfaf30ae..0bcfa781 100644
--- a/tests/dummy/app/snippets/subnav.hbs
+++ b/tests/dummy/app/snippets/subnav.hbs
@@ -1,5 +1,5 @@
Item 1Item 2
- {{#nav.link-item "link.to.some.page"}}Item 3{{/nav.link-item}}
-
+ Item 3
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/switcher.hbs b/tests/dummy/app/snippets/switcher.hbs
index 75eb0e36..41bc2ea3 100644
--- a/tests/dummy/app/snippets/switcher.hbs
+++ b/tests/dummy/app/snippets/switcher.hbs
@@ -15,4 +15,4 @@
Content 2
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/tab.hbs b/tests/dummy/app/snippets/tab.hbs
index c225f017..d8f3e138 100644
--- a/tests/dummy/app/snippets/tab.hbs
+++ b/tests/dummy/app/snippets/tab.hbs
@@ -1,5 +1,5 @@
Item 1Item 2
- {{#tab.link-item "link.to.some.page"}}Item 3{{/tab.link-item}}
-
+ Item 3
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/toggle-switch.hbs b/tests/dummy/app/snippets/toggle-switch.hbs
index bd77bab0..5f397494 100644
--- a/tests/dummy/app/snippets/toggle-switch.hbs
+++ b/tests/dummy/app/snippets/toggle-switch.hbs
@@ -1,7 +1,8 @@
-{{uk-toggle-switch
- value=value
- color="onoff"
- onLabel="On"
- offLabel="Off"
- showLabels=true
-}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/snippets/width.hbs b/tests/dummy/app/snippets/width.hbs
index 9ea1b37c..bc6149cb 100644
--- a/tests/dummy/app/snippets/width.hbs
+++ b/tests/dummy/app/snippets/width.hbs
@@ -1,3 +1,3 @@
-{{#uk-width "1-1 1-2@l"}}
+
Use the full width but only the half width on large devices!
-{{/uk-width}}
+
\ No newline at end of file
diff --git a/tests/dummy/app/styles/app.scss b/tests/dummy/app/styles/app.scss
index 5e616d08..e9883677 100644
--- a/tests/dummy/app/styles/app.scss
+++ b/tests/dummy/app/styles/app.scss
@@ -1,12 +1,12 @@
-@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i');
-@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400');
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");
+@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400");
-$global-font-family: 'Source Sans Pro', sans-serif;
-$base-code-font-family: 'Source Code Pro', monospace;
+$global-font-family: "Source Sans Pro", sans-serif;
+$base-code-font-family: "Source Code Pro", monospace;
$base-body-font-weight: 300;
$base-heading-font-weight: 300;
-@import 'ember-uikit';
+@import "ember-uikit";
.uk-nav-primary a:hover.active,
.uk-nav-primary a:active.active,
@@ -17,7 +17,7 @@ $base-heading-font-weight: 300;
}
.uk-nav-primary a.active::before {
- content: '';
+ content: "";
display: block;
width: 10px;
height: 1px;
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
index 3c38e971..ddb4ad49 100644
--- a/tests/dummy/app/templates/application.hbs
+++ b/tests/dummy/app/templates/application.hbs
@@ -34,7 +34,11 @@
- {{code-snippet name="badge.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/button.hbs b/tests/dummy/app/templates/docs/components/button.hbs
index 1b836eaa..40d8b381 100644
--- a/tests/dummy/app/templates/docs/components/button.hbs
+++ b/tests/dummy/app/templates/docs/components/button.hbs
@@ -4,24 +4,27 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- {{code-snippet name="button.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/card.hbs b/tests/dummy/app/templates/docs/components/card.hbs
index 28a2b4f1..0f13ad91 100644
--- a/tests/dummy/app/templates/docs/components/card.hbs
+++ b/tests/dummy/app/templates/docs/components/card.hbs
@@ -4,11 +4,20 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- The subnav yields a header component which can be used to
- create the header section of the card. The header
+ The subnav yields a
+ header
+ component which can be used to create the header section of the card.
+ The
+ header
component takes no properties.
@@ -73,17 +113,23 @@
body
- The subnav yields a body component which can be used to
- create the body section containing the main content of the card. The
- body component takes no properties.
+ The subnav yields a
+ body
+ component which can be used to create the body section containing the
+ main content of the card. The
+ body
+ component takes no properties.
footer
- The subnav yields a footer component which can be used to
- create the footer section of the card. The footer
+ The subnav yields a
+ footer
+ component which can be used to create the footer section of the card.
+ The
+ footer
component takes no properties.
@@ -91,14 +137,17 @@
title
- The subnav yields a title component which can be used to
- create a title for the card. This is mostly used inside of a
- header. The title component takes not
- properties.
+ The subnav yields a
+ title
+ component which can be used to create a title for the card. This is
+ mostly used inside of a
+ header. The
+ title
+ component takes not properties.
- {{code-snippet name="card.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/icon.hbs b/tests/dummy/app/templates/docs/components/icon.hbs
index 2445d5b6..ce1fd9ba 100644
--- a/tests/dummy/app/templates/docs/components/icon.hbs
+++ b/tests/dummy/app/templates/docs/components/icon.hbs
@@ -1,7 +1,7 @@
Icon
- {{uk-icon icon ratio=ratio}}
+
@@ -31,11 +31,12 @@
String
""
- The name of the icon, this is also the first positional parameter.
- For a list of icons, see here.
+ The name of the icon, this is also the first positional
+ parameter. For a list of icons, see
+ here.
@@ -52,7 +58,7 @@
- {{code-snippet name="icon.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/label.hbs b/tests/dummy/app/templates/docs/components/label.hbs
index 963951d6..ddada4d6 100644
--- a/tests/dummy/app/templates/docs/components/label.hbs
+++ b/tests/dummy/app/templates/docs/components/label.hbs
@@ -4,11 +4,15 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- {{uk-label label=label color=color}}
+
@@ -39,16 +43,28 @@
""
The content of the label
- {{input class="uk-input" value=label}}
+
+
+
+
+
color
+
String
+
"default"
+
The color of the label
+
+
- {{color-row name="label" default="" colors=colors value=color}}
- {{code-snippet name="label.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/list.hbs b/tests/dummy/app/templates/docs/components/list.hbs
index 5f66d70a..5e548806 100644
--- a/tests/dummy/app/templates/docs/components/list.hbs
+++ b/tests/dummy/app/templates/docs/components/list.hbs
@@ -4,11 +4,21 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- The list yields an item component which can be used to
- create a list item inside the list. The item component
- takes no properties.
+ The list yields an
+ item
+ component which can be used to create a list item inside the list. The
+ item
+ component takes no properties.
- {{code-snippet name="list.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/modal.hbs b/tests/dummy/app/templates/docs/components/modal.hbs
index 69e0e611..8ddfd792 100644
--- a/tests/dummy/app/templates/docs/components/modal.hbs
+++ b/tests/dummy/app/templates/docs/components/modal.hbs
@@ -1,20 +1,32 @@
Modal
-
+
Test
- {{#modal.body uk-modal-overflow-auto}}
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stack modals, when more than one is open. By default, the previous modal will be hidden.
+
Stack modals, when more than one is open. By default, the
+ previous modal will be hidden.
container
String
true
-
Define a target container via a selector to specify where the modal should be appended in the DOM. Setting it to false will prevent this behavior.
+
Define a target container via a selector to specify where the
+ modal should be appended in the DOM. Setting it to
+ false
+ will prevent this behavior.
CSS selector for all elements that should trigger the closing of the modal.
+
CSS selector for all elements that should trigger the closing
+ of the modal.
@@ -131,11 +159,12 @@
Note
- Most of the settings are only read during initialization and can thus not be changed in the demo.
+ Most of the settings are only read during initialization and can thus
+ not be changed in the demo.
- {{code-snippet name="modal.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/sortable.hbs b/tests/dummy/app/templates/docs/components/sortable.hbs
index d44e17ad..5d803c68 100644
--- a/tests/dummy/app/templates/docs/components/sortable.hbs
+++ b/tests/dummy/app/templates/docs/components/sortable.hbs
@@ -19,8 +19,14 @@
uk-height-match="target: > div > .uk-card"
class="uk-child-width-1-3@s"
>
-
- {{#each group1 as |item|}}
+
+ {{#each this.group1 as |item|}}
@@ -31,8 +37,12 @@
{{/each}}
-
- {{#each group2 as |item|}}
+
+ {{#each this.group2 as |item|}}
- Groups B and C have the same group option. You can move items between the two. The events on-added and on-removed fire when items are added or removed from a group.
+ Groups B and C have the same group option. You can move items between the
+ two. The events
+ onAdded
+ and
+ onRemoved
+ fire when items are added or removed from a group.
@@ -171,23 +186,23 @@
-
on-start
+
onStart
Fires after dragging starts.
-
on-stop
+
onStop
Fires after dragging stops.
-
on-moved
+
onMoved
Fires after an element has been moved.
-
on-added
+
onAdded
Fires after an element has been added.
-
on-removed
+
onRemoved
Fires after an element has been removed.
@@ -195,7 +210,7 @@
- {{code-snippet name="sortable.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/spinner.hbs b/tests/dummy/app/templates/docs/components/spinner.hbs
index 694821fa..7800af54 100644
--- a/tests/dummy/app/templates/docs/components/spinner.hbs
+++ b/tests/dummy/app/templates/docs/components/spinner.hbs
@@ -1,7 +1,7 @@
@@ -41,7 +41,7 @@
- {{code-snippet name="spinner.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/subnav.hbs b/tests/dummy/app/templates/docs/components/subnav.hbs
index 3c99797d..136c4a7b 100644
--- a/tests/dummy/app/templates/docs/components/subnav.hbs
+++ b/tests/dummy/app/templates/docs/components/subnav.hbs
@@ -4,14 +4,25 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- The subnav yields an item component which can be used to
- create a navigation item inside the subnav. The item
+ The subnav yields an
+ item
+ component which can be used to create a navigation item inside the
+ subnav. The
+ item
component takes the following properties:
- The subnav yields an link-item component which behaves
- almost the same way as item but is an ember
- link-to component. The link-item component
- takes the following properties:
-
-
-
-
-
-
Name
-
Type
-
Default
-
Description
-
Demo
+
href
+
String
+
+
+ URL of a route to transition to on click. If `onClick` is passed
+ it will be passed as second argument to that action.
+
@@ -145,7 +169,7 @@
- {{code-snippet name="subnav.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/switcher.hbs b/tests/dummy/app/templates/docs/components/switcher.hbs
index 68eebbb9..6ccf0120 100644
--- a/tests/dummy/app/templates/docs/components/switcher.hbs
+++ b/tests/dummy/app/templates/docs/components/switcher.hbs
@@ -1,8 +1,14 @@
Switcher
-
-
+
+ Item 1Item 2
@@ -72,12 +78,13 @@
active
Number
0
-
Active index on init. Providing a negative number indicates a position starting from the end of the set.
+
Active index on init. Providing a negative number indicates a
+ position starting from the end of the set.
- Sadly we can't show this live since we"d need to
- reinitialize the component on every change. Currently we
- use {{active}}.
+ Sadly we can't show this live since we"d need to reinitialize
+ the component on every change. Currently we use
+ {{this.active}}.
@@ -88,9 +95,9 @@
The animation to use when switching the content
- Sadly we can't show this live since we"d need to
- reinitialize the component on every change. Currently we
- use {{animation}}.
+ Sadly we can't show this live since we"d need to reinitialize
+ the component on every change. Currently we use
+ {{this.animation}}.
@@ -101,9 +108,9 @@
The duration for the animation
- Sadly we can't show this live since we"d need to
- reinitialize the component on every change. Currently we
- use {{animationDuration}}.
+ Sadly we can't show this live since we"d need to reinitialize
+ the component on every change. Currently we use
+ {{this.animationDuration}}.
@@ -114,9 +121,9 @@
Whether to use swiping for switching
- Sadly we can't show this live since we"d need to
- reinitialize the component on every change. Currently we
- use {{if switching "true" "false"}}.
+ Sadly we can't show this live since we"d need to reinitialize
+ the component on every change. Currently we use
+ {{if this.switching "true" "false"}}.
@@ -134,14 +141,18 @@
nav
- The switcher yields a nav component which can have a
- certain type. This component will then yield the navigation component
- for the given type. The type can either be
- subnav or
- tab.
- The properties for the component which is yielded by
- nav can be looked up on the documentation for the given
- type of navigation.
+ The switcher yields a
+ nav
+ component which can have a certain type. This component will then yield
+ the navigation component for the given type. The type can either be
+ subnav
+ or
+ tab. The
+ properties for the
+ component
+ which is yielded by
+ nav
+ can be looked up on the documentation for the given type of navigation.
For better understanding of the hierarchy, check the example tab.
@@ -165,10 +176,11 @@
"tab"
The navigation type
-
+
@@ -179,13 +191,15 @@
content
- The switcher yields a content component which should be
- used for the content of the switcher . The content
+ The switcher yields a
+ content
+ component which should be used for the content of the switcher . The
+ content
component takes no properties.
- {{code-snippet name="switcher.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/tab.hbs b/tests/dummy/app/templates/docs/components/tab.hbs
index 72209f69..7e22c2aa 100644
--- a/tests/dummy/app/templates/docs/components/tab.hbs
+++ b/tests/dummy/app/templates/docs/components/tab.hbs
@@ -4,14 +4,30 @@
class="uk-text-muted"
title="Properties of the used utilities can be applied to this component too."
>
- Uses:
+ Uses:
+
- The tab yields an item component which can be used to
- create a navigation item inside the tab. The item
+ The tab yields an
+ item
+ component which can be used to create a navigation item inside the tab.
+ The
+ item
component takes the following properties:
- The tab yields an link-item component which behaves
- almost the same way as item but is an ember
- link-to component. The link-item component
- takes the following properties:
-
-
-
-
-
-
Name
-
Type
-
Default
-
Description
-
Demo
+
href
+
String
+
+
+ URL of a route to transition to on click. If `onClick` is passed
+ it will be passed as second argument to that action.
+
@@ -154,7 +187,7 @@
- {{code-snippet name="tab.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/components/toggle-switch.hbs b/tests/dummy/app/templates/docs/components/toggle-switch.hbs
index ff1c9b35..b975ac52 100644
--- a/tests/dummy/app/templates/docs/components/toggle-switch.hbs
+++ b/tests/dummy/app/templates/docs/components/toggle-switch.hbs
@@ -1,24 +1,29 @@
Toggle Switch
- This component is not a built in component of UIkit and has absolutely
- nothing to do with the toggle
- or switcher components. Instead, it is
- a partial implementation of a feature request
- built with ember-toggle.
+ This component is not a built in component of UIkit and has absolutely nothing
+ to do with the
+ toggle
+ or
+ switcher
+ components. Instead, it is a partial implementation of
+ a feature request
+ built with
+ ember-toggle.
@@ -17,24 +17,39 @@
- To use the notification service simply inject it into your
- Route, Controller or Component.
- Then you can use the default, primary,
- success, warning and danger
+ To use the
+ notification
+ service simply inject it into your
+ Route,
+ Controller
+ or
+ Component. Then you can use the
+ default,
+ primary,
+ success,
+ warning
+ and
+ danger
methods to display a message.
- {{code-snippet name="notification.js"}}
+
All of the methods take the same arguments:
- message (String) The content of the notification
+ message (String)
+ The content of the notification
- options (Object) Additional options. Available options
- are listed here.
- This argument is optional. You can also configure your notifications globally.
+ options (Object)
+ Additional options. Available options are listed
+ here. This argument is optional. You can also
+ configure your notifications globally.
- Each method returns a Promise which is resolved as soon as the notification closes.
+ Each method returns a
+ Promise
+ which is resolved as soon as the notification closes.
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/utilities/flex.hbs b/tests/dummy/app/templates/docs/utilities/flex.hbs
index 6b3baa86..a5e25240 100644
--- a/tests/dummy/app/templates/docs/utilities/flex.hbs
+++ b/tests/dummy/app/templates/docs/utilities/flex.hbs
@@ -2,44 +2,69 @@
If you are using a component using the flex utility, all parameters must be
- prefixed with flex. E.g vertical becomes
- flexVertical. However, the flex property stays
- the same and is not enabled by default!
+ prefixed with
+ flex. E.g
+ vertical
+ becomes
+ flexVertical. However, the
+ flex
+ property stays the same and is
+ not
+ enabled by default!
- {{code-snippet name="flex.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/docs/utilities/width.hbs b/tests/dummy/app/templates/docs/utilities/width.hbs
index a9258128..e520f17c 100644
--- a/tests/dummy/app/templates/docs/utilities/width.hbs
+++ b/tests/dummy/app/templates/docs/utilities/width.hbs
@@ -2,7 +2,10 @@
- {{#uk-width width class="uk-padding uk-background-secondary uk-light"}}{{if width width "No width set"}}{{/uk-width}}
+ {{or this.width "No width set"}}
@@ -33,13 +36,13 @@
String
""
- The width of the element, more information about possible
- values here.
- This can also be multiple widths separated by a whitespace.
- This is the first positional parameter.
+ The width of the element, more information about possible values
+ here. This can
+ also be multiple widths separated by a whitespace. This is the
+ first positional parameter.
- {{input class="uk-input" value=width}}
+
@@ -47,7 +50,7 @@
- {{code-snippet name="width.hbs"}}
+
-
+
\ No newline at end of file
diff --git a/tests/dummy/app/templates/index.hbs b/tests/dummy/app/templates/index.hbs
index c5f4f186..1ebf399a 100644
--- a/tests/dummy/app/templates/index.hbs
+++ b/tests/dummy/app/templates/index.hbs
@@ -1,8 +1,9 @@
Welcome to ember-uikit
- This addon aims to bring UIkit to ember
- applications.
+ This addon aims to bring
+ UIkit
+ to ember applications.
Installation
@@ -11,11 +12,13 @@
Install this addon like every other ember-cli addon:
-{{code-snippet name="installation.bash"}}
+
- This will also install ember-cli-sass and add the needed SASS
- include to app/styles/app.scss.
+ This will also install
+ ember-cli-sass
+ and add the needed SASS include to
+ app/styles/app.scss.
Configuration
@@ -66,8 +69,10 @@
[]
A list of included components. Only components in this list will be
- included in your build. You should never use whitelist
- and blacklist!
+ included in your build. You should never use
+ whitelist
+ and
+ blacklist!
@@ -75,8 +80,8 @@
String[]
[]
- A list of excluded components. Only components not in this list will
- be included in your build
+ A list of excluded components. Only components not in this list will be
+ included in your build
@@ -84,22 +89,30 @@
Object
{}
- Global options for the notification service.
- For available options see the UIkit documentation.
- message and status will be ignored, because they are controlled by the addon.
+ Global options for the
+ notification service.
+ For available options see the
+ UIkit
+ documentation.
+ message
+ and
+ status
+ will be ignored, because they are controlled by the addon.
- Those options can be configured in your ember-cli-build.js file:
+ Those options can be configured in your
+ ember-cli-build.js
+ file:
-{{code-snippet name="configuration.js"}}
+
Contribution
Contributions are very welcome. Feel free to open an issue or PR!
-
+
\ No newline at end of file
diff --git a/tests/dummy/config/ember-cli-update.json b/tests/dummy/config/ember-cli-update.json
index 7a7c54c1..2cfa16e3 100644
--- a/tests/dummy/config/ember-cli-update.json
+++ b/tests/dummy/config/ember-cli-update.json
@@ -3,7 +3,7 @@
"packages": [
{
"name": "ember-cli",
- "version": "3.25.2",
+ "version": "4.1.0",
"blueprints": [
{
"name": "addon",
diff --git a/tests/dummy/config/targets.js b/tests/dummy/config/targets.js
index 9a022efa..6277c678 100644
--- a/tests/dummy/config/targets.js
+++ b/tests/dummy/config/targets.js
@@ -6,13 +6,6 @@ const browsers = [
"last 1 Safari versions",
];
-const isCI = Boolean(process.env.CI);
-const isProduction = process.env.EMBER_ENV === "production";
-
-if (isCI || isProduction) {
- browsers.push("ie 11");
-}
-
module.exports = {
browsers,
};
diff --git a/tests/index.html b/tests/index.html
index 3eb848db..6d13069a 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -28,7 +28,7 @@
-
+
diff --git a/tests/integration/components/uk-badge-test.js b/tests/integration/components/uk-badge-test.js
index c12df101..797d0a57 100644
--- a/tests/integration/components/uk-badge-test.js
+++ b/tests/integration/components/uk-badge-test.js
@@ -7,14 +7,14 @@ module("Integration | Component | uk badge", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-badge}}Test{{/uk-badge}}`);
+ await render(hbs`Test`);
assert.dom("span.uk-badge").exists();
assert.dom("span.uk-badge").hasText("Test");
});
test("can set label", async function (assert) {
- await render(hbs`{{uk-badge label='Test'}}`);
+ await render(hbs``);
assert.dom("span.uk-badge").hasText("Test");
});
diff --git a/tests/integration/components/uk-button-test.js b/tests/integration/components/uk-button-test.js
index f648326a..a3685d9d 100644
--- a/tests/integration/components/uk-button-test.js
+++ b/tests/integration/components/uk-button-test.js
@@ -7,63 +7,63 @@ module("Integration | Component | uk button", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-button}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button").hasText("Click me!");
});
test("can set label", async function (assert) {
- await render(hbs`{{uk-button label='Click me!'}}`);
+ await render(hbs``);
assert.dom(".uk-button").hasText("Click me!");
});
test("can set disabled", async function (assert) {
- await render(hbs`{{#uk-button disabled=true}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button").isDisabled();
});
test("can set active", async function (assert) {
- await render(hbs`{{#uk-button active=true}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button").hasClass("uk-active");
});
test("can set loading", async function (assert) {
- await render(hbs`{{#uk-button loading=true}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button [uk-spinner]").exists();
});
test("can set color", async function (assert) {
- await render(hbs`{{#uk-button color='primary'}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button").hasClass("uk-button-primary");
});
test("can set size", async function (assert) {
- await render(hbs`{{#uk-button size='large'}}Click me!{{/uk-button}}`);
+ await render(hbs`Click me!`);
assert.dom(".uk-button").hasClass("uk-button-large");
});
- test("fires on-click action", async function (assert) {
+ test("fires onClick action", async function (assert) {
this.set("didClick", false);
await render(
- hbs`{{#uk-button on-click=(action (mut didClick) true)}}Click me!{{/uk-button}}`
+ hbs`Click me!`
);
- assert.notOk(this.didClick);
+ assert.false(this.didClick);
await click(".uk-button");
- assert.ok(this.didClick);
+ assert.true(this.didClick);
});
test("can set title", async function (assert) {
- await render(hbs`{{uk-button title='Click me!'}}`);
+ await render(hbs``);
assert.dom(".uk-button").hasAttribute("title", "Click me!");
});
diff --git a/tests/integration/components/uk-card-test.js b/tests/integration/components/uk-card-test.js
index a900ac60..a33943cf 100644
--- a/tests/integration/components/uk-card-test.js
+++ b/tests/integration/components/uk-card-test.js
@@ -8,17 +8,17 @@ module("Integration | Component | uk card", function (hooks) {
test("renders", async function (assert) {
await render(hbs`
- {{#uk-card as |card|}}
- {{#card.header}}
- {{#card.title}}Header{{/card.title}}
- {{/card.header}}
- {{#card.body}}
+
+
+ Header
+
+
Body
- {{/card.body}}
- {{#card.footer}}
+
+
Footer
- {{/card.footer}}
- {{/uk-card}}
+
+
`);
assert.dom(".uk-card").exists();
@@ -29,19 +29,19 @@ module("Integration | Component | uk card", function (hooks) {
});
test("can set hover", async function (assert) {
- await render(hbs`{{uk-card hover=true}}`);
+ await render(hbs``);
assert.dom(".uk-card").hasClass("uk-card-hover");
});
test("can set color", async function (assert) {
- await render(hbs`{{uk-card color='primary'}}`);
+ await render(hbs``);
assert.dom(".uk-card").hasClass("uk-card-primary");
});
test("can set size", async function (assert) {
- await render(hbs`{{uk-card size='small'}}`);
+ await render(hbs``);
assert.dom(".uk-card").hasClass("uk-card-small");
});
diff --git a/tests/integration/components/uk-card/body-test.js b/tests/integration/components/uk-card/body-test.js
index 3cbfd9d6..69d8d0b2 100644
--- a/tests/integration/components/uk-card/body-test.js
+++ b/tests/integration/components/uk-card/body-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk card/body", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-card/body}}Content{{/uk-card/body}}`);
+ await render(hbs`Content`);
assert.dom(".uk-card-body").exists();
});
diff --git a/tests/integration/components/uk-card/footer-test.js b/tests/integration/components/uk-card/footer-test.js
index 62af2018..ad03402e 100644
--- a/tests/integration/components/uk-card/footer-test.js
+++ b/tests/integration/components/uk-card/footer-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk card/footer", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-card/footer}}Content{{/uk-card/footer}}`);
+ await render(hbs`Content`);
assert.dom(".uk-card-footer").exists();
});
diff --git a/tests/integration/components/uk-card/header-test.js b/tests/integration/components/uk-card/header-test.js
index 9e14e9f9..c4119c7c 100644
--- a/tests/integration/components/uk-card/header-test.js
+++ b/tests/integration/components/uk-card/header-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk card/header", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-card/header}}Content{{/uk-card/header}}`);
+ await render(hbs`Content`);
assert.dom(".uk-card-header").exists();
});
diff --git a/tests/integration/components/uk-card/title-test.js b/tests/integration/components/uk-card/title-test.js
index 9540dd2c..af258441 100644
--- a/tests/integration/components/uk-card/title-test.js
+++ b/tests/integration/components/uk-card/title-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk card/title", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-card/title}}Content{{/uk-card/title}}`);
+ await render(hbs`Content`);
assert.dom("h1.uk-card-title").exists();
});
diff --git a/tests/integration/components/uk-flex-test.js b/tests/integration/components/uk-flex-test.js
index e3caed18..65a17e7c 100644
--- a/tests/integration/components/uk-flex-test.js
+++ b/tests/integration/components/uk-flex-test.js
@@ -7,44 +7,44 @@ module("Integration | Component | uk flex", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-flex}}Test{{/uk-flex}}`);
+ await render(hbs`Test`);
assert.dom(".uk-flex").exists();
assert.dom(".uk-flex").hasText("Test");
});
test("can set inline", async function (assert) {
- await render(hbs`{{uk-flex inline=true}}`);
+ await render(hbs``);
assert.dom(".uk-flex-inline").exists();
});
test("can set horizontal", async function (assert) {
- await render(hbs`{{uk-flex horizontal='center'}}`);
+ await render(hbs``);
assert.dom(".uk-flex-center").exists();
});
test("can set vertical", async function (assert) {
- await render(hbs`{{uk-flex vertical='middle'}}`);
+ await render(hbs``);
assert.dom(".uk-flex-middle").exists();
});
test("can set direction", async function (assert) {
- await render(hbs`{{uk-flex direction='column-reverse'}}`);
+ await render(hbs``);
assert.dom(".uk-flex-column-reverse").exists();
});
test("can set wrap", async function (assert) {
- await render(hbs`{{uk-flex wrap='nowrap'}}`);
+ await render(hbs``);
assert.dom(".uk-flex-nowrap").exists();
});
test("can set wrap alignment", async function (assert) {
- await render(hbs`{{uk-flex wrapAlignment='around'}}`);
+ await render(hbs``);
assert.dom(".uk-flex-wrap-around").exists();
});
diff --git a/tests/integration/components/uk-icon-test.js b/tests/integration/components/uk-icon-test.js
index 4ee40259..a875f828 100644
--- a/tests/integration/components/uk-icon-test.js
+++ b/tests/integration/components/uk-icon-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk icon", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{uk-icon 'home' ratio=2}}`);
+ await render(hbs``);
assert.dom("[uk-icon]").exists();
assert.dom("[uk-icon]").hasAttribute("icon", "home");
diff --git a/tests/integration/components/uk-label-test.js b/tests/integration/components/uk-label-test.js
index 5636ce06..815286c2 100644
--- a/tests/integration/components/uk-label-test.js
+++ b/tests/integration/components/uk-label-test.js
@@ -7,20 +7,20 @@ module("Integration | Component | uk label", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{#uk-label}}Test{{/uk-label}}`);
+ await render(hbs`Test`);
assert.dom("span.uk-label").exists();
assert.dom("span.uk-label").hasText("Test");
});
test("can set label", async function (assert) {
- await render(hbs`{{uk-label label='Test'}}`);
+ await render(hbs``);
assert.dom("span.uk-label").hasText("Test");
});
test("can set color", async function (assert) {
- await render(hbs`{{uk-label color='danger' label='Test'}}`);
+ await render(hbs``);
assert.dom("span.uk-label").hasClass("uk-label-danger");
});
diff --git a/tests/integration/components/uk-list-test.js b/tests/integration/components/uk-list-test.js
index c10426e9..da090904 100644
--- a/tests/integration/components/uk-list-test.js
+++ b/tests/integration/components/uk-list-test.js
@@ -8,11 +8,11 @@ module("Integration | Component | uk list", function (hooks) {
test("renders", async function (assert) {
await render(hbs`
- {{#uk-list as |list|}}
- {{#list.item}}Foo{{/list.item}}
- {{#list.item}}Bar{{/list.item}}
- {{#list.item}}Baz{{/list.item}}
- {{/uk-list}}
+
+ Foo
+ Bar
+ Baz
+
`);
assert.dom(".uk-list").exists();
@@ -20,25 +20,25 @@ module("Integration | Component | uk list", function (hooks) {
});
test("can set divider", async function (assert) {
- await render(hbs`{{uk-list divider=true}}`);
+ await render(hbs``);
assert.dom(".uk-list").hasClass("uk-list-divider");
});
test("can set striped", async function (assert) {
- await render(hbs`{{uk-list striped=true}}`);
+ await render(hbs``);
assert.dom(".uk-list").hasClass("uk-list-striped");
});
test("can set bullet", async function (assert) {
- await render(hbs`{{uk-list bullet=true}}`);
+ await render(hbs``);
assert.dom(".uk-list").hasClass("uk-list-bullet");
});
test("can set large", async function (assert) {
- await render(hbs`{{uk-list large=true}}`);
+ await render(hbs``);
assert.dom(".uk-list").hasClass("uk-list-large");
});
diff --git a/tests/integration/components/uk-list/item-test.js b/tests/integration/components/uk-list/item-test.js
index a457af1e..2e6dba80 100644
--- a/tests/integration/components/uk-list/item-test.js
+++ b/tests/integration/components/uk-list/item-test.js
@@ -7,7 +7,7 @@ module("Integration | Component | uk list/item", function (hooks) {
setupRenderingTest(hooks);
test("renders", async function (assert) {
- await render(hbs`{{uk-list/item}}`);
+ await render(hbs``);
assert.dom("li").exists();
});
diff --git a/tests/integration/components/uk-modal-test.js b/tests/integration/components/uk-modal-test.js
index 0de01482..65c773d5 100644
--- a/tests/integration/components/uk-modal-test.js
+++ b/tests/integration/components/uk-modal-test.js
@@ -1,4 +1,4 @@
-import { render, click, waitFor, triggerEvent } from "@ember/test-helpers";
+import { render, triggerEvent, settled } from "@ember/test-helpers";
import { hbs } from "ember-cli-htmlbars";
import { setupRenderingTest } from "ember-qunit";
import { module, test } from "qunit";
@@ -10,74 +10,80 @@ module("Integration | Component | uk-modal", function (hooks) {
assert.expect(1);
await render(hbs`
- {{#uk-modal as |modal|}}
- {{#modal.header}}
+
+
Test
- {{/modal.header}}
- {{/uk-modal}}
+
+
`);
assert.dom(".uk-modal.uk-open").doesNotExist();
});
- test("it renders if visible=true", async function (assert) {
- assert.expect(1);
+ test("it observes the visible property", async function (assert) {
+ assert.expect(2);
+
+ this.visible = false;
await render(hbs`
- {{#uk-modal visible=true as |modal|}}
- {{#modal.header}}
-