smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

package/dist/components/p-a9586d11.js

@@ -1,207 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$t } from './p-f9770ff7.js';
-import { d as defineCustomElement$s } from './p-7c5243b2.js';
-import { d as defineCustomElement$r } from './p-6ead1a42.js';
-import { d as defineCustomElement$q } from './p-2020cb82.js';
-import { d as defineCustomElement$p } from './p-b4bb3e74.js';
-import { d as defineCustomElement$o } from './p-06e94eb0.js';
-import { d as defineCustomElement$n } from './p-482b7713.js';
-import { d as defineCustomElement$m } from './p-53ef7cd2.js';
-import { d as defineCustomElement$l } from './p-6dfe2edb.js';
-import { d as defineCustomElement$k } from './p-bdfcae2a.js';
-import { d as defineCustomElement$j } from './p-061353e6.js';
-import { d as defineCustomElement$i } from './p-b5bca419.js';
-import { d as defineCustomElement$h } from './p-51d51732.js';
-import { d as defineCustomElement$g } from './p-f47eb337.js';
-import { d as defineCustomElement$f } from './p-5bbf4b7e.js';
-import { d as defineCustomElement$e } from './p-f5e15f8c.js';
-import { d as defineCustomElement$d } from './p-cc15c25a.js';
-import { d as defineCustomElement$c } from './p-0cfd31a4.js';
-import { d as defineCustomElement$b } from './p-9bf13adb.js';
-import { d as defineCustomElement$a } from './p-29c0438b.js';
-import { d as defineCustomElement$9 } from './p-f8e8e77c.js';
-import { d as defineCustomElement$8 } from './p-4c690de1.js';
-import { d as defineCustomElement$7 } from './p-f07d4901.js';
-import { d as defineCustomElement$6 } from './p-0deda363.js';
-import { d as defineCustomElement$5 } from './p-cbd573e1.js';
-import { d as defineCustomElement$4 } from './p-db853fcf.js';
-import { d as defineCustomElement$3 } from './p-91b783bd.js';
-import { d as defineCustomElement$2 } from './p-d09d31f6.js';
-import { d as defineCustomElement$1 } from './p-5268264b.js';
-
-const styleCss = ".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem;margin-left:2rem;margin-right:2rem}.content.sc-smoothly-table-demo{display:contents}smoothly-lazy.sc-smoothly-table-demo{width:80%}";
-const SmoothlyTableDemoStyle0 = styleCss;
-
-const TableDemo = proxyCustomElement(class TableDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '084f8dd93e2e896aa0c82a2dbf94d15e590ab6b3' }, h("h4", { key: 'b415225da9d340343c1140cece8896618734408b' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '02f0149fe05a809bddbb5387d76589fa95cf3636', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '3dd8cf1aa0f290b946924e7d33631ff7ead59068' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'a41c384503a52961c08bb410dd88c7519b728799' }), " ", h("h4", { key: '8ffd0c73febbec012336e4b74a00ce1e5937082a' }, "Demo table 3"), h("smoothly-table", { key: '8238a27bcac022b998c09c26d6fce868fbecfe45' }, h("smoothly-table-row", { key: 'b4e62f8d29d73141e4c42f4613e63d3aa1881e01' }, h("smoothly-table-header", { key: '0a42b31aa3b59120000525d88aec1ecfd8829c45' }, "Header A"), h("smoothly-table-header", { key: 'db14af55f7588b4ff340a847ba8540682bf03c73' }, "Header B"), h("smoothly-table-header", { key: '85d56a58d0de295a58995957a0866b79167121ab' }, "Header C"), h("smoothly-table-header", { key: '03e8cd286eafe69a2f50e051b2a85ef75e1a8a54' }, "Header D")), h("smoothly-table-row", { key: '2682156506f8fb68bf2c234b41a63ac110f8b727' }, h("smoothly-table-expandable-cell", { key: '9a15ca31cfe50004d6c49988aadd2225af73fb30' }, "normal row (exp.cell)", h("div", { key: 'e0e1b167a5333ff7508f1fda9ce8f46f94fb0c86', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: 'cd23c79877acb9f4ed587b9a196f482c99f77d1f' }, "expandable cell", h("div", { key: '70de6e1eb0e37b6e48fc58ab039d1646aecd5590', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'c767fc973dcb18cea7a825f4ebacc2fcb8f9f834' }, "expandable cell", h("div", { key: 'b87f290f7a61063e91b2dfaf6fcb78ed6d50edcc', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '5b915248d37d0a76409d4a3f42fa24ec6b3c24c9' }, "expandable cell", h("div", { key: '51d32db57bea1de0365bfed946f245a342876c03', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'c9b72eea96187a5eac7fa7bb92f46cdbbc236b7b' }, h("smoothly-table-cell", { key: '6afd7627309f99ea53ef3878564520e0342291d8' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'd807670bbd5847a95b1f7147f90d270ce577fb5b' }, "normal cell"), h("smoothly-table-expandable-cell", { key: 'e223767b8b762ae7d94e5dfcd18b436d99525779' }, "expandable cell", h("div", { key: 'e016a6bf37e842872fdb29278da36993e8b0a164', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '34f4733b68e0804be594201cf0ae1cbef75fb671' }, "expandable cell", h("div", { key: '3ff263ed2c11f61b644359f0bcdfee35d79998ae', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '2726ff719d4d97f44023645a474050b37693378e' }, h("smoothly-table-cell", { key: '00d7919bc16009c730d4bfe2eeb4bd81f586a75b' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'a4761fe28dd65afcd183de191305d044b80520ab' }, "Normal cell"), h("smoothly-table-cell", { key: 'efbc8a671ae907024a78075c17c40f6786310cdc' }, "normal cell"), h("smoothly-table-cell", { key: '257ec4c36bc268ac4cb1607042b9889896d888c2' }, "Normal cell"), h("div", { key: '08d7fe72f5ff16098b07ea7d685caf31bac8a6dd', slot: "detail" }, "expandable row content"))), h("h4", { key: 'd53e6ff4a6e60aab6de9c0d3ea74c969e5efda91' }, "Demo table 4"), h("smoothly-table", { key: '73de9321ac19acc5e7083f65a98db49be93153c9' }, h("smoothly-table-row", { key: '8b1f99d3233e48aea2af4dc26070c788f1a80cef' }, h("smoothly-table-header", { key: 'f78d80c0395bacb63328aa252f31c6768aea6b7f' }, "Header A"), h("smoothly-table-expandable-cell", { key: '633bd520914c060e51d28ff0b3c7449b3d22294b' }, "Header expansion", h("div", { key: '271e4f0728dfc22b1843849baf99434c9445909a', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '039d4ce3aa5dee481d1ccb6cefcb6cd9ceb8185b' }, h("smoothly-table-cell", { key: '6ec346a0a7e23185af45bd4fdbf1f60eb3078937' }, "A Content"), h("smoothly-table-cell", { key: '5f87c71d9273c2b05571f04cc67063dcba800368' }, "Expansion cell"), h("div", { key: '16253ba3ae361d4de560d9f265a122dc1bae0348', slot: "detail" }, h("smoothly-tab-switch", { key: '6039dc4d4532d4889be6c32423feed2692573719' }, h("smoothly-tab", { key: '264d4a1b65e4c556b33488f25dcb83656abcdd61', label: "innertable 1", open: true }, h("smoothly-table", { key: 'a0558c84e47e3b700725c1d30621d9e5ceb8edab' }, h("smoothly-table-row", { key: '7bd1bdd05b70c08b609fe508c1e4dd8c710c7a4f' }, h("smoothly-table-header", { key: 'f456b7a3928350d4c70710213bb2ff711970de88' }, "Header B")), h("smoothly-table-expandable-row", { key: 'b1ba00a79b110a6e62af6650058c6188fc3f4180' }, "B Content"))), h("smoothly-tab", { key: 'b46c2ac2124563a2e65d2008f4619af7886c7300', label: "innertable 2" }, h("smoothly-table", { key: '3b2f4e9ee7ac056b3f7f6d54f8f8fa99482afdb4' }, h("smoothly-table-row", { key: 'a3880dcb6b5f4ab9f45a9a2944f2059ad2edb745' }, h("smoothly-table-header", { key: '2781272e470153161befa28cd47b2eab37dc3552' }, "Header C")), h("smoothly-table-expandable-row", { key: 'e1b0316a76d3e2139b9bca5e393f504c66661132' }, h("smoothly-table-cell", { key: '570a8b77983570a5ae493254bea8613c45f9bcda' }, "C Content"))))))), h("smoothly-table-row", { key: '782c89e514003e26997425a0aa803bc0572f3dc1' }, h("smoothly-table-cell", { key: '52e0c55e7b96d48165c15eb448f4873739a5bf72' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'bea42d590e7dbab7e27310dd1d8dca682d3d6611' }, "Expandable cell", h("div", { key: 'c5c1a48ae9b53c4750477ff66020bbeba67047af', slot: "detail" }, "Expansion content")))), h("h4", { key: '25e07ce04b63fcc09ab412d7f73edab24b3e6f61' }, "Demo table 5"), h("smoothly-table", { key: '89b6d51a1d4a2ea21b251b30fd31ca86766ec7dd' }, h("smoothly-table-row", { key: '9d8342fb6eb14f04f0f6fb16cf2f6e23f8f7190d' }, h("smoothly-table-header", { key: '64ef56025441774a7bb463ef2fcdb76364acef65' }, "A"), h("smoothly-table-header", { key: 'f983b14b47f5ee7ab12610983bcd49a3d25e7542' }, "B")), h("smoothly-table-expandable-row", { key: 'd5aa34248de31182fe5f3de2a52417acbfe70dfe' }, h("smoothly-table-cell", { key: 'a8c0648d231f3b30ed4d34fcb61d7f1f2254bcde' }, "nested expandable row"), h("smoothly-table-cell", { key: '3e15199317d011a121e373b1ae9d6f459dc9c02a' }, "b row"), h("div", { key: 'c51357a401d2a6c636f61dfcb8e41c4a76caf82c', slot: "detail" }, h("smoothly-table", { key: '7f483c542f6aeb6bfe5f852367a810ffd167fd13' }, h("smoothly-table-row", { key: 'e41079da0e1c20212ba906c046a6ee8c7012085f' }, h("smoothly-table-header", { key: '574e43d55bc11849bb814b2d3f5afb97b0b483aa' }, "C"), h("smoothly-table-header", { key: 'aed74610f19b5833ef2c028f85b75e8147faffc4' }, "D")), h("smoothly-table-expandable-row", { key: '8c60b3f2e4a8adafb2fb6b363aa4ff1f496e1683' }, h("smoothly-table-cell", { key: '84bbfea75f60ce4d6a9a7820d064b65150272502' }, "c"), h("smoothly-table-cell", { key: '6b9dba2e33651fff09599fea52744c8778099c0a' }, "d"), h("div", { key: '5ef1ebbf76421a9d563ad8db5f3452b633700e00', slot: "detail" }, h("smoothly-table", { key: 'b187dff7aafce9f5fba1e72106cfc5171f6cfb78' }, h("smoothly-table-row", { key: 'a8100316b27da94fccb4d06e25c63712653d76b3' }, h("smoothly-table-header", { key: '0baceebe9adc45de825ae8c56ae7497d28bf54ac' }, "E"), h("smoothly-table-header", { key: 'a63e145febcb38e0b7ee223e0458e2704172d1e3' }, "F")), h("smoothly-table-expandable-row", { key: '562049af8dc23b1ae6d0b3cb1e158814549e1713' }, h("smoothly-table-cell", { key: '2a8ee7d89a1a259399b11f09296eb66f3af538c6' }, "e row"), h("smoothly-table-cell", { key: 'e33339a1468986981cbb0b45eae5d8bf5742e1b6' }, "f row"), h("div", { key: '1de47c75ad56b33b7064e0853f28794f920e57d8', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: 'e5b032ae2717048dbcfc8b8efa3cdf2d7a43a387' }, h("smoothly-table-cell", { key: 'd5eaaf9d86bddad56d3c4c4d068744a8956955e2' }, h("span", { key: 'd18bccfbd3c539699b7794ac24c96ef17a7577b5' }, "one"), h("span", { key: 'a5e0a3bd3645e8955b4a947d98ee3634464ad9e8' }, "two"), h("span", { key: 'f3fed1d5790af1c9faab9d82857d5a1c5d5111b5' }, "three")), h("smoothly-table-cell", { key: '4e84517cfb2f58318199929bba56dc8ac2066f31' }, "five", h("smoothly-icon", { key: '724f7c870f6f650366e8b9c8c7e271d9229e8dc9', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'c17cef1e13675ed6574ee0ed67fc3e0a809c4f62', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'badec24e71bb0bc25eed15baae0bbdd6b34e56b2' }, h("smoothly-table-expandable-cell", { key: 'bb47b5ebaa9b57edf86661b8845ecd0b463f76ef' }, h("span", { key: '5072e29d8c1ec13b6f0fae9b34cfdf3b17abe76d' }, "nested expandable cells"), h("div", { key: 'fa02140e8c1cd37fc9102f8fee1730b0b97521f9', slot: "detail" }, h("smoothly-table", { key: 'c98d1425431843f5890ad268f1b4e51a89dd68d8' }, h("smoothly-table-row", { key: '62dbaa649f2d931965280496712102d828235dd8' }, h("smoothly-table-header", { key: '5ebe0f6612c4fa808af84a0618c20ab63f19e438' }, "E"), h("smoothly-table-header", { key: '5303b346f3942a30c91916cbb645c97e1a662388' }, "F")), h("smoothly-table-row", { key: '8048a33ac049fc2c4cf2c2bfa17225b37ff8970c' }, h("smoothly-table-expandable-cell", { key: 'a428e23eb58ecb10c22707c19779a05f7a935432' }, "e cell", h("div", { key: '5dd3c7a3fbf4e5ce5b2a8dcac4ffa70de76da152', slot: "detail" }, h("smoothly-table", { key: '5fed534993f7282fd1ceae9d63fb5d5f037e02d0' }, h("smoothly-table-row", { key: 'f15b11b8138c12e9262f7346eacc81b516b93052' }, h("smoothly-table-header", { key: 'a7b98696fb996541a0a660a3b8426c40dc04a531' }, "G"), h("smoothly-table-header", { key: '069e5d94c3905da04d0c459c86bdd84a25c8ac13' }, "H")), h("smoothly-table-row", { key: '84cd12fed1dceadd627bb542fb297d08c9733514' }, h("smoothly-table-expandable-cell", { key: '27b65a9b475cab095bf13b648b299e584471dcd6' }, "g cell", h("div", { key: '0a80848130efad2b6afdfa4e72c55f15f14a433c', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '65c391ce8ebd26e8acdcd840fc53c3a563ca4f78' }, "h cell", h("div", { key: 'b486f11d8eb209191358fa12ae9c7a5fdab676be', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'ace694e77923dbc4c25e97667c1210c820e72191' }, "f cell", h("div", { key: '49dbb266e4b771c118e17ad6b7386fc7de00e31a', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '32c9409c941c2f7fe2c05acbcf82b53883621434' }, "b cell", h("div", { key: '5c68f26d1cb6deb1a9beb5906ef92f856b1ccc08', slot: "detail" }, h("smoothly-table", { key: '2aed703f517727ab63fe300a8fbdf0273d73523d' }, h("smoothly-table-row", { key: '0d2add5efffa117a125fb6bcd1b2f658692f69cd' }, h("smoothly-table-header", { key: '0a27261642dd02abc897e0f15d867fe36a8a6a74' }, "C"), h("smoothly-table-header", { key: 'd2a853ce8ce64d5b9f8e6b9ed8cf0853559057bc' }, "D")), h("smoothly-table-row", { key: 'a1ad252e962e305b65a4ad345d4810349c8ffb3c' }, h("smoothly-table-expandable-cell", { key: '1a3447c4afc1dcfee4361fd7d33d6a46e1a7228e' }, "c cell", h("div", { key: '4d61b7d449f79258d113603b770c32bad133487b', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'edc66414c5267890c500920f0e1ce2f560b75103' }, "d cell", h("div", { key: '6ea88715023bbb1f355e5bb1c8b17b9b18d98f55', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '7c6a91e1b9371b17f4f6c0552f212d02e70d4dd5' }, "Demo table 6"), h("smoothly-table", { key: '6940b4b31a7950383a5e3ac5476b19a73c83216b' }, h("smoothly-table-row", { key: 'c24cc1d61f51475ea694d0071f2e04cd70ff8fea' }, h("smoothly-table-header", { key: '66e2e3b67f8dbc26bee8b186dbdd858f47155298' }, "display"), h("smoothly-table-header", { key: '6a60efbdc7f23262971580112bc414b65f0718e6' }, "contents")), h("smoothly-table-expandable-row", { key: '4a35b9daa08c6e3e8eb067fb917a7e276af1df02' }, h("div", { key: '1df2a1a2843bb1107e3ecf9abe2dd95c52668d0f', class: "content" }, h("smoothly-table-cell", { key: '62662ad332e4632d3a1a6697549d3711be418a1d' }, "A"), h("smoothly-table-cell", { key: '351e6455db278a5ca76dd590e885c863ffd22490' }, "B")), h("div", { key: '4aacc22721929095a6c918241179b36ffb39f2b7', slot: "detail" }, "expansion"))), h("h4", { key: '3a839ad6f2e3160c7a2965af0a71650f612bca68' }, "Demo table 7"), " ", h("span", { key: 'c27d7696dc94d1efb9c9d5c83373d8de03d9141a' }, "nested 1 then normal"), h("smoothly-table", { key: '8346a49ab0cda4038b5d7b51ec333f2afaa96316' }, h("smoothly-table-row", { key: 'ad07b2deaf123302500654ac8f6c61fed5eacc33' }, h("smoothly-table-header", { key: '9feb73643ce3b74f46aa81b7a020d4efab09d4de' }, "A"), h("smoothly-table-header", { key: '10a2ca094a531f6ac810e1e070caae59291846f0' }, "B")), h("smoothly-table-expandable-row", { key: '903111d118991f769a083308c1b447f9a478949d' }, h("smoothly-table-cell", { key: 'd685dc02a9c45933343e63bfaf9a517c0bcdd86b' }, "a"), h("smoothly-table-cell", { key: '6204102aafb2ab25a2ab7a77fdfdac9fc5df3cfa' }, "b"), h("div", { key: '96e7a93c0941152d5a552a3b7aa82bd0726e2598', slot: "detail" }, h("smoothly-table", { key: 'a8f36265b9a846cdc7f5fbe2ae1429791a35055a' }, h("smoothly-table-row", { key: '0fb24b370fc86a548c3dd2010479d6ed62457736' }, h("smoothly-table-header", { key: '3a53717bf17d02d3967902029e609420580d475c' }, "C"), h("smoothly-table-header", { key: 'dc322ab7862c3d7914ea44158cfa15585ee47a30' }, "D")), h("smoothly-table-row", { key: '8379365daedde44e239af325dea73df327ed2222' }, h("smoothly-table-cell", { key: 'adfb3e913e9f9cf3856b6adcdcb1f47f9c12a05b' }, "c"), h("smoothly-table-cell", { key: '7336751d3220cd7a0a1091de6f650b548e6f9410' }, "d")), h("smoothly-table-row", { key: '30bf3a3f33bc2eb01ecd34014676eff5cde22665' }, h("smoothly-table-cell", { key: '699790b0055bc9c9f7dff3710b5ac83aa5d2406d' }, "ccc"), h("smoothly-table-cell", { key: '3f99dd86a7e914de11d93f00acae9fbcedf28f27' }, "ddd")), h("smoothly-table-expandable-row", { key: '4ff185adec3071bf09f923d631b8923c38d91fb9' }, h("smoothly-table-cell", { key: 'a883e5ac9951d84050ebede9a2cf9f5bbe20dc44' }, "cccc"), h("smoothly-table-cell", { key: 'f50ce74734d2a4386ea9981689cd308584ac58dd' }, "dddd"), h("div", { key: '2c53f30db73618ffb8fff8a979b0279b4150d9ac', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '31fd43fc8566c591a042fbdee640827e6dc77368' }, h("smoothly-table-cell", { key: '41f75c1ac310ad0949f972d7a6f05f53a45d9ea8' }, "ccccc"), h("smoothly-table-cell", { key: '4d4d8120ea96e8a36cfd86fce57bc10b29ee4328' }, "ddd")), h("smoothly-table-expandable-row", { key: '28120ef8260c71e0b5300ccc384a6bdb6678bbc4' }, h("smoothly-table-cell", { key: '5a5424d55b7da2b636af18af5c8b988df1a8f269' }, "cccc"), h("smoothly-table-cell", { key: 'ac72e66032e40d46a727719aae69503c7751f687' }, "dddd"), h("div", { key: '48cdf7b6cc87291005e046cfbcbf9b86f5b6077d', slot: "detail" }, "CONTENT")))))), h("h4", { key: '5a53cc774f265f09f5d3f33e0da6d70c41d12c48' }, "Demo table 8"), " ", h("span", { key: 'ff2a030650a271288702f978eb820282ab287c12' }, "not nested"), h("smoothly-table", { key: 'f0506607bc3c1bf066580bd18e793087dc09a529' }, h("smoothly-table-row", { key: '73b0e3cf1a3f4f7fa824e235a5499ec0a287d87f' }, h("smoothly-table-header", { key: '2b2343f08eed4f99954e61d8ec8433fcfebc8b28' }, "C"), h("smoothly-table-header", { key: '8279d7521ea8e53bf041c08966e327fddf497597' }, "D")), h("smoothly-table-row", { key: 'd117f53d79fe9976c77a638072aa8665cedd84d7' }, h("smoothly-table-cell", { key: '96c67a9bf13a706b54845553edd3aeddabf8c1ff' }, "c"), h("smoothly-table-cell", { key: '1100b126555dfeb60aeb26b8a6c88e9ef367d8d6' }, "d")), h("smoothly-table-row", { key: '296525eb3c93ce79d920d5842fa472266ae57ed6' }, h("smoothly-table-cell", { key: 'fa2a68ff8fe56b9f6a3ce00e25c0aa747a520c55' }, "cc"), h("smoothly-table-cell", { key: '1aaae91b4e7b66db8b30d9815dbedef859aba8a3' }, "dd")), h("smoothly-table-row", { key: 'f65b4220c79cd12871c00afbe14416b0e457129d' }, h("smoothly-table-cell", { key: 'd5a84e0c2034e13321785771ad984a850587c436' }, "ccc"), h("smoothly-table-cell", { key: 'e20f9e8e1ee08ff361ccd5d3cea6a889f74bd943' }, "ddd"))), h("h4", { key: 'a900cb5746cd921bdfe5c8706425e5a8ddf59898' }, "Demo table 9"), h("smoothly-table", { key: '59e97480d428b7e3ca06df2162a81e01e2c337b2' }, h("smoothly-table-row", { key: '8d5f079bf0f868fe1e53fb8fc340e32f5eaa2b63' }, h("smoothly-table-header", { key: 'b0cb0b97cb301d9ece2d8f951f40f5a0105db609' }, "First name"), h("smoothly-table-header", { key: 'e6a1fb4c1c6dee461cc0bba8c8a31ec1eb2a5e1c' }, "Last name"), h("smoothly-table-header", { key: '7f6ea59562cc3b6ee9ed1bad91310ccdde157633', style: { width: "1px" } }, h("smoothly-icon", { key: 'a380ca2177275401ee96defdbf5cc9a9da876d47', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '277d38e71ef037cc745a92d1dcb297af1f672574' }, h("smoothly-table-cell", { key: '49237dd1700fea81b2a80270848ba0a9ad3d281a' }, "Jessie"), h("smoothly-table-cell", { key: '3b7e9e273e5883809e377616cb2b6212538f5741' }, "Doe"), h("smoothly-table-cell", { key: '68414432e77af3bbe828a41b4648fda8d0831f66' }), h("div", { key: '506223f6fd77d090fed6c76fcfd2595f356d5242', slot: "detail" }, h("p", { key: '146e68a3f9cc34215d6704a5cff01314fb415deb' }, "This is Jessie")))), h("h4", { key: 'aaa3b0bd7f949f74377bcf6827d093412030c95a' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'b0bb59d9539d0fd6c1dd5ede9c32efb42f46efcc' }, h("smoothly-table-row", { key: 'deecd22af026a54edc4ff57b3f35a4cbe3d9c8a4' }, h("smoothly-table-header", { key: 'ea174f5f29b39dfa28d5a32645f8b94b7a493eb8' }, "Company")), h("smoothly-table-expandable-row", { key: '650166a33923c9266f94ccf94a7b74bd9ec4f046' }, h("smoothly-table-cell", { key: 'f32f2b7e174d7e0066df89a462893efd145ad8f7' }, "Proquse"), h("smoothly-lazy", { key: 'e6c3ca28f4c1c21264e399d5c54f63b5484c3e26', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: 'b035d415a4c544073f548b62765be411ba3a4516' }, h("smoothly-table-cell", { key: '4fbc39e2055d66d3b75977fb561434d6cedee0f4' }, "Pax2Pay"), h("smoothly-lazy", { key: '092f9af72ca7cde3dc5e2bd214a97ae3c6912560', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'adaee86a43f6684bf70b5ca9cafe4168b2d348a8' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: '2fa365287c5df8f595e6a134d2074014b2dcdaa9' }, h("smoothly-table-row", { key: 'feef56cf007d5682e54c224cfbac19468ce8648c' }, h("smoothly-table-header", { key: 'bd98a797a038d07cb3db05ab188e951a077e0031' }, "Company")), h("smoothly-table-row", { key: 'e3fbc04bbc6bd0293fd2e12110f8a2dbd464f76a' }, h("smoothly-table-expandable-cell", { key: 'bdf9ca53eace2765bc5f1057614ee2777f22b683' }, "Proquse", h("smoothly-lazy", { key: '9e318ab4caf98f60e162855de7b3ecc385139ab6', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: 'b0bc3892ef4823ecfcc081b287b31dc23b0af70b' }, h("smoothly-table-expandable-cell", { key: '9682235912884a15b2fac7c2f97c297a83306eff' }, "Pax2Pay", h("smoothly-lazy", { key: 'ce067b4394c9754a7950efb9a1d864cd153cb427', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'e72e58977ae1f2c72632e116cfb36f1df0a950cd' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '506b3c5c8f7c4ac93f585a03048546c2a46ce7f6' }, h("smoothly-table-row", { key: 'beb8dc5eebf167f0815f7fafb183c7acd1cc1731' }, h("smoothly-table-header", { key: '117921c5a8ce86dfa45bc22c511e1c63ae342184' }, "Name"), h("smoothly-table-header", { key: '9a58650c185770fd18f5755767fe2ad44dd0632e' }, "Age"), h("smoothly-table-header", { key: '79116a1d1b433cbed0a27d6e2eaf5bdf863df930' }, "Location")), h("smoothly-table-row", { key: 'e91298585b10e4094e715f3c48b8453254a33665' }, h("smoothly-table-expandable-cell", { key: '909fb0bab82cc414edaa0d48f70c1f5c3ecbadfa' }, "Jessie", h("div", { key: '30b45fe235a99f5e78b098994ca6ca2d08be3ef3', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '7945b46982f8548d4eff5b33083a269dc6206da1' }, new Date().getFullYear() - 2000, h("div", { key: 'cb80ca42b04a969699a7c7badfd756ac54fd08cd', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '433a980dd806cb4fe0958b688189375ba68d4e5b' }, "UK", h("div", { key: '1843c042018960e2f44de4873003a6720fd79e84', slot: "detail" }, "London"))))));
-    }
-    static get style() { return SmoothlyTableDemoStyle0; }
-}, [2, "smoothly-table-demo"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-table-demo", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-filter", "smoothly-filter-field", "smoothly-filter-input", "smoothly-filter-select", "smoothly-filter-toggle", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-select", "smoothly-item", "smoothly-lazy", "smoothly-load-more", "smoothly-spinner", "smoothly-submit", "smoothly-tab", "smoothly-table", "smoothly-table-cell", "smoothly-table-demo-filtered", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-footer", "smoothly-table-header", "smoothly-table-row", "smoothly-table-testing"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-table-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TableDemo);
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-filter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-filter-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-filter-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-filter-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-filter-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-lazy":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-load-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-submit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-tab":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-table-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-table-demo-filtered":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-table-expandable-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-table-expandable-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-table-footer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-table-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-table-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-table-testing":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TableDemo as T, defineCustomElement as d };
-
-//# sourceMappingURL=p-a9586d11.js.map

package/dist/components/p-be89672b.js

@@ -1,241 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { D as Date } from './p-390767c7.js';
-import { d as defineCustomElement$w } from './p-541e1b43.js';
-import { d as defineCustomElement$v } from './p-be6d380e.js';
-import { d as defineCustomElement$u } from './p-e5bd19b5.js';
-import { d as defineCustomElement$t } from './p-76514c29.js';
-import { d as defineCustomElement$s } from './p-f9770ff7.js';
-import { d as defineCustomElement$r } from './p-7c5243b2.js';
-import { d as defineCustomElement$q } from './p-6ead1a42.js';
-import { d as defineCustomElement$p } from './p-2020cb82.js';
-import { d as defineCustomElement$o } from './p-b4bb3e74.js';
-import { d as defineCustomElement$n } from './p-061353e6.js';
-import { d as defineCustomElement$m } from './p-b5bca419.js';
-import { d as defineCustomElement$l } from './p-51d51732.js';
-import { d as defineCustomElement$k } from './p-7f313329.js';
-import { d as defineCustomElement$j } from './p-7ee3f874.js';
-import { d as defineCustomElement$i } from './p-0ddc42e8.js';
-import { d as defineCustomElement$h } from './p-60c0addf.js';
-import { d as defineCustomElement$g } from './p-bfb63e71.js';
-import { d as defineCustomElement$f } from './p-0c9d0809.js';
-import { d as defineCustomElement$e } from './p-ac7fb911.js';
-import { d as defineCustomElement$d } from './p-be430d3b.js';
-import { d as defineCustomElement$c } from './p-4380feb9.js';
-import { d as defineCustomElement$b } from './p-c9c44bdd.js';
-import { d as defineCustomElement$a } from './p-133d18ac.js';
-import { d as defineCustomElement$9 } from './p-f14627ff.js';
-import { d as defineCustomElement$8 } from './p-0cd742cf.js';
-import { d as defineCustomElement$7 } from './p-7301def9.js';
-import { d as defineCustomElement$6 } from './p-4713a48e.js';
-import { d as defineCustomElement$5 } from './p-f47eb337.js';
-import { d as defineCustomElement$4 } from './p-9702b067.js';
-import { d as defineCustomElement$3 } from './p-5bbf4b7e.js';
-import { d as defineCustomElement$2 } from './p-0cfd31a4.js';
-import { d as defineCustomElement$1 } from './p-d92ee30a.js';
-
-const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
-const SmoothlyInputDemoStyle0 = styleCss;
-
-const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.duration = { hours: 8 };
-        this.alphanumeric = "!@##";
-    }
-    render() {
-        return (h(Host, { key: '45d876a84adb21d0291e507d75c98a34e245bae1' }, h("smoothly-input-demo-standard", { key: '16b4efe4bf9ce4cab767abde418c9475f39c07e6' }), h("div", { key: '456df927db12dd6155230497db1a18744eea9071', class: "inputs" }, h("h2", { key: 'afa11b76643c5d38c4504533764882e14d7c2021' }, "Calendar"), h("smoothly-input-date", { key: '197aeba701d9212d1ab5e2aefd6ec6e7a044b712', name: "some-date" }, "Calendar"), h("h2", { key: '9798bc7d87dd4230607124b44b44949a20146afc' }, "Date Range"), h("smoothly-input-date-range", { key: '94578e52eb50923c8133d93d694a155c87f5fbf8', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '1e96bb6c94fb3bb317b8bf3dced22de39752498e', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '504540317c63eb41b0ddd7486fb04906e67f2c16', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '98b5ad4e2292332df7f80358ba9fd8d81ca06c17', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
-                "--smoothly-input-border-radius": "0.5rem",
-            } }, h("smoothly-input-clear", { key: 'c3e320f9691a8bc94892b255ade54478ea168ba1', slot: "end", size: "icon" })), h("h2", { key: '18f4ccaa84069d1f35cbc527bf16b4d19b7d6740' }, "Date"), h("smoothly-input-date", { key: 'eb41b2588fb53ae7efe0a1bc0a2ae02df7ac2b23' }, "Date"), h("smoothly-input-date", { key: '8b1aa0fe4c3ce6df32d39bb74354cb5d91e4cbe9', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '979c0d7255ee9e07decafac7d254418febf65658', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '76a94f4c2bfdedab350fdffd91e5e476b0175ae3', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '9be7b95ec68a988dbedcf1f59b65580588648c7e', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'f7504782876de6185bcc79cf783a8fe7b98cb549', slot: "end", size: "icon" })), h("h2", { key: '3a0973234d9ac25836a715c81df129e0ad3ad37f' }, "Select"), h("div", { key: '4f0340883b64ad65c265c3dc5d29587369fc7dfb', class: "select-div" }, h("smoothly-input-select", { key: '10969d77083f28f2b12000366a5962d96f1bf849', name: "select-dessert", looks: "border" }, h("label", { key: '2c653456ff8f9fd3a87b262ef71b590f172c471e', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '46dd6cdc25b1dfae027635a0b3015e43f6d2878f', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'c11274fe1700acbc9c5c33cad6529d6a122139dc', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'f1d5905d3c0cd636e89dee3a8d840320fd71ee80', value: "3" }, "Cookie"), h("smoothly-item", { key: 'c53b070e0ab7884fc69275f06596b5745978e910', value: "4" }, "Croissant"), h("smoothly-item", { key: '36ae534d31120ca947763f1c6b155101104a97bd', value: "5" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '86d5f2599981381dc196816e4f11fd9515e44f41', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'c7f6268322db571e2ec693788d5b2c35c33fa786', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '70c564d21f49b5ccd96fd3a9d870da2ae2e75557', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '789b5d9c4fa6c415dbfae4515396e7f567b59c98', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '71bcd00cb118bd50a466162993989e3fbd5a6354', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '7ea430156ec346e59c74972904b2c3ac6c25735e', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'a76b2c4923f730340093006b3a95b5383db29f0f', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '09e6d0a3f2aa8ef2b1d0af9dc975e68e6f7fcb2f', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'd12503973564a3dd906214209a413ba35599d974', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '36322f82ee3c4a5fdb52157d7c80edff03f2f6f1', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'bd284222ea57418c09ee55e37c013f2fa77636e2', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '587ec3f9eb650fa9f7b693687d188be450605669', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'afc72e2025c7ab491f5b792329b00ebb633681e5', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: 'a449e76b493045c893ff6d20848b44416fb698af', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9a14e0ce1733fc4b3d86f10c2b45f52d6e372bf6', value: "folder", selected: true }, h("smoothly-icon", { key: 'f58ce43ecfcb6863052c6302513c0c113e13c074', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'fbfd64ede3b76bb7c0ad0775c257d3f9006efb7d', value: "camera" }, h("smoothly-icon", { key: '600cb76b3fded1923df8e9797addbe5801e1ee9a', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'b5e86cfa6210481b2bd4c1171ba71f19f326d391', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c6d4e7901e4f0da5c1f889cf1c81fc49b040777f', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
-            .map((_, i) => String.fromCharCode(i + 65))
-            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '16862fd74a850873d4d094365a00f2eac36086dd', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '937e851b80d06e8d3b9b0e9fd381d9c0349e7385', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '3d227a817b2824c4b1f204fd671ccbe98c1c21a2', value: "1" }, "January"), h("smoothly-item", { key: '1e0fb723814aa1c6437543a2464f38f279ceef40', value: "2" }, "February"), h("smoothly-item", { key: '9709969f5373affae2dd1bc3d6f3564e7103f002', value: "3" }, "March"), h("smoothly-item", { key: 'dbe741500b2f19e346cfbc6b66bf44f5b151a8c8', value: "4" }, "April"), h("smoothly-item", { key: '07ff330954c255975db4dbc745cf187ed2f65d84', value: "5" }, "May"), h("smoothly-item", { key: 'fe531ab3dac3085d671dcbe2a79ae84f6cc1a5bf', value: "6" }, "June"), h("smoothly-item", { key: 'b89b2b1c6cefb1177caa53945d71737ddf3c0207', value: "7" }, "July"), h("smoothly-item", { key: '987e87174bdf424d244850d36563c8d003369847', value: "8" }, "August"), h("smoothly-item", { key: '5fc0fdc4b5a7fa5fe963e079c78e6e0b0986eb48', value: "9" }, "September"), h("smoothly-item", { key: 'b853ce420e91173007c0307e34f59cc17537368a', value: "10" }, "October"), h("smoothly-item", { key: '70d74d55773802d228419116172e65ef2949e1f8', value: "11" }, "November"), h("smoothly-item", { key: '43cea0f2a57d291703c0c727a6addae322a776fd', value: "12" }, "December"))), h("h2", { key: 'd0d6d95cb4eb3e1457fc8f7094d5fe2860a34e1f' }, "Duration"), h("smoothly-input", { key: 'cafe6f776e1865e6ee5f4553a13b7e2cc265f852', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("smoothly-input", { key: '17be7c32f4e12254ad7958d7887170a1080289f7', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("h2", { key: '8813e27ef8a826c4a2b3f1b6e4e9220ceef27e68' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '7e157d862f37c77c609dc9497141ca1148cc89ee', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'c4e7a69935914e657d61411739bbba893e093968' }, "Identifiers"), h("smoothly-input", { key: '27048a5bdcd7d4254bafb54d80bcf0bf3555db81', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '87c0d7c72551176e387a286932506a15be1ad249', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '410e405637554b7c79d93e66691b11490ed605bd', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: 'ed5079bbee4cda88f40c30d068ac024faf37ff91', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '0c6154d7840f7d5a343dc68e06bf83ae72c54ca9', type: "identifier-camel" }, "Camel"), h("h2", { key: '2771a8ca39782d11fab286fcb65b867c0286f45a' }, "Input Alternatives"), h("smoothly-input", { key: 'ace3e3a84d1facb340e8c5ddb01c26f602968639', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: 'ce6af347f6575b124b9b9d85bd02a13b85952a20', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: 'c95173bd3d21e9cd7c3647ea11704477c6c3beac', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '6f376745f55be6313e0fed61f88edd794ecf6034', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '00a544d3585f9182c8e69f3cb1a103e7e962afa2', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'ea1b82aaa7211dae9589b5787c4b1a7b514b8804', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '80ecbd1fab6e742af5c45d7eeda8e82ac57f2a50', placeholder: "test" }), h("smoothly-input-submit", { key: 'f8efd49b66f1fdda88abecdb861544af96f3be22', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'a32d6eed0e38bb61824ed6770c89690a8ec304f7' }, "Smoothly checkboxes"), h("div", { key: 'd6765a03ee964713d33dafe7101f3944f8a87c89', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '22a994ef413c7daf2755dcd58f6801e39b9011cf', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: 'a17a92b4b844b6fcbfa078e5ce7628d1a06177ad', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'dbb134399456e3214b5108bab40a31b5c9ba7d4b', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '6670e21d997952d04e3c1b772800e1ff37d0819f', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'a7580f0e29239604403b1baab6fdc72fb67a0c17', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '2c2c505ee8085c1581bbd7c89e057d963c1ae393', name: "third-checkbox" }, "3rd")), h("h4", { key: '827b1070f1cd62e1059ebebd1325dca037f7b649' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '072e0eb8354773a26ada02942b832086670d1ac5', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'fd636989ea41124dd7c635d847dacb6963300dbd', name: "checkmark-circle", slot: "start" }), h("label", { key: 'dee55d551b2d3a7ab2d19c52e0f263c91b943ca7', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '9bf269d4ecbe875330b1e524b1676421f7abe405', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '7d45cf02303833971971bc478d325fa5da620e6b', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '1289212d68348cf167de9bd1868ca0fc93f26d4f', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '806f9888175db03b6e150605877d52ee70f1a5f5', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'a56240825efef2cbe63ddb3d5880d699b6b35e0e', name: "radioSecondInput" }, h("label", { key: 'bfc81c30b70f9522737364fcf563b053cf114e15', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'abc6805ce48dffd368ed7b639eb86b3fce5cce21', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '88dfb557ed1aed288f40353a900bc404364dc7bf', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '54f6440c82947c146785299f1f14f1fb4e197d86', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '905278887964aa51a4c237ffdd3e9c70bc2f0497', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'f5a53e4b02d3fcbaccb9d7eac3cb3308b8a19db1', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'd29681b24c56db5ca50f8f78c73d7faee68b944e', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '544ca889f35883c24e027bbf7282860e5b6cff28' }), h("smoothly-input-color-demo", { key: '306ce7a9603429c5f42bc7787db356d9e372281a' }), h("smoothly-input-price-demo", { key: '447e3ce8b8fb1e211ad8be0a92ea33200f3e945e' }), h("smoothly-back-to-top", { key: '081f592e35f68264a60da244ebbbd25f7fc256b0' }))));
-    }
-    static get style() { return SmoothlyInputDemoStyle0; }
-}, [2, "smoothly-input-demo", {
-        "duration": [32],
-        "alphanumeric": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-demo-standard", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-input-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyInputDemo);
-            }
-            break;
-        case "smoothly-back-to-top":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "smoothly-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input-color-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input-date-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-input-demo-standard":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-input-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-input-month":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-input-price-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-input-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-input-radio-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-input-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-input-range-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-input-reset":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-input-submit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyInputDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-be89672b.js.map

package/dist/components/p-c99a7044.js

@@ -1,53 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$1 } from './p-b5bca419.js';
-
-const styleCss = ".sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot=\"header\"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}";
-const SmoothlyModalStyle0 = styleCss;
-
-const SmoothlyModal = proxyCustomElement(class SmoothlyModal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.smoothlyModalChange = createEvent(this, "smoothlyModalChange", 7);
-        this.open = false;
-        this.closable = false;
-    }
-    openChanged() {
-        this.smoothlyModalChange.emit(this.open);
-    }
-    render() {
-        return (h(Host, { key: '8bdd830db07503dc5ad7a485ea41fbd14ae633cb', role: "alertdialog" }, h("div", { key: 'd6ba6d97bcae9b4110c3eaef01e6f92dc48d9013', class: "modal" }, h("div", { key: '1174aebeb08e2c9d31bfe264230ac12a79db9923', class: "header" }, h("slot", { key: 'c5422829ad590bae88ff33798fcea80b0df6e555', name: "header" }), this.closable && h("smoothly-icon", { key: '1f54c5792caa7da280803c7eedf2eb5dbac7f0ae', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: 'e568a5e424f3be6fdb79917fcfd0c1487c0535ac' }), h("div", { key: '2521bd8a631756db112465be5a04bb34a17ba05c', class: "actions" }, h("slot", { key: '3e6f6cbf6c41feee3c6b33c0d468f0737d3b7981', name: "actions" })))));
-    }
-    static get watchers() { return {
-        "open": ["openChanged"]
-    }; }
-    static get style() { return SmoothlyModalStyle0; }
-}, [6, "smoothly-modal", {
-        "open": [1540],
-        "closable": [516]
-    }, undefined, {
-        "open": ["openChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-modal", "smoothly-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyModal);
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyModal as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-c99a7044.js.map

package/dist/components/p-c99a7044.js.map

@@ -1 +0,0 @@
-{"file":"p-c99a7044.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,wgEAAwgE,CAAC;AAC1hE,4BAAe,QAAQ;;MCMV,aAAa;;;;;oBACsB,KAAK;wBAChB,KAAK;;IAIzC,WAAW;QACV,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACxC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,IAAI,EAAC,aAAa,IACvB,4DAAK,KAAK,EAAC,OAAO,IACjB,4DAAK,KAAK,EAAC,QAAQ,IAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,IAAI,CAAC,QAAQ,IAAI,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAI,CACpG,EACN,8DAAQ,EACR,4DAAK,KAAK,EAAC,SAAS,IACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/modal/style.css?tag=smoothly-modal&encapsulation=scoped","src/components/modal/index.tsx"],"sourcesContent":[":host {\n\tposition: fixed;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\ttop: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\tbackground-color: rgba(var(--smoothly-modal-backdrop));\n\tcolor: rgb(var(--smoothly-modal-foreground));\n\tz-index: 5;\n}\n:host:not([open]),\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div.modal {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 2rem;\n\tgap: 1.5rem;\n\twidth: var(--smoothly-modal-width, 40rem);\n\tmax-width: calc(100dvw - 1rem);\n\theight: fit-content;\n\tmax-height: min(var(--smoothly-modal-max-height), 100dvh);\n\tbackground: rgb(var(--smoothly-modal-background, var(--smoothly-color)));\n\tborder: 1px solid rgb(var(--smoothly-modal-border));\n\tborder-radius: var(--smoothly-modal-border-radius);\n\tbox-shadow: var(--smoothly-modal-shadow);\n\tbox-sizing: border-box;\n}\n:host > div.modal > div.header:empty,\n:host > div.modal > div.actions:empty {\n\tdisplay: none;\n}\n:host > div.modal > div.header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n:host > div.modal > *,\n:host > div.modal > div.header > * {\n\tmargin-block: 0;\n}\n:host > div.modal > *:not(.header):not(.actions) {\n\toverflow-y: auto;\n}\n:host > div.modal > div.header:not(:has([slot=\"header\"])) {\n\tjustify-content: end;\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]) {\n\tcursor: pointer;\n\topacity: 0.7;\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]):hover {\n\topacity: 1;\n}\n:host > div.modal > div.actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host role=\"alertdialog\">\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => (this.open = false)} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-ce772794.js.map

@@ -1 +0,0 @@
-{"file":"p-ce772794.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,m4BAAm4B,CAAC;AACr5B,6BAAe,QAAQ;;MCMV,cAAc;;;;wBACyB,KAAK;;wBAEpB,KAAK;;;;IAKzC,OAAO,CAAC,CAAU;QACjB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;KAC9B;IAED,MAAM;QACL,QACC,iEACC,6DAAM,IAAI,EAAC,WAAW,GAAQ,EAC9B,+DAAO,IAAI,CAAC,IAAI,CAAQ,CAChB,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle/style.css?tag=smoothly-toggle&encapsulation=scoped","src/components/toggle/index.tsx"],"sourcesContent":[":host{\n\tdisplay: inline-block;\n\tborder: none;\n}\n:host > button {\n\tborder: solid white 0.5px;\n\tdisplay: flex;\n\tpadding: 0.6em;\n\tjustify-content: center;\n\tfont-size: 110%;\n\tfont-weight: 400;\n\tcolor: rgb(var(--smoothly-default-tint));\n\tbackground-color: rgb(var(--smoothly-default-shade));\n}\n:host([shape=rounded]) {\n\tborder-radius: 0.6em;\n}\n:host([shape=rounded]) > button {\n\tborder-radius: 0.5em;\n}\n:host([selected]) > button {\n\tcolor: rgb(var(--smoothly-light-contrast));\n}\n::slotted(smoothly-icon) {\n\tstroke: rgb(var(--smoothly-default-contrast));\n\tfill: rgb(var(--smoothly-default-contrast));\n\tfont-size: 110%;\n}\n:host(:not([selected])) > ::slotted(smoothly-icon) {\n\tcolor: rgb(var(--smoothly-default-tint));\n\tfill:rgb(var(--smoothly-default-tint));\n}\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggle {\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) shape: \"rounded\"\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() name: string\n\t@Prop() value?: any\n\n\t@Listen(\"click\")\n\tonClick(e: UIEvent) {\n\t\tthis.selected = !this.selected\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<button>\n\t\t\t\t<slot name=\"icon-slot\"></slot>\n\t\t\t\t<slot>{this.name}</slot>\n\t\t\t</button>\n\t\t)\n\t}\n}\n"],"version":3}