npm - smoothly - Versions diffs - 1.45.0 → 1.47.0 - Mend

smoothly 1.45.0 → 1.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (199) hide show

package/dist/components/{p-4a36ffd6.js → p-91b9eeb3.js} RENAMED Viewed

@@ -2,15 +2,15 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$g } from './p-6cbf0998.js';
 import { d as defineCustomElement$f } from './p-1333dbf1.js';
 import { d as defineCustomElement$e } from './p-2362ecb0.js';
-import { d as defineCustomElement$d } from './p-1f0771a9.js';
-import { d as defineCustomElement$c } from './p-073a8ef0.js';
+import { d as defineCustomElement$d } from './p-14e475fb.js';
+import { d as defineCustomElement$c } from './p-64f0a7b8.js';
 import { d as defineCustomElement$b } from './p-646d458b.js';
-import { d as defineCustomElement$a } from './p-6881e419.js';
-import { d as defineCustomElement$9 } from './p-c5b61fd7.js';
-import { d as defineCustomElement$8 } from './p-ffae8c52.js';
-import { d as defineCustomElement$7 } from './p-8036d228.js';
-import { d as defineCustomElement$6 } from './p-266bcc99.js';
-import { d as defineCustomElement$5 } from './p-4f9431a0.js';
+import { d as defineCustomElement$a } from './p-2bd65d6b.js';
+import { d as defineCustomElement$9 } from './p-4812d714.js';
+import { d as defineCustomElement$8 } from './p-41cc707f.js';
+import { d as defineCustomElement$7 } from './p-8a0a0379.js';
+import { d as defineCustomElement$6 } from './p-54009924.js';
+import { d as defineCustomElement$5 } from './p-d9c5f8ae.js';
 import { d as defineCustomElement$4 } from './p-12c5004d.js';
 import { d as defineCustomElement$3 } from './p-3d953446.js';
 import { d as defineCustomElement$2 } from './p-24088bb5.js';
