smoothly 1.6.0 → 1.8.0

package/dist/components/p-192be1a4.js

@@ -0,0 +1,245 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
+import { D as Date } from './p-390767c7.js';
+import { d as defineCustomElement$x } from './p-ec3b9004.js';
+import { d as defineCustomElement$w } from './p-c98922f4.js';
+import { d as defineCustomElement$v } from './p-e5627b06.js';
+import { d as defineCustomElement$u } from './p-9a477112.js';
+import { d as defineCustomElement$t } from './p-4f8228cc.js';
+import { d as defineCustomElement$s } from './p-b235b5aa.js';
+import { d as defineCustomElement$r } from './p-d3c8be66.js';
+import { d as defineCustomElement$q } from './p-5bf78c75.js';
+import { d as defineCustomElement$p } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$o } from './p-c24bc8bc.js';
+import { d as defineCustomElement$n } from './p-a09be6d8.js';
+import { d as defineCustomElement$m } from './p-9564052e.js';
+import { d as defineCustomElement$l } from './p-ec6ba955.js';
+import { d as defineCustomElement$k } from './p-5e6387d5.js';
+import { d as defineCustomElement$j } from './p-43adf18b.js';
+import { d as defineCustomElement$i } from './p-a6fdf86e.js';
+import { d as defineCustomElement$h } from './p-2a7e3ed3.js';
+import { d as defineCustomElement$g } from './p-a1e94266.js';
+import { d as defineCustomElement$f } from './p-a769d683.js';
+import { d as defineCustomElement$e } from './p-e8fcf4cd.js';
+import { d as defineCustomElement$d } from './p-9bef35c9.js';
+import { d as defineCustomElement$c } from './p-b33bdf50.js';
+import { d as defineCustomElement$b } from './p-69913a6d.js';
+import { d as defineCustomElement$a } from './p-fbb3a2be.js';
+import { d as defineCustomElement$9 } from './p-dfe5e1d4.js';
+import { d as defineCustomElement$8 } from './p-d647b460.js';
+import { d as defineCustomElement$7 } from './p-75554697.js';
+import { d as defineCustomElement$6 } from './p-2c7eb977.js';
+import { d as defineCustomElement$5 } from './p-3e6d0b51.js';
+import { d as defineCustomElement$4 } from './p-798ac88c.js';
+import { d as defineCustomElement$3 } from './p-29f5f496.js';
+import { d as defineCustomElement$2 } from './p-3a5cf7ab.js';
+import { d as defineCustomElement$1 } from './p-33a1bb4a.js';
+
+const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
+const SmoothlyInputDemoStyle0 = styleCss;
+
+const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
+        this.duration = { hours: 8 };
+        this.alphanumeric = "!@##";
+    }
+    render() {
+        return (h(Host, { key: '898e42a3aae72b4d52bc01e2e6fec22fb49f7894' }, h("smoothly-input-demo-standard", { key: 'c84c56932a3ca7b3ad70bea508955b37e269b24b' }), h("div", { key: '5b25db08e200dd0e6216e372c5c897c601490593', class: "inputs" }, h("h2", { key: 'f9aa7e790295584eb8ea78e0c372cffb4b93e84e' }, "Calendar"), h("smoothly-input-date", { key: '45f80826e17da5ab6106986f762b6e1624d6d069', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '0a707e376f4ff18db494c247d9ae9a8e3c620fcf', name: "someDateTime" }, "DateTime"), h("h2", { key: 'e4981b4702b6d1505838adf9ad181c1d75c75be2' }, "Date Range"), h("smoothly-input-date-range", { key: 'ba262ba7d3a809b0c59907fa12d36017ac77d162', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '30d4fa41617d5a46a9b41737b090ae7af71a0e1f', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '1cdbb7d09b5a09781c75787a70b6b124ea4ea0f8', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '0b81346ba5f45cfb274acfa50b589fd9120459f6', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
+                "--smoothly-input-border-radius": "0.5rem",
+            } }, h("smoothly-input-clear", { key: '58a9b0265ea8ffeb6dd25b4cd2b856a9c4afa84e', slot: "end", size: "icon" })), h("h2", { key: '11914eeddc03def00e7ad925a23cfe447a5f9b98' }, "Date"), h("smoothly-input-date", { key: 'e767c0b627ee97ebbfda56daa3e0bee37f43d934' }, "Date"), h("smoothly-input-date", { key: '43fdb115a61f70b40e93964c5881bfe10caf0ac6', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'a481fa967fa1b736626614b9764912366e90b7c9', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '877e16c0db2d61ad054b8a79873cdd4ff11198b9', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'fc079cb329e6ade1b05b792fdd38471daf5b939d', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '04e5c619668ce8ee036a7fcf68dbb5475057ad33', slot: "end", size: "icon" })), h("h2", { key: '352db5f41baa5d77b0b9c324124ccd8b6b603487' }, "Select"), h("div", { key: '9e30637687db9eeedf21a691a69e650c9ec20d8d', class: "select-div" }, h("smoothly-input-select", { key: 'b81069e847d16dea7e64987449b61c28d23e959e', name: "select-dessert", looks: "border" }, h("label", { key: '1674251c630961135941b7c3e163c3b8c36647d6', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '76ef6769049168385989f09c7c00b73c80fae3c3', value: "1" }, "Ice cream"), h("smoothly-item", { key: '0c0ff5745c705c3517354744a82d3040a1908380', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '2f406e2c1a29b327b740873a0512b58c5e8ffee4', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '63165ef47474188599e1d5990c52fa7aac59da46', value: "4" }, "Cookie"), h("smoothly-item", { key: 'db928ccd74dfcb21c384010c16b15c710f6c348e', value: "5" }, "Croissant"), h("smoothly-item", { key: 'b4e3986af23bdac024b28c6c8a5cfb5ea1e1edc3', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '4815a44cfe40b5152c9ad94320da440e96626849', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '5888df7b123845d0ae451f10f1dce0e6f0a51a1d', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '90b78f7fc9711181bd66a33d761333eb0e4e0030', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: 'f3e9a603c80a2562b967f3e25c178eec9ae830d2', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: 'e74af1d8c162fcfe278ab02a6862c91ce139dfc4', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '5055ea6836e7fa80ab48cfec353b09a843bf5dc5', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'fb0215a750b470ad0011c28d3f6f5532802dc090', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'fcf701cccc5919b9fb5e276460f42ee8c54c6be1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '3cd340fad69acad3ddd65025e0d442f5eaa50ac9', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'e57893d60f6e0ead8088790f59efd8b32b998b2d', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'f402235dac5bdbcfe195f884443712f65e2885e0', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'ae5f0ef5846a4f54e678ec3307350247491fd20a', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'cdb11bbf169345d31793a2def8879c05772b386a', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '3de1af65992f7d307b68f8b11e5f20b6960a036d', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'd8a6a789431a97f2811b70f686a8688c2245fdfb', value: "folder", selected: true }, h("smoothly-icon", { key: 'ecd76b9cb6143ccda76ffdbafd9442c3eecab763', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '7d7c84a37ec7a6a4067365c6a8711b3748b1788e', value: "camera" }, h("smoothly-icon", { key: '88ce40e3176f4fca2356dbb694ff442ff659136b', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '785709f29e464bf58fcea800aff4189d005ca2c9', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'b2d8530ba923c60c14e4d81a3a05a561d4464313', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
+            .map((_, i) => String.fromCharCode(i + 65))
+            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '547732722e521764f6efd5b093c922f7dce08467', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '8c83d41b2c49d62df53417e1b2eba9754ea439fc', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '91a273a7279b66ef35b9735e0b3e4bdfc6c6e795', value: "1" }, "January"), h("smoothly-item", { key: 'f58024ba104d8e46bda48233d8ad14c5e26b4b19', value: "2" }, "February"), h("smoothly-item", { key: '0ac720a3cbae6157d251e194b7bb2aa6d2d1a318', value: "3" }, "March"), h("smoothly-item", { key: '48e991c953f74b77ce1f7c1d6ec57df73d2ad9c8', value: "4" }, "April"), h("smoothly-item", { key: '487b8e09445dcab1867d58dfe6fa7f774572bdb7', value: "5" }, "May"), h("smoothly-item", { key: 'f6c3bb9720dd9582019ac26dd36393c136ad5200', value: "6" }, "June"), h("smoothly-item", { key: 'd27ff235108a7441e6e4aa0794e31fe702c31b21', value: "7" }, "July"), h("smoothly-item", { key: '91a1de0d2c053d7736e2c43543077c8b27e70679', value: "8" }, "August"), h("smoothly-item", { key: '9180bf26ee2d7daa4a6c07ebecf71a50f8d4eddb', value: "9" }, "September"), h("smoothly-item", { key: '7526a4bf7871475577f05d2c19f71251adc65112', value: "10" }, "October"), h("smoothly-item", { key: 'bc06ade0abeb3928ab63b23fd184ffaa2fe8caad', value: "11" }, "November"), h("smoothly-item", { key: 'a759d0ac14994c3888db77a43b693ec7118afe65', value: "12" }, "December")), h("div", { key: '48123702f91eee7c64c5a3142b9818604a963416', class: "select-div-row" }, h("smoothly-input-select", { key: 'cbd21bf3b3c4a4595e5efe623ea101e836d175c9', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '1b1af5d7ba533dfb966940a2351ba9b909d50877', value: "folder", selected: true }, h("smoothly-icon", { key: '9e062d3d5674f6fd81f8fbfe2f195d4e253e4254', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '97e6e7af4fb31f1efdcc424d2b5c7bb6d73fa379', value: "camera" }, h("smoothly-icon", { key: '1f850e7d1ab19ff94a24d2239b940bb7a7e33450', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '81211a1cd413d17a575efa961cc3f4c2b2a24409', value: "boat" }, h("smoothly-icon", { key: '16d60f0b8495472787f114606fe600bf82ebd703', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '79f3f11252dcbc27529add01c0590cbf9a476c20', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '8d1e1949d808d582e227f47c8375649e58eb910f', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '831c4145709aeb1723ac01524dff485f60bd375d' }, "Duration"), h("smoothly-input", { key: '7a0ef2d4e70a00fd3fb16d3dde20135ee1382c9f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '6838adf1fcbd8f23c2f49676fb58d63057d7dcc0', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
+                const duration = e.detail.duration;
+                this.duration = duration;
+            } }, "Duration"), h("h2", { key: '664344d0ba40adce085bf233113c7d5c65395b00' }, "Integer with Min/Max"), h("smoothly-input", { key: '1bdac9816d19f2385d6c460e545e7bca51f24721', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '94dac0012c47e960373fa49de1a07718f1162028', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '02c7850748ae75474d3bd9866fa7d65a728c6d76', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '10dea9a9dceb86169132dc63d5f59cf75adf4858', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '20e6f37f44c0ead4c9cb75ed9ce179183a26df96' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'dcbb187b84c439d7ab01183e75c409dbc5dd7aef', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'fc02ccf8d09b9ee0f2d30cd4275c95b10d1e9701' }, "Identifiers"), h("smoothly-input", { key: 'b9841c3652b5300c7e5085470273e85faca2dd15', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '7f35845b6249f01890db694e23bf63ee097944cf', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'da0c4ecb4ef72e74965d69dc09234c10ab332ee2', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '7463653a03bf919a7caa7e020669b3492b0470d9', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '29c4627676c9da8e2352617b3254d53bf953ccf4', type: "identifier-camel" }, "Camel"), h("h2", { key: 'fd029120fc34e12e80a95d9c7fc787c3a5d42d13' }, "Input Alternatives"), h("smoothly-input", { key: '10a908a9fc5906372f557b6fc7fe81d8e4b989d8', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: 'a009310374cd729a7192e45896a5a5c95b1ee67c', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '3d11c8ab5fdd631cd6b51f3eb25120962a75c23d', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'fc8de3ba973117904a60e76ac251e76342f6fbc9', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'f6cf7b6548e5f59be71f2f0bde8426aaf27b7468', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '1e8b569ec282979fb5cff16d76d0d614a40a9f42', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'b3c9fba5bbd2b1eb9472709f7c9ec75d5afb335f', placeholder: "test" }), h("smoothly-input-submit", { key: '47607993d4e5d00e083004e23fda5692c21f016e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'cd8ac47c2a74cb73c15f9e178776cf5587da0c94' }, "Smoothly checkboxes"), h("div", { key: '0132393278b0aaf54ae2b19745c5b7dcd9d0b890', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '66f16b0bd9165417e002b369cbf39f7889ffb0b3', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '0a6d2b2fd25b05c530877784b4ee249c24a25663', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '62036c53272eb1bd99155ed1c8f3262de4a4105b', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '63f984fa5004de72307e4e695d5c21d1db138a43', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '8e93098557950fe33d5b0af42923d61e38cdeca7', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5d388aecd4290d345e2975c3df48f28f3dcc58d3', name: "third-checkbox" }, "3rd")), h("h4", { key: '968d1428d10941207d8418025f9083b53cbf0584' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'd6eae15b0c72d4092e83ce1f686012eda413d476', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'f0402ad7bfa06f8efb5f0378e7fa67a383237cf4', name: "checkmark-circle", slot: "start" }), h("label", { key: 'eec0d5de4c3db4bb3f3813ee8ff6596c3b87b697', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'ef961c59e5335b26a693a4041f29b75abc576da4', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'b485ef15b4a23c6a7b83faa6fef615269b7a707b', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'a42d006d32a0aae44a0059c770ef5a46341338ce', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'deadcbab55ed1d5f0561cd83edab5386d234f6a5', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'b7125855aa49593db1158509e15f2bf60faf1041', name: "radioSecondInput" }, h("label", { key: 'e7bf64c7131d7489c4ffa9249dc56bea1b54d041', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '440a07b624d04a40c89a775766503c3b9eb79e28', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'd0a65783c056dac89b26619f0d12b0c85862202d', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '100ef7fb5d3832eb255a93249b67dbe13bc8d457', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '1dca434401e473650d1b22ce68fd16d0d4d54da4', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'b39315ceca35ae4b6d57f896f5e6810549da3fc5', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'cc1d15d8a6747074f1a99f5373b093fa934addc2', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: 'a710ee590d39b7779a1d2c535a8ee575a9e11bfe' }), h("smoothly-input-color-demo", { key: '108a02584b23f301a2d2aefe9e57985ef6e30dac' }), h("smoothly-input-price-demo", { key: '4d28f120dfa5c2c19c292f22bf5b9d7f7564b117' }), h("smoothly-back-to-top", { key: '0ccc6f790656be6f21f3c9e38c401076aaa57ea1' }))));
+    }
+    static get style() { return SmoothlyInputDemoStyle0; }
+}, [2, "smoothly-input-demo", {
+        "duration": [32],
+        "alphanumeric": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-standard", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-input-demo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SmoothlyInputDemo);
+            }
+            break;
+        case "smoothly-back-to-top":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "smoothly-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "smoothly-button-confirm":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$v();
+            }
+            break;
+        case "smoothly-calendar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            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-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "smoothly-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "smoothly-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "smoothly-input-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "smoothly-input-clear":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "smoothly-input-color":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "smoothly-input-color-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "smoothly-input-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "smoothly-input-date-range":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "smoothly-input-date-time":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "smoothly-input-demo-standard":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "smoothly-input-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "smoothly-input-month":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "smoothly-input-price-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "smoothly-input-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "smoothly-input-radio-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "smoothly-input-range":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "smoothly-input-range-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "smoothly-input-reset":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "smoothly-input-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "smoothly-input-submit":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "smoothly-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "smoothly-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-toggle-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SmoothlyInputDemo as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-192be1a4.js.map

package/dist/components/p-192be1a4.js.map

@@ -0,0 +1 @@
+{"file":"p-192be1a4.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/input/demo/style.css?tag=smoothly-input-demo&encapsulation=scoped","src/components/input/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: 2em;\n\tmargin-bottom: 10rem;\n}\n\n:host .select-div-row {\n\tdisplay: flex;\n}\n\n:host .select-div-row smoothly-input {\n flex: 1;\n}\n\nsmoothly-input-demo-standard {\n\tmargin-bottom: 2rem;\n}\n\ndiv.inputs {\n\tmargin: auto;\n\twidth: 50%;\n}\n\ndiv.inputs>h2:not(:first-child) {\n\tpadding-top: 3em;\n\tmargin-top: 3em;\n\tborder-top: 1px solid black;\n}\n\n.checkbox-group {\n\tdisplay: flex;\n\tgap: 1.5em;\n\talign-items: center;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n.select-div {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: 1em;\n\tflex-wrap: wrap;\n}\n\n.select-div>smoothly-color>*,\n.select-div>* {\n\tflex-basis: 49%;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\tprivate numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-time name=\"someDateTime\">DateTime</smoothly-input-date-time>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\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</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<div class=\"select-div-row\">\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t<smoothly-item value=\"boat\">\n\t\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"boat-outline\" />\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"select-number\" clearable={false}>\n\t\t\t\t\t\t\t\t{this.numbers.map(number => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value=\"number\" selected={number === 3}>\n\t\t\t\t\t\t\t\t\t\t{number}\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 name=\"name\" value=\"Sten Qvist\">\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tname=\"name.first\"\n\t\t\t\t\t\tplaceholder=\"Smith\"\n\t\t\t\t\t\tonSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-3f7a437a.js → p-1cf5f8a9.js}

@@ -4,17 +4,17 @@ import { o as object } from './p-d471066b.js';
 import { f as fromIs } from './p-57ac5d1b.js';
 import { d as defineCustomElement$d } from './p-c98922f4.js';
 import { d as defineCustomElement$c } from './p-e5627b06.js';
-import { d as defineCustomElement$b } from './p-a57e7345.js';
-import { d as defineCustomElement$a } from './p-ed1e7da4.js';
+import { d as defineCustomElement$b } from './p-9a477112.js';
+import { d as defineCustomElement$a } from './p-c24bc8bc.js';
 import { d as defineCustomElement$9 } from './p-a09be6d8.js';
-import { d as defineCustomElement$8 } from './p-cef759f2.js';
-import { d as defineCustomElement$7 } from './p-2c9a8b37.js';
-import { d as defineCustomElement$6 } from './p-c3d52c12.js';
-import { d as defineCustomElement$5 } from './p-a765eaaa.js';
-import { d as defineCustomElement$4 } from './p-9e3806ff.js';
-import { d as defineCustomElement$3 } from './p-e9e71692.js';
-import { d as defineCustomElement$2 } from './p-da4c10d0.js';
-import { d as defineCustomElement$1 } from './p-18451fa9.js';
+import { d as defineCustomElement$8 } from './p-9564052e.js';
+import { d as defineCustomElement$7 } from './p-2a7e3ed3.js';
+import { d as defineCustomElement$6 } from './p-b33bdf50.js';
+import { d as defineCustomElement$5 } from './p-2c7eb977.js';
+import { d as defineCustomElement$4 } from './p-3e6d0b51.js';
+import { d as defineCustomElement$3 } from './p-798ac88c.js';
+import { d as defineCustomElement$2 } from './p-29f5f496.js';
+import { d as defineCustomElement$1 } from './p-3a5cf7ab.js';
 
 var ScheduledEvent;
 (function (ScheduledEvent) {
@@ -118,4 +118,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-3f7a437a.js.map
+//# sourceMappingURL=p-1cf5f8a9.js.map

package/dist/components/{p-3f7a437a.js.map → p-1cf5f8a9.js.map}

@@ -1 +1 @@
-{"file":"p-3f7a437a.js","mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-1cf5f8a9.js","mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a966d505.js → p-2322ee32.js}

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$e } from './p-c98922f4.js';
 import { d as defineCustomElement$d } from './p-e5627b06.js';
-import { d as defineCustomElement$c } from './p-a57e7345.js';
-import { d as defineCustomElement$b } from './p-ed1e7da4.js';
+import { d as defineCustomElement$c } from './p-9a477112.js';
+import { d as defineCustomElement$b } from './p-c24bc8bc.js';
 import { d as defineCustomElement$a } from './p-a09be6d8.js';
-import { d as defineCustomElement$9 } from './p-cef759f2.js';
-import { d as defineCustomElement$8 } from './p-2c9a8b37.js';
-import { d as defineCustomElement$7 } from './p-03be2708.js';
-import { d as defineCustomElement$6 } from './p-1e8fa07d.js';
-import { d as defineCustomElement$5 } from './p-c3d52c12.js';
-import { d as defineCustomElement$4 } from './p-9e3806ff.js';
-import { d as defineCustomElement$3 } from './p-e9e71692.js';
-import { d as defineCustomElement$2 } from './p-da4c10d0.js';
-import { d as defineCustomElement$1 } from './p-18451fa9.js';
+import { d as defineCustomElement$9 } from './p-9564052e.js';
+import { d as defineCustomElement$8 } from './p-2a7e3ed3.js';
+import { d as defineCustomElement$7 } from './p-a1e94266.js';
+import { d as defineCustomElement$6 } from './p-9bef35c9.js';
+import { d as defineCustomElement$5 } from './p-b33bdf50.js';
+import { d as defineCustomElement$4 } from './p-3e6d0b51.js';
+import { d as defineCustomElement$3 } from './p-798ac88c.js';
+import { d as defineCustomElement$2 } from './p-29f5f496.js';
+import { d as defineCustomElement$1 } from './p-3a5cf7ab.js';
 
 const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTransparent extends H {
     constructor() {
@@ -110,4 +110,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a966d505.js.map
+//# sourceMappingURL=p-2322ee32.js.map

package/dist/components/{p-a966d505.js.map → p-2322ee32.js.map}

@@ -1 +1 @@
-{"file":"p-a966d505.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-2322ee32.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-da4c10d0.js → p-29f5f496.js}

@@ -37,7 +37,7 @@ const SmoothlyItem = proxyCustomElement(class SmoothlyItem extends H {
             : false;
     }
     render() {
-        return (h(Host, { key: '2bcb4ce39cf6dc6c8ee10b071750cb7831f8492f', tabIndex: -1 }, h("slot", { key: 'e16e1cfdcdc3b2adf794846c892e74756c0a6e13' })));
+        return (h(Host, { key: 'a17a55d78fc5bb902887b702134981b487eb392a', tabIndex: -1 }, h("slot", { key: '7234de6f7f9cee8135d2dd51c06ec788f8b97a47' })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -71,4 +71,4 @@ defineCustomElement();
 
 export { SmoothlyItem as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-da4c10d0.js.map
+//# sourceMappingURL=p-29f5f496.js.map

package/dist/components/{p-da4c10d0.js.map → p-29f5f496.js.map}

@@ -1 +1 @@
-{"file":"p-da4c10d0.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,myCAAmyC,CAAC;AACrzC,2BAAe,QAAQ;;MCsBV,YAAY;;;;;;;wBAGoC,KAAK;;wBAE7B,KAAK;4BAClB,IAAI;;IAK3B,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC;YAC1D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;KAC/B;IAED,eAAe;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC1C;IACD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAQ,CAAC,CAAA;KACrC;IACD,gBAAgB;QACf,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC3C;IAED,MAAM,MAAM,CAAC,MAAc;;QAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA;QAC5F,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM;cACzB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;cAClF,KAAK,CAAA;KACR;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,CAAC,IACjB,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/item/style.css?tag=smoothly-item&encapsulation=scoped","src/components/item/index.tsx"],"sourcesContent":[":host([selected]) {\n\tbackground-color: rgb(var(--smoothly-item-selected-background));\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n\tborder-left: .3em solid rgb(var(--smoothly-item-selected-border));\n}\n\n:host([disabled]),\n:host([disabled])::slotted(*) {\n\tbackground-color: rgb(var(--smoothly-item-disabled-background));\n\tcolor: rgb(var(--smoothly-item-disabled-foreground));\n\topacity: var(--smoothly-item-disabled-opacity);\n\tcursor: not-allowed;\n}\n\n:host {\n\tpadding: 0.5em;\n\tcursor: pointer;\n\tborder-left: .3em solid transparent;\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n\tbox-sizing: border-box;\n\tmin-height: 3rem;\n}\n\n:host::slotted(*) {\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n}\n\n:host:not([disabled])[marked],\n:host:not([disabled]):hover,\n:host:not([disabled])[marked]::slotted(*),\n:host:not([disabled]):hover::slotted(*) {\n\tbackground-color: rgb(var(--smoothly-item-hover-background));\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n\tfill: rgb(var(--smoothly-item-hover-foreground));\n\tstroke: rgb(var(--smoothly-item-hover-foreground));\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Editable } from \"../input/Editable\"\nimport { Item } from \"./Item\"\n\n@Component({\n\ttag: \"smoothly-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyItem implements Item, ComponentWillLoad, ComponentDidLoad {\n\t@Element() element: HTMLSmoothlyItemElement\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean = false\n\t@Prop({ reflect: true, mutable: true }) marked: boolean\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() deselectable = true\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\t@Listen(\"click\")\n\tclickHandler(): void {\n\t\tif (!this.disabled && (!this.selected || this.deselectable))\n\t\t\tthis.selected = !this.selected\n\t}\n\t@Watch(\"selected\")\n\tselectedWatcher(): void {\n\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(() => {})\n\t}\n\tcomponentDidLoad(): void {\n\t\tif (this.selected && !this.disabled)\n\t\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\t@Method()\n\tasync filter(filter: string): Promise<void> {\n\t\tconst value = typeof this.value === \"string\" ? this.value : JSON.stringify(this.value ?? \"\")\n\t\tthis.element.hidden = filter\n\t\t\t? !(value.includes(filter) || this.element.innerText.toLowerCase().includes(filter))\n\t\t\t: false\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host tabIndex={-1}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-29f5f496.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,myCAAmyC,CAAC;AACrzC,2BAAe,QAAQ;;MCsBV,YAAY;;;;;;;wBAGoC,KAAK;;wBAE7B,KAAK;4BAClB,IAAI;;IAK3B,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC;YAC1D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;KAC/B;IAED,eAAe;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC1C;IACD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAQ,CAAC,CAAA;KACrC;IACD,gBAAgB;QACf,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC3C;IAED,MAAM,MAAM,CAAC,MAAc;;QAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA;QAC5F,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM;cACzB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;cAClF,KAAK,CAAA;KACR;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,CAAC,IACjB,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/item/style.css?tag=smoothly-item&encapsulation=scoped","src/components/item/index.tsx"],"sourcesContent":[":host([selected]) {\n\tbackground-color: rgb(var(--smoothly-item-selected-background));\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n\tborder-left: .3em solid rgb(var(--smoothly-item-selected-border));\n}\n\n:host([disabled]),\n:host([disabled])::slotted(*) {\n\tbackground-color: rgb(var(--smoothly-item-disabled-background));\n\tcolor: rgb(var(--smoothly-item-disabled-foreground));\n\topacity: var(--smoothly-item-disabled-opacity);\n\tcursor: not-allowed;\n}\n\n:host {\n\tpadding: 0.5em;\n\tcursor: pointer;\n\tborder-left: .3em solid transparent;\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n\tbox-sizing: border-box;\n\tmin-height: 3rem;\n}\n\n:host::slotted(*) {\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n}\n\n:host:not([disabled])[marked],\n:host:not([disabled]):hover,\n:host:not([disabled])[marked]::slotted(*),\n:host:not([disabled]):hover::slotted(*) {\n\tbackground-color: rgb(var(--smoothly-item-hover-background));\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n\tfill: rgb(var(--smoothly-item-hover-foreground));\n\tstroke: rgb(var(--smoothly-item-hover-foreground));\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Editable } from \"../input/Editable\"\nimport { Item } from \"./Item\"\n\n@Component({\n\ttag: \"smoothly-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyItem implements Item, ComponentWillLoad, ComponentDidLoad {\n\t@Element() element: HTMLSmoothlyItemElement\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean = false\n\t@Prop({ reflect: true, mutable: true }) marked: boolean\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() deselectable = true\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\t@Listen(\"click\")\n\tclickHandler(): void {\n\t\tif (!this.disabled && (!this.selected || this.deselectable))\n\t\t\tthis.selected = !this.selected\n\t}\n\t@Watch(\"selected\")\n\tselectedWatcher(): void {\n\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(() => {})\n\t}\n\tcomponentDidLoad(): void {\n\t\tif (this.selected && !this.disabled)\n\t\t\tthis.smoothlyItemSelect.emit(this.element)\n\t}\n\t@Method()\n\tasync filter(filter: string): Promise<void> {\n\t\tconst value = typeof this.value === \"string\" ? this.value : JSON.stringify(this.value ?? \"\")\n\t\tthis.element.hidden = filter\n\t\t\t? !(value.includes(filter) || this.element.innerText.toLowerCase().includes(filter))\n\t\t\t: false\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host tabIndex={-1}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-2c9a8b37.js → p-2a7e3ed3.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { I as Input } from './p-ed1e7da4.js';
-import { d as defineCustomElement$6 } from './p-a57e7345.js';
+import { I as Input } from './p-c24bc8bc.js';
+import { d as defineCustomElement$6 } from './p-9a477112.js';
 import { d as defineCustomElement$5 } from './p-a09be6d8.js';
-import { d as defineCustomElement$4 } from './p-cef759f2.js';
-import { d as defineCustomElement$3 } from './p-c3d52c12.js';
-import { d as defineCustomElement$2 } from './p-9e3806ff.js';
-import { d as defineCustomElement$1 } from './p-da4c10d0.js';
+import { d as defineCustomElement$4 } from './p-9564052e.js';
+import { d as defineCustomElement$3 } from './p-b33bdf50.js';
+import { d as defineCustomElement$2 } from './p-3e6d0b51.js';
+import { d as defineCustomElement$1 } from './p-29f5f496.js';
 
 const styleCss = ".sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
 const SmoothlyInputDateStyle0 = styleCss;
@@ -180,4 +180,4 @@ defineCustomElement();
 
 export { SmoothlyInputDate as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2c9a8b37.js.map
+//# sourceMappingURL=p-2a7e3ed3.js.map

package/dist/components/{p-2c9a8b37.js.map → p-2a7e3ed3.js.map}

@@ -1 +1 @@
-{"file":"p-2c9a8b37.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: 1px;\n\tz-index: 9;\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n@media screen and (min-width: 400px) {\n\t:host>nav {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 4em;\n\t\tbackground-color: rgb(var(--smoothly-input-background));\n\t\tmax-width: 22em;\n\t}\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable | undefined\n\tprivate initialValue?: isoly.Date\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.Date | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonStart(next: isoly.Date) {\n\t\tthis.smoothlyValueChange.emit(next)\n\t\tthis.smoothlyInput.emit({ [this.name]: next })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.changed = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tonFocus={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\terrorMessage={this.errorMessage}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.value = e.detail[this.name]\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonSmoothlyValueChange={event => {\n\t\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-2a7e3ed3.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: 1px;\n\tz-index: 9;\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n@media screen and (min-width: 400px) {\n\t:host>nav {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 4em;\n\t\tbackground-color: rgb(var(--smoothly-input-background));\n\t\tmax-width: 22em;\n\t}\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable | undefined\n\tprivate initialValue?: isoly.Date\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.Date | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonStart(next: isoly.Date) {\n\t\tthis.smoothlyValueChange.emit(next)\n\t\tthis.smoothlyInput.emit({ [this.name]: next })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.changed = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tonFocus={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\terrorMessage={this.errorMessage}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.value = e.detail[this.name]\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonSmoothlyValueChange={event => {\n\t\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a765eaaa.js → p-2c7eb977.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { I as Input, S as SmoothlyForm } from './p-ed1e7da4.js';
+import { I as Input, S as SmoothlyForm } from './p-c24bc8bc.js';
 import { E as Editable } from './p-78dd098c.js';
 import { d as defineCustomElement$2 } from './p-c98922f4.js';
 import { d as defineCustomElement$1 } from './p-a09be6d8.js';
@@ -47,7 +47,7 @@ const SmoothlyInputReset = proxyCustomElement(class SmoothlyInputReset extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '57e2e0372226f9bf0f4202b05c08277b0c9dc10f', title: this.tooltip }, h("smoothly-button", { key: '6b8a01fa2fddd93f37b18b04f1257872275bbbd9', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '5f7448c8bd003b714e4df0e44f7572057324676d' }), h("smoothly-icon", { key: 'f018073be7166306d4799775211fe93e2e1b6eb9', flip: "x", name: "refresh-outline", size: "tiny" }))));
+        return (h(Host, { key: '7b29798da013bf95744ec821f0ccb3fc2cfc736a', title: this.tooltip }, h("smoothly-button", { key: 'd44c7306d0b4a27e05f81bbdc749f16d89c8eacf', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '18a5b54080ebfc46d1699a45ac831abf60812771' }), h("smoothly-icon", { key: '4ea0eed508ad3f6d0d55114def61f35f7cdfda1a', flip: "x", name: "refresh-outline", size: "tiny" }))));
     }
     static get style() { return SmoothlyInputResetStyle0; }
 }, [6, "smoothly-input-reset", {
@@ -88,4 +88,4 @@ defineCustomElement();
 
 export { SmoothlyInputReset as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-a765eaaa.js.map
+//# sourceMappingURL=p-2c7eb977.js.map