smoothly 1.102.0 → 1.103.0

package/dist/components/p-003a635b.js

@@ -1,45 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-bb94849f.js';
-
-const styleCss = ".sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}";
-const SmoothlyToggleSwitchDemoStyle0 = styleCss;
-
-const SmoothlyToggleSwitchDemo = proxyCustomElement(class SmoothlyToggleSwitchDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
-    }
-    static get style() { return SmoothlyToggleSwitchDemoStyle0; }
-}, [2, "smoothly-toggle-switch-demo"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-toggle-switch-demo", "smoothly-icon", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-toggle-switch-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyToggleSwitchDemo);
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyToggleSwitchDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-003a635b.js.map

package/dist/components/p-6d1e5f27.js.map

@@ -1 +0,0 @@
-{"file":"p-6d1e5f27.js","mappings":"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","names":[],"sources":["src/components/input/radio/style.css?tag=smoothly-input-radio&encapsulation=scoped","src/components/input/radio/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-left: var(--input-padding-side);\n\tbox-sizing: border-box;\n}\n:host[show-label]>div {\n\tposition: relative;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>div,\n:host>div>div.options {\n\tdisplay: flex;\n\tgap: 1.5rem;\n}\n:host[direction=column]>div>div.options {\n\tflex-direction: column;\n}\n:host::slotted([slot=end]) {\n\tmargin-right: 0;\n\tmargin-left: auto;\n}\n\n:host[disabled] smoothly-input-radio-item * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\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 { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { RadioItemSelect } from \"./RadioItemSelect\"\n\n@Component({\n\ttag: \"smoothly-input-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRadio implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputRadioElement\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate active?: RadioItemSelect\n\tprivate valueReceivedOnLoad = false\n\tprivate observer = Editable.Observer.create(this)\n\tinitialValue?: RadioItemSelect\n\t@Prop({ mutable: true }) value: any = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true }) direction?: \"row\" | \"column\"\n\t@Prop() clearable?: boolean\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\t!this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.initialValue = this.active\n\t}\n\t@Listen(\"smoothlyRadioItemRegister\")\n\thandleRegister(event: CustomEvent<(parent: SmoothlyInputRadio) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRadio) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyRadioItemSelect\")\n\tsmoothlyRadioInputHandler(event: CustomEvent<RadioItemSelect>): void {\n\t\tevent.stopPropagation()\n\t\tif ((!this.readonly && !this.disabled) || !this.valueReceivedOnLoad) {\n\t\t\tif (this.clearable && this.active?.value === event.detail.value)\n\t\t\t\tthis.clear()\n\t\t\telse if (this.active?.value !== event.detail.value) {\n\t\t\t\tthis.active?.select(false)\n\t\t\t\tthis.active = event.detail\n\t\t\t\tthis.value = this.active.value\n\t\t\t\tthis.active.select(true)\n\t\t\t}\n\t\t}\n\t\tif (event.detail.userInitiated)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.active?.select(false)\n\t\t\tthis.active = undefined\n\t\t\tthis.value = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.active?.select(false)\n\t\tthis.active = this.initialValue\n\t\tthis.value = this.initialValue?.value\n\t\tthis.active?.select(true)\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.active\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.valueReceivedOnLoad && (this.isDifferentFromInitial = this.initialValue?.value !== this.value)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"floating-label\">\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t<div class=\"options\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-7c487e25.js

@@ -1,264 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { a as DateTime, D as Date } from './p-390767c7.js';
-import { d as defineCustomElement$A } from './p-b7fe2252.js';
-import { d as defineCustomElement$z } from './p-76531b32.js';
-import { d as defineCustomElement$y } from './p-2826e824.js';
-import { d as defineCustomElement$x } from './p-30f4e440.js';
-import { d as defineCustomElement$w } from './p-00165343.js';
-import { d as defineCustomElement$v } from './p-9e2ee779.js';
-import { d as defineCustomElement$u } from './p-4e754f3b.js';
-import { d as defineCustomElement$t } from './p-f893b6cc.js';
-import { d as defineCustomElement$s } from './p-ccbdacc9.js';
-import { d as defineCustomElement$r } from './p-3aed2b34.js';
-import { d as defineCustomElement$q } from './p-19d93e64.js';
-import { d as defineCustomElement$p } from './p-604f869e.js';
-import { d as defineCustomElement$o } from './p-e48ad105.js';
-import { d as defineCustomElement$n } from './p-90cf2f0e.js';
-import { d as defineCustomElement$m } from './p-2ef8a833.js';
-import { d as defineCustomElement$l } from './p-aff94100.js';
-import { d as defineCustomElement$k } from './p-e32d9cd5.js';
-import { d as defineCustomElement$j } from './p-12f62e4d.js';
-import { d as defineCustomElement$i } from './p-93141817.js';
-import { d as defineCustomElement$h } from './p-581d3377.js';
-import { d as defineCustomElement$g } from './p-96fff9ba.js';
-import { d as defineCustomElement$f } from './p-4dcf5fac.js';
-import { d as defineCustomElement$e } from './p-d4f3568a.js';
-import { d as defineCustomElement$d } from './p-2d754996.js';
-import { d as defineCustomElement$c } from './p-c172bb64.js';
-import { d as defineCustomElement$b } from './p-b25fbf6e.js';
-import { d as defineCustomElement$a } from './p-6d1e5f27.js';
-import { d as defineCustomElement$9 } from './p-fb97b2ff.js';
-import { d as defineCustomElement$8 } from './p-ec815cfd.js';
-import { d as defineCustomElement$7 } from './p-02c38067.js';
-import { d as defineCustomElement$6 } from './p-5cd257ad.js';
-import { d as defineCustomElement$5 } from './p-4441247b.js';
-import { d as defineCustomElement$4 } from './p-0b3f1a79.js';
-import { d as defineCustomElement$3 } from './p-1e46b981.js';
-import { d as defineCustomElement$2 } from './p-3a1a67e7.js';
-import { d as defineCustomElement$1 } from './p-bb94849f.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{max-width:min(calc(100% - 2rem), 56rem);margin:auto}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;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}";
-const SmoothlyInputDemoStyle0 = styleCss;
-
-const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.smoothlyUrlUpdate = createEvent(this, "smoothlyUrlUpdate", 7);
-        this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
-        this.duration = { hours: 8 };
-        this.alphanumeric = "!@##";
-    }
-    render() {
-        return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("div", { key: '39a7301f0206aa1dd7337ace0d8625c3eee4e628', class: "inputs" }, h("h2", { key: '883dc3d0147791ba459faaf5e5c249402f2f9723' }, "Calendar"), h("smoothly-input-date", { key: 'c1aa37b5f2e90fb7444bfef49684eea63ca455c6', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '76560fb6c917be8ac457512cc06b969bd65e1d74', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: 'ee8591a21dbab832d7ec9dfa7f7aa6bb542cecde' }, "Date Range"), h("smoothly-input-date-range", { key: 'b29e89f188e2f0e77c2b794b3dcc3b5591670dc3', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '4c7ea4085d281e156f76d2301f197222cff8f89d', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'c44f4e4f7cc20e963d8367200a706890d56ee1f9', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '6e3198f5ae3771668a2832a2ed755c87d7642baf', 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: '547a2241dcebb2e522a753e206b086ee7d0c030f', slot: "end", size: "icon" })), h("h2", { key: 'f30e2988756470afc85639157086912659688342' }, "Date"), h("smoothly-input-date", { key: '140b61ddfb8f04dc67468261001848cd86691f31' }, "Date"), h("smoothly-input-date", { key: '4a37677e60bd1dfec9e627d7360f3882546a41f2', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '2c9d4de1f088fc2b907117c9d6e5be201af629a1', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '8ebb730919327f7dc1216f9c83d3343f120ad640', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '4d3a802451ae4c5398cbb2efe1ded08b612e2658', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'f6ec39b73c9d25687afb4ed9d7cc40a369e12f8c', slot: "end", size: "icon" })), h("h2", { key: '5d18e14accf8dd184cb94bf00c7da7d4c42a566e' }, "Select"), h("div", { key: '26f0b5585a109606ac218a9ad07b4252d818d2fa', class: "select-div" }, h("smoothly-input-select", { key: 'c64892d456dd9937f8aa6d53dff41664be73eefc', name: "select-dessert", looks: "border" }, h("label", { key: 'a3ce5390a3d1e02f3527727bf92d132d279fa759', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '76a141336c6715e7e76bc1006a14eeb32113838c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'f35923cfa15eaadca19db2e2cef4cc32538d2945', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'c34fc7990be5edc0e7d01ed6f2af689c828f8a4e', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: 'd95a6d99474ef1d778c0265562380d0c769fc18a', value: "4" }, "Cookie"), h("smoothly-item", { key: '6f4a463efd3d27ec72570cf33fca47413eb6748b', value: "5" }, "Croissant"), h("smoothly-item", { key: 'd8aae0f23a5c34752030e7b40471546af7c1e45e', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'fc62c8377441f5a189ea014ee8fd0b608b1f39c7', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '6ac6ee444ad5267bc09bbad24fde62df8a0a027a', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '5fc0422252ffcc6bd0b89b48a5b04ee69a7612d3', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '73996e89caeddb451b306077c1be23063f122c54', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '75b4340f15dfa06b0442365cdbe8ff7a5f919abb', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'c0177aeb9d0138c545903c68362a490ce1668cd5', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '23b600a3ffc64b43cbcddbacb251c106051969c0', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'e992ccec00f690068c6a4cd4d93b48c89465eba9', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'a3d784bc0b82dadf61d70765dc15a066e6cadcb9', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'e6e0e3a15ec1248becea46e2eb62c14ee2b60d9a', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'bd575ea4c3ae3be345809a88d897f58d1ebf9caa', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '7259f513e55abae682e088e08768dca5fbeabaf5', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'b6b71ff79b1e45123937107f89417d7695e7de2a', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: 'b52b8e53ea85c146d84aac164d90ec29aa9ceaa3', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '7c94fb6489049e58d290c010781f59092b7ce814', value: "folder", selected: true }, h("smoothly-icon", { key: 'b8cc0e8237199235b2988b6ed89f25032e1bb6b6', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '5c8dc1099a6feb05c982b3fa7f781658673fd81c', value: "camera" }, h("smoothly-icon", { key: 'b41c0705295c42e08a13e8799c50294112954645', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '6c8463781d3eaf86b3920606ec9fc238569b91ed', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '9d16ba20e1a14f8173bdf267b1b49e4ea090762e', 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: 'f749886bfd3754449169b344a9a4ab667307cf7c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'e764c3fb77af1bec66d25ceff68e056b71abab1e', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'f172bc9c83f9fe7ce5b9ecfea0044b75f56ed10d', value: "1" }, "January"), h("smoothly-item", { key: '96c7595c00c25af2268bb7c43a169d5393144ad7', value: "2" }, "February"), h("smoothly-item", { key: 'e21579e7624e69694d9d0f6983745bbd60ada2c4', value: "3" }, "March"), h("smoothly-item", { key: '275520d42fdd32638a056f2f2741dfe6d6ddcba8', value: "4" }, "April"), h("smoothly-item", { key: '82dd67d7d0d924e4de33e94d71649e26a09301d2', value: "5" }, "May"), h("smoothly-item", { key: '5cffa58de361f051701c3c3186796044f2161e12', value: "6" }, "June"), h("smoothly-item", { key: '0e77770c31ca08b02e9e3a83c6fff8d63883133e', value: "7" }, "July"), h("smoothly-item", { key: '9b5f73a28821e01f38f0053afe61fa1dede0d696', value: "8" }, "August"), h("smoothly-item", { key: '72476538eb178c1bf95959b00309404743a876b0', value: "9" }, "September"), h("smoothly-item", { key: '902a7c0912d452e45c82fea0d4a6d1a3295f198e', value: "10" }, "October"), h("smoothly-item", { key: '3a2c03804a5c7e3e167c5a2bbbde56dc8bc53968', value: "11" }, "November"), h("smoothly-item", { key: '989625138eed54605bac3166ef79917a4f79d8e0', value: "12" }, "December")), h("div", { key: 'ff78ad753dd34cecc701dfed050fbc58136d3eb5', class: "select-div-row" }, h("smoothly-input-select", { key: 'e5cfa6982c81566a19d49f5fbb788588685ab8a7', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9d44c2ca9c8125a15852b7178eb68efbe2df4f80', value: "folder", selected: true }, h("smoothly-icon", { key: 'f896c293cdfbe9338e43a6f59be3b7296b02e0cf', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '8a4b9ef5168ca626ab3cbdfe1e49247cadf57fd4', value: "camera" }, h("smoothly-icon", { key: '1abb3aa62a61bcef158615aec38b48b7eef887ea', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '1757bb28f76cd58f463d862465f06c9200fcab1d', value: "boat" }, h("smoothly-icon", { key: 'd918ab79c5b3317df75a05af3ab30a5547ab14b3', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '6a9a8a49d2229b485811c507d293a0d6ee9a768f', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '03c5c0848a8c0030356d4a6d64e4285fbde85335', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: 'd0b1453dddf39408485b5a176bcee83b8c522887' }, "Duration"), h("smoothly-input", { key: 'a382be10eadad72c9cfe8853207e8874086200b9', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: 'f1fb79191017592953dcd1665c184ec22d04723a', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("h2", { key: '2224e744be0dfb8192386f2a08a944d319600280' }, "Integer with Min/Max"), h("smoothly-input", { key: '26fcb9bf164da2f83a100386808cfd5727175bf4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '8ee501da3fc758cc2970b0b93182d3e1c5729c02', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '80d4edeac02fd8226a04212c42e8e785481b5872', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'a8498e8f85c87ba9ced9ccd6a1f5e994799a107d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '6dd77fb677d000d2e382349327c2e5c6ee67e7c5' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '6fbeb5a977b78e1dbe66b92932668815e9f600ad', copyable: true, 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: '83b8dc8ac743fa72c6f334f809684b1f6a0bf5c7' }, "Identifiers"), h("smoothly-input", { key: 'a65c59a558437c6e18cd4740e9df94a3c257c2cf', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '631abd7edb6960a18119c16574d371c08260fbfc', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'df16676d899bfde4a1468c96bb12449dde851cb4', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '2a64b770bbec79eca0afa7fdb363760c42ce01b6', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '7487ce186a7e38c04b55aa452c6efbb868619e33', type: "identifier-camel" }, "Camel"), h("h2", { key: '6e3d06ad450ff223e25e8fde16ac44625efbcfd7' }, "Input Alternatives"), h("smoothly-input", { key: 'f66b54779f289ff921bfb305098656faf1ef5967', type: "text", name: "name.last" }, h("smoothly-icon", { key: '07b6499f636deaf6d0fe4a46814b592ec7aadf1c', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '990c5c1602ce9a96d364ff6e30185acf9c870f0f', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '5b0490071861fdcb1000a1979ca576f66f1858c0', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'bf9b628ab1fe912c360105287058e091a4647240', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '4f4bce884b2f7d47754cfdb011df5435447b2ae7', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '0b5cd956e484c88b15a3d62c35fc7fd4dd0d46bc', placeholder: "test" }), h("smoothly-input-submit", { key: 'e667a4ffaf75260cc48ee2b22cc7404c1d73bc64', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'ecc157d150a1a5ad20f4df5e3d64d80b5a795008' }, "Smoothly checkboxes"), h("div", { key: '2aea2e75fc8f35670aa648556b5e30b5d8a5bc04', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '472235084f00c44cf3118b317e6579fd43dcfa9d', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '8f45a77effb835175ffba253261912d0b53ee43e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd7f5679aa180f8ca024addc3d40eaf7c565fe5d0', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'b6207c3257b127a68a434d38c075864a3a2149ee', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'bb0c7222fd9d7e808f87b6d35a6bcd599b123b96', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5afcd1594a3c265107fa3ebebe191c2f82c30e55', name: "third-checkbox" }, "3rd")), h("h4", { key: '17957a312e3828b147be247315def9605f0185a9' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a147903f974a4f763d17d252ccb51b3678ad75ba', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '8367aa48afb43583bdd9b0f7c61ef2bcd5cf1b1d', name: "checkmark-circle", slot: "start" }), h("label", { key: '6bf97cf9f4887f214b86d158bf2b352a1363bd34', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '2d1760ef0822651b4d89fba9344853c260aadcaf', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e4642d09304e4976e6054b87911ca2ca6f386e19', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '50751bc9df8acb5c8c379274fea8bb977198e100', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '57a73175ceeedf91dab52933dad0a87469f5da8f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '51d529c18a92e7d098a15c7d525c2ff27bfc802f', name: "radioSecondInput" }, h("label", { key: '6c9c9e9c5647044b512e84575cc1106408642339', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'dcf210f557372e84c8b912c909d7662ff6d5fed8', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'a40f1cc9428b7f049d8058ce4ec55668cf26efd4', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'f528e26eabb8ab6dc983a0dcea32150e604f7df2', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '8d902bd4ba919406778d9519c111abd58d872642', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '182bc1276c000a49b8bc840e4e0f6c81546966d5', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '9995702e88af793c4138a333331c62c850ac3898', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '917303cea8eec7e6ec2fb3c675a93747fa29d04c' }), h("smoothly-input-color-demo", { key: '909f49aa4ea18a1daca1bfedf8d51af587980db5' }), h("smoothly-input-price-demo", { key: '30058c7e1f43450c62d4a492a5697d2de02ed52b' }), h("smoothly-back-to-top", { key: 'ed3a78c7deb2a77b8d9ba9f3b39c8359fe13c2e2' }))));
-    }
-    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-date-text", "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-demo", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-standard", "smoothly-input-demo-user-input", "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$A();
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "smoothly-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "smoothly-date-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-input-color-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-input-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-input-date-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input-date-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-date-time":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input-demo-standard":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-input-demo-user-input":
-            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-7c487e25.js.map

package/dist/components/p-7c487e25.js.map

@@ -1 +0,0 @@
-{"file":"p-7c487e25.js","mappings":"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","names":["isoly.DateTime","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\tmax-width: min(calc(100% - 2rem), 56rem);\n\tmargin: auto;\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\t/* justify-content: space-between; */\n\tgap: 1em;\n\tflex-wrap: wrap;\n}\n\n.select-div>* {\n\tflex-grow: 1;\n\tmin-width: min(100%, var(--smoothly-form-input-min-width, 18rem));\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, 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\t@Event() smoothlyUrlUpdate: EventEmitter<{ path: string; query?: string }>\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<smoothly-input-date-demo />\n\t\t\t\t<smoothly-input-demo-user-input />\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\" value={isoly.DateTime.now()}>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t</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\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tcopyable\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\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\">\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\">\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 type=\"text\" name=\"name.first\" placeholder=\"Smith\">\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-c2fb9b51.js

@@ -1,123 +0,0 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$f } from './p-9e2ee779.js';
-import { d as defineCustomElement$e } from './p-4e754f3b.js';
-import { d as defineCustomElement$d } from './p-f893b6cc.js';
-import { d as defineCustomElement$c } from './p-ccbdacc9.js';
-import { d as defineCustomElement$b } from './p-3aed2b34.js';
-import { d as defineCustomElement$a } from './p-7a9728b2.js';
-import { d as defineCustomElement$9 } from './p-37732412.js';
-import { d as defineCustomElement$8 } from './p-346ba422.js';
-import { d as defineCustomElement$7 } from './p-35bfb804.js';
-import { d as defineCustomElement$6 } from './p-5d4481e5.js';
-import { d as defineCustomElement$5 } from './p-40d2000b.js';
-import { d as defineCustomElement$4 } from './p-2779565d.js';
-import { d as defineCustomElement$3 } from './p-4051f859.js';
-import { d as defineCustomElement$2 } from './p-3fa2299b.js';
-import { d as defineCustomElement$1 } from './p-a2a5e7f4.js';
-
-const styleCss = ".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";
-const SmoothlyTableDemoGroupStyle0 = styleCss;
-
-const SmoothlyTableDemoGroup = proxyCustomElement(class SmoothlyTableDemoGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '2588ee8b11cceb6f30d6cf3e16f012284b88aef5' }, h("smoothly-display", { key: 'c4072df4a3b2a51efee6b88940d073df277cdacb', type: "text", value: "Group" }), h("smoothly-table", { key: '593411511952a94c54646c10c1d79a616af16348', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '85207ce5dda04eca8e1cd6c9b6d517957273d196' }, h("smoothly-table-row", { key: '8b499af43a319be84bb26ca64a28a2b550b1147f' }, h("smoothly-table-cell", { key: '8f5e13c5fa0c98e5e572943b85c5166105f3bd7b' }, "Date"), h("smoothly-table-cell", { key: 'fcfd559317a468734d04511b27550a7c0d077a2e' }, "Total"))), h("smoothly-table-body", { key: 'e40ee8bfa1fce7644a63f5d4ae7ad9570c8fa9d9' }, h("smoothly-table-row-group", { key: 'dee01fd5283fb7151191ed0b37e0982ca4b0f687', align: true }, h("smoothly-display", { key: '9a22541cad30cd45299a36fef7204cde3a3fdd3f', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'b6d651c90cbd5e1505b5cad319865822bc4435bd', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '87014f0572f1da25fb891d290e832875a3a5a4d5' }, h("smoothly-table-cell", { key: '4ff8a957ad3af6735251d0365fefbffe641a9989' }, h("smoothly-display", { key: '2c8ac9e458f90805ee50f41fd5068a2829eb69f6', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '5485d068b066424513077c103d363b28dc296a85' }, h("smoothly-display", { key: '9752fafab23c6b2bee43f518575693d6341c1af0', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '738ade928043ec56b5dd4cd2350d7b264f2b0c68', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '75c05fbf6aff637af2014b2e09d75cdc7de7c8c0' }, h("smoothly-table-cell", { key: '699bbc5005849e0ee23b24c7c2e273f1fb6c4c8f' }, h("smoothly-display", { key: '53a9dc520b688c9ce94b68798ffa90bd459c183e', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'cac110be1952cd054343b325761e30b194337461' }, h("smoothly-display", { key: '55748ae8a05d0f383b7a5d155fd67fdcb0d94435', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5d424b9dda2176af0b42a83d87e8a2a0a25d8001', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '34ba6f053457f1a0ee1b0f890f8ad8407450ad41' }, h("smoothly-table-cell", { key: 'ac03d46f47ced40e2189f9542a67db1b9b1e497a' }, h("smoothly-display", { key: '99a1ffa65c16c219783e0103a934aaaf040c1f5c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'b172e3877d0c0bd4f8a75e08576fc2ae1a124bbb' }, h("smoothly-display", { key: '3b61525a2201aaaf74bff02dc98a69823e86571c', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '0ee99a8b2ad921aa8c8bfb812307ae8aa57119eb' }, h("smoothly-display", { key: 'efebc41060422de6b1a9c86c6954f10ead7f1136', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '26d97fd3f9c3a6c399687b61565719914913f99b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '72462b7c0883b23bf82d9776d07801957f7d784c' }, h("smoothly-table-cell", { key: 'fe1f362f8c3298c198942dfd2337033e5aad08ce' }, h("smoothly-display", { key: '2a568646554e5fa224b133728ffe83a4bb09d62d', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '486b9a50a92767eb446a576c39612f9d8a296dc1' }, h("smoothly-display", { key: '446decb6ea726843bc26154f920c3907a1acaae0', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '57837cff0a487c4f7e565ecaaa48f9a3dd6fd4e8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '53f917b56a01973712dbe5fb2cac2d38f471b991' }, h("smoothly-table-cell", { key: '91255e99fc2324b0d142b68bbdf09a36dd33dc94' }, h("smoothly-display", { key: '6a7e97b732bc1913895c921f275949f0f62208f4', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '830a3287399a9e1fc6565fe7c891764e70e03e8d' }, h("smoothly-display", { key: 'a65573dc1af4b3fd737a6ee475ccf34c7a0b9c9f', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '646707de9e76d024e6812e253cb14a59a46f11d4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '0026f89477afc7f84eb1ee924082213ee0c89c7b' }, h("smoothly-display", { key: 'dff0f1591513de1245c07f8b537d77809ddefc48', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '787ddfe55945e3589e84b65e29c487d56a391e0e' }, h("smoothly-table-cell", { key: 'f8b2249eb641fb8de2f33b025f0177dbafe445fc' }, h("smoothly-display", { key: 'bc7bf9c2f642a633d466f1e494c8d1323350a22a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '049d6cc9bf23932308b023d8abfa5d5b0278ed56' }, h("smoothly-display", { key: '93a3e761635f6c3eecb4bbf7e9462b2811357f85', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '7f385f05fea35af8f0aff74ed041c59ae3e5bf46', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '328cb04ef6023106ae1989af83af5de1301e850f' }, h("smoothly-table-cell", { key: 'b0b00601ca9089b5575df356d8367e0dda4c9994' }, h("smoothly-display", { key: 'e7a933a35de331582863dd6f253496a6e5e8dd8a', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f48e05f30e255b69034a5a566cbcb3db67c6a56e' }, h("smoothly-display", { key: '2ceca893aba24718dd13a89eea0e28500e7d699b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'dc43c7409460036978af41cacc068ef0f38e4cfc', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '86a9605cfd9fd2fb4389589c385faa4da1c6c6f6' }, h("smoothly-display", { key: '9d47934ec72c1b209899a6fd08616055b086dd8e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '5f04b9721430f40c51a6425c2dff7036ea139e08' }, h("smoothly-table-cell", { key: 'd8d4e856ed91c2ad53cee6be90cce00d27f14069' }, h("smoothly-display", { key: '964358b865a984471f5671f5061ba31977016042', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'dcfecb038915410fa4c2083376b73053ed48935a' }, h("smoothly-display", { key: '5620c84e881a0e59b113715f128941c16d24ec80', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '04b7afee25f019c2a312f96cf69d7b0adc08f726', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'aaf61d4297e578396a8ed658e066f146d990b0f9' }, h("smoothly-table-cell", { key: '9b4bf0540e0f373b8d34eebd297832878acf1427' }, h("smoothly-display", { key: 'ee0da2b1910d78411bd0c95dbb1792290514a499', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '79201617d37419b2d7972fc257e7bb1fba8cd7ab' }, h("smoothly-display", { key: '685d9ebb4fe99613c70d93ce6a2e9d5a4739f39e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2ac506baea9413ddcd17dec9d74ade91db501782', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'c7e42840958c6cc67b3f67f623d75972bdc7e62a' }, h("smoothly-table-row-group", { key: 'edfb3fc48b53bfb808b077c1ada7454f04397481' }, h("smoothly-display", { key: '81565e5820fee3e24100edb097fa029293704ced', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '7fe07e7763c2ba9add544de5bfcc909aba40282d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'f5424a7dddc7f0163182e259ceaffb6963809b53' }, h("smoothly-table-row", { key: 'f6ed19f1e02b5166b20ba010f1a0c30086fe1813' }, h("fake-cell-wrapper", { key: '3b877001f93114b3339a0c17c90062cf96ef32e7' }, h("smoothly-table-cell", { key: '2c4b73e799abc490e066de0c5617cafe38497052' }, h("smoothly-display", { key: 'd23df7e47dd898d65d619e664399d50bc82bb2cd', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '4602c998b541cc2477678362057dd3d36d4ceafd' }, h("smoothly-table-expandable-cell", { key: '302d2efef19bc6d29f4aebdcce8c5bc9e86e5953' }, h("smoothly-display", { key: 'e82ec13f78ca0bdeea085fdeb1759d6c16cc818a', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'cbb04477852ae61054063dc8f6854e7351435792', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'fade1308d120d94005a13f4e54e5541495accc01' }, h("smoothly-table-expandable-row", { key: '7e925f320ecbbd2c665cc5f475b019bce0126e89' }, h("fake-cell-wrapper", { key: '54b47216d6677202de3d2ed691748f6e8c94bb4b', class: "span-2" }, h("smoothly-table-cell", { key: '9797b634c544b7bdce16b4097ee7688341c28e9c', span: 2 }, h("smoothly-display", { key: '6e42c40713217d020d33966218c21787b5bf5033', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '93dbde72d7127b087dc64e1404fcd0d12e39c20e', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'b91620f1e396ec86d09e170ef6d48e325a5979de' }, h("smoothly-display", { key: '0faf7a3e5ddd36ffcd5bc66643e9e8958b1ce9f1', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '2926b9df72107c99229fc621a02c1b9bb4e6f2d4', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
-    }
-    static get style() { return SmoothlyTableDemoGroupStyle0; }
-}, [2, "smoothly-table-demo-group"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-table-demo-group", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-lazy", "smoothly-load-more", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-table-demo-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyTableDemoGroup);
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-lazy":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-load-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-table-body":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-table-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-table-expandable-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-table-expandable-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-table-head":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-table-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-table-row-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyTableDemoGroup as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-c2fb9b51.js.map

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

@@ -1 +0,0 @@
-{"file":"p-fb97b2ff.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,imCAAimC,CAAC;AACnnC,qCAAe,QAAQ;;MCUV,sBAAsB;;;;;;;wBAGiB,KAAK;;;;;IAMxD,iBAAiB;QAChB,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,MAAM;YACzC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;YACvB,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;gBACpB,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;oBACd,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAA;aAC3B,CAAC,CAAA;SACF,CAAC,CAAA;QACF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;KACzC;IACD,YAAY,CAAC,aAAsB;QAClC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;YACjC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAChC,aAAa;SACb,CAAC,CAAA;KACF;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAC3C,8DAAO,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACxF,sEAAe,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,kBAAkB,GAAG,iBAAiB,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,GAAG,EAC7G,gEACC,8DAAQ,CACD,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/radio/item/style.css?tag=smoothly-input-radio-item&encapsulation=scoped","src/components/input/radio/item/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n}\nsmoothly-input-radio:not([disabled]):not([readonly]) :host>* {\n\tcursor: pointer;\n}\nsmoothly-input-radio[disabled] :host>* {\n\tcursor: not-allowed;\n}\n\n:host>input:focus-visible+smoothly-icon {\n\toutline: 2px solid rgb(var(--smoothly-primary-color));\n\tborder-radius: 1px;\n}\n:host>smoothly-icon {\n\t--smoothly-color-contrast: var(--smoothly-input-foreground);\n}\nsmoothly-input-radio:not([disabled]):not([readonly]) :host>smoothly-icon[name=checkmark-circle] {\n\t--smoothly-color-contrast: var(--smoothly-success-color);\n}\n\n:host>input {\n\topacity: 0;\n\tz-index: 1;\n\twidth: 1.5em;\n\theight: 1.5em;\n\tposition: absolute;\n\ttransform: translateX(50%);\n}\n\n:host>label {\n\tpadding: 0 .3em;\n\twhite-space: nowrap;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { SmoothlyInputRadio } from \"../index\"\nimport { RadioItemSelect } from \"../RadioItemSelect\"\n\n@Component({\n\ttag: \"smoothly-input-radio-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRadioItem {\n\t@Element() element: HTMLInputElement\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ mutable: true }) name: string\n\t@State() disabled?: boolean\n\t@Event() smoothlyRadioItemSelect: EventEmitter<RadioItemSelect>\n\t@Event() smoothlyRadioItemRegister: EventEmitter<(parent: SmoothlyInputRadio) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyRadioItemRegister.emit(parent => {\n\t\t\tthis.name = parent.name\n\t\t\tparent.listen(async p => {\n\t\t\t\tif (Input.is(p))\n\t\t\t\t\tthis.disabled = p.disabled\n\t\t\t})\n\t\t})\n\t\tthis.selected && this.inputHandler(false)\n\t}\n\tinputHandler(userInitiated: boolean): void {\n\t\tthis.smoothlyRadioItemSelect.emit({\n\t\t\tvalue: this.value,\n\t\t\tselected: this.selected,\n\t\t\tselect: s => (this.selected = s),\n\t\t\tuserInitiated,\n\t\t})\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={() => this.inputHandler(true)}>\n\t\t\t\t<input name={this.name} type=\"radio\" checked={this.selected} disabled={this.disabled} />\n\t\t\t\t<smoothly-icon name={this.selected ? \"checkmark-circle\" : \"ellipse-outline\"} size=\"small\" tooltip=\"Select\" />\n\t\t\t\t<label>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}