@@ -126,4 +126,4 @@ defineCustomElement();
 export { SmoothlyButtonDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-4a36ffd6.js.map
+//# sourceMappingURL=p-91b9eeb3.js.map

package/dist/components/{p-4a36ffd6.js.map → p-91b9eeb3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-4a36ffd6.js","mappings":"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","names":[],"sources":["src/components/button/demo/style.css?tag=smoothly-button-demo","src/components/button/demo/index.tsx"],"sourcesContent":["smoothly-button-demo {\n\tdisplay: block;\n\tmargin: 1rem;\n}\n\nsmoothly-button-demo > section > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n\nsmoothly-button-demo smoothly-button {\n\tmargin: .2em .5em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<section>\n\t\t\t\t\t<smoothly-button-demo-standard />\n\t\t\t\t</section>\n\t\t\t\t<section>\n\t\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\ttype link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Primary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Danger + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Success + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Dark + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Medium + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Light + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Solid\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Outline\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Clear\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\t\tGo Forward\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t\tlink + type link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\tDisabled\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\t\tDisabled link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t<smoothly-back-to-top />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-91b9eeb3.js","mappings":"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","names":[],"sources":["src/components/button/demo/style.css?tag=smoothly-button-demo","src/components/button/demo/index.tsx"],"sourcesContent":["smoothly-button-demo {\n\tdisplay: block;\n\tmargin: 1rem;\n}\n\nsmoothly-button-demo > section > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n\nsmoothly-button-demo smoothly-button {\n\tmargin: .2em .5em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<section>\n\t\t\t\t\t<smoothly-button-demo-standard />\n\t\t\t\t</section>\n\t\t\t\t<section>\n\t\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\ttype link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Primary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Danger + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Success + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Dark + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Medium + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Light + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Solid\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Outline\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Clear\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\t\tGo Forward\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t\tlink + type link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\tDisabled\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\t\tDisabled link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t<smoothly-back-to-top />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-cf554614.js → p-93bd3fcb.js} RENAMED Viewed

@@ -6,13 +6,13 @@ import { N as Notice } from './p-ef01331e.js';
 import './p-47ea6b68.js';
 import { d as defineCustomElement$c } from './p-1333dbf1.js';
 import { d as defineCustomElement$b } from './p-2362ecb0.js';
-import { d as defineCustomElement$a } from './p-d7729be2.js';
-import { d as defineCustomElement$9 } from './p-073a8ef0.js';
+import { d as defineCustomElement$a } from './p-e6e7ba64.js';
+import { d as defineCustomElement$9 } from './p-64f0a7b8.js';
 import { d as defineCustomElement$8 } from './p-646d458b.js';
-import { d as defineCustomElement$7 } from './p-6881e419.js';
-import { d as defineCustomElement$6 } from './p-b7ac2503.js';
-import { d as defineCustomElement$5 } from './p-350d07cc.js';
-import { d as defineCustomElement$4 } from './p-4f9431a0.js';
+import { d as defineCustomElement$7 } from './p-2bd65d6b.js';
+import { d as defineCustomElement$6 } from './p-9bede408.js';
+import { d as defineCustomElement$5 } from './p-3b99cf46.js';
+import { d as defineCustomElement$4 } from './p-d9c5f8ae.js';
 import { d as defineCustomElement$3 } from './p-20e25612.js';
 import { d as defineCustomElement$2 } from './p-12c5004d.js';
 import { d as defineCustomElement$1 } from './p-3d953446.js';
@@ -123,4 +123,4 @@ defineCustomElement();
 export { SmoothlyFormDemoDateRange as S, defineCustomElement as d };
-//# sourceMappingURL=p-cf554614.js.map
+//# sourceMappingURL=p-93bd3fcb.js.map

package/dist/components/{p-cf554614.js.map → p-93bd3fcb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~cf554614~~.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oDAAoD,CAAC;AACtE,wCAAe,QAAQ;;MCSV,yBAAyB;IALtC;;;;QAOS,cAAS,GAAGA,MAAW,CAA6B;YAC3D,KAAK,EAAEC,MAAW,CAAC,iBAAiB,EAAEC,SAAe,CAAC,EAAE,CAAC;SACzD,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,gFAAyB,EACzB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,kFAA2B,IAAI,EAAE,OAAO,IAAG,OAAO,CAA6B,EAC/E,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.DateRange"],"sources":["src/components/form/demo/date-range/style.css?tag=smoothly-form-demo-date-range&encapsulation=scoped","src/components/form/demo/date-range/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDateRange {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ range: isoly.DateRange }>({\n\t\trange: isly.fromIs(\"isoly.DateRange\", isoly.DateRange.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date-range input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date-range name={\"range\"}>{\"Range\"}</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-93bd3fcb.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oDAAoD,CAAC;AACtE,wCAAe,QAAQ;;MCSV,yBAAyB;IALtC;;;;QAOS,cAAS,GAAGA,MAAW,CAA6B;YAC3D,KAAK,EAAEC,MAAW,CAAC,iBAAiB,EAAEC,SAAe,CAAC,EAAE,CAAC;SACzD,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,gFAAyB,EACzB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,kFAA2B,IAAI,EAAE,OAAO,IAAG,OAAO,CAA6B,EAC/E,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.DateRange"],"sources":["src/components/form/demo/date-range/style.css?tag=smoothly-form-demo-date-range&encapsulation=scoped","src/components/form/demo/date-range/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDateRange {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ range: isoly.DateRange }>({\n\t\trange: isly.fromIs(\"isoly.DateRange\", isoly.DateRange.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date-range input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date-range name={\"range\"}>{\"Range\"}</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-71ed3164.js → p-9aadc540.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import { d as defineCustomElement$5 } from './p-563f31fe.js';
 import { d as defineCustomElement$4 } from './p-646d458b.js';
 import { d as defineCustomElement$3 } from './p-0a89e8a5.js';
 import { d as defineCustomElement$2 } from './p-3d953446.js';
-import { d as defineCustomElement$1 } from './p-afb9213b.js';
+import { d as defineCustomElement$1 } from './p-cb1cd803.js';
 const SmoothlyDisplayDemo = proxyCustomElement(class SmoothlyDisplayDemo extends H {
     constructor() {
@@ -173,4 +173,4 @@ defineCustomElement();
 export { SmoothlyDisplayDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-71ed3164.js.map
+//# sourceMappingURL=p-9aadc540.js.map

package/dist/components/{p-71ed3164.js.map → p-9aadc540.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-71ed3164.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/display/demo/index.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-display-demo\",\n})\nexport class SmoothlyDisplayDemo {\n\t@State() downloadingSpinner: boolean\n\t@Event() notice: EventEmitter<Notice>\n\tprivate noticeWarning(notice: Notice) {\n\t\tconsole.log(\"emit\", notice)\n\t\tthis.notice.emit(notice)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<main>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly display</h2>\n\t\t\t\t\t<dl>\n\t\t\t\t\t\t<dt>Duration</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 13, minutes: 100 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: 3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: \"inline\" }}\n\t\t\t\t\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\t\t\t\t\tvalue={{ hours: -13, minutes: 100 }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: -8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{}} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: -3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>text</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"text\" value=\"text\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>postal code</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"postal-code\" value=\"752 31\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>password</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"password\" value=\"password\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>email</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"email\" value=\"test@example.com\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"price\" value=\"13.37\" currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price without decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals if they are set, otherwise no decimal</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>percent</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"percent\" value=\"42\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>phone</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"phone\" value=\"0101881108\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card number</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-number\" value=\"4111111111111111\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card expires</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-expires\" value=\"7/22\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card csc</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-csc\" value=\"987\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2022-07-07\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date time</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"long\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"2-digit\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"numeric\", month: \"short\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"2-digit\", month: \"numeric\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t\ttimeZone: \"Europe/Stockholm\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:15Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>Display JSON</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display-demo-json />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</dl>\n\t\t\t\t</fieldset>\n\t\t\t\t<h2>With labels</h2>\n\t\t\t\t<dd>\n\t\t\t\t\t<smoothly-display label=\"Today\" type=\"date\" value={isoly.Date.now()} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"SEK\" value={6789} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"GBP\" value={678.9} />\n\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\tlabel=\"Logs\"\n\t\t\t\t\t\ttype=\"json\"\n\t\t\t\t\t\tvalue={[\n\t\t\t\t\t\t\t{ type: \"trace\", message: \"Hello\" },\n\t\t\t\t\t\t\t{ type: \"error\", message: \"Oh no!\" },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</dd>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Test of different kinds of notifier</h2>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.warn(\"This is a test warning notice.\"))}>warning</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.succeeded(\"This is a test success notice.\"))}>\n\t\t\t\t\t\tsuccess\n\t\t\t\t\t</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.failed(\"This is a test danger notice.\"))}>danger</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.execute(\n\t\t\t\t\t\t\t\t\t\"This is a test execute notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\texecute\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.delay(\n\t\t\t\t\t\t\t\t\t\"This is a test delay notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tdelay\n\t\t\t\t\t</button>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly spinner</h2>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tLarge\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"200,255,200\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.2\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tMedium\n\t\t\t\t\t\t<smoothly-spinner size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tSmall\n\t\t\t\t\t\t<smoothly-spinner size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tIcon sized spinner on button\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\tshape=\"rounded\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.downloadingSpinner = true\n\t\t\t\t\t\t\t\t\tsetTimeout(() => (this.downloadingSpinner = false), 3000)\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{!this.downloadingSpinner && <smoothly-icon name=\"download-outline\" />}\n\t\t\t\t\t\t\t\t{this.downloadingSpinner && (\n\t\t\t\t\t\t\t\t\t<smoothly-spinner size=\"icon\" style={{ \"--spinner-background-opacity\": \"0\" }} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<h3>Spinner with overlay</h3>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tLarge Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\toverlay\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"255,200,255\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.5\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tMedium Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay color=\"secondary\" size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tSmall Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly summary</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<p slot=\"summary\">Some title</p>\n\t\t\t\t\t\t<p slot=\"content\">Some content</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary size=\"large\">\n\t\t\t\t\t\t<p slot=\"summary\">Some title</p>\n\t\t\t\t\t\t<p slot=\"content\">Some content</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary color=\"danger\" fill=\"clear\">\n\t\t\t\t\t\t<div slot=\"summary\" style={{ display: \"flex\", gap: \"0.3rem\" }}>\n\t\t\t\t\t\t\t<span>Person</span>\n\t\t\t\t\t\t\t<smoothly-icon name=\"person\" color=\"light\" fill=\"clear\" size=\"tiny\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p slot=\"content\">Some person information.</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary color=\"danger\" fill=\"clear\" open>\n\t\t\t\t\t\t<p slot=\"summary\">Some other title</p>\n\t\t\t\t\t\t<p slot=\"content\">\n\t\t\t\t\t\t\tA lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more\n\t\t\t\t\t\t\tcontent, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content,\n\t\t\t\t\t\t\tyes please. A lot more content, yes please. A lot more content, yes please.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<h2>Label</h2>\n\t\t\t\t\t{labels.map(l => (\n\t\t\t\t\t\t<smoothly-label hue={l.hue} description={l.description} shape={\"rectangle\"}>\n\t\t\t\t\t\t\t{l.name}\n\t\t\t\t\t\t</smoothly-label>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-label color=\"primary\" description=\"Using colors\" shape={\"rectangle\"}>\n\t\t\t\t\t\tPrimary\n\t\t\t\t\t</smoothly-label>\n\t\t\t\t</fieldset>\n\t\t\t</main>,\n\t\t]\n\t}\n}\nconst labels = [\n\t{\n\t\tname: \"2fa\",\n\t\thue: 120,\n\t\tdescription: \"User has two factor authentication enabled.\",\n\t},\n\t{\n\t\tname: \"expired\",\n\t\thue: 240,\n\t\tdescription: \"User's password has expired.\",\n\t},\n\t{\n\t\tname: \"inactive\",\n\t\thue: 60,\n\t\tdescription: \"User is inactive.\",\n\t},\n]\n"],"version":3}
1	+ {"file":"p-9aadc540.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/display/demo/index.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-display-demo\",\n})\nexport class SmoothlyDisplayDemo {\n\t@State() downloadingSpinner: boolean\n\t@Event() notice: EventEmitter<Notice>\n\tprivate noticeWarning(notice: Notice) {\n\t\tconsole.log(\"emit\", notice)\n\t\tthis.notice.emit(notice)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<main>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly display</h2>\n\t\t\t\t\t<dl>\n\t\t\t\t\t\t<dt>Duration</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 13, minutes: 100 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: 3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: \"inline\" }}\n\t\t\t\t\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\t\t\t\t\tvalue={{ hours: -13, minutes: 100 }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: -8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{}} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: -3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>text</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"text\" value=\"text\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>postal code</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"postal-code\" value=\"752 31\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>password</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"password\" value=\"password\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>email</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"email\" value=\"test@example.com\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"price\" value=\"13.37\" currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price without decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals if they are set, otherwise no decimal</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>percent</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"percent\" value=\"42\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>phone</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"phone\" value=\"0101881108\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card number</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-number\" value=\"4111111111111111\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card expires</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-expires\" value=\"7/22\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card csc</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-csc\" value=\"987\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2022-07-07\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date time</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"long\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"2-digit\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"numeric\", month: \"short\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"2-digit\", month: \"numeric\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t\ttimeZone: \"Europe/Stockholm\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:15Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>Display JSON</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display-demo-json />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</dl>\n\t\t\t\t</fieldset>\n\t\t\t\t<h2>With labels</h2>\n\t\t\t\t<dd>\n\t\t\t\t\t<smoothly-display label=\"Today\" type=\"date\" value={isoly.Date.now()} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"SEK\" value={6789} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"GBP\" value={678.9} />\n\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\tlabel=\"Logs\"\n\t\t\t\t\t\ttype=\"json\"\n\t\t\t\t\t\tvalue={[\n\t\t\t\t\t\t\t{ type: \"trace\", message: \"Hello\" },\n\t\t\t\t\t\t\t{ type: \"error\", message: \"Oh no!\" },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</dd>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Test of different kinds of notifier</h2>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.warn(\"This is a test warning notice.\"))}>warning</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.succeeded(\"This is a test success notice.\"))}>\n\t\t\t\t\t\tsuccess\n\t\t\t\t\t</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.failed(\"This is a test danger notice.\"))}>danger</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.execute(\n\t\t\t\t\t\t\t\t\t\"This is a test execute notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\texecute\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.delay(\n\t\t\t\t\t\t\t\t\t\"This is a test delay notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tdelay\n\t\t\t\t\t</button>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly spinner</h2>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tLarge\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"200,255,200\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.2\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tMedium\n\t\t\t\t\t\t<smoothly-spinner size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tSmall\n\t\t\t\t\t\t<smoothly-spinner size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tIcon sized spinner on button\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\tshape=\"rounded\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.downloadingSpinner = true\n\t\t\t\t\t\t\t\t\tsetTimeout(() => (this.downloadingSpinner = false), 3000)\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{!this.downloadingSpinner && <smoothly-icon name=\"download-outline\" />}\n\t\t\t\t\t\t\t\t{this.downloadingSpinner && (\n\t\t\t\t\t\t\t\t\t<smoothly-spinner size=\"icon\" style={{ \"--spinner-background-opacity\": \"0\" }} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<h3>Spinner with overlay</h3>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tLarge Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\toverlay\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"255,200,255\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.5\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tMedium Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay color=\"secondary\" size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tSmall Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly summary</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<p slot=\"summary\">Some title</p>\n\t\t\t\t\t\t<p slot=\"content\">Some content</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary size=\"large\">\n\t\t\t\t\t\t<p slot=\"summary\">Some title</p>\n\t\t\t\t\t\t<p slot=\"content\">Some content</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary color=\"danger\" fill=\"clear\">\n\t\t\t\t\t\t<div slot=\"summary\" style={{ display: \"flex\", gap: \"0.3rem\" }}>\n\t\t\t\t\t\t\t<span>Person</span>\n\t\t\t\t\t\t\t<smoothly-icon name=\"person\" color=\"light\" fill=\"clear\" size=\"tiny\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p slot=\"content\">Some person information.</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary color=\"danger\" fill=\"clear\" open>\n\t\t\t\t\t\t<p slot=\"summary\">Some other title</p>\n\t\t\t\t\t\t<p slot=\"content\">\n\t\t\t\t\t\t\tA lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more\n\t\t\t\t\t\t\tcontent, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content,\n\t\t\t\t\t\t\tyes please. A lot more content, yes please. A lot more content, yes please.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<h2>Label</h2>\n\t\t\t\t\t{labels.map(l => (\n\t\t\t\t\t\t<smoothly-label hue={l.hue} description={l.description} shape={\"rectangle\"}>\n\t\t\t\t\t\t\t{l.name}\n\t\t\t\t\t\t</smoothly-label>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-label color=\"primary\" description=\"Using colors\" shape={\"rectangle\"}>\n\t\t\t\t\t\tPrimary\n\t\t\t\t\t</smoothly-label>\n\t\t\t\t</fieldset>\n\t\t\t</main>,\n\t\t]\n\t}\n}\nconst labels = [\n\t{\n\t\tname: \"2fa\",\n\t\thue: 120,\n\t\tdescription: \"User has two factor authentication enabled.\",\n\t},\n\t{\n\t\tname: \"expired\",\n\t\thue: 240,\n\t\tdescription: \"User's password has expired.\",\n\t},\n\t{\n\t\tname: \"inactive\",\n\t\thue: 60,\n\t\tdescription: \"User is inactive.\",\n\t},\n]\n"],"version":3}

package/dist/components/{p-12163cb8.js → p-9b466ef9.js} RENAMED Viewed

@@ -6,13 +6,13 @@ import { N as Notice } from './p-ef01331e.js';
 import './p-47ea6b68.js';
 import { d as defineCustomElement$c } from './p-1333dbf1.js';
 import { d as defineCustomElement$b } from './p-2362ecb0.js';
-import { d as defineCustomElement$a } from './p-d7729be2.js';
-import { d as defineCustomElement$9 } from './p-073a8ef0.js';
+import { d as defineCustomElement$a } from './p-e6e7ba64.js';
+import { d as defineCustomElement$9 } from './p-64f0a7b8.js';
 import { d as defineCustomElement$8 } from './p-646d458b.js';
-import { d as defineCustomElement$7 } from './p-6881e419.js';
-import { d as defineCustomElement$6 } from './p-cf2591d6.js';
-import { d as defineCustomElement$5 } from './p-350d07cc.js';
-import { d as defineCustomElement$4 } from './p-4f9431a0.js';
+import { d as defineCustomElement$7 } from './p-2bd65d6b.js';
+import { d as defineCustomElement$6 } from './p-7244ae90.js';
+import { d as defineCustomElement$5 } from './p-3b99cf46.js';
+import { d as defineCustomElement$4 } from './p-d9c5f8ae.js';
 import { d as defineCustomElement$3 } from './p-20e25612.js';
 import { d as defineCustomElement$2 } from './p-12c5004d.js';
 import { d as defineCustomElement$1 } from './p-3d953446.js';
@@ -123,4 +123,4 @@ defineCustomElement();
 export { SmoothlyFormDemoDate as S, defineCustomElement as d };
-//# sourceMappingURL=p-12163cb8.js.map
+//# sourceMappingURL=p-9b466ef9.js.map

package/dist/components/{p-12163cb8.js.map → p-9b466ef9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~12163cb8~~.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8CAA8C,CAAC;AAChE,mCAAe,QAAQ;;MCSV,oBAAoB;IALjC;;;;QAOS,cAAS,GAAGA,MAAW,CAAuB;YACrD,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;SAC9C,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,0EAAmB,EACnB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,4EAAqB,IAAI,EAAE,MAAM,IAAG,MAAM,CAAuB,EACjE,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date"],"sources":["src/components/form/demo/date/style.css?tag=smoothly-form-demo-date&encapsulation=scoped","src/components/form/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDate {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ date: isoly.Date }>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date name={\"date\"}>{\"Date\"}</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-9b466ef9.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8CAA8C,CAAC;AAChE,mCAAe,QAAQ;;MCSV,oBAAoB;IALjC;;;;QAOS,cAAS,GAAGA,MAAW,CAAuB;YACrD,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;SAC9C,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,0EAAmB,EACnB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,4EAAqB,IAAI,EAAE,MAAM,IAAG,MAAM,CAAuB,EACjE,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date"],"sources":["src/components/form/demo/date/style.css?tag=smoothly-form-demo-date&encapsulation=scoped","src/components/form/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDate {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ date: isoly.Date }>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date name={\"date\"}>{\"Date\"}</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-b7ac2503.js → p-9bede408.js} RENAMED Viewed

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { D as Date } from './p-390767c7.js';
 import { f as format } from './p-11266f72.js';
 import { E as Editable } from './p-fe854055.js';
-import { I as Input } from './p-073a8ef0.js';
-import { d as defineCustomElement$6 } from './p-d7729be2.js';
+import { I as Input } from './p-64f0a7b8.js';
+import { d as defineCustomElement$6 } from './p-e6e7ba64.js';
 import { d as defineCustomElement$5 } from './p-646d458b.js';
-import { d as defineCustomElement$4 } from './p-6881e419.js';
-import { d as defineCustomElement$3 } from './p-350d07cc.js';
-import { d as defineCustomElement$2 } from './p-4f9431a0.js';
+import { d as defineCustomElement$4 } from './p-2bd65d6b.js';
+import { d as defineCustomElement$3 } from './p-3b99cf46.js';
+import { d as defineCustomElement$2 } from './p-d9c5f8ae.js';
 import { d as defineCustomElement$1 } from './p-12c5004d.js';
 const styleCss = ".sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h:not([readonly])>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{cursor:pointer}[disabled].sc-smoothly-input-date-range-h,[disabled].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;box-sizing:border-box;top:1px;left:-7rem;z-index:9;transform:translate(10em, -0.55rem) rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;width:100%;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding-block:0.5rem;padding-inline:0.2rem;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}";
@@ -218,4 +218,4 @@ defineCustomElement();
 export { SmoothlyInputDateRange as S, defineCustomElement as d };
-//# sourceMappingURL=p-b7ac2503.js.map
+//# sourceMappingURL=p-9bede408.js.map

package/dist/components/{p-b7ac2503.js.map → p-9bede408.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-b7ac2503.js","mappings":"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","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host:not([readonly])>section>smoothly-input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>section>smoothly-input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7rem;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55rem) rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\twidth: 100%;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding-block: 0.5rem;\n\tpadding-inline: 0.2rem;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date \| undefined\n\t@Prop({ mutable: true }) end: isoly.Date \| undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable \| undefined\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange \| undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange \| undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={this.disabled ? undefined : 0}>\n\t\t\t\t<section onClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-9bede408.js","mappings":"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","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host:not([readonly])>section>smoothly-input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>section>smoothly-input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7rem;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55rem) rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\twidth: 100%;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding-block: 0.5rem;\n\tpadding-inline: 0.2rem;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date \| undefined\n\t@Prop({ mutable: true }) end: isoly.Date \| undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable \| undefined\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange \| undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange \| undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={this.disabled ? undefined : 0}>\n\t\t\t\t<section onClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-815106ea.js → p-a01b64db.js} RENAMED Viewed

@@ -5,9 +5,9 @@ import { d as defineCustomElement$8 } from './p-be335d4f.js';
 import { d as defineCustomElement$7 } from './p-c810b752.js';
 import { d as defineCustomElement$6 } from './p-563f31fe.js';
 import { d as defineCustomElement$5 } from './p-646d458b.js';
-import { d as defineCustomElement$4 } from './p-6881e419.js';
-import { d as defineCustomElement$3 } from './p-61a7cf55.js';
-import { d as defineCustomElement$2 } from './p-57a5c6ec.js';
+import { d as defineCustomElement$4 } from './p-2bd65d6b.js';
+import { d as defineCustomElement$3 } from './p-41e8dc8a.js';
+import { d as defineCustomElement$2 } from './p-0812b5d1.js';
 import { d as defineCustomElement$1 } from './p-24088bb5.js';
 const SmoothlyInputColorDemo = proxyCustomElement(class SmoothlyInputColorDemo extends H {
@@ -87,4 +87,4 @@ defineCustomElement();
 export { SmoothlyInputColorDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-815106ea.js.map
+//# sourceMappingURL=p-a01b64db.js.map

package/dist/components/{p-815106ea.js.map → p-a01b64db.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~815106ea~~.js","mappings":";;;;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,6EAAsB,IAAI,EAAC,OAAO,mBAAoC,CAChE,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-color-demo\",\n\tstyles: \"style.css\",\n})\nexport class SmoothlyInputColorDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Color</h2>\n\t\t\t\t<smoothly-input-color name=\"color\">Choose color</smoothly-input-color>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-a01b64db.js","mappings":";;;;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,6EAAsB,IAAI,EAAC,OAAO,mBAAoC,CAChE,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-color-demo\",\n\tstyles: \"style.css\",\n})\nexport class SmoothlyInputColorDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Color</h2>\n\t\t\t\t<smoothly-input-color name=\"color\">Choose color</smoothly-input-color>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1e2f3402.js → p-b1b254c0.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$8 } from './p-1333dbf1.js';
 import { d as defineCustomElement$7 } from './p-2362ecb0.js';
-import { d as defineCustomElement$6 } from './p-073a8ef0.js';
+import { d as defineCustomElement$6 } from './p-64f0a7b8.js';
 import { d as defineCustomElement$5 } from './p-646d458b.js';
-import { d as defineCustomElement$4 } from './p-6881e419.js';
-import { d as defineCustomElement$3 } from './p-036291c5.js';
+import { d as defineCustomElement$4 } from './p-2bd65d6b.js';
+import { d as defineCustomElement$3 } from './p-fad4a3f7.js';
 import { d as defineCustomElement$2 } from './p-20e25612.js';
 import { d as defineCustomElement$1 } from './p-3d953446.js';
@@ -74,4 +74,4 @@ defineCustomElement();
 export { SmoothlyFormDemoLogin as S, defineCustomElement as d };
-//# sourceMappingURL=p-1e2f3402.js.map
+//# sourceMappingURL=p-b1b254c0.js.map

package/dist/components/{p-1e2f3402.js.map → p-b1b254c0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~1e2f3402~~.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7E,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b1b254c0.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7E,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-813a3583.js → p-b6148312.js} RENAMED Viewed

@@ -6,12 +6,12 @@ import { d as defineCustomElement$a } from './p-c810b752.js';
 import { d as defineCustomElement$9 } from './p-563f31fe.js';
 import { d as defineCustomElement$8 } from './p-524e9d9e.js';
 import { d as defineCustomElement$7 } from './p-775d762b.js';
-import { d as defineCustomElement$6 } from './p-1f37b041.js';
-import { d as defineCustomElement$5 } from './p-06134e23.js';
-import { d as defineCustomElement$4 } from './p-0015ab6e.js';
+import { d as defineCustomElement$6 } from './p-407b175a.js';
+import { d as defineCustomElement$5 } from './p-d44dc1ad.js';
+import { d as defineCustomElement$4 } from './p-84b7335b.js';
 import { d as defineCustomElement$3 } from './p-4c7e796e.js';
 import { d as defineCustomElement$2 } from './p-0c8734f6.js';
-import { d as defineCustomElement$1 } from './p-df43f9fc.js';
+import { d as defineCustomElement$1 } from './p-dad268ef.js';
 const styleCss = ".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";
 const SmoothlyTableDemoSimpleStyle0 = styleCss;
@@ -180,4 +180,4 @@ defineCustomElement();
 export { SmoothlyTableDemoSimple as S, defineCustomElement as d };
-//# sourceMappingURL=p-813a3583.js.map
+//# sourceMappingURL=p-b6148312.js.map

package/dist/components/{p-813a3583.js.map → p-b6148312.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~813a3583~~.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<a class=\"smoothly-row\" href=\"#\" onClick={e => !e.button && e.preventDefault()} target=\"_blank\">\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Cell1 in expandable row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Cell2 in expandable row</smoothly-table-cell>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<div slot={\"detail\"}>\n\t\t\t\t\t\t\t\tContent\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tof\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tthe\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\texpandable\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\trow\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}
1	+ {"file":"p-b6148312.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<a class=\"smoothly-row\" href=\"#\" onClick={e => !e.button && e.preventDefault()} target=\"_blank\">\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Cell1 in expandable row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Cell2 in expandable row</smoothly-table-cell>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<div slot={\"detail\"}>\n\t\t\t\t\t\t\t\tContent\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tof\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tthe\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\texpandable\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\trow\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}