smoothly 1.2.1-alpha.47 → 1.2.1-alpha.49

package/dist/components/{p-0e536b80.js → p-93ece2c4.js}

@@ -1,33 +1,33 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
 import { R as RGB } from './p-8e1e509d.js';
-import { d as defineCustomElement$s } from './p-14f83014.js';
-import { d as defineCustomElement$r } from './p-a287288e.js';
-import { d as defineCustomElement$q } from './p-666206c5.js';
+import { d as defineCustomElement$s } from './p-7d0eafb0.js';
+import { d as defineCustomElement$r } from './p-8e13449b.js';
+import { d as defineCustomElement$q } from './p-5d648150.js';
 import { d as defineCustomElement$p } from './p-4f80c811.js';
 import { d as defineCustomElement$o } from './p-f770567b.js';
 import { d as defineCustomElement$n } from './p-96acfe2c.js';
 import { d as defineCustomElement$m } from './p-f46dd8e4.js';
 import { d as defineCustomElement$l } from './p-4c6fe645.js';
-import { d as defineCustomElement$k } from './p-08d0d254.js';
-import { d as defineCustomElement$j } from './p-4922697f.js';
-import { d as defineCustomElement$i } from './p-2b19c666.js';
-import { d as defineCustomElement$h } from './p-ddf9d2aa.js';
-import { d as defineCustomElement$g } from './p-cd448401.js';
-import { d as defineCustomElement$f } from './p-c446b8ad.js';
-import { d as defineCustomElement$e } from './p-22f4742d.js';
-import { d as defineCustomElement$d } from './p-47acfdd5.js';
-import { d as defineCustomElement$c } from './p-046dcaa0.js';
-import { d as defineCustomElement$b } from './p-b3a66468.js';
-import { d as defineCustomElement$a } from './p-78fd29c9.js';
-import { d as defineCustomElement$9 } from './p-9d011d36.js';
-import { d as defineCustomElement$8 } from './p-db26eba4.js';
-import { d as defineCustomElement$7 } from './p-ead2fe66.js';
-import { d as defineCustomElement$6 } from './p-edcdcc51.js';
-import { d as defineCustomElement$5 } from './p-c77944e7.js';
-import { d as defineCustomElement$4 } from './p-c47769b8.js';
-import { d as defineCustomElement$3 } from './p-ed3722cc.js';
-import { d as defineCustomElement$2 } from './p-040802e2.js';
-import { d as defineCustomElement$1 } from './p-dd5d9674.js';
+import { d as defineCustomElement$k } from './p-de7367c4.js';
+import { d as defineCustomElement$j } from './p-8e748704.js';
+import { d as defineCustomElement$i } from './p-1cd836ca.js';
+import { d as defineCustomElement$h } from './p-bad6a2f9.js';
+import { d as defineCustomElement$g } from './p-575b902b.js';
+import { d as defineCustomElement$f } from './p-9caf65ff.js';
+import { d as defineCustomElement$e } from './p-4b05e229.js';
+import { d as defineCustomElement$d } from './p-864278eb.js';
+import { d as defineCustomElement$c } from './p-751259e1.js';
+import { d as defineCustomElement$b } from './p-c0796b72.js';
+import { d as defineCustomElement$a } from './p-b1e386db.js';
+import { d as defineCustomElement$9 } from './p-67b8cf78.js';
+import { d as defineCustomElement$8 } from './p-7c727d4f.js';
+import { d as defineCustomElement$7 } from './p-5ffba444.js';
+import { d as defineCustomElement$6 } from './p-38ce18a1.js';
+import { d as defineCustomElement$5 } from './p-62c1780b.js';
+import { d as defineCustomElement$4 } from './p-272d2d5a.js';
+import { d as defineCustomElement$3 } from './p-38489e40.js';
+import { d as defineCustomElement$2 } from './p-192dca7c.js';
+import { d as defineCustomElement$1 } from './p-4f911ef7.js';
 
 const styleCss = ".sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name=\"hasOwner\"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-summary.sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}";
 const SmoothlyFormDemoPetStyle0 = styleCss;
