npm - smoothly - Versions diffs - 1.2.1-alpha.33 → 1.2.1-alpha.35 - Mend

smoothly 1.2.1-alpha.33 → 1.2.1-alpha.35

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 (459) hide show

package/dist/collection/components/table/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TableDemo {
     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"))))));
+        return (h(Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, h("h4", { key: '6c2693b2a15e519fdfeaaad2babcc5a692d1df92' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7370339c630782920d4ea3f87d9ca2a9fed09300', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: 'ec5ddba9aab436b3ea95416de3253c96f2619c39' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '6aa1c41adfa38ae2a28fdae872105000feebae48' }), " ", h("h4", { key: '939935ca5079dbb902054281239160cc8043ba61' }, "Demo table 3"), h("smoothly-table", { key: 'd6dd1dcd03f7a8536dd35d947875b123868f363c' }, h("smoothly-table-row", { key: '44b5a11d7a6a946caf0026e987a7aecab47a46ba' }, h("smoothly-table-header", { key: '5c82e46165bfc38e1da1c9bf16a7c622cdc1cbb2' }, "Header A"), h("smoothly-table-header", { key: '9793a61c1baa8ed1a05385d8ba6d5ecc8feabca8' }, "Header B"), h("smoothly-table-header", { key: '2fdcec65ab24358281cec2f9a234b20320fe7310' }, "Header C"), h("smoothly-table-header", { key: 'be4f0c72552082bf4db899dcdc7c817e613b525d' }, "Header D")), h("smoothly-table-row", { key: '685202c84404570268fe43b9d15bded227d21412' }, h("smoothly-table-expandable-cell", { key: '0c9a6e9f61e686a12ef51ddfd5573951838ffe08' }, "normal row (exp.cell)", h("div", { key: '9cf941c6bd38cc9da27da2ec2003587a9d61245c', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '44f09c71e18c1dea662b7536e1b85e774e60b3fa' }, "expandable cell", h("div", { key: '7cc27d884ef807845990859b6220bbc3a00e0f74', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '39ac19023b51b98928685c28453a62c175ece490' }, "expandable cell", h("div", { key: '1feb7f59580a2d3236a754acaf3736c4b12a3522', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '4596552b8df58fa0fd7163db0e3dfa2ab8830a01' }, "expandable cell", h("div", { key: '322cc72dffa047c63de26e76415b6405acb9c37f', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'b302f6bad02d9ff463f4d6d341f27b17839fbcdb' }, h("smoothly-table-cell", { key: 'f53be8bf1ac7d14b00f7d6d5ddce430e966df180' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '8daf7d43483e973e62d10f189b4c9c340fce78b8' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '56d7c49a27529332278fc39e87c2882f311fe245' }, "expandable cell", h("div", { key: 'bff87d82c49e2e67863d6993d93a261d2eec6a13', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '53bfb99470e8de53b6ca24dd1ecfafbe0e74680f' }, "expandable cell", h("div", { key: '1a708007780b119386020462e0c76f6accdaa789', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'e18677d9c3a94f4836a10a536632ffc70f51b283' }, h("smoothly-table-cell", { key: '7f978bf73194847f9febf4aaac80134ffcebb58d' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'd528b2a72ddd039c82fdabd4e8851f7944e19f96' }, "Normal cell"), h("smoothly-table-cell", { key: '6b0b4d3f30b31a95133defff1c1c02dba990b723' }, "normal cell"), h("smoothly-table-cell", { key: 'e0539d8af66a3ae4d17fd5ef02967dfda589b38c' }, "Normal cell"), h("div", { key: 'f49755576fda95ee0348da9e24169bd2bff01142', slot: "detail" }, "expandable row content"))), h("h4", { key: 'ba5f2843a357a782b0347d475ee4dd5360572813' }, "Demo table 4"), h("smoothly-table", { key: '181ad9a0c236503c1288ff3e371e1fe323154cd0' }, h("smoothly-table-row", { key: 'a9dc6f2fb604e9f07355c87fc5ae13e45daefea2' }, h("smoothly-table-header", { key: '1bd1d0e1549da881ce3040f6c927816455089259' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'c119128d0589bf3b771d8165ee358a547650e51a' }, "Header expansion", h("div", { key: 'd0428eba89739b88956fb71a68be68c610b3861e', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'a54c5b76e8e8db3b63af0a98ec58a955bbf48a60' }, h("smoothly-table-cell", { key: 'e8a46e0600bed42f94985bcf09d7581a9f5f8f5b' }, "A Content"), h("smoothly-table-cell", { key: '3941e1804625493e3e17963d83ab81f483072f0c' }, "Expansion cell"), h("div", { key: '4df8506a7bafd4cfd53a328d8c68f93f017e99f4', slot: "detail" }, h("smoothly-tab-switch", { key: '098ad77004c72f3fd0fbdd43364ae44a99aa1d96' }, h("smoothly-tab", { key: '626f48ff879c4fa885c370b2635ecb19a20c5f28', label: "innertable 1", open: true }, h("smoothly-table", { key: 'd010ef824f9e9881871cd58748f9099d2ad9a33c' }, h("smoothly-table-row", { key: 'eabd83af25882bbd229998ea5e1f4c521206fba7' }, h("smoothly-table-header", { key: 'fc2c448bc2a04e81b51b21eba3df60316506b23c' }, "Header B")), h("smoothly-table-expandable-row", { key: 'ba8fadbebcf9171a41d49c5cb90c5ecfa29cd9aa' }, "B Content"))), h("smoothly-tab", { key: 'ba476cffc2b17330cbf507c61fb5b834297c1547', label: "innertable 2" }, h("smoothly-table", { key: '3d25f6dea0616e0319de7b5dd61dba63b977babf' }, h("smoothly-table-row", { key: '792b9a85a866175b6bbbe1f2aa8056d614b59212' }, h("smoothly-table-header", { key: 'f7d5eecb605554b95c6df5fafbce00ea69cac00b' }, "Header C")), h("smoothly-table-expandable-row", { key: 'ac614f28e0c29a952f5cc9915568a57deba9409a' }, h("smoothly-table-cell", { key: '997018995ca3b0e127e1e58f60ac51a03b5a1d17' }, "C Content"))))))), h("smoothly-table-row", { key: 'cdae56eb4afb25d3ed32d2c4dd3a9593b60d58f9' }, h("smoothly-table-cell", { key: '9dbb1105388962d101bd18aef1ed79c57baf017b' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'ea35ad9b5073c97d68f31c9d825e5d751e8a09ab' }, "Expandable cell", h("div", { key: '2eadd761c83b837d097194ab38d37668e6b57367', slot: "detail" }, "Expansion content")))), h("h4", { key: 'c0921bb24450881229d7c0144ac12d60c3bf8802' }, "Demo table 5"), h("smoothly-table", { key: '8b8b27a06a924553770762449aae0d692dcffb02' }, h("smoothly-table-row", { key: 'ef0757b3eb3241dca02d69cb5b6ecff660788677' }, h("smoothly-table-header", { key: 'e2394dfc5ad2aae143ed754cfcf1b16b587cf678' }, "A"), h("smoothly-table-header", { key: '976f42f99dfb0aa1ee9e44f41ef869762eb11273' }, "B")), h("smoothly-table-expandable-row", { key: 'ea9d260bc85c98fb1823a6d518e93fac6049cf16' }, h("smoothly-table-cell", { key: '42b115fba57971d490fefbf952f0c5d254ec7ba1' }, "nested expandable row"), h("smoothly-table-cell", { key: '3c7079b17695ae5dccc3a6ae5b5c482995cc8c53' }, "b row"), h("div", { key: '164765386ecc86a447e4137e87e9d7e1cb573295', slot: "detail" }, h("smoothly-table", { key: '75450c230a01788649351bc80de0853b1f8935df' }, h("smoothly-table-row", { key: 'b14c7ae5a9dd28decbe2128d0ceba6e5e80244b2' }, h("smoothly-table-header", { key: '9057cc610f407115f0822c86a60a17568c78a603' }, "C"), h("smoothly-table-header", { key: 'efc795aee91ff54f23f4e7960229807a67f8cc30' }, "D")), h("smoothly-table-expandable-row", { key: '91e50c30ceb62307e4ad1df65e38566659aad7af' }, h("smoothly-table-cell", { key: 'a24d04856a8497c8f25a4a1b7744e9e973cc1c14' }, "c"), h("smoothly-table-cell", { key: '043e58686a7541ff38e98cc33e3586c2ff5f0c1e' }, "d"), h("div", { key: 'b7731de099d67a42654775781c3a96ee0810af2f', slot: "detail" }, h("smoothly-table", { key: 'ca775626562496b8dc0434079316b0f4fd1d89fa' }, h("smoothly-table-row", { key: 'eb1fefb44df5c188c4db01ff41d7cf7c00cc2b95' }, h("smoothly-table-header", { key: 'f3164f22ddac32daf151fcd5eba6f45bbba965dc' }, "E"), h("smoothly-table-header", { key: 'ab67b9c9e21dd0e6e6638c24cc9cd775054b1c91' }, "F")), h("smoothly-table-expandable-row", { key: '356ed8bb3a77a72a20756b9af76e19ac0069afdf' }, h("smoothly-table-cell", { key: '76b4d9fd59c7b553ba1ad1504ed16af968913f11' }, "e row"), h("smoothly-table-cell", { key: '9bf94026759eb18cc35cde3e471e24e7528f4324' }, "f row"), h("div", { key: '409341d673cf5dd2f9b0030a65068d913eaa362b', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '2d0eba2de8835b8fcbba2145bb554454d8690cdd' }, h("smoothly-table-cell", { key: '177e9d24417f34c7d73b1053eaa81e5494deb6a5' }, h("span", { key: 'aa67f856f35c3abdc27d9c6e1c1f531c438b9e01' }, "one"), h("span", { key: '7282142fb079c4732c462bbabd5d89e9e905140c' }, "two"), h("span", { key: 'abb82c348c566994a35a7989a9c7c23c98786b85' }, "three")), h("smoothly-table-cell", { key: 'b5365ce005d7a4e7f9ec6a13572a293b5c07117b' }, "five", h("smoothly-icon", { key: '7b4594aa25c395070cf2f5abcad75798d89b9878', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'f0cb3e4fdee2c1593106f1504e2ef7a638089f07', slot: "detail" }, "four")), h("smoothly-table-row", { key: '67341204442bc35d5e036cce9ebf7165e2e5beea' }, h("smoothly-table-expandable-cell", { key: '1fd020b62e4752e4da359b9072b29a1c469164f1' }, h("span", { key: 'd9987a50b30c2dbbacf430950cec88b71df7c4bb' }, "nested expandable cells"), h("div", { key: '7dca663955279cf553bdad10fa7ba1ba9ad849eb', slot: "detail" }, h("smoothly-table", { key: 'b12943e4c64294fe3dc852ea9a387f2bd4103f0e' }, h("smoothly-table-row", { key: '815fcae633d87d07229b224bd285b45fd228a0cf' }, h("smoothly-table-header", { key: 'a4232bbf78259925b401c60b2e02a734e88d5992' }, "E"), h("smoothly-table-header", { key: '87be1bbde66b839a61043266e4f74a081db84c6c' }, "F")), h("smoothly-table-row", { key: '85bac83d081136be7b4e4641cec5565f141c647b' }, h("smoothly-table-expandable-cell", { key: 'db891efb53153b21e57f234536428607fe7ff8dc' }, "e cell", h("div", { key: 'd58b72b0d6d4e8c1a47cad77acaedbe3aa333277', slot: "detail" }, h("smoothly-table", { key: '2d831b60e3916e9c55c996c77cc388fa90a9a6d8' }, h("smoothly-table-row", { key: '341fc2cc9b75690d5992629e3860dc53884b3642' }, h("smoothly-table-header", { key: '085c7ac43082a11505e6d790c65193221820016f' }, "G"), h("smoothly-table-header", { key: '53d8981cb7b99a61d40ea23e2ffce1e88a2e5f4f' }, "H")), h("smoothly-table-row", { key: '037a91700c10a9b9ad73aef8385ac5044b661cfc' }, h("smoothly-table-expandable-cell", { key: 'db716a543afa17ceba2227b6ab34e6b7f59223af' }, "g cell", h("div", { key: '6e9f9921827564a4923dd73e67fc37a5f76beea6', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: 'ee77e6b9f6d335958d715180690f5a43b03e712d' }, "h cell", h("div", { key: 'f71a934e96a051fcc972d5fe931a6f424da334a5', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'e5aea1356b4b6e46b34cdbaf958355d31a43facb' }, "f cell", h("div", { key: 'f77e4852d7654966b1d2daca4b81f7c52e9a9118', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '21aedb52d291091d7dfad74c58eaebf11d21be54' }, "b cell", h("div", { key: '47774e13cde8f000da0bd172b295bafb5630bb97', slot: "detail" }, h("smoothly-table", { key: '59f9a71b6007d59160ae43f2167bf496f45b35d7' }, h("smoothly-table-row", { key: 'c446e2b029dbd5a2077906a8a965fd125013357c' }, h("smoothly-table-header", { key: '6c03213f88f20ee03bd8afb43ede67e5a3311285' }, "C"), h("smoothly-table-header", { key: 'f5c41638e374d59a772907d419ce3cdcd7c5b46e' }, "D")), h("smoothly-table-row", { key: '75a903bac35ab067415f6b3d2ea32eab3d1b50fe' }, h("smoothly-table-expandable-cell", { key: 'f3ef1fa6e1cb1fe528446bb4db238c13d1ec5328' }, "c cell", h("div", { key: '0d1b95ea59a79821b834a593196107da82a15b80', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '0e7dee7e59a504516cf1dbfc564da6629e525ea7' }, "d cell", h("div", { key: '8a1442355a0d1bcc5ceded1749450bf83bfd84a6', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '491844dd29dbea41bd33109e67bf58328718699c' }, "Demo table 6"), h("smoothly-table", { key: 'c71e325906a58796a3cb941a6d8d8195f838f7f4' }, h("smoothly-table-row", { key: '2a299a63fbbd9504b4734042d313815205b74f26' }, h("smoothly-table-header", { key: '10f8529b9ea32afb41a1879ef374b9e26659729e' }, "display"), h("smoothly-table-header", { key: 'e037e3c9674164926b2e1129446a2cd4bda1780c' }, "contents")), h("smoothly-table-expandable-row", { key: 'a7604f7aa4e574e04270edda2ce140dc9173d0cf' }, h("div", { key: '6e6ee07f7c67bc6f1b5b3157ef7f3d6bd16f7995', class: "content" }, h("smoothly-table-cell", { key: 'c560559faf746657f3637acfc0e13b38bb7b5ac7' }, "A"), h("smoothly-table-cell", { key: 'ee15ec06c1246e4e5b234adbcf96514e746b7064' }, "B")), h("div", { key: 'dcd83cfcdf0a1f1002467bac155ea00a68d540db', slot: "detail" }, "expansion"))), h("h4", { key: 'c976d7cce548795f7776ac78013c5ead5ff46442' }, "Demo table 7"), " ", h("span", { key: 'a41fff757011f21692cf7b48f8f6dceb710c90a8' }, "nested 1 then normal"), h("smoothly-table", { key: '30fc70242dcb689f44c2d10c6da06f0bf4ff3b29' }, h("smoothly-table-row", { key: '83ab53ecc50c0c58d5095a54dca7ef71dbfca94d' }, h("smoothly-table-header", { key: 'ba57eee8d8a906417da048536ddd4b7848abfa83' }, "A"), h("smoothly-table-header", { key: '75070cc5d7f9b378ec5cf1dd09cf938ce2627466' }, "B")), h("smoothly-table-expandable-row", { key: '5c238acce39b7b16fd29b5681b2fa0beb92f9d6a' }, h("smoothly-table-cell", { key: '0e84b683e6dd2cab1fb9b56e7b3d634a1db6b6d2' }, "a"), h("smoothly-table-cell", { key: 'd0b5f45e24f7207b6e4929297f77960a893b5ea3' }, "b"), h("div", { key: '2a4d70833716ba05f63f30bf414ef073ed544f5d', slot: "detail" }, h("smoothly-table", { key: '91f965115edf80e695cfab022c333ea75580553e' }, h("smoothly-table-row", { key: '0b16751c58986a2827bf86d9eb8609ac4149a6a2' }, h("smoothly-table-header", { key: '694d93cc20a0de953d9a1ccce8531fa1a3be15d0' }, "C"), h("smoothly-table-header", { key: '6e8f1b2412ca56766c02974e7b0f6c23c8b7e7c2' }, "D")), h("smoothly-table-row", { key: '9dd5836a7780bc96b98dea02534a94d46f413b0f' }, h("smoothly-table-cell", { key: '60d1507e3768c8e771fc2862204a75c6d65d0949' }, "c"), h("smoothly-table-cell", { key: '2a234c36950600f5c038aed22db95f806d95fd78' }, "d")), h("smoothly-table-row", { key: '06083e22aaa76953478b3d91b1cf1bfa33d36e91' }, h("smoothly-table-cell", { key: 'c29952966e7fe73c5c5487ab81a9ee79f9dc1ca0' }, "ccc"), h("smoothly-table-cell", { key: '7b2a22e7c5698da2ff9ecd10c7b91bb489192ac3' }, "ddd")), h("smoothly-table-expandable-row", { key: '067641facfd8e83d89d520155533feb17a19628c' }, h("smoothly-table-cell", { key: '5a738afa3444170250850a7d00ce9ec5c52a0827' }, "cccc"), h("smoothly-table-cell", { key: '34598e8935e09e660001548cd2f5f0049e0ba71d' }, "dddd"), h("div", { key: '8350e5e1ef3fca4e1423987e3d99328683156703', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'e4ee719169cc338d2420f7d3fa09b19ae022e6f7' }, h("smoothly-table-cell", { key: '66f289b9d4e5bb8fe6bfce7f8ae0629143a28ea3' }, "ccccc"), h("smoothly-table-cell", { key: '9e36c00f691b106ef5e58c25d3376618a1861759' }, "ddd")), h("smoothly-table-expandable-row", { key: '67f476453f943b6b75249ce633b1a652e72c0838' }, h("smoothly-table-cell", { key: '9218b679173b883967e4fd9f61622220a4e69cd5' }, "cccc"), h("smoothly-table-cell", { key: 'a0d921e79a8302d7e0b8f3fd702aead3c146a032' }, "dddd"), h("div", { key: '32ff6ed3b7dd8fe2769838a0ec9c08457f578ac0', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a5b4ae5de351c406d071e8405307486b236ae22e' }, "Demo table 8"), " ", h("span", { key: 'a7c396b267a5728a3ebd12033e0419c449bcacc6' }, "not nested"), h("smoothly-table", { key: '2b940b2551b11b5eeeb44f9fb78955848a9bb88a' }, h("smoothly-table-row", { key: '86a38a2dd5c238596452292bd5790d55436dc332' }, h("smoothly-table-header", { key: '16b53657c35dc13eec74f7944418f736c62745a8' }, "C"), h("smoothly-table-header", { key: 'de229cdfa50eafa737b2782f94120eff5d26e897' }, "D")), h("smoothly-table-row", { key: 'f034a73023a7f8ef3718ad795cc52043e7c83001' }, h("smoothly-table-cell", { key: '0fd9f2f32d6749d5cb66e7c8e70baec5eef46edf' }, "c"), h("smoothly-table-cell", { key: '59e23af09d690d700d877e2db3a7ffa4f5a989a6' }, "d")), h("smoothly-table-row", { key: '9d7c2e33cb3c81ca56eb444d044a04a155a618e5' }, h("smoothly-table-cell", { key: 'dc705b145b3731c6f32a1b2c8b6f67e10210be69' }, "cc"), h("smoothly-table-cell", { key: '1e5af428e4e23992db8452c9cdf9d7ca5e24be0c' }, "dd")), h("smoothly-table-row", { key: '536edadf240428490176429bd97e609164bd44fe' }, h("smoothly-table-cell", { key: 'a55ca0c9736ad2cc944a9055da21ba0dcd5b96b0' }, "ccc"), h("smoothly-table-cell", { key: 'e2e00ded28fe8cff0c7ba57b9911d9816e691171' }, "ddd"))), h("h4", { key: '7151025dac0d88842ec049d208b68e6b6c8e8ccc' }, "Demo table 9"), h("smoothly-table", { key: 'a648bbeee0de8645e8feabeea36dd82cdcdb26b1' }, h("smoothly-table-row", { key: '69f82749ace01c70f12e12bf973c4e68a7c0681f' }, h("smoothly-table-header", { key: '6741692157f9711406703a258661d363d46ad9cc' }, "First name"), h("smoothly-table-header", { key: 'c6471154158fda30b2a85f247563340713d5544b' }, "Last name"), h("smoothly-table-header", { key: '317bf1cd0457790c1185e2b0450ce1b23323374f', style: { width: "1px" } }, h("smoothly-icon", { key: 'a2d8633ddd3277777ca1754d1e0f6406ba4537e0', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '2e0c8471bd93774be4d39229cb07fc06de847025' }, h("smoothly-table-cell", { key: 'ba8aa8597cde75f5fc3a8bbc49c5b1ec388c8205' }, "Jessie"), h("smoothly-table-cell", { key: 'be279abe4d48f4f72bb1b2e5daf7b5622be26469' }, "Doe"), h("smoothly-table-cell", { key: '64375d0aaa75e484d51f1c19f6050c541feb8f70' }), h("div", { key: '701af93629039213c83f78009863eeb4f3cfa7fd', slot: "detail" }, h("p", { key: 'a2ef105c6d6e8c86604db5282cd91687a562be0a' }, "This is Jessie")))), h("h4", { key: '3e4bdf297eb97a83987575d9e63094e0791e0dc6' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'c4b7b9e0579fc5687aef6648f0cfde1b38227cae' }, h("smoothly-table-row", { key: '5e02e8b9fb5651300a9d3f7d73fb5b74ef56ecf1' }, h("smoothly-table-header", { key: '0c11cf42e600eb64a75699311036f8321b45086a' }, "Company")), h("smoothly-table-expandable-row", { key: 'eed4aefbe379f9e1f48039dbc19c96e5d4c5acd1' }, h("smoothly-table-cell", { key: 'a25c1eaa63d072db92da7f2c62cc46488163a2ee' }, "Proquse"), h("smoothly-lazy", { key: 'c968706a18a250fc87eeadff46b7e64091e95456', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '7733a8c3d37db1d3f4a0960567ce8e552e902cae' }, h("smoothly-table-cell", { key: '0cc350bef843e7bfa88a48e134a3e38fb4cf8e6f' }, "Pax2Pay"), h("smoothly-lazy", { key: 'dd2acc4f5ba563f02c8d64534863b09164c38c83', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'e33c1260f6f6b78f81f5170444e9fb306d156554' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'ea08d324eb273bf135b601e3cee2fab094cea944' }, h("smoothly-table-row", { key: 'b1b3d06556f18f5e524f1ee9c090ec333aefaa77' }, h("smoothly-table-header", { key: '53673b0956468b3eda784f2874140c1b331f5345' }, "Company")), h("smoothly-table-row", { key: '32b918aef1324fdd92fe33b5697c25e7a34e32cc' }, h("smoothly-table-expandable-cell", { key: '1c03cfc9d836db81f9347d816bc1c113b75cc845' }, "Proquse", h("smoothly-lazy", { key: '90d9c35c58d99145dfb3e466b930231d4e9c5260', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '00c7267ef997b669765a6d842bc2592485ca9317' }, h("smoothly-table-expandable-cell", { key: 'a20dd3662febafb60d52bb67459c8418289e3bfb' }, "Pax2Pay", h("smoothly-lazy", { key: '25f2445bcfc58807711963f3be6a123608adb212', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'ad5adf734d61be4daf3ade3b6a0371164ce6eed9' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '08eb6233562f117458dcfd19eb03524624506606' }, h("smoothly-table-row", { key: '0426d4016fa6092d6b205ee100a881b26389f87f' }, h("smoothly-table-header", { key: '125bf5f4ec3f13812556e94931999755128bf920' }, "Name"), h("smoothly-table-header", { key: 'bad40f5c6846cca62ceaa6da5567421c63928b77' }, "Age"), h("smoothly-table-header", { key: 'f09c9e0d0cbb39f2ca395b55ec69a63897137f9a' }, "Location")), h("smoothly-table-row", { key: '0049a5c72aa974d066067d2e6a2092a08edfc830' }, h("smoothly-table-expandable-cell", { key: 'b712269f190e0b8d94dd37bc53b4f0e4a114f256' }, "Jessie", h("div", { key: '3d8d620af2e9ac062a381ea1e3bb60b3e98f73e7', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '4ea5d099083a57923a8d64c1ac10300300347662' }, new Date().getFullYear() - 2000, h("div", { key: 'e6823568399487c76df82e5078167cdc45310e5d', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'c6fcc32668399cf74b2193982ac2cf02c968ae74' }, "UK", h("div", { key: '012b0fad1a980d79e208382ea034638204eec7a6', slot: "detail" }, "London"))))));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/testing/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyTableTesting {
         this.counter = 0;
     }
     render() {
-        return (h(Host, { key: '95ca99628bf0142068b0b1604d93ed5059a7f356' }, h("smoothly-table", { key: 'e68e552d07c554978939ca17b43fad665a77dbf4', color: "dark" }, h("smoothly-table-row", { key: '3aa17a5551481edc96cb5b1245ba95a665bd5ad6' }, h("smoothly-table-header", { key: '83fa6460c5231e9a63c0fd09e24301cd5d6d5bd2' }, "Type"), h("smoothly-table-header", { key: '41653caf3ae5e589eb6f70aee33d089fbb7a37ce' }, "Name"), h("smoothly-table-header", { key: 'bad3dcf2e3daff8a63c9e9536d06eefa5cf2d1d9' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: 'cc6775b294db656cf59b3f52c5fd3c23ce42e1f5' }, h("td", { key: 'fd50668d12f1059caf1bced562d1028717da171c', colSpan: 2 }, h("div", { key: 'b232bd68b7161949b0c9f35f21152c47a072eed8', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: 'd1b94c0f165829cbe755db0394a28ac2e4c396b6', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'ecd061dcf8eb6a90520f19627edf5d07da685d86' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
+        return (h(Host, { key: '19325eb2444ed608c0e080d3fa2d05632d5b01d5' }, h("smoothly-table", { key: '84b5fc3a45ac4f5fe56deb66edbfe381b72dc905', color: "dark" }, h("smoothly-table-row", { key: '389c265a2ee60633f7967170922d1092f90c4e24' }, h("smoothly-table-header", { key: '4d7ea68b2fe5216e1cfb64ba8bf6f8869c0416df' }, "Type"), h("smoothly-table-header", { key: '9c85bb77bf35c744f4f22943616c1ca041fb4341' }, "Name"), h("smoothly-table-header", { key: '111bafb16e97d7e21f3672b0eab58d00d46f1e09' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: '5c635161e1051765ca304cde3b91ed2c235bb773' }, h("td", { key: '12728755d5bd9d560ed68f1cd5a7452f0b8a55af', colSpan: 2 }, h("div", { key: '1f160cf8459caaca8511c1ad7b1fb6244f11908c', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '0b5d373d788d1d6e05ebb5ea9f5ef9038219cf4f', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'a1d3f62994b9c015c7fddff0208c88339d25f4f6' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
     }
     static get is() { return "smoothly-table-testing"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/expandable/cell/index.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class TableExpandableCell {
         event.detail(this.element);
     }
     render() {
-        return (h(Host, { key: 'fae816857a7a1e11ceaf6e68ec3235bcce42752c' }, h("div", { key: 'a5d7d227c773060d3362e6fcbffededb5479ce92' }, h("smoothly-icon", { key: '77e05e11dec65bba4ecfe55ef8909d78345369d5', name: "caret-forward-outline" }), h("slot", { key: '4b037932f5955cc06f4ce4c0c5335fc5a42fdfcb' })), h("tr", { key: '8db6015b46df85bf1398c66c17e442dc6e4857ee', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'a1cf80115cacbdf58ea26247eb3ef2ea37f3b4e4', colSpan: 999 }, h("slot", { key: 'da8fc38933a283d75c589e63a9083e34e031e1b8', name: "detail" })))));
+        return (h(Host, { key: 'c18073e79ed648b097932f65afc57b1a086d2aef' }, h("div", { key: '7b1ca3f50b8c2c1e2ccd009188a883d606f8f89d' }, h("smoothly-icon", { key: '38e25d23939f163e58e61541d5456d30842fc237', name: "caret-forward-outline" }), h("slot", { key: '6a6854a144d228579fd929a6454778e70c54a48b' })), h("tr", { key: '76832340657756d93f8257c7089ff4ec7a0c5b56', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'e786ee682b26589bf7d66ef358f042111eb63749', colSpan: 999 }, h("slot", { key: 'fc7df9a42bd8b719fe1c486cd0d47e730401b195', name: "detail" })))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/expandable/row/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class TableExpandableRow {
         event.detail(this.element);
     }
     render() {
-        return (h(Host, { key: '28554b39f11e3629095777c054c9a892fa9dcf1c' }, h("div", { key: 'f8274bcc990818c513c75d0a736505258c130a61', onClick: () => (this.open = !this.open) }, h("slot", { key: '5b2ae89526fdba843d282534ef45a33981a6e2a0' })), h("tr", { key: '92f536db44d47755fbf456e7409783729b065044', class: { spotlight: this.spotlight } }, h("td", { key: '3ce15c299ee5a3eeb10a0f69ce85d833aecc0837', colSpan: 999 }, h("slot", { key: 'cbd7bf72a3376d0c8a5c059f9fced11685c16271', name: "detail" })))));
+        return (h(Host, { key: '362c94fec5a6a946fa4cd3bbb0a7f1cd4b90de30' }, h("div", { key: '3f52cfe9f9bd4f40644473372b9917942659405a', onClick: () => (this.open = !this.open) }, h("slot", { key: 'a9973318d66636bc402e25cfb41233f278169aab' })), h("tr", { key: '580cfcc88440342a6705e87a95218d662303bed2', class: { spotlight: this.spotlight } }, h("td", { key: '833beb04554be089cc7b963287c5853216d8d90b', colSpan: 999 }, h("slot", { key: '0a5baffcc73ef8a859235ea3796c81f40fdded8d', name: "detail" })))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/footer/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TableFooter {
     render() {
-        return h("slot", { key: '9a8fd2ae8c30bc12aeb6b3ed124b09427d9ed9f6' });
+        return h("slot", { key: '01a691843d07bc7434c9ffa2d86767ca3e45fa18' });
     }
     static get is() { return "smoothly-table-footer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/header/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class TableHeader {
         this.name = undefined;
     }
     render() {
-        return (h(Host, { key: '3727f46c284d59b2731f18824546968d2ae2a5e6' }, h("slot", { key: '16aede7771e7f851432365528d9f79cbc756c11b' })));
+        return (h(Host, { key: 'fb355436a7e5cdbc99236125054ea66721d6bda4' }, h("slot", { key: '1ca0bc6b9058546578507cbd73f96c6aa306fb8f' })));
     }
     static get is() { return "smoothly-table-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/index.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class Table {
         event.stopPropagation();
     }
     render() {
-        return [h("slot", { key: 'bc7ed690ff5c01071dc2f439b76474122a93d3d2' })];
+        return [h("slot", { key: 'f820bba496a87eec4d3a16f455493511aafe9bfc' })];
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/row/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class TableRow {
             (_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
     }
     render() {
-        return (h("div", { key: 'f4016ec2ba8f871c843780d4d86306344f0a7b42', ref: e => (this.element = e) }, h("slot", { key: 'd02e94248182106e5ccb3da95370c2bd7a4e9b75' })));
+        return (h("div", { key: '52a85d45e77f78a479c1e314650c38b7b97502e4', ref: e => (this.element = e) }, h("slot", { key: '7438dcbe1986dd6d286cd9c2961d51a34f181c37' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyTabsDemo {
     render() {
-        return (h("smoothly-tabs", { key: '533cfc91493d6dceed5aded6e6f26e26859224a1' }, h("smoothly-tab", { key: '5984ae187c5cc23a4b7a64d43bbbdd7d48b7d861', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'b8a3216625e2408c3c3fab08b0be1bdf08850da1', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'bd876638a084205f45c910a842d3e20205db2e7c', label: "test3" }, "this is a test message again!")));
+        return (h("smoothly-tabs", { key: 'bf3e5c01fa0476ec17008f510c3627b12f41907e' }, h("smoothly-tab", { key: '65819b7cabe33f935ff283400dc5f242894a8d1e', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '77baaf959e4bfe230e5699b8c684c364eb2290e9', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: '6db948cc03dc3c952e2453b0a98bdac5fbc9e917', label: "test3" }, "this is a test message again!")));
     }
     static get is() { return "smoothly-tabs-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class SmoothlyTabs {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '0e5023ca7717e4560b12fe3a18efa78121b2da9f', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '1b299ba1d8b0945a41016ce7f2da50fa73e36c17' })));
+        return (h(Host, { key: '13265df1e5924c455ab8b94b2e1d3942722120c5', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: 'ef457b562f8ea6c2d00f52c1049ae644bc0fadba' })));
     }
     static get is() { return "smoothly-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/tab/index.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '417ad462857abdf14e1ec37429e75b689799efb0' }, h("div", { key: '6993c98633a3794b71b4b83a3a69423dac7c74e2' }, h("label", { key: '0ee24bb008ec1fb28e7c41ae1c282b25bef04a1c' }, this.label)), h("div", { key: '3a1c8c42d5ef94e61c632c4eecbc4d2d02ac732b', hidden: !this.open }, h("slot", { key: '3d87938f9cb4240dd659a77096fb4d185dbca404' }))));
+        return (h(Host, { key: 'cdbbca6716b3a1d87e442e10755e56e228a5ddf6' }, h("div", { key: '90fc76872efeec9892a1ad9a89aab0e13e86eea6' }, h("label", { key: '0c48385c46cb4c5aed14415505cd248a94d5e1eb' }, this.label)), h("div", { key: 'eceb62687b2e1eb4f022976e60daee5b42bb3f8c', hidden: !this.open }, h("slot", { key: '0d1d67d5c332d89e15e9eb1e7b7249307946027e' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/color/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '31afa14d4490b5c2d3a09322999ac7ec6084f0b8' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (h(Host, { key: 'a7d4302217c958ba525227484df493bc8fa312e5' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
     static get is() { return "smoothly-theme-color"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeDemo {
     render() {
-        return (h(Host, { key: 'f372aac59b4dcc24cde0f65888c90b14e7bcc527' }, h("h2", { key: 'fbf02d997500cc247c994318d04362c4cf180d22' }, "Theme"), h("smoothly-theme-picker", { key: '07248d954a9c4f9ba0ce3520b9d3f52af592f414' }, h("smoothly-item", { key: '56f792607d3696823681005ab99c64d2c6c8a26b', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '88ed4bce954338ded99d9e20cc46922e6792fc05', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '62ad657fd2956e4a8ecd6cbe3a4594c419cd4857', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '1a05c71adfd42dce463c65d0f098c065661cc452', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '61fec55bcbecfd26a4d867598e1a7f3aed292408', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '70b0d3a2300539903fbf7ba5252bb1914e065ae7', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '4259aef8ff5e9b238aea52d3f5c629aafadc0d91', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '80f7c765f1de5982f9e833ef54a6635cbf0fe6b2', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '7ff3946958929beeb820e3129b9a654a1b362f2d', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '103fca80dd8858bc227448bd56349026ecd444f4' }, h("smoothly-theme-colors", { key: '666897015cfd34976603149ded74fe06be6d9d2d' }), h("smoothly-theme-guide", { key: '9a0f02fa88ea4aa79ed2060df5e7ac59baf35b96' })), h("smoothly-button", { key: '42bdb748755ed442eb15da5adb7f4781ff3b10e9', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '237d637586ce0f1fa752df6f7c26334437bb6d96', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'f845f142b70b50a75a94e89725caddd0c4c4a379', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '062c928768a552527d1b4238c1a2fdaaf4c4a87f', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '67785f5a8f7b0dfcc05ed3db061b16847f0cf2be' }, h("h2", { key: '010fc56a1a101557b8f6aa2d58e8e0d08f5e9a19' }, "Theme"), h("smoothly-theme-picker", { key: '78859336f91dc966250d92714dd68669f8fea47e' }, h("smoothly-item", { key: '7f7dfdc5179fcfe81129f0d29a057211ef37b7c0', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '5200084b7f82c9d2684d8891d2edabd3910c7af8', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '842c142cf1c1e22d082ea773ecf68762d33955c4', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '272f4ccd9f2a242ace94b07e49331d89af093c06', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'cc4a39a589fc9b763b8f01f528537661929699eb', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'dd9058c57fc46878af36f0a6957d7b010bc25f0c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'da173ddd9a73cf8259adf9d5d292d2a799fb5bc9', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '44dbf248be4a3515834defd174f0dc2bea726f7c', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'c5e345aa503265dd8e8ef9d3c4023493f4c8fc42', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'f3578ff957b2a03ccc96d99b21255edb29c582ba' }, h("smoothly-theme-colors", { key: '5e293d62e394aa20f7e01f9d037cca5ecad36406' }), h("smoothly-theme-guide", { key: '447122ad26e6a3aa2944377e4417cab78c13988e' })), h("smoothly-button", { key: '13a8176fa6057cec8e980e9e327e52c4ebd405b0', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'c6e60ae0a148040df8880b44697f167d3b2802b9', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '397c225e488ffd99c0054c18b807b2539f6ad961', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'e6651a36be501ac3e862512f83825e27c3b0f364', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get is() { return "smoothly-theme-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/guide/index.js CHANGED Viewed

@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
 export class SmoothlyThemeColors {
     render() {
         return [
-            h("smoothly-display", { key: '115daaa00fb7a4e0bacb23cbda1ed58cdab2505a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: '0eacb21aa50f7faebf262e64b5e4c30878f50dc1' }),
-            h("smoothly-display", { key: '5eddcb2c707956bc39e7b675bc61bf222ebfc0cd' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
-            h("br", { key: 'f157bd5d1fd2aa1db645aae1650d5e3711c73a1b' }),
-            h("smoothly-display", { key: '58804f743836a8fc1822dac667724e24b4dca2db' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: 'bad13ec12d0eab96921b00edaab1cc4acba9d94c' }),
-            h("smoothly-display", { key: '4375ae14448373728f92946e9984c55672432beb' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '357075bdb38d7f2d963dde17c2fd78d88702402d' }),
+            h("smoothly-display", { key: 'd78f620cf75a4531322bf69c0b9edc1ad0760fb0' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: '82afe82bdbf31fe782fe2a25a13b1786172ce8d9' }),
+            h("smoothly-display", { key: '036aec35c1a3707770e0cc858050d7ad3cf80c2b' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
+            h("br", { key: '6f78be3cf45e8a8a255ee14f8ebfe344f4a2e461' }),
+            h("smoothly-display", { key: '7169ee0c18d1f5e96e4c8f5c813cb88699f3cf49' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: 'c653eb38519794d49abbbc1c50375d624b07fb37' }),
+            h("smoothly-display", { key: '437ed227e0ad31891c165849373cfbea265d333b' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: 'bd99df5526d7a1178779ba7810acdc2fef644924' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

package/dist/collection/components/theme/picker/index.js CHANGED Viewed

@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: '4039dc4eb015dd6d869d1896c2be555bc29ee3dd' }, h("smoothly-input-select", { key: '3fc86668de12e928bafce4760bed4302267978a1', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: 'a2b3e60ee78f0d719db88d169a6a0acb63de474e' }, h("smoothly-input-select", { key: '41cd3a9dcac297edd67e5e07e5f2fd634c3e021c', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
                     element.href = e.detail.theme;
-            } }, h("label", { key: '79fd10c45933e9b5589b92d2793f89bf0a23afaf', slot: "label" }, "Select theme"), h("slot", { key: 'dec18bec76ffc9ee4380e3609fda66196786480b' }))));
+            } }, h("label", { key: '3e1f6a91391bfcb8baf9920e16e185f70a0a2b92', slot: "label" }, "Select theme"), h("slot", { key: 'e0499d19e385e8aa23ad10706b2efcc869efd9f8' }))));
     }
     static get is() { return "smoothly-theme-picker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SmoothlyToggle {
         this.selected = !this.selected;
     }
     render() {
-        return (h("button", { key: '9ea210115f4c2a7677604a6d1853fc2c5d999ce6' }, h("slot", { key: '72df5acb95cdbe522ad162577e4ec34f31aef525', name: "icon-slot" }), h("slot", { key: 'd2c81cf33c4da3b4ce0b9443712a69fb38274b67' }, this.name)));
+        return (h("button", { key: '2efd61c63509a64d916bdfa7282086f221954d99' }, h("slot", { key: 'ba6dbb633c4aef4767f31689d9363fc60ebfd251', name: "icon-slot" }), h("slot", { key: '284702ac87b5503617d9d117d355a17c8e1022a7' }, this.name)));
     }
     static get is() { return "smoothly-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitchDemo {
     render() {
-        return (h(Host, { key: 'd42c87cbc8367a4bedf1638f05493318ce41507e' }, h("h4", { key: 'fabd5caccf3b3076b12a5572dc07544c2343f717' }, "Toggle switches"), h("div", { key: 'ef1e2219e77722e2981b542379af6ca281d9b8c9' }, h("p", { key: '5ce2ae1f96e4f2298bf5302ffe3ac6573e2b2f90' }, "Checkmark"), h("span", { key: '5ecae1da643b292d06d9b825d733282a51a6b39f' }, h("p", { key: '941fe1972c919cc5830fd9531a331a2995d7e409' }, "Tiny"), h("smoothly-toggle-switch", { key: 'f355ac70925f61e806d7bdeffccf1ff5e60be479', disabled: false, size: "tiny" })), h("span", { key: '7baa75d53746d4e01ec4c4c6ce2ef55f8f0bfff0' }, h("p", { key: '4bdc3b7f070ff76753e79c54272e50c6cd769f13' }, "Small"), h("smoothly-toggle-switch", { key: 'fd72e51ae7f6cc00e1e1b4735cc72c37d03eb784', disabled: false, size: "small" })), h("span", { key: 'bf9bb03011a26331720dcdd840d940745d592907' }, h("p", { key: '1d2e9e18b8b7b38cc821ffbfdb891e651ecf22d0' }, "Standard"), h("smoothly-toggle-switch", { key: 'cb8e3e1809b19916e3d4aa8bd7282e03daa23fc8', disabled: false })), h("span", { key: '8900fb069434ff59482369277af9237211c586d3' }, h("p", { key: '19e9c7fd9b4aa2bbb75cace03f61efdc64121b49' }, "Large"), h("smoothly-toggle-switch", { key: 'dfe75cc413d58776293a88d15bf6817d82659eb2', disabled: false, size: "large" })), h("p", { key: 'c0dd0475ce038565b7989dcb8b7d2602e4efc5c6' }, "Colors checkmark"), h("span", { key: 'b10d71034ad8d205da901e00b8bc5c6c4fbb2b56' }, h("p", { key: 'e06de9836fb3755f242e15ce1fd96a52de476500' }, "Danger"), h("smoothly-toggle-switch", { key: 'b01be2ce99dc297789c859dc4a69dee1ceed1ab1', color: "danger", disabled: false, size: "small" })), h("span", { key: 'a1d7003f67a971e3e9d1cb0af6c46e63d27fc160' }, h("p", { key: '28cc6a5e62a9f2dbd95526ed20a41585cfd59ff4' }, "Primary color"), h("smoothly-toggle-switch", { key: '6a0daed9d6d35eddd91e967a7e77f0cd6b798971', color: "primary", disabled: false, size: "small" })), h("span", { key: '8e20e504b6064dd24a482c83dc4120105b2e54ec' }, h("p", { key: '136267d87422999493d00b6e78f5b798c70663a4' }, "Secondary color"), h("smoothly-toggle-switch", { key: '9ba7a38b869479df1dcbd275f400a95a03eb2096', color: "secondary", disabled: false, size: "small" })), h("p", { key: '5410cfe3c52cd9ec94f9d9be528873b9257dc72b' }), h("p", { key: '83957369bb649d1a875249b0c9d3491dc0f35d35' }, "Colors no checkmark"), h("span", { key: 'd8852a56a14c1b8575f640010418561dfa515317' }, h("p", { key: '1357ba7a51e0fb4676f97adeeabb2bb2988d0fcc' }, "Danger"), h("smoothly-toggle-switch", { key: 'e155e0cc9892978e4c6c7d63c63a7fa1fce9b5bb', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '9ab31a62d1cd71dee47a46398935626c3102951a' }, h("p", { key: '7429f1e4988c7f84776f78e4a625d209e51bb73a' }, "Primary color"), h("smoothly-toggle-switch", { key: '17e853b7aafdeeb35d0bd7e48ce9e2d0a3176b31', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '62e042c6671f30babc6b543f4c17ea140a880a60' }, h("p", { key: '832b8c4662871bd1d1c2861ac9f0783e4c0032b5' }, "Secondary color"), h("smoothly-toggle-switch", { key: '8fb61a82948410571b5d79b064279dc7127b73c9', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: 'e4decc2823333a5a791092e8e34a92258d5b808c' }, h("h4", { key: '8f2d3332e00c539d493ab8fd5a5f8f8ee6732715' }, "Toggle switches"), h("div", { key: '6da6533cddf5fc818d2d6aa68427e8cfa1496ede' }, h("p", { key: '766ebc883c9879d0e798309a88c3021f0387c54b' }, "Checkmark"), h("span", { key: '6cafbd95e9157237ad07b78b22ef434f4494987d' }, h("p", { key: '89c96abca44265f7b134a7fc971638d33c3b35cd' }, "Tiny"), h("smoothly-toggle-switch", { key: 'f41097e4819f5f18d68520b50111bf2c3b3303f7', disabled: false, size: "tiny" })), h("span", { key: '2abdefe0c854ddbe984d2cbfa228af0fb1c2be43' }, h("p", { key: '25b22d0ba23a34b2b93f6272abdbd56dcb26f9f6' }, "Small"), h("smoothly-toggle-switch", { key: '3152dc8eb87f3b70383942bfa9571d9c05dbef71', disabled: false, size: "small" })), h("span", { key: '6c49c1476a6145a3699bfaae389d67fa08284d97' }, h("p", { key: 'cdc8a155962f2db1314b4612f69c46f6e10e438e' }, "Standard"), h("smoothly-toggle-switch", { key: '5567ecc1cb679afad70edf324cb9a683e933870b', disabled: false })), h("span", { key: '3651352629c6555d322cfae0433735d813656de3' }, h("p", { key: '4698eba882ff962b05eb5e461e89b4a02abdba6e' }, "Large"), h("smoothly-toggle-switch", { key: 'ef884c9c8644f42d0f8a7c342e3e63026ccb454b', disabled: false, size: "large" })), h("p", { key: '6c4c2cf44cb00a6966456f1eb625ffe7a20ece0f' }, "Colors checkmark"), h("span", { key: '06257fab92ae6fb47da27b1b42a7beb01509ae0e' }, h("p", { key: 'b02c3e1f9a7e4d977743b57711bc1167607c3f73' }, "Danger"), h("smoothly-toggle-switch", { key: '68cf0c6ecaba81cbca33a41d646f90185897f61a', color: "danger", disabled: false, size: "small" })), h("span", { key: '31e12e703bd5b746a3bbb15520aab241cab92df8' }, h("p", { key: '374d0ab72fe29c01a2e1aa0dfea8648eef8df5e2' }, "Primary color"), h("smoothly-toggle-switch", { key: '8d6ee4f423a439c864882d5d1d731de6a4ea2c0a', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ba8c1546ca7bd9f8e2216a54b3fa801bbbf5f0c5' }, h("p", { key: '4da8260d03362b0c42e298e9fa8528a278e6296a' }, "Secondary color"), h("smoothly-toggle-switch", { key: '76e608995b4aff9912fe454e34253e25fe63b33d', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'cf18f647898cbdb270a936fa6c3f09384ec10308' }), h("p", { key: '3baf367e5396e228746af376bf600466adaf699a' }, "Colors no checkmark"), h("span", { key: '82fdd9f4d57c6f1df933681a2585870e8a92f87b' }, h("p", { key: '78e34f4bf07011afee3bf81afa6cc058d5f3cb00' }, "Danger"), h("smoothly-toggle-switch", { key: 'f15d080393f73866d7d83aa49037b14480de0608', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '50a556b0630714a435b706cd75aff01da5ac994c' }, h("p", { key: '1a574f415960e5b32928d3123a378a383376250d' }, "Primary color"), h("smoothly-toggle-switch", { key: '77f466f0e5fe38f0cbf46d41ea3d27ec64570cfb', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'b1ee16f7d6bc445afd7054325b5a7ec8edb469cb' }, h("p", { key: 'e1c2eabf3e079467052370dd47101f44daeee106' }, "Secondary color"), h("smoothly-toggle-switch", { key: '96aaa6e9392f03a1843f8ec137d8dcfb1208d85a', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
     }
     static get is() { return "smoothly-toggle-switch-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: '191a429c04889d30d5d293657df020d5d14b5e63' }, h("button", { key: 'ffa03674786389e8f07874a5bc2d675c360e2a53', disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '024e4ae444afefe53640b81f2f48fcbd81dfb2e4', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: '96fc3020027e002266e463f12602426620acc78c' }, h("button", { key: 'ddb780e16758cfc4f0cf10fd49bef80797896011', disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '5dd8ad2203bc8f14d718f568c2db43640a155747', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
     static get is() { return "smoothly-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SmoothlyTrigger {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: '60d7037fc7bddb5954b2391c9f0062a72b38a030', disabled: this.disabled, name: this.name }, h("slot", { key: '2650651355e3f422337fa3712111d0c73f07693f' })));
+                result = (h("button", { key: 'd15f2a85ef75c7ff5e3c79b2a2c0fb26389532b1', disabled: this.disabled, name: this.name }, h("slot", { key: 'dabc32f8e23ccd3b63a3afe2acf4b828bc116032' })));
                 break;
         }
         return result;

package/dist/collection/components/trigger/sink/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '853396c89cb0ed929cee2c4e5bbf4efa7f6e65ce' });
+        return h("slot", { key: '687672f602078fad85ca1b42295a02e312ba897f' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/source/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: 'd86bd8adf68784eff60bc0336bcd4fee9321200c' });
+        return h("slot", { key: '1260a3c079cf2809fe3c77370f8bf149a558674e' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-2fe77106.js → p-025840ff.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$a } from './p-f9770ff7.js';
-import { d as defineCustomElement$9 } from './p-7c5243b2.js';
-import { d as defineCustomElement$8 } from './p-6ead1a42.js';
-import { d as defineCustomElement$7 } from './p-2020cb82.js';
-import { d as defineCustomElement$6 } from './p-b4bb3e74.js';
-import { d as defineCustomElement$5 } from './p-b5bca419.js';
-import { d as defineCustomElement$4 } from './p-4886e764.js';
-import { d as defineCustomElement$3 } from './p-eee39702.js';
-import { d as defineCustomElement$2 } from './p-abf15e78.js';
-import { d as defineCustomElement$1 } from './p-d92ee30a.js';
+import { d as defineCustomElement$a } from './p-4f80c811.js';
+import { d as defineCustomElement$9 } from './p-f770567b.js';
+import { d as defineCustomElement$8 } from './p-96acfe2c.js';
+import { d as defineCustomElement$7 } from './p-f46dd8e4.js';
+import { d as defineCustomElement$6 } from './p-4c6fe645.js';
+import { d as defineCustomElement$5 } from './p-c63db1c1.js';
+import { d as defineCustomElement$4 } from './p-0b16cab5.js';
+import { d as defineCustomElement$3 } from './p-6e2f3b1e.js';
+import { d as defineCustomElement$2 } from './p-4c8ef04f.js';
+import { d as defineCustomElement$1 } from './p-47a1a01b.js';
 const SmoothlyInputColorDemo = proxyCustomElement(class SmoothlyInputColorDemo extends H {
     constructor() {
@@ -16,7 +16,7 @@ const SmoothlyInputColorDemo = proxyCustomElement(class SmoothlyInputColorDemo e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '32b690c4dd7460549299e38a5da3fb06d93044ed' }, h("h2", { key: 'f2a1c4bfce5ab9ae0cb568c37184776882678a08' }, "Color"), h("smoothly-input-color", { key: '97265d41ebcf18e1d9282d90898b325c7b807e56', name: "color" }, "Choose color")));
+        return (h(Host, { key: '9c124314b12776a21c4fb18f061774ff2cf46985' }, h("h2", { key: '63ed15658bc3cdeec16a69b154043256d1a76d17' }, "Color"), h("smoothly-input-color", { key: '1d0df5f73becd460e39518ef5ec812c94875b59a', name: "color" }, "Choose color")));
     }
     static get style() { return "style.css"; }
 }, [0, "smoothly-input-color-demo"]);
@@ -87,4 +87,4 @@ defineCustomElement();
 export { SmoothlyInputColorDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-2fe77106.js.map
+//# sourceMappingURL=p-025840ff.js.map

package/dist/components/{p-2fe77106.js.map → p-025840ff.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~2fe77106~~.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-025840ff.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-ee00a65d.js → p-040802e2.js} RENAMED Viewed

@@ -28,7 +28,7 @@ const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '0e5023ca7717e4560b12fe3a18efa78121b2da9f', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '1b299ba1d8b0945a41016ce7f2da50fa73e36c17' })));
+        return (h(Host, { key: '13265df1e5924c455ab8b94b2e1d3942722120c5', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: 'ef457b562f8ea6c2d00f52c1049ae644bc0fadba' })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -58,4 +58,4 @@ defineCustomElement();
 export { SmoothlyTabs as S, defineCustomElement as d };
-//# sourceMappingURL=p-ee00a65d.js.map
+//# sourceMappingURL=p-040802e2.js.map

package/dist/components/{p-ee00a65d.js.map → p-040802e2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~ee00a65d~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gHAAgH,CAAC;AAClI,2BAAe,QAAQ;;MCMV,YAAY;;;;;oBAEO,EAAE;;;IAKjC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAC7E,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SACxC;KACD;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;SACvC;KACD;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAC/C,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/tabs/style.css?tag=smoothly-tabs&encapsulation=scoped","src/components/tabs/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--tabs), auto);\n\tgrid-template-rows: auto auto;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@State() tabs: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {\n\t\t\tthis.tabs = [...this.tabs, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ \"--tabs\": `${this.tabs.length}` }}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-040802e2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,gHAAgH,CAAC;AAClI,2BAAe,QAAQ;;MCMV,YAAY;;;;;oBAEO,EAAE;;;IAKjC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAC7E,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SACxC;KACD;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;SACvC;KACD;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAC/C,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/tabs/style.css?tag=smoothly-tabs&encapsulation=scoped","src/components/tabs/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--tabs), auto);\n\tgrid-template-rows: auto auto;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@State() tabs: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {\n\t\t\tthis.tabs = [...this.tabs, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ \"--tabs\": `${this.tabs.length}` }}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-478e2d25.js → p-04e1a322.js} RENAMED Viewed

@@ -17,7 +17,7 @@ const SmoothlyNextTableExpandableRow = proxyCustomElement(class SmoothlyNextTabl
         this.smoothlyNextTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '52090a83bed3378cc11f71f89f98ac922e343bcb', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '2f63dbffd0697efadf3fca874eab71dd375b4f07' }), h("div", { key: '38c32334b65c8ac49f41225ec471270c686d4302', ref: e => (this.div = e) }, h("slot", { key: '3a3e3b102d1cf455f4882f5a827539db82c7c3bc', name: "detail" }))));
+        return (h(Host, { key: '50be61ce8020cebf50901b637bc1e7cbc7025f8f', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c82e4510eb7073106b846db0ab5e9051a73f11fd' }), h("div", { key: 'b334189f1e50102b5f2e31b0a589dd69ddb037cf', ref: e => (this.div = e) }, h("slot", { key: '4afb77d300dc59eb316507ee996bf58d85b5a556', name: "detail" }))));
     }
     static get watchers() { return {
         "open": ["openChange"]
@@ -45,4 +45,4 @@ defineCustomElement();
 export { SmoothlyNextTableExpandableRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-478e2d25.js.map
+//# sourceMappingURL=p-04e1a322.js.map

package/dist/components/{p-478e2d25.js.map → p-04e1a322.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~478e2d25~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,umGAAumG,CAAC;AACznG,6CAAe,QAAQ;;MCMV,8BAA8B;;;;;oBAEK,KAAK;;IAGpD,YAAY,CAAC,KAAiB;QAC5B,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAClF;IAED,UAAU;QACT,IAAI,CAAC,oCAAoC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACzD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACrD,8DAAa,EACb,4DAAK,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAC5B,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/expandable/row/style.scss?tag=smoothly-next-table-expandable-row&encapsulation=scoped","src/components/next/table/expandable/row/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-template-rows: auto 0fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host::slotted(*) {\n\tcursor: pointer;\n}\n\n:host:has(>:not(:last-child):hover)> :not(:last-child) {\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n}\n\n:host[open] {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tgrid-template-rows: auto 1fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border)),\n\t\t0px 0px 1px rgb(var(--smoothly-table-border)) inset;\n\tgrid-template-rows: 0fr 1fr;\n}\n\n:host>div:last-child {\n\tgrid-column: 1 / -1;\n\tcursor: default;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host> :first-child:not(:last-child) {\n\t@include arrow;\n}\n\n:host:has(>:not(:last-child):hover)> :first-child:not(:last-child) {\n\t@include arrow-hover;\n\n}\n\n:host[open]> :first-child:not(:last-child) {\n\t@include arrow-open;\n}\n\n:host[open]>div:last-child {\n\toverflow: visible;\n\tpadding: 0.3rem 1.1rem;\n}\n\n:host>div:last-child::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host>div:last-child::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyNextTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\t;(this.div && event.composedPath().includes(this.div)) \|\| (this.open = !this.open)\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyNextTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-04e1a322.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,umGAAumG,CAAC;AACznG,6CAAe,QAAQ;;MCMV,8BAA8B;;;;;oBAEK,KAAK;;IAGpD,YAAY,CAAC,KAAiB;QAC5B,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAClF;IAED,UAAU;QACT,IAAI,CAAC,oCAAoC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACzD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACrD,8DAAa,EACb,4DAAK,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAC5B,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/table/expandable/row/style.scss?tag=smoothly-next-table-expandable-row&encapsulation=scoped","src/components/next/table/expandable/row/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-template-rows: auto 0fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host::slotted(*) {\n\tcursor: pointer;\n}\n\n:host:has(>:not(:last-child):hover)> :not(:last-child) {\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n}\n\n:host[open] {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tgrid-template-rows: auto 1fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border)),\n\t\t0px 0px 1px rgb(var(--smoothly-table-border)) inset;\n\tgrid-template-rows: 0fr 1fr;\n}\n\n:host>div:last-child {\n\tgrid-column: 1 / -1;\n\tcursor: default;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host> :first-child:not(:last-child) {\n\t@include arrow;\n}\n\n:host:has(>:not(:last-child):hover)> :first-child:not(:last-child) {\n\t@include arrow-hover;\n\n}\n\n:host[open]> :first-child:not(:last-child) {\n\t@include arrow-open;\n}\n\n:host[open]>div:last-child {\n\toverflow: visible;\n\tpadding: 0.3rem 1.1rem;\n}\n\n:host>div:last-child::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host>div:last-child::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyNextTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\t;(this.div && event.composedPath().includes(this.div)) \|\| (this.open = !this.open)\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyNextTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}