@@ -45,7 +45,7 @@ const SmoothlyFormDemoPet = proxyCustomElement(class SmoothlyFormDemoPet extends
         return (h(Host, { key: 'f926cc45f0cc0291f2c24c7b398606a85b50d234' }, h("h2", { key: 'fb0ba15fe080450f09989315d3c145028217b692' }, "Pet"), h("h3", { key: 'd3dccbcc9b23b2cd8218936424e17a278feea2a4' }, "Value"), h("smoothly-form", { key: 'bf16fa9747ed9b5a6a0208cb6f412b3203077de7', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '517b4234109763201875c4894ab5e9627f7f4abc', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'ee6ac67d9818a76c10462980c445ca33ae46638b', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '28b630a35af9ce0976bbb7057c4fdbb4c47cef58', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '874b59bc35579337167b159cd64a80be4504bb2f', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: 'eaf4fd928b7cf9809236a25ae9aaece4db40ebee', name: "summary.height" }, "Height"), h("smoothly-input-select", { key: '0340202daca1bf8be541d1065306abdb73994216', name: "summary.favoriteHat" }, h("span", { key: '455bd818a3896e691344eee0290c8e4b2b6b99f9', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: '95cd6a00fa1310c8411f5449e86a8380ab23f893', name: "summary.month" }, "Summary Month"), h("smoothly-input-color", { key: 'aaea740dcda58e663d77fe278af20a37d23c3c29', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'f0abc5f653d76d4a8e80db253f73478808772f26', name: "summary.favoritePizza" }, h("span", { key: '2e8aae93b6f3023d90d46b0661da993069254ad9', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '62fb76ee63e7ca04acace1d704b7162007dc6113', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '5694a29b9cb38faf9b5bda9872e6acc89e9b815b' }, h("smoothly-tab", { key: 'c8fdf7364cfd3e0ba67c0737585c460339860428', label: "Dog" }, h("smoothly-input", { key: '73ba074a24956a96b8ae05c5d6e1b4ce0f2f5904', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '38635ba92663dba7ef33bbda1bbd28006795f9a3', name: "dog.picture" }, h("span", { key: '69fe9e2e95cab3a6cf63a2b9032164e858da0056', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '873516c880d3be1b82fce0d2b170f26fc8edcb7a', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: 'a4df495a378d7d69b36a3112815ab28eebdafb18', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '4fd169248a34652e2afa5bd9c82f54ec80cc925f', name: "dog.favoriteHat" }, h("span", { key: 'c367310b392845a2b647c2c1ec18136da4d62982', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '4c6c3d2b49b914f261dd2c96b720e6664e852f58', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: '47d1c6868f78ed5b1480385a430f81fec77de458', name: "dog.favoritePizza" }, h("span", { key: '3af8fa1b379b9c7d2817c0f10c0651dbb440f478', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '3eb0518c0833b098a68dcbac9171fc533015e34c', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '7828d4ca2378c3e7c21ac98c6696991f8ede4452', label: "Cat", open: true }, h("smoothly-input", { key: '58a99bfe09285c7698f0463a4e9ad2c5dc94e300', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: '21482df51ba28296f09a6f38c57008ceae652055', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '4aa5da7331a5af8db6b69a34c541d9ec23ab3529', type: "json", value: this.value })));
+            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '874b59bc35579337167b159cd64a80be4504bb2f', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '88abf4bf85b3789e5392f1ae50e2131f86f524a1', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '163c4d30504d2d440bb4e31d42e54286d2ea4d30', name: "summary.favoriteHat" }, h("span", { key: 'b803a9d4b5c969f74cf649495ff29b80dc7eca32', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: 'd4120f7272df1eddf403cd56b8433cb6ca4528a6', name: "summary.month" }, h("span", { key: '2cb8eef31ee0980ccb7418d42517b4df6cedaf91', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '6e3a63f405b74d88d42bbe5f957fee1ba0f9502e', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: '176ac40da54721997c43d0a81666acb4998b37b7', name: "summary.favoritePizza" }, h("span", { key: '6871e57f0b47cd6d69f675728cbc8adc04eb07ea', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '80670e084705b6dd89313fac93cc9cae199e4d49', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '54adf6f72e5e47c87420b590c1ee0339917b2443' }, h("smoothly-tab", { key: 'bc35a89b5e79189f358204e3dc3f53ff56d36fd5', label: "Dog" }, h("smoothly-input", { key: '9cc578a69ab318b029a3e2ed911b8c44fa43a198', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'da49e55084302c59403e396216a5662814467d0e', name: "dog.picture" }, h("span", { key: '4ba608f3e2ba497a71912385898053e412c8bfe4', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '0e9aeebaed1e5bc84995008be8fc9f35ea1b251d', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '6e199a7d72c816a069b7ba1ac71880f82f8b82d2', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: 'e381b1b0f5f15f043135c7c50278a45aad11e70c', name: "dog.favoriteHat" }, h("span", { key: 'd4e77a11d6a6967816ad157048917c37c00e6cff', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '0a5c74e5716ea1d46e56d0923f60265ecb9645a8', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'ccc2fcde4138d6c8873694a197358a89dd203f26', name: "dog.favoritePizza" }, h("span", { key: '97bbceaef27ee84dba00348edc30e88f04b9f274', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '3fa75d1646e6d15e466452f0c65e4ddf5fbc4f36', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '1eeffd514378ffe9cc3e0119c3544cd498408116', label: "Cat", open: true }, h("smoothly-input", { key: '65ad05667b91c90fd7a220a40b7e7a44e12dfda3', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'f52d5879ac3c5f9ff62fad15f2f047b631771151', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '2eef08cbc4914369df28029689e3e74b63923507', type: "json", value: this.value })));
     }
     static get style() { return SmoothlyFormDemoPetStyle0; }
 }, [2, "smoothly-form-demo-pet", {
@@ -210,4 +210,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPet as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0e536b80.js.map
+//# sourceMappingURL=p-93ece2c4.js.map

package/dist/components/p-93ece2c4.js.map

@@ -0,0 +1 @@
+{"file":"p-93ece2c4.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2cAA2c,CAAC;AAC7d,kCAAe,QAAQ;;MCQV,mBAAmB;;;;wBACX,KAAK;qBAWrB,EAAE;;;IAGN,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,mEAAY,EACZ,qEAAc,EACd,sEACC,KAAK,EAAC,QAAQ,EACd,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EACzE,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,qBAAQ,CAAC,CAAC,MAAM,CAAE,CAAC,IACxD,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,WAE5B,EACjB,uEAAgB,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,kBAExB,EACjB,gFACC,IAAI,EAAC,UAAU,EACf,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,eAAe,EAAE,CAAC;gBACjB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,QAAmB,CAAA;gBAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,gBAEwB,EACzB,IAAI,CAAC,QAAQ,KACb,EAAC,QAAQ,uDACR,uEACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC3B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAE,CAAC,uBAE9E,EACjB,uEACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAE,CAAC,sBAE5E,EACjB,4EAAqB,IAAI,EAAC,eAAe,IACxC,6DAAM,IAAI,EAAC,OAAO,oBAAqB,CAClB,EACtB,4EACC,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAE,CAAC,qBAEvE,EACtB,kFACC,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,EACnC,GAAG,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,GAAG,EAC/B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAE,CAAC,uBAErE,EAC5B,6EACC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,GAAE,CAAC,qBAElE,EACvB,8EAAuB,IAAI,EAAC,mBAAmB,IAC9C,6DAAM,IAAI,EAAC,OAAO,2BAA4B,EAC7C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,IAChF,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EACC,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,SAAS,EACjF,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAE,CAAC,6BAEhF,EACvB,6EACC,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAC/B,eAAe,EAAE,CAAC,KAChB,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAW,GAAE,CAAC,IAE3F,6DAAM,IAAI,EAAC,OAAO,6BAA8B,EAC/C,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFACC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAY,GAAE,CAAC,cAE1E,CAChB,CACX,EACD,2EACC,6DAAM,IAAI,EAAC,SAAS,cAAe,EACnC,4DAAK,IAAI,EAAC,SAAS,IAClB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,EAAC,QAAQ,EAAC,KAAK,oBAE/C,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,IAC1C,6DAAM,IAAI,EAAC,OAAO,sBAAuB,CACpB,EACtB,4EAAqB,IAAI,EAAC,kBAAkB,uBAAuC,EACnF,kFAA2B,IAAI,EAAC,oBAAoB,yBAA+C,EACnG,6EAAsB,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,QAAQ,GAAI,EAC/D,8EAAuB,IAAI,EAAC,qBAAqB,IAChD,6DAAM,IAAI,EAAC,OAAO,6BAA8B,EAC/C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACrC,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EAAsB,IAAI,EAAC,eAAe,IACzC,6DAAM,IAAI,EAAE,aAAa,oBAAsB,CACzB,EACvB,6EAAsB,IAAI,EAAC,eAAe,oBAAqC,EAC/E,6EAAsB,IAAI,EAAC,uBAAuB,IACjD,6DAAM,IAAI,EAAC,OAAO,+BAAgC,EACjD,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFAAyB,IAAI,EAAC,gBAAgB,cAAkC,CAC3E,CACY,EACnB,wEACC,qEAAc,KAAK,EAAC,KAAK,IACxB,uEAAgB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,WAAW,YAE7B,EACjB,4EAAqB,IAAI,EAAC,aAAa,IACtC,6DAAM,IAAI,EAAC,OAAO,kBAAmB,CAChB,EACtB,4EAAqB,IAAI,EAAC,cAAc,mBAAmC,EAC3E,kFAA2B,IAAI,EAAC,eAAe,qBAA2C,EAC1F,8EAAuB,IAAI,EAAC,iBAAiB,IAC5C,6DAAM,IAAI,EAAC,OAAO,yBAA0B,EAC3C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACrC,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EAAsB,IAAI,EAAC,mBAAmB,2BAA4C,EAC1F,6EAAsB,IAAI,EAAC,mBAAmB,IAC7C,6DAAM,IAAI,EAAC,OAAO,2BAA4B,EAC7C,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFAAyB,IAAI,EAAC,YAAY,cAAkC,CAC9D,EACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,UAC7B,uEAAgB,IAAI,EAAE,kBAAkB,oBAAgC,CAC1D,CACA,EAChB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CACjE,EAChB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC7C,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/pet/style.css?tag=smoothly-form-demo-pet&encapsulation=scoped","src/components/form/demo/pet/index.tsx"],"sourcesContent":["\n:host {\n\tdisplay: grid;\n\tgrid-template-columns: 2fr 1fr;\n\tgrid-template-rows: auto auto;\n\tgrid-column-gap: 2rem;\n}\n\n:host smoothly-input-checkbox[name=\"hasOwner\"],\n:host > smoothly-form smoothly-summary,\n:host > smoothly-form smoothly-tabs {\n\tflex-basis: 100%;\n}\n","import { Component, Fragment, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { RGB } from \"../../../../model/Color/RGB\"\n\n@Component({\n\ttag: \"smoothly-form-demo-pet\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPet {\n\t@State() hasOwner = false\n\t@State() owner: {\n\t\tfirstName?: string\n\t\tlastName?: string\n\t\tbirthday?: string\n\t\townedRange?: isoly.DateRange\n\t\theight?: number\n\t\tfavoriteHat?: string\n\t\tfavoriteColor?: RGB\n\t\tfavoritePizza?: string\n\t\thasPet?: boolean\n\t} = {}\n\t@State() value: any\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Pet</h2>\n\t\t\t\t<h3>Value</h3>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tonSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}\n\t\t\t\t\tonSmoothlyFormInput={e => (this.value = { ...e.detail })}>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tName\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"integer\" name=\"age\">\n\t\t\t\t\t\tAge (Years)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tname=\"hasOwner\"\n\t\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tthis.hasOwner = e.detail.hasOwner as boolean\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tHas Owner\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t{this.hasOwner && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.firstName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.firstName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, firstName: e.detail[\"owner.firstName\"] })}>\n\t\t\t\t\t\t\t\tOwner First Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.lastName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.lastName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, lastName: e.detail[\"owner.lastName\"] })}>\n\t\t\t\t\t\t\t\tOwner Last Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"owner.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\t\tname=\"owner.birthday\"\n\t\t\t\t\t\t\t\tvalue={this.owner.birthday}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, birthday: e.detail[\"owner.birthday\"] })}>\n\t\t\t\t\t\t\t\tOwner birthday\n\t\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\t\tname=\"owner.ownedRange\"\n\t\t\t\t\t\t\t\tstart={this.owner.ownedRange?.start}\n\t\t\t\t\t\t\t\tend={this.owner.ownedRange?.end}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, ownedRange: e.detail[\"owner.ownedRange\"] })}>\n\t\t\t\t\t\t\t\tOwner ownedRange\n\t\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tname=\"owner.height\"\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\tmax={250}\n\t\t\t\t\t\t\t\tvalue={this.owner.height}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, height: e.detail[\"owner.height\"] })}>\n\t\t\t\t\t\t\t\tOwner's Height\n\t\t\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"owner.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index} selected={this.owner.favoriteHat == value}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color\n\t\t\t\t\t\t\t\tname=\"owner.favoriteColor\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, favoriteColor: e.detail[\"owner.favoriteColor\"] })}>\n\t\t\t\t\t\t\t\tOwner's Favorite Color\n\t\t\t\t\t\t\t</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio\n\t\t\t\t\t\t\t\tname=\"owner.favoritePizza\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoritePizza}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e =>\n\t\t\t\t\t\t\t\t\t(this.owner = { ...this.owner, favoritePizza: e.detail[\"owner.favoritePizza\"] as string })\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\t\t\tname=\"owner.hasPet\"\n\t\t\t\t\t\t\t\tchecked={this.owner.hasPet}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, hasPet: e.detail[\"owner.hasPet\"] as boolean })}>\n\t\t\t\t\t\t\t\tHas Pet\n\t\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<span slot=\"summary\">Summary</span>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t<smoothly-input type=\"price\" name=\"summary.price\" currency=\"EUR\">\n\t\t\t\t\t\t\t\tSummary Price\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"summary.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"summary.birthday\">Summary birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"summary.ownedRange\">Summary ownedRange</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range name=\"summary.height\" label={\"Height\"} />\n\t\t\t\t\t\t\t<smoothly-input-select name=\"summary.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-month name=\"summary.month\">\n\t\t\t\t\t\t\t\t<span slot={\"month-label\"}>Summary month</span>\n\t\t\t\t\t\t\t</smoothly-input-month>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"summary.color\">Summary Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"summary.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"summary.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t\t<smoothly-tab label=\"Dog\">\n\t\t\t\t\t\t\t<smoothly-input type={\"text\"} name=\"dog.breed\">\n\t\t\t\t\t\t\t\tBreed\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"dog.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"dog.birthday\">Dog birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"dog.dateRange\">Dog date range</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"dog.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"dog.favoriteColor\">Dog's Favorite Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"dog.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"dog.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t<smoothly-tab label=\"Cat\" open>\n\t\t\t\t\t\t\t<smoothly-input name={\"cat.favoriteFood\"}>Favorite Food</smoothly-input>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t</smoothly-tabs>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t</smoothly-form>\n\t\t\t\t<smoothly-display type=\"json\" value={this.value} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-4854855c.js → p-952205c2.js}

@@ -13,9 +13,9 @@ const SmoothlyLabel = proxyCustomElement(class SmoothlyLabel extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '2e33f0d93baee1a2589bdcad782c57b52a63bc33', title: this.description, style: {
+        return (h(Host, { key: '43fe16ebaa7bbc29415b7e32ca1d8a524d573989', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: '645b66d7fea66cb7b5bf1045e7e2400358a22608' })));
+            } }, h("slot", { key: '3a12dd1b1780022a08bc21a542580a07d0d3ecd4' })));
     }
     static get style() { return SmoothlyLabelStyle0; }
 }, [6, "smoothly-label", {
@@ -40,4 +40,4 @@ defineCustomElement();
 
 export { SmoothlyLabel as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-4854855c.js.map
+//# sourceMappingURL=p-952205c2.js.map

package/dist/components/{p-4854855c.js.map → p-952205c2.js.map}

@@ -1 +1 @@
-{"file":"p-4854855c.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,0SAA0S,CAAC;AAC5T,4BAAe,QAAQ;;MCMV,aAAa;;;;;;;;IAKzB,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE;gBACN,OAAO,EAAE,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,EAAE;aAC7B,IACD,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/label/style.css?tag=smoothly-label&encapsulation=scoped","src/components/label/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\twidth: max-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: 0.15em 0.6em;\n\tborder-radius: 2em;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: hsl(var(--hue), 85%, 70%);\n}\n\n:host([shape=rectangle]) {\n\tborder-radius: 0.3em;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-label\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyLabel {\n\t@Prop() hue?: number\n\t@Prop() description?: string\n\t@Prop({ reflect: true }) shape: \"rectangle\" | \"rounded\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttitle={this.description}\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hue\": this.hue?.toString(),\n\t\t\t\t}}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-952205c2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,0SAA0S,CAAC;AAC5T,4BAAe,QAAQ;;MCMV,aAAa;;;;;;;;IAKzB,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE;gBACN,OAAO,EAAE,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,EAAE;aAC7B,IACD,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/label/style.css?tag=smoothly-label&encapsulation=scoped","src/components/label/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\twidth: max-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: 0.15em 0.6em;\n\tborder-radius: 2em;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: hsl(var(--hue), 85%, 70%);\n}\n\n:host([shape=rectangle]) {\n\tborder-radius: 0.3em;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-label\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyLabel {\n\t@Prop() hue?: number\n\t@Prop() description?: string\n\t@Prop({ reflect: true }) shape: \"rectangle\" | \"rounded\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttitle={this.description}\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hue\": this.hue?.toString(),\n\t\t\t\t}}>\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-ab4f6f94.js → p-954dd422.js}

@@ -41,7 +41,7 @@ const LoadMore = proxyCustomElement(class LoadMore extends H {
         }
     }
     render() {
-        return h(Host, { key: '828ce432656973cd3dc94015a4f7a350cffc2814' });
+        return h(Host, { key: '54a43e14bf0d37a774435917c1a93ad6458c33d2' });
     }
     get element() { return this; }
 }, [2, "smoothly-load-more", {
@@ -67,4 +67,4 @@ defineCustomElement();
 
 export { LoadMore as L, defineCustomElement as d };
 
-//# sourceMappingURL=p-ab4f6f94.js.map
+//# sourceMappingURL=p-954dd422.js.map

package/dist/components/{p-ab4f6f94.js.map → p-954dd422.js.map}

@@ -1 +1 @@
-{"file":"p-ab4f6f94.js","mappings":";;;MAOa,QAAQ;;;;;2BAI6B,cAAc;oBAChD,EAAE;wBACE,KAAK;;;IAIxB,WAAW;QACV,IAAI,IAAI,CAAC,MAAM;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAED,iBAAiB;;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;QAC3G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE;YACjC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACpD,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACtD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;aACxG;SACD;KACD;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;KAC1B;IAED,kBAAkB,CAAC,QAA8B,EAAE,OAAoC;;QACtF,IAAI,CAAC,MAAM,GAAG,CAAC,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,0CAAE,iBAAiB,mCAAI,CAAC,IAAI,CAAC,CAAA;QAC/F,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA;SAC3E;KACD;IAED,MAAM;QACL,OAAO,EAAC,IAAI,sDAAG,CAAA;KACf;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/load-more/index.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-load-more\",\n\tscoped: true,\n})\nexport class LoadMore {\n\tprivate observer: IntersectionObserver\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyLoadMoreElement\n\t@Prop() triggerMode: \"scroll\" | \"intersection\" = \"intersection\"\n\t@Prop() name = \"\"\n\t@Prop() multiple = false\n\t@State() inView: boolean\n\t@Event() smoothlyLoadMore: EventEmitter<string>\n\n\tcheckInView() {\n\t\tif (this.inView)\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.observer = new IntersectionObserver((entries, observer) => this.observationHandler(observer, entries))\n\t\tthis.observer.observe(this.element)\n\t\tif (this.triggerMode == \"scroll\") {\n\t\t\tthis.inView && this.smoothlyLoadMore.emit(this.name)\n\t\t\tif (this.multiple || (!this.multiple && !this.inView)) {\n\t\t\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\t\t\tthis.scrollableParent?.addEventListener(\"scroll\", this.checkInView.bind(this), { once: !this.multiple })\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.scrollableParent?.removeEventListener(\"scroll\", this.checkInView.bind(this))\n\t\tthis.observer.disconnect()\n\t}\n\n\tobservationHandler(observer: IntersectionObserver, entries: IntersectionObserverEntry[]): void {\n\t\tthis.inView = (entries.find(entry => entry.target == this.element)?.intersectionRatio ?? 0) > 0\n\t\tif (this.inView) {\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t\t\t!this.multiple && (observer.unobserve(this.element), observer.disconnect())\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn <Host />\n\t}\n}\n"],"version":3}
+{"file":"p-954dd422.js","mappings":";;;MAOa,QAAQ;;;;;2BAI6B,cAAc;oBAChD,EAAE;wBACE,KAAK;;;IAIxB,WAAW;QACV,IAAI,IAAI,CAAC,MAAM;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAED,iBAAiB;;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;QAC3G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE;YACjC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACpD,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACtD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;aACxG;SACD;KACD;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;KAC1B;IAED,kBAAkB,CAAC,QAA8B,EAAE,OAAoC;;QACtF,IAAI,CAAC,MAAM,GAAG,CAAC,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,0CAAE,iBAAiB,mCAAI,CAAC,IAAI,CAAC,CAAA;QAC/F,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA;SAC3E;KACD;IAED,MAAM;QACL,OAAO,EAAC,IAAI,sDAAG,CAAA;KACf;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/load-more/index.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-load-more\",\n\tscoped: true,\n})\nexport class LoadMore {\n\tprivate observer: IntersectionObserver\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyLoadMoreElement\n\t@Prop() triggerMode: \"scroll\" | \"intersection\" = \"intersection\"\n\t@Prop() name = \"\"\n\t@Prop() multiple = false\n\t@State() inView: boolean\n\t@Event() smoothlyLoadMore: EventEmitter<string>\n\n\tcheckInView() {\n\t\tif (this.inView)\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.observer = new IntersectionObserver((entries, observer) => this.observationHandler(observer, entries))\n\t\tthis.observer.observe(this.element)\n\t\tif (this.triggerMode == \"scroll\") {\n\t\t\tthis.inView && this.smoothlyLoadMore.emit(this.name)\n\t\t\tif (this.multiple || (!this.multiple && !this.inView)) {\n\t\t\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\t\t\tthis.scrollableParent?.addEventListener(\"scroll\", this.checkInView.bind(this), { once: !this.multiple })\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.scrollableParent?.removeEventListener(\"scroll\", this.checkInView.bind(this))\n\t\tthis.observer.disconnect()\n\t}\n\n\tobservationHandler(observer: IntersectionObserver, entries: IntersectionObserverEntry[]): void {\n\t\tthis.inView = (entries.find(entry => entry.target == this.element)?.intersectionRatio ?? 0) > 0\n\t\tif (this.inView) {\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t\t\t!this.multiple && (observer.unobserve(this.element), observer.disconnect())\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn <Host />\n\t}\n}\n"],"version":3}

package/dist/components/{p-2a79dcdb.js → p-97e2d2d1.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { p as parse } from './p-caf09da9.js';
-import { d as defineCustomElement$2 } from './p-4922697f.js';
-import { d as defineCustomElement$1 } from './p-2b19c666.js';
+import { d as defineCustomElement$2 } from './p-8e748704.js';
+import { d as defineCustomElement$1 } from './p-1cd836ca.js';
 
 const styleCss = ".sc-smoothly-filter-field-h{flex-grow:5}";
 const SmoothlyFilterFieldStyle0 = styleCss;
@@ -61,4 +61,4 @@ defineCustomElement();
 
 export { SmoothlyFilterField as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2a79dcdb.js.map
+//# sourceMappingURL=p-97e2d2d1.js.map

package/dist/components/{p-2a79dcdb.js.map → p-97e2d2d1.js.map}

@@ -1 +1 @@
-{"file":"p-2a79dcdb.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCOV,mBAAmB;;;;;;;IAK/B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KACzE;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,SAAS,EAAE,CAAC,CAAgB,KAAK,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,IAChF,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,cAAc,EAAE,CAAC;gBAChB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,eAAe,EAAE,CAAA;aACtB,EACD,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement | undefined\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.input?.value ?? \"\"))\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host onKeyDown={(e: KeyboardEvent) => e.key == \"Enter\" && this.filterFieldEmit()}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyBlur={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-97e2d2d1.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCOV,mBAAmB;;;;;;;IAK/B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KACzE;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,SAAS,EAAE,CAAC,CAAgB,KAAK,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,IAChF,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,cAAc,EAAE,CAAC;gBAChB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,eAAe,EAAE,CAAA;aACtB,EACD,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement | undefined\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.input?.value ?? \"\"))\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host onKeyDown={(e: KeyboardEvent) => e.key == \"Enter\" && this.filterFieldEmit()}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyBlur={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-9a07b79f.js

@@ -0,0 +1,207 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
+import { d as defineCustomElement$t } from './p-4f80c811.js';
+import { d as defineCustomElement$s } from './p-f770567b.js';
+import { d as defineCustomElement$r } from './p-96acfe2c.js';
+import { d as defineCustomElement$q } from './p-f46dd8e4.js';
+import { d as defineCustomElement$p } from './p-4c6fe645.js';
+import { d as defineCustomElement$o } from './p-2737c300.js';
+import { d as defineCustomElement$n } from './p-97e2d2d1.js';
+import { d as defineCustomElement$m } from './p-6b8fa870.js';
+import { d as defineCustomElement$l } from './p-b789d768.js';
+import { d as defineCustomElement$k } from './p-bf57d733.js';
+import { d as defineCustomElement$j } from './p-de7367c4.js';
+import { d as defineCustomElement$i } from './p-8e748704.js';
+import { d as defineCustomElement$h } from './p-1cd836ca.js';
+import { d as defineCustomElement$g } from './p-7c727d4f.js';
+import { d as defineCustomElement$f } from './p-38ce18a1.js';
+import { d as defineCustomElement$e } from './p-38c3ff20.js';
+import { d as defineCustomElement$d } from './p-954dd422.js';
+import { d as defineCustomElement$c } from './p-62c1780b.js';
+import { d as defineCustomElement$b } from './p-448a256b.js';
+import { d as defineCustomElement$a } from './p-38489e40.js';
+import { d as defineCustomElement$9 } from './p-d51abfe0.js';
+import { d as defineCustomElement$8 } from './p-5bcf58c9.js';
+import { d as defineCustomElement$7 } from './p-ea039b1e.js';
+import { d as defineCustomElement$6 } from './p-78e763a5.js';
+import { d as defineCustomElement$5 } from './p-5501db91.js';
+import { d as defineCustomElement$4 } from './p-562db6b2.js';
+import { d as defineCustomElement$3 } from './p-0d10cb58.js';
+import { d as defineCustomElement$2 } from './p-7e8da083.js';
+import { d as defineCustomElement$1 } from './p-6b7f1394.js';
+
+const styleCss = ".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem;margin-left:2rem;margin-right:2rem}.content.sc-smoothly-table-demo{display:contents}smoothly-lazy.sc-smoothly-table-demo{width:80%}";
+const SmoothlyTableDemoStyle0 = styleCss;
+
+const TableDemo = proxyCustomElement(class TableDemo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: 'c6cdb1ec64019fe32ea8f535337afa40e29fee44' }, h("h4", { key: '5dc50032bbf5d7a0615ad46aa1836187aefe469f' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '852c580614cee9b882fa5c2909bde6d165205bd1', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '9119e9a6a01add919f8df9eacb58ad7d7382cf4e' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'dca248ef3915c40336be5658a8409def226569b0' }), " ", h("h4", { key: '4a713db2b1f2425881356b3b3b8dc0d046a33164' }, "Demo table 3"), h("smoothly-table", { key: '94ef0a667f321471883dd4d70fe23eb32d9f3e4d' }, h("smoothly-table-row", { key: '4c392b3afcce38a2ff6030b36d758675f5968bfd' }, h("smoothly-table-header", { key: '96ffe0219f041d33bb75d76c27409be6918792f9' }, "Header A"), h("smoothly-table-header", { key: '3dba2f1f669cb386c4e3973ea2b075996c55b165' }, "Header B"), h("smoothly-table-header", { key: '0e3744fb7ab93403bbddbff0cfa51efe8935824b' }, "Header C"), h("smoothly-table-header", { key: '93da6c4dde69f1d9fe9aca8dd62136cf204ef3d7' }, "Header D")), h("smoothly-table-row", { key: 'ffa880e419975218ea105a2e66d184d4404980ee' }, h("smoothly-table-expandable-cell", { key: '3a55c3fa80036ec5ce6301903bb074ae8305ffe3' }, "normal row (exp.cell)", h("div", { key: 'e3bd35eb544912b4db28152d8af94e7b3bc04607', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '4d1c3c9f7d2495bbcb751e8e82ccf6c1866b1dcf' }, "expandable cell", h("div", { key: '1db4619ea7c7c3762e543515137c08f168fecda1', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'b7ddb2156db40eb29b71c577cd64cf174eddb69f' }, "expandable cell", h("div", { key: 'ac7ecb1702ec0d6a813a75b0c7319f5b2495f212', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '558c77cdb6bcca06d6768c700c5708c3dd23fc90' }, "expandable cell", h("div", { key: '5d3de7d1e891951704cb68421650346e0ddb96f4', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '07ac3491d39958ea8c2ceda40e149a49dc637927' }, h("smoothly-table-cell", { key: '614f6f20cf243bbad3e0eb49978699859a23e57d' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'ff9d16514584d1024dd5af0e34c479b1db93e90c' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '1b0038e9c2d6c086da0f65678918b9e77f14658f' }, "expandable cell", h("div", { key: '9c6c183fb8e2e4e6cd8758dcb886548613b119e7', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '2f0daa63d8e630adc5c51d20a6eaaba812c97f9b' }, "expandable cell", h("div", { key: 'eb59b5593c192ae9708e68a8590cd49956dfd662', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '3e06fb811827f01518742affd59032e9941a0888' }, h("smoothly-table-cell", { key: '718c279fbe72d14166f7d36303ceecaeb87469cb' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'fea9b506bc7ea6905b9da37a89267c3413fdaa99' }, "Normal cell"), h("smoothly-table-cell", { key: 'b7c3db0238145650f21a4068f2db4f92aa53d5a0' }, "normal cell"), h("smoothly-table-cell", { key: '8f5bebd243e3264d2ad5247d37c801804bab6ba5' }, "Normal cell"), h("div", { key: '5ee3caf2bdec56179e6a19a6103dd2b8e25d2cdc', slot: "detail" }, "expandable row content"))), h("h4", { key: '131374201a62997b92e65232d5b600100660ce03' }, "Demo table 4"), h("smoothly-table", { key: '0184cdc6ab654d7d90c34758f41122f68228694d' }, h("smoothly-table-row", { key: 'ed5badaaec7b1f697c2ece9693f68ea20e016782' }, h("smoothly-table-header", { key: '420a18ca91c047f76044efae2ac91fe3902fc6b7' }, "Header A"), h("smoothly-table-expandable-cell", { key: '650af2acb6d5aa89923410549429aeb629a33905' }, "Header expansion", h("div", { key: '5ac40560c308a696045ab01fd28276dfe0c07943', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'e4b7987bd61fee6623f39748747c9d92217c5398' }, h("smoothly-table-cell", { key: '3a2d14f748dbd9c4de90956f68b47c4a0d0ffbdc' }, "A Content"), h("smoothly-table-cell", { key: '4af0e6586995e90521ace2df4cab7de58ef75291' }, "Expansion cell"), h("div", { key: 'bc6a095aaeda1143869a15635cc18b1a091a6cc1', slot: "detail" }, h("smoothly-tab-switch", { key: '2729c0fcab4e6262e2fc0d0a7de510be23693566' }, h("smoothly-tab", { key: 'ebb7e85aee9d63c379c6212e769803d78bb3eae0', label: "innertable 1", open: true }, h("smoothly-table", { key: '2cd95b71834a44923735ab3feb60e455c26c1738' }, h("smoothly-table-row", { key: 'e0f8c0e8e7080a278f5244665415ce4e4e2e6527' }, h("smoothly-table-header", { key: 'bc7ad942e775a5d1189c2ef806e013416ad33770' }, "Header B")), h("smoothly-table-expandable-row", { key: '492569f69549b75af7d8db20f52453f2f8a28837' }, "B Content"))), h("smoothly-tab", { key: '7692415648b7adc6597830b1dfffa40877d28d70', label: "innertable 2" }, h("smoothly-table", { key: 'd40463d8082de28b2f5ba604631a5ea50d255c79' }, h("smoothly-table-row", { key: '88ae5e85beda7765408ad019aa25a6b337d9de39' }, h("smoothly-table-header", { key: 'ae55e53a79148ea93476a3cb12d53355400d3e30' }, "Header C")), h("smoothly-table-expandable-row", { key: '2ee22e0d918ce496ad4a221190ba69452e16e7ba' }, h("smoothly-table-cell", { key: '6c1b2d3f2bb7e52c2ff05b4bfc27d978d321c44f' }, "C Content"))))))), h("smoothly-table-row", { key: '198cdaf65f5b016ab46d5a0c7f7354dc1b7c42c7' }, h("smoothly-table-cell", { key: '5cf8d0e7bef2ca16708358da909ba29ce54efaad' }, "A Content"), h("smoothly-table-expandable-cell", { key: '4723ddf3865924468d4d46fd834e15f42549cabd' }, "Expandable cell", h("div", { key: '0474fb662b6b693637bba1fc368849ff081d91b1', slot: "detail" }, "Expansion content")))), h("h4", { key: 'cb86d63ccede6e18e4c6f1d3eead23792572779a' }, "Demo table 5"), h("smoothly-table", { key: '0ed16c4b83f5e69f689dea5b2b8283099b4cb743' }, h("smoothly-table-row", { key: '642367f17c2f07f3f70b194989297d89521e3c90' }, h("smoothly-table-header", { key: '8f58fcaeacebbe763cd11a847f2f6f5c6d1c5fa7' }, "A"), h("smoothly-table-header", { key: '00706d5410e853ccef0c314392af3c0a7963797d' }, "B")), h("smoothly-table-expandable-row", { key: '723f1bcccc604b416d37ceee51ec59bfe3d51be3' }, h("smoothly-table-cell", { key: '4ee6f49785f06c48822a1492d3944309544e8f85' }, "nested expandable row"), h("smoothly-table-cell", { key: 'ea21792c62dcf9d06e3e079b04c047770eb8109c' }, "b row"), h("div", { key: '265aaa6a27b9ac1c0dd0ec977b9fee69c5a8f9eb', slot: "detail" }, h("smoothly-table", { key: 'af29d12c44187790b325c2bb981e9d022579e6d4' }, h("smoothly-table-row", { key: '45f7c147072c8b03ea227ebdc42a126140b9647c' }, h("smoothly-table-header", { key: '73c0e55e8893e54e87043bae61a7347b0d123e15' }, "C"), h("smoothly-table-header", { key: '85d28029d760d13fae38f239e4e4f67f18346dc2' }, "D")), h("smoothly-table-expandable-row", { key: '5328f1f383dfe3736f0a9d2a9c5c1730810422d1' }, h("smoothly-table-cell", { key: '3cc2c6489faf95604b3cb1e41481284ca2b9f54e' }, "c"), h("smoothly-table-cell", { key: '0349c3d16c50fc5fec9b5fcecee4bf0a5d900cd4' }, "d"), h("div", { key: '271f7f54451fa0a26ae1d7c1c788d0b78711834a', slot: "detail" }, h("smoothly-table", { key: '87fbb87ad3099137d01ef6b68689ff591839ae8f' }, h("smoothly-table-row", { key: '5e0d25420625328e0e5aded38f741499b0c15f47' }, h("smoothly-table-header", { key: 'dcf74f3b32fc6faf6ff42e646381e87bc228c77e' }, "E"), h("smoothly-table-header", { key: '866c5c36177073208661b326c13f27bb21cec508' }, "F")), h("smoothly-table-expandable-row", { key: '5df8eb28aa99f7efcdb01d16d4ccd34fa92c2fef' }, h("smoothly-table-cell", { key: 'a489f7f284423d7d5f9809668f5dbf78d3ac24d8' }, "e row"), h("smoothly-table-cell", { key: '2b849e8c5f213f9169c7deaf5bcd36485380798a' }, "f row"), h("div", { key: 'be2bcea57e2c422dbf9669e703b0dec4786274ec', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: 'd727b5985e8ae29724852915d8df209dc7c556b4' }, h("smoothly-table-cell", { key: '14657a5055d35ce1c3fa26fba29b846bb0868b6c' }, h("span", { key: '322844dedc0a830976658d24822fb86ed35b56a4' }, "one"), h("span", { key: 'c23220004cf0cd380a95094ce802eae0b9b36b30' }, "two"), h("span", { key: '9071c81ec7c73b5f95aac1206347fc5334174f4b' }, "three")), h("smoothly-table-cell", { key: '2f25002f38d22be8aee2b449ef3447331bc3ed73' }, "five", h("smoothly-icon", { key: 'c5cc75ce10ac556a2dde2150f85dc73b916f0c7c', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'e6253178d2776f1509292948e3f6b77019f496fc', slot: "detail" }, "four")), h("smoothly-table-row", { key: '3edcb5725f14e59c8ec4a2b13114c554f496979b' }, h("smoothly-table-expandable-cell", { key: '32ebb0dd788e9e06d69794c24fbe93709d2b5c58' }, h("span", { key: 'bacdfcd265cf89930296660af55253ec5b3c4c6c' }, "nested expandable cells"), h("div", { key: '34d9875b8acb35ee324f6e4ed38182c1be28c493', slot: "detail" }, h("smoothly-table", { key: '89bc020ea84278748b8e9848759499267a73be5a' }, h("smoothly-table-row", { key: '15fe94d805d3866ceffc23a1a3ae963feba6ef90' }, h("smoothly-table-header", { key: '932bd391a859b707c352c61c5f2be83aa8240aad' }, "E"), h("smoothly-table-header", { key: '1da1234c6c231c619038ace596ea1cbe4248d532' }, "F")), h("smoothly-table-row", { key: 'e1717991f4941aac819614f6898e78161e39e8a3' }, h("smoothly-table-expandable-cell", { key: '93eb3a46a19156b6d41ffdee5ca7ed2595ec6a06' }, "e cell", h("div", { key: '91897564564115854b72ed0e47af8082fd85d581', slot: "detail" }, h("smoothly-table", { key: '792d01e1f8a3502ea3f046229756a0bf17161c89' }, h("smoothly-table-row", { key: '7934b8fb581359e57dd0d9d9397ee1e4d0fc3235' }, h("smoothly-table-header", { key: 'eb62c1711c644fec626bed7defc784e0fdcbf41a' }, "G"), h("smoothly-table-header", { key: 'ae2d2716634e835a02ec523648f0adba523d8665' }, "H")), h("smoothly-table-row", { key: 'b5c675c4e6f90b0990fa6fc0e3a9a847a0325491' }, h("smoothly-table-expandable-cell", { key: '45a16508c0771c8c7361bb856973be83d39c00d5' }, "g cell", h("div", { key: 'ccd0ad5cecb5d94da9d5603dc01e40421b8c3093', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '6d7ac4d0777134d341f4594c7c43d603f72452bd' }, "h cell", h("div", { key: '17bcbee83042ec0b209fd3810dda4184fae63d04', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '637255dc3405f3ca9606143ab3dee291ed7828ec' }, "f cell", h("div", { key: 'e4eda95c43b1bac85d025fd41c5d5307a79aaddf', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '869c160ca435bad58b7821700f57f3e57df5bd95' }, "b cell", h("div", { key: '430c75f553f16f743fdc9df1428af7c0262537c1', slot: "detail" }, h("smoothly-table", { key: '29f8b19c79ea9e67f986dba2ad175e56c6038e74' }, h("smoothly-table-row", { key: 'd6a981299b40c08517d735fb1adbebbc16d32363' }, h("smoothly-table-header", { key: 'c6a482d2a46eee73a6cc65e7bc14f9d1f1468be5' }, "C"), h("smoothly-table-header", { key: '826f6b28305280251d56fc31320297eb20e4a14c' }, "D")), h("smoothly-table-row", { key: 'e4df9cf7c1570dd9a75a5e4cce2b6d3a566f8d9c' }, h("smoothly-table-expandable-cell", { key: 'e817572d771cd4302d4359beb27808e15a47f851' }, "c cell", h("div", { key: 'b2a81e52aa824cf3059c9a52ac66949c5e4cdac8', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'c82fa56be62e893572292cfdba4c8029e6defb74' }, "d cell", h("div", { key: '131d94db4b432bdc4204d2da5b64da8350c599d3', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'e2dd9ae8c73f8479f9c44a1cb706ccdb48de4912' }, "Demo table 6"), h("smoothly-table", { key: '6c2e4be7d91398896f44635007524e59e5766c08' }, h("smoothly-table-row", { key: 'f81d5caa43f09eaae3c93a0c76e72fed362fd8b4' }, h("smoothly-table-header", { key: 'b75f0a871cd6082e16744017a8e994be32725ecd' }, "display"), h("smoothly-table-header", { key: 'bd9f38937668659299fe7026e1c773e74c18550f' }, "contents")), h("smoothly-table-expandable-row", { key: '719b5460cc6d2dd0606e67a4b5a42dd24c68bf79' }, h("div", { key: 'd9a10c1de4fc60e0e8e670d632387b785f657995', class: "content" }, h("smoothly-table-cell", { key: 'fafbc25c0581438c93393b6490850f08ca405d26' }, "A"), h("smoothly-table-cell", { key: '79a557b14dae5899fb5bba81f32f3e70360241f2' }, "B")), h("div", { key: 'd6d1a0d30b310414fbf167f44d34006104cdde18', slot: "detail" }, "expansion"))), h("h4", { key: 'fc360556b13a7fc2fb3a32bc7d831bf40e77a823' }, "Demo table 7"), " ", h("span", { key: '67ac962f1d678d7820d942e9a84640658934b750' }, "nested 1 then normal"), h("smoothly-table", { key: 'd09cdc05350959c442531492b04173e41b9ab937' }, h("smoothly-table-row", { key: '86bcc5a1fe55a6869136ceebee91427871d87ae1' }, h("smoothly-table-header", { key: '2e65946759465848b0065c1e87bc288cfd925cac' }, "A"), h("smoothly-table-header", { key: 'e1e080702c449b3c0a2ad4b79be43962823ab1d1' }, "B")), h("smoothly-table-expandable-row", { key: 'bbdcbb6bd15d55df039edb298f645777bbdb9d2f' }, h("smoothly-table-cell", { key: 'e77d5cad7dc70372f79a14fea41c158c0e7f2815' }, "a"), h("smoothly-table-cell", { key: 'd2ec385c100d3668c6587bdce725c0de38ae6582' }, "b"), h("div", { key: '367c017889c3aca14b3a3f8e9fcd57358834e274', slot: "detail" }, h("smoothly-table", { key: 'ff63d4c3dff836b3df8d743038baa46cf24b857b' }, h("smoothly-table-row", { key: '203f4c54a06dacb0a73cf4953720621ccbb06431' }, h("smoothly-table-header", { key: '21fb33f06e878a715d822d47f96674a5dcb92f56' }, "C"), h("smoothly-table-header", { key: '2097c2b323c36021117b96b95272e6406c0edb48' }, "D")), h("smoothly-table-row", { key: '3ff6b62cf7446fb4eca6df6fc13143e6c1e460eb' }, h("smoothly-table-cell", { key: '1186335915945a96d64261b0e8de47a8c12ca827' }, "c"), h("smoothly-table-cell", { key: 'b996fc4591d27eeb1bbe977d3bb2e16d42360886' }, "d")), h("smoothly-table-row", { key: '29c4d2c57bf1e8af3ae136b12c80904a183ae927' }, h("smoothly-table-cell", { key: 'f054fa2640cfa70dba30975fb3d0d9e6aa1bc8b2' }, "ccc"), h("smoothly-table-cell", { key: '24f24ed158bff3cb95a1aeb4c137b754ca5fe8de' }, "ddd")), h("smoothly-table-expandable-row", { key: '1c2be4a4f94a57364f687abf60ab7ffdedc9d1cc' }, h("smoothly-table-cell", { key: '5647332d1265e86af137b95a98cfe80213965a9c' }, "cccc"), h("smoothly-table-cell", { key: '5ad3d89d762eae80e5eb76f77b06ef471d40cfad' }, "dddd"), h("div", { key: '4155c05116122dc56b0d7040ceba608207b23f90', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'aa5c1540f0875186a40ca0716186e85c9de175c6' }, h("smoothly-table-cell", { key: '2baa7e5daad582bdce32242b5bbcd87e248bbb80' }, "ccccc"), h("smoothly-table-cell", { key: '3c4c56b3236f5c466f276196dbc001300d048038' }, "ddd")), h("smoothly-table-expandable-row", { key: 'a137469ce97f63fdc2842a9d9e1db2d936debe67' }, h("smoothly-table-cell", { key: 'f91844c515e0b7c24f49164f62fdd42fb23d8f59' }, "cccc"), h("smoothly-table-cell", { key: 'ef54d06d342d9e1f2db9cb1e1aac9d435ee135a7' }, "dddd"), h("div", { key: 'fd2541e8d443a18c00dddf9acb74cbdb6b2fdf4e', slot: "detail" }, "CONTENT")))))), h("h4", { key: '89e86140d84f579f55059d9264f411777ac5aac6' }, "Demo table 8"), " ", h("span", { key: 'c199ae8f38acc634e545d2604d8aeb67f0d33071' }, "not nested"), h("smoothly-table", { key: 'aeb6678656be7e5e708c641ca17aefe9d261d869' }, h("smoothly-table-row", { key: 'c091a358dafeff2ec733ed853a781793725779d7' }, h("smoothly-table-header", { key: 'faaa41ac0254cc323bf9b7160d2ead5dec2c2246' }, "C"), h("smoothly-table-header", { key: 'b2c13a9e6f60cad289ec1d4f7c5d9fbebd699281' }, "D")), h("smoothly-table-row", { key: '7a2ae5656bb03ce62e12050be6c08e1733181715' }, h("smoothly-table-cell", { key: '2ff08e9fdc6e9de3f1fd1736ad633ff78ba4c13c' }, "c"), h("smoothly-table-cell", { key: '091659bd87bd13a6c4a5376c9f0a16ba9bf9e374' }, "d")), h("smoothly-table-row", { key: '2e02a72bd9c2dfe6b07bd2d3c36149063e9bda1f' }, h("smoothly-table-cell", { key: '2917fe4cf994ebf701ae41a091782041dc67318a' }, "cc"), h("smoothly-table-cell", { key: 'b4cf0c0adcf1f9d3c810229590e4545beb7764fb' }, "dd")), h("smoothly-table-row", { key: '8c9a5378ea27902b1e41677362959fb275b6507a' }, h("smoothly-table-cell", { key: 'fdcf6b3894477df4f21664eee676a7dd461a4882' }, "ccc"), h("smoothly-table-cell", { key: '6c0a3e5e6335a598162cc502fe11972e50a10f04' }, "ddd"))), h("h4", { key: '75d2a5c05d83cc92660e0f3bdf5c1117b575ab46' }, "Demo table 9"), h("smoothly-table", { key: '4fd387e594e9ccf7d898fe8a3de25d9ab69cd63d' }, h("smoothly-table-row", { key: 'c648d8a80572139e19ec9beda76b53a8f30852a7' }, h("smoothly-table-header", { key: '8d107fc3a61c5811af5670aa3df80ed920a0ec9a' }, "First name"), h("smoothly-table-header", { key: '75bd8a48f1310824264a8a010728bd5bb574da14' }, "Last name"), h("smoothly-table-header", { key: '808beb339db858193358588f0a82cbe447b5190a', style: { width: "1px" } }, h("smoothly-icon", { key: '6ad6202ec2a954f8d8d9238fe18d79d6bf8e523c', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: 'abb7bd9a192ababbd4d2bd61bd0561751d833ac3' }, h("smoothly-table-cell", { key: '69f27f7d31a6a393aef3e7352cf1c2e524f4dae1' }, "Jessie"), h("smoothly-table-cell", { key: '0e8041d5da6acf2b0383b58ac4882e68838ce420' }, "Doe"), h("smoothly-table-cell", { key: 'b45b1a41a54dc1fe92ba1f1178c8896fe14f327b' }), h("div", { key: '12b2141c1d682a97c6e7df228f8ba398611273d2', slot: "detail" }, h("p", { key: 'f0248b1f651a97144503d590d5c306950e64711d' }, "This is Jessie")))), h("h4", { key: 'f75fedeeddc0f769048db7b7f7c9782eddb16b48' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '44e5223e0c1bc78f8327998c1cf5077535f65cc9' }, h("smoothly-table-row", { key: 'a035540e1fcae9596d8c6c9cbfb01992c8f5d96e' }, h("smoothly-table-header", { key: '977103327cd141e0c12dc105c77d4e17453d7969' }, "Company")), h("smoothly-table-expandable-row", { key: '9d6fadd4ef407ebd111f2905cfbb295ff48246ef' }, h("smoothly-table-cell", { key: 'b2142f6a1702ea1ab8f28670eb8529f649aaf2da' }, "Proquse"), h("smoothly-lazy", { key: 'ebc43f03580b947bb4349829dba32604c8182901', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '47e95c6d1014f371ce41bf56740291648d4d4c31' }, h("smoothly-table-cell", { key: '107acc7c3438b96037d60a7e5abc4f435f7a0a8c' }, "Pax2Pay"), h("smoothly-lazy", { key: 'd012a467c9d700640aa3dd786e5ab556e978626d', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '03f14a9fd01c60f7b770b62d1fd32c57fd6814dc' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'd23a7ef3f92ce1a6afda331d3e1c5e2c64f9b11b' }, h("smoothly-table-row", { key: 'ffcb5814fd4afe20e9c6bbc9d4d18be81afb7d37' }, h("smoothly-table-header", { key: '270d83785d476b7150bce0e11fc539e05b054c98' }, "Company")), h("smoothly-table-row", { key: '7f438f85ccddc3f5fdecc4c97fde8bb1713beb31' }, h("smoothly-table-expandable-cell", { key: 'd01c427640186db29f26304d3d8844a3a6ecf1ce' }, "Proquse", h("smoothly-lazy", { key: '080873dd61bc4a620ece541bed52a4a51cd448b8', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '267f36435a9362e936049ac0c73cca9e215abcb9' }, h("smoothly-table-expandable-cell", { key: '7694f7f05cc5177b754da18aaaaa717826df7ff1' }, "Pax2Pay", h("smoothly-lazy", { key: '758d613af1e8d627155464ab7b479b54ceb2e6af', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '60b2058a5e1c709910104b4c71275e2f7d75c069' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '25607a969ecf94dec2f6a9550e39c3a218074388' }, h("smoothly-table-row", { key: 'efcdd592fa0610270aec75f5f3374b3f53cefb6b' }, h("smoothly-table-header", { key: '20c039f01f984086505b15583c2b14b1189ca6c6' }, "Name"), h("smoothly-table-header", { key: 'f2be62591e3af045d183073ae507188373905296' }, "Age"), h("smoothly-table-header", { key: 'c32796e95f7c7dea3592ecf064409832d1d20f6c' }, "Location")), h("smoothly-table-row", { key: '64c3d1d6400b1d6c7f1c60fbcd9807907e8fe212' }, h("smoothly-table-expandable-cell", { key: 'a3a8e58e928fd3ba7829242138723871bef08680' }, "Jessie", h("div", { key: 'a0dd46a5f6414912900266f75ed69d62ebe3a9e4', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '995d3bc1a09c0d1f2fe1f6ded94a4698e9c81985' }, new Date().getFullYear() - 2000, h("div", { key: '9f0b33a97b0c68c81746eb4af317e77382e7bb17', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'e4877b8448c159df81001e2fac08f18f2da86bde' }, "UK", h("div", { key: '3c50cf7073cf071f81da5c5f3d7672eabee467f1', slot: "detail" }, "London"))))));
+    }
+    static get style() { return SmoothlyTableDemoStyle0; }
+}, [2, "smoothly-table-demo"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-table-demo", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-filter", "smoothly-filter-field", "smoothly-filter-input", "smoothly-filter-select", "smoothly-filter-toggle", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-select", "smoothly-item", "smoothly-lazy", "smoothly-load-more", "smoothly-spinner", "smoothly-submit", "smoothly-tab", "smoothly-table", "smoothly-table-cell", "smoothly-table-demo-filtered", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-footer", "smoothly-table-header", "smoothly-table-row", "smoothly-table-testing"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-table-demo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableDemo);
+            }
+            break;
+        case "smoothly-display":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "smoothly-display-json":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "smoothly-display-json-object":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "smoothly-display-json-primitive":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "smoothly-display-json-record-key":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "smoothly-filter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "smoothly-filter-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "smoothly-filter-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "smoothly-filter-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "smoothly-filter-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "smoothly-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "smoothly-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "smoothly-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "smoothly-input-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "smoothly-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "smoothly-lazy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "smoothly-load-more":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "smoothly-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "smoothly-submit":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "smoothly-tab":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "smoothly-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "smoothly-table-cell":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "smoothly-table-demo-filtered":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "smoothly-table-expandable-cell":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "smoothly-table-expandable-row":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "smoothly-table-footer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "smoothly-table-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "smoothly-table-row":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-table-testing":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TableDemo as T, defineCustomElement as d };
+
+//# sourceMappingURL=p-9a07b79f.js.map