smoothly 1.96.0 → 1.97.0

package/dist/components/{p-787944b1.js → p-00165343.js}

@@ -219,7 +219,6 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         this.locale = getLocale();
         this.readonly = undefined;
         this.disabled = undefined;
-        this.invalid = undefined;
         this.showLabel = true;
         this.value = undefined;
         this.parts = {};
@@ -395,7 +394,7 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         }
     }
     render() {
-        return (h(Host, { key: '946b8e3e252c5d9f8f92d0df484df7eefde5bbb1', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat.Order.toArray(this.order).map((part, index) => {
+        return (h(Host, { key: '0e110488c4cdc730b778e048d9d0a9c190a279bd', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat.Order.toArray(this.order).map((part, index) => {
             var _a;
             return (h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index) }, h("span", { class: {
                     "smoothly-date-text-part": true,
@@ -413,7 +412,6 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         "locale": [1],
         "readonly": [516],
         "disabled": [516],
-        "invalid": [516],
         "showLabel": [516, "show-label"],
         "value": [1],
         "parts": [32],
@@ -444,4 +442,4 @@ defineCustomElement();
 
 export { SmoothlyInputDateRangeText as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-787944b1.js.map
+//# sourceMappingURL=p-00165343.js.map

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

@@ -0,0 +1 @@
+{"file":"p-00165343.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/input/date/text/DateFormat.ts","src/components/input/date/text/InputSelection.ts","src/components/input/date/text/style.css?tag=smoothly-date-text&encapsulation=scoped","src/components/input/date/text/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport namespace DateFormat {\n\texport const guides = {\n\t\tY: \"YYYY\",\n\t\tM: \"MM\",\n\t\tD: \"DD\",\n\t} as const\n\n\texport type Part = \"Y\" | \"M\" | \"D\"\n\texport type Parts = { [part in Part]?: string }\n\texport namespace Part {\n\t\texport function isComplete(part: Part, value: string | undefined): boolean {\n\t\t\treturn (value?.length ?? 0) >= DateFormat.Part.lengthOf(part)\n\t\t}\n\t\texport function lengthOf(part: Part): number {\n\t\t\treturn guides[part].length\n\t\t}\n\t\texport function getGuide(part: Part, filledLength: number | undefined): string {\n\t\t\tconst guide = DateFormat.guides[part]\n\t\t\treturn guide.substring(0, guide.length - (filledLength ?? 0))\n\t\t}\n\t}\n\texport namespace Parts {\n\t\texport function lastDay(parts: Parts): number {\n\t\t\tif (parts.Y && parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`${parts.Y.padStart(4, \"0\")}-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t} else if (parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\t// Assume leap year\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`2004-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t}\n\t\t\treturn 31\n\t\t}\n\t\texport function toDate(parts: Parts): isoly.Date | undefined {\n\t\t\tif (parts.Y && parts.Y.length == 4 && parts.M && parts.M.length == 2 && parts.D && parts.D.length == 2) {\n\t\t\t\tconst value = `${parts.Y}-${parts.M}-${parts.D}`\n\t\t\t\tconst lastOfMonth = isoly.Date.lastOfMonth(`${parts.Y}-${parts.M}-01`)\n\t\t\t\treturn lastOfMonth < value ? lastOfMonth : value\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t\texport function fromDate(value: isoly.Date): Required<DateFormat.Parts>\n\t\texport function fromDate(value: undefined): undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined {\n\t\t\tif (value) {\n\t\t\t\treturn {\n\t\t\t\t\tY: value.substring(0, 4).padStart(4, \"0\"),\n\t\t\t\t\tM: value.substring(5, 7).padStart(2, \"0\"),\n\t\t\t\t\tD: value.substring(8, 10).padStart(2, \"0\"),\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t}\n\n\texport type Order = \"YMD\" | \"DMY\" | \"MDY\"\n\n\texport namespace Order {\n\t\texport function fromLocale(locale?: isoly.Locale): Order {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"MDY\"\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\tcase \"hi-IN\":\n\t\t\t\tcase \"en-IN\":\n\t\t\t\t\treturn \"DMY\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"YMD\"\n\t\t\t}\n\t\t}\n\t\texport function getPart(order: Order, index: number): Part {\n\t\t\treturn order.charAt(index) as Part\n\t\t}\n\t\texport function toArray(order: Order): Part[] {\n\t\t\treturn order.split(\"\") as Part[]\n\t\t}\n\t}\n\n\texport type Separator = \"-\" | \"/\" | \".\"\n\texport namespace Separator {\n\t\texport function fromLocale(locale?: isoly.Locale): Separator {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"/\"\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\t\treturn \".\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"-\"\n\t\t\t}\n\t\t}\n\t}\n}\n","export namespace InputSelection {\n\texport function isAtStart(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst preRange = range.cloneRange()\n\t\tpreRange.selectNodeContents(el)\n\t\tpreRange.setEnd(range.startContainer, range.startOffset)\n\n\t\treturn preRange.toString().length === 0\n\t}\n\n\texport function isAtEnd(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst postRange = range.cloneRange()\n\t\tpostRange.selectNodeContents(el)\n\t\tpostRange.setStart(range.endContainer, range.endOffset)\n\n\t\treturn postRange.toString().length === 0\n\t}\n\n\texport function selectAll(el?: HTMLElement) {\n\t\tif (!el)\n\t\t\treturn\n\t\tel.focus()\n\t\tconst range = document.createRange()\n\t\trange.selectNodeContents(el) // Select all content inside\n\n\t\tconst sel = window.getSelection()\n\t\tif (!sel)\n\t\t\treturn\n\n\t\tsel.removeAllRanges()\n\t\tsel.addRange(range) // Apply the selection\n\t}\n\n\texport function setPosition(el: HTMLElement | undefined, index: number) {\n\t\tif (!el)\n\t\t\treturn\n\n\t\tel.focus()\n\n\t\tconst selection = window.getSelection()\n\t\tif (!selection)\n\t\t\treturn\n\n\t\tconst range = document.createRange()\n\t\tconst textNode = el.firstChild || el\n\n\t\tconst position = Math.max(0, Math.min(index, el.innerText.length))\n\t\trange.setStart(textNode, position)\n\t\trange.collapse(true)\n\n\t\tselection.removeAllRanges()\n\t\tselection.addRange(range)\n\t}\n\n\texport function isCollapsed(el: HTMLElement): boolean {\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0)\n\t\t\treturn true // nothing selected at all\n\n\t\tconst range = sel.getRangeAt(0)\n\n\t\t// Make sure selection is inside our element\n\t\tif (!el.contains(range.startContainer) || !el.contains(range.endContainer)) {\n\t\t\treturn true\n\t\t}\n\n\t\treturn range.collapsed\n\t}\n}\n","\n:host {\n\t--guide-opacity: 0.5;\n}\n\n:host .smoothly-date-text-part:focus {\n\toutline: none;\n}\n\n:host .guide {\n\topacity: var(--guide-opacity);\n}\n\n:host .smoothly-date-text-part:not(.is-complete) + .guide + .smoothly-date-separator {\n\topacity: var(--guide-opacity);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { getLocale } from \"../../../../model\"\nimport { DateFormat } from \"./DateFormat\"\nimport { InputSelection } from \"./InputSelection\"\n\n@Component({\n\ttag: \"smoothly-date-text\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRangeText {\n\t@Element() element: HTMLElement\n\tprivate partElements: { [partIndex in number]: HTMLSpanElement | undefined } = {\n\t\t0: undefined,\n\t\t1: undefined,\n\t\t2: undefined,\n\t}\n\t@Prop() locale?: isoly.Locale = getLocale()\n\t@Prop({ reflect: true }) readonly: boolean\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() value?: isoly.Date // Only used for initial value\n\t@State() parts: DateFormat.Parts = {}\n\tprivate previousEmittedValue?: isoly.Date\n\t@State() order: DateFormat.Order\n\t@State() separator: DateFormat.Separator\n\t@State() focusedIndex?: number\n\t@Event() smoothlyDateTextHasText: EventEmitter<boolean>\n\t@Event() smoothlyDateTextChange: EventEmitter<isoly.Date | undefined>\n\t@Event() smoothlyDateTextFocusChange: EventEmitter<boolean>\n\t@Event() smoothlyDateHasPartialDate: EventEmitter<DateFormat.Parts>\n\t@Event() smoothlyDateTextDone: EventEmitter<void>\n\t@Event() smoothlyDateTextPrevious: EventEmitter<void>\n\t@Event() smoothlyDateTextNext: EventEmitter<void>\n\n\tcomponentWillLoad() {\n\t\tthis.order = DateFormat.Order.fromLocale(this.locale)\n\t\tthis.separator = DateFormat.Separator.fromLocale(this.locale)\n\t\tthis.parts = DateFormat.Parts.fromDate(this.value) ?? {}\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateInputs()\n\t}\n\n\t@Watch(\"parts\")\n\tpartsHandler() {\n\t\tconst value = DateFormat.Parts.toDate(this.parts)\n\t\tif (value != this.previousEmittedValue) {\n\t\t\tthis.smoothlyDateTextChange.emit(value)\n\t\t\tthis.previousEmittedValue = value\n\t\t}\n\t\tthis.smoothlyDateTextHasText.emit(Object.values(this.parts).some(part => !!part))\n\t}\n\t@Watch(\"focusedIndex\")\n\tfocusedIndexHandler() {\n\t\tthis.smoothlyDateTextFocusChange.emit(typeof this.focusedIndex == \"number\")\n\t}\n\n\t@Method()\n\tasync setValue(value: isoly.Date | undefined) {\n\t\tconst parts = DateFormat.Parts.fromDate(value)\n\t\tthis.setAllParts(parts)\n\t}\n\n\tsetAllParts(parts?: DateFormat.Parts) {\n\t\tthis.parts = parts ?? {}\n\t\tthis.updateInputs()\n\t}\n\tupdateInputs() {\n\t\tconst yearIndex = this.order.indexOf(\"Y\")\n\t\tconst monthIndex = this.order.indexOf(\"M\")\n\t\tconst dayIndex = this.order.indexOf(\"D\")\n\t\tthis.partElements[yearIndex] && (this.partElements[yearIndex]!.innerText = this.parts.Y ?? \"\")\n\t\tthis.partElements[monthIndex] && (this.partElements[monthIndex]!.innerText = this.parts.M ?? \"\")\n\t\tthis.partElements[dayIndex] && (this.partElements[dayIndex]!.innerText = this.parts.D ?? \"\")\n\t}\n\n\tsetPart(part: \"Y\" | \"M\" | \"D\", value: string | undefined) {\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\t\tconst index = this.order.indexOf(part)\n\t\tthis.partElements[index] && (this.partElements[index]!.innerText = value ?? \"\")\n\t}\n\n\t@Method()\n\tasync select(place: \"start\" | \"end\" = \"start\") {\n\t\tconst index = place == \"start\" ? 0 : 2\n\t\tthis.setFocus(index)\n\t}\n\t@Method()\n\tasync deselect() {\n\t\tthis.partElements[this.focusedIndex ?? 0]?.blur()\n\t}\n\n\tgetInnerText(target: EventTarget | null) {\n\t\treturn (target as HTMLSpanElement).innerText.replace(/\\n/g, \"\").replace(/\\D/g, \"\")\n\t}\n\n\t@Listen(\"beforeinput\")\n\tbeforeInputHandler(e: InputEvent) {\n\t\tconst part = this.order[this.focusedIndex ?? 0] as \"Y\" | \"M\" | \"D\"\n\t\tconst value = this.getInnerText(e.target)\n\t\tconst nonDigitData = e.data && /\\D/.test(e.data)\n\t\tconst isComplete = DateFormat.Part.isComplete(part, value)\n\t\tconst noRangedSelection = InputSelection.isCollapsed(e.target as HTMLElement)\n\t\tif (\n\t\t\t(e.inputType == \"insertText\" || e.inputType == \"insertFromPaste\") &&\n\t\t\t(nonDigitData || (isComplete && noRangedSelection))\n\t\t) {\n\t\t\te.preventDefault()\n\t\t}\n\t\tif (e.inputType == \"insertParagraph\" || e.inputType == \"insertLineBreak\") {\n\t\t\tthis.smoothlyDateTextDone.emit()\n\t\t\te.preventDefault()\n\t\t}\n\t}\n\n\t@Listen(\"input\", { capture: true })\n\tinputHandler(e: InputEvent) {\n\t\tconst part = DateFormat.Order.getPart(this.order, this.focusedIndex ?? 0)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tconst value = this.getInnerText(e.target)\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\n\t\tif ([\"D\", \"M\"].includes(part)) {\n\t\t\tconst isDay = part == \"D\"\n\t\t\tconst max = isDay ? DateFormat.Parts.lastDay(this.parts) : 12\n\t\t\tconst singleDigitThreshold = isDay ? 3 : 1\n\t\t\tconst numberValue = parseInt(value)\n\t\t\tif (value.length >= 2) {\n\t\t\t\tthis.commitPart(part, numberValue, index, max)\n\t\t\t} else if (value.length == 1 && numberValue > singleDigitThreshold) {\n\t\t\t\tthis.autoAdvancePart(part, numberValue, index, max)\n\t\t\t}\n\t\t}\n\t\tif (DateFormat.Part.isComplete(part, value)) {\n\t\t\tthis.setFocus(index + 1)\n\t\t}\n\t\tconst roundedValue = DateFormat.Parts.toDate(this.parts)\n\t\tif (roundedValue) {\n\t\t\tconst roundedParts = DateFormat.Parts.fromDate(roundedValue)\n\t\t\tif (this.parts.D !== roundedParts?.D) {\n\t\t\t\tthis.setPart(\"D\", roundedParts?.D)\n\t\t\t}\n\t\t}\n\t\tif (this.parts.Y || this.parts.M || this.parts.D)\n\t\t\tthis.smoothlyDateHasPartialDate.emit(this.parts)\n\t}\n\tkeyDownHandler(e: KeyboardEvent) {\n\t\tconst text = this.getInnerText(e.target)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tif (InputSelection.isAtStart(e) && e.key == \"ArrowLeft\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"ArrowRight\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"Home\" || e.key == \"ArrowUp\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(0)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"End\" || e.key == \"ArrowDown\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(2)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtStart(e) && e.key == \"Backspace\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Prevent delete previous part\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"Delete\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Prevent delete next part\n\t\t}\n\t}\n\n\tcommitPart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tInputSelection.setPosition(this.partElements[index], 2)\n\t}\n\tautoAdvancePart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tthis.setFocus(index + 1)\n\t}\n\n\tautoAdvanceIfPossible(index: number) {\n\t\tconst part = DateFormat.Order.getPart(this.order, index)\n\t\tconst value = this.parts[part] ?? \"\"\n\t\tif (part == \"D\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, DateFormat.Parts.lastDay(this.parts))\n\t\t} else if (part == \"M\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, 12)\n\t\t}\n\t}\n\n\tsetFocus(index: number) {\n\t\tif (index < 0) {\n\t\t\tthis.smoothlyDateTextPrevious.emit()\n\t\t} else if (index > 2) {\n\t\t\tthis.smoothlyDateTextNext.emit()\n\t\t} else {\n\t\t\tInputSelection.selectAll(this.partElements[index])\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={{ \"has-text\": Object.values(this.parts).some(part => !!part) }}>\n\t\t\t\t{DateFormat.Order.toArray(this.order).map((part, index) => (\n\t\t\t\t\t<span onClick={() => !this.readonly && !this.disabled && this.setFocus(index)}>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"smoothly-date-text-part\": true,\n\t\t\t\t\t\t\t\t\"is-complete\": DateFormat.Part.isComplete(part, this.parts[part]),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonFocus={() => (this.focusedIndex = index)}\n\t\t\t\t\t\t\tonBlur={() => (this.focusedIndex = undefined)}\n\t\t\t\t\t\t\tonKeyDown={(e: KeyboardEvent) => this.keyDownHandler(e)}\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tref={el => (this.partElements[index] = el)}\n\t\t\t\t\t\t\tcontenteditable={!(this.readonly || this.disabled)}\n\t\t\t\t\t\t\tinputmode=\"numeric\">\n\t\t\t\t\t\t\t{/* year or month or day written here */}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class=\"guide\">{DateFormat.Part.getGuide(part, this.parts[part]?.length)}</span>\n\t\t\t\t\t\t{index < 2 && <span class=\"smoothly-date-separator\">{this.separator}</span>}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,45 @@
+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-1e58d3b9.js.map → p-003a635b.js.map}

@@ -1 +1 @@
-{"file":"p-1e58d3b9.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4RAA4R,CAAC;AAC9S,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,+EAAwB,EACxB,8DACC,wEAAgB,EAChB,+DACC,mEAAW,EACX,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CACjD,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+DACC,uEAAe,EACf,+EAAwB,QAAQ,EAAE,KAAK,GAAI,CACrC,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+EAAuB,EACvB,+DACC,qEAAa,EACb,+EAAwB,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACjE,EACP,+DACC,4EAAoB,EACpB,+EAAwB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClE,EACP,+DACC,8EAAsB,EACtB,+EAAwB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpE,EACP,2DAAO,EACP,kFAA0B,EAC1B,+DACC,qEAAa,EACb,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnF,EACP,+DACC,4EAAoB,EACpB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpF,EACP,+DACC,8EAAsB,EACtB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACtF,CACF,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-003a635b.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4RAA4R,CAAC;AAC9S,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,+EAAwB,EACxB,8DACC,wEAAgB,EAChB,+DACC,mEAAW,EACX,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CACjD,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+DACC,uEAAe,EACf,+EAAwB,QAAQ,EAAE,KAAK,GAAI,CACrC,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+EAAuB,EACvB,+DACC,qEAAa,EACb,+EAAwB,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACjE,EACP,+DACC,4EAAoB,EACpB,+EAAwB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClE,EACP,+DACC,8EAAsB,EACtB,+EAAwB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpE,EACP,2DAAO,EACP,kFAA0B,EAC1B,+DACC,qEAAa,EACb,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnF,EACP,+DACC,4EAAoB,EACpB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpF,EACP,+DACC,8EAAsB,EACtB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACtF,CACF,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-fd055140.js → p-02c38067.js}

@@ -6,9 +6,9 @@ import { d as defineCustomElement$7 } from './p-f893b6cc.js';
 import { d as defineCustomElement$6 } from './p-ccbdacc9.js';
 import { d as defineCustomElement$5 } from './p-3aed2b34.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-97116010.js';
-import { d as defineCustomElement$2 } from './p-06a75cf4.js';
-import { d as defineCustomElement$1 } from './p-0094b06f.js';
+import { d as defineCustomElement$3 } from './p-e48ad105.js';
+import { d as defineCustomElement$2 } from './p-2ef8a833.js';
+import { d as defineCustomElement$1 } from './p-ec815cfd.js';
 
 const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo extends H {
     constructor() {
@@ -16,7 +16,7 @@ const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'fe8877ae479bd8b4e8a530dbcdd2f8cac31170b2' }, h("h2", { key: 'd39ba6d14b8740a8d18fd3e62c51964a0079dfdd' }, "Range"), h("h3", { key: '1cde1d9dbda26b591f092ff6c1215a78c85668e3' }, "Phone Number"), h("smoothly-input-range", { key: '0df83246ce1c17510de342817b3e8371a405fd5f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '5aeaf74220d18db5d292b43316b862bb30e596fa' }, "Stars out of ten"), h("smoothly-input-range", { key: '9cf4138304c1bddf4f368c145129b85ac3c9fc98', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'ec9ace4a4ca1da8e781839d7a7dc5808b4185c5a' }, "Percent"), h("smoothly-input-range", { key: '02512fb3b2a215c4ffe0cde5fbf79defe6bc431f', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'ff48ee90a6f0876d954fa97e55c100fdce94406f' }, "With icon at start and clear button"), h("smoothly-input-range", { key: 'f48778410e5ee8104c032220124a602bc3e84c7e', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: 'f08ec1e3e9621a87029901e2958a0d4221ab3e15', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '4b7382dc9c566fd1f94c080901e1949610fcb40e', size: "icon", slot: "end" }))));
+        return (h(Host, { key: 'b4550b5f4a8435ff07abbfedf03452fa64993f35' }, h("h2", { key: 'b70efe02b4047e0c56e263d7d604b04f21b3bd9d' }, "Range"), h("h3", { key: 'd1ea3331c8e4ecfa78ebd09706bb9c49ea44de56' }, "Phone Number"), h("smoothly-input-range", { key: '6c2241369a1b03a49a22ab708e2e6cbc2fe2ecbc', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'be655af45ba80bd54a41dc319b316a1ffdfa115f' }, "Stars out of ten"), h("smoothly-input-range", { key: 'e0f8e3e88934ad2fcff9a9d3cac3f14db7ecce8f', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e21bb7960d11b42414cbf6e8dba4c1d011438947' }, "Percent"), h("smoothly-input-range", { key: 'f2a326739a164b0397c64a742e5a210bca0385f8', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '9ac9fa1800004c7719eab3990c7024dcabeac541' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '15558427596efa234ab6a3ecc89fc039d1156bd9', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '5237da34fc9f10f5eb6a6a01e5f2c9e9ce68ccde', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '3037a54047581eaba241ab6b3b5b4c3586ad93d4', size: "icon", slot: "end" }))));
     }
 }, [0, "smoothly-input-range-demo"]);
 function defineCustomElement() {
@@ -86,4 +86,4 @@ defineCustomElement();
 
 export { SmoothlyInputRangeDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-fd055140.js.map
+//# sourceMappingURL=p-02c38067.js.map

package/dist/components/{p-fd055140.js.map → p-02c38067.js.map}

@@ -1 +1 @@
-{"file":"p-fd055140.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-02c38067.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-78ddc1f7.js → p-04b312ca.js}

@@ -18,7 +18,7 @@ const SmoothlySummary = proxyCustomElement(class SmoothlySummary extends H {
         }
     }
     render() {
-        return (h("details", { key: 'bbeeca90e53734b3e3fd868962beee5f692c65f9', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e859d2917705c7f6e0b850de7d8efa9f2b88212a' }, h("smoothly-icon", { key: 'f432d3670a80d5df6384555195736d29468bdce9', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '21344a4ffa7f4154d07a0c584b0550b7c395afd3', name: "summary" })), h("slot", { key: '5b2c189f3cb88911ede221584e4824d6e336d82d', name: "content" })));
+        return (h("details", { key: 'bfc42e899118e3da7e8960d2511182a73a5b2a6a', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e59d4ba68e9f50851536c0870b0322a2af621f2c' }, h("smoothly-icon", { key: 'c2a3da3176bbde4ce4b3f5e68f715dc3896998b1', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '0ba069fa0fd3e10e39257470ba3c145b7104ab3a', name: "summary" })), h("slot", { key: 'c1f1c78609a469b86394fcb62ae8bf97a3e2d4ae', name: "content" })));
     }
     static get style() { return SmoothlySummaryStyle0; }
 }, [6, "smoothly-summary", {
@@ -46,4 +46,4 @@ defineCustomElement();
 
 export { SmoothlySummary as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-78ddc1f7.js.map
+//# sourceMappingURL=p-04b312ca.js.map

package/dist/components/{p-78ddc1f7.js.map → p-04b312ca.js.map}

@@ -1 +1 @@
-{"file":"p-78ddc1f7.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,g7BAAg7B,CAAC;AACl8B,8BAAe,QAAQ;;MCKV,eAAe;;;;;oBACoB,KAAK;;IAGpD,MAAM,aAAa,CAAC,KAAY;QAC/B,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,EAC/D,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n\n:host>details>summary {\n\tdisplay: flex;\n\tcolumn-gap: 0.25rem;\n\twidth: fit-content;\n\tlist-style: none;\n\talign-items: center;\n\tcursor: pointer;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host>details>summary:hover>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tmargin-left: var(--smoothly-summary-content-indent, 1.5rem);\n}\n\n@media (prefers-reduced-motion) { \n\t:host>details>summary>smoothly-icon {\n\t\ttransition: none;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\tasync toggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t<slot name=\"summary\" />\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\" />\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-04b312ca.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,g7BAAg7B,CAAC;AACl8B,8BAAe,QAAQ;;MCKV,eAAe;;;;;oBACoB,KAAK;;IAGpD,MAAM,aAAa,CAAC,KAAY;QAC/B,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,EAC/D,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n\n:host>details>summary {\n\tdisplay: flex;\n\tcolumn-gap: 0.25rem;\n\twidth: fit-content;\n\tlist-style: none;\n\talign-items: center;\n\tcursor: pointer;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host>details>summary:hover>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tmargin-left: var(--smoothly-summary-content-indent, 1.5rem);\n}\n\n@media (prefers-reduced-motion) { \n\t:host>details>summary>smoothly-icon {\n\t\ttransition: none;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\tasync toggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t<slot name=\"summary\" />\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\" />\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-990382e3.js → p-0b3f1a79.js}

@@ -50,7 +50,7 @@ const SmoothlyInputSubmit = proxyCustomElement(class SmoothlyInputSubmit extends
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f7f8d66cc479ee4cd0f92bc148dec2c0cb2d48f7', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
+        return (h(Host, { key: '60f5c4352d0fcf3ac72fecfd513b17cf17b4d02e', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
     }
     static get style() { return SmoothlyInputSubmitStyle0; }
 }, [6, "smoothly-input-submit", {
@@ -97,4 +97,4 @@ defineCustomElement();
 
 export { SmoothlyInputSubmit as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-990382e3.js.map
+//# sourceMappingURL=p-0b3f1a79.js.map

package/dist/components/{p-990382e3.js.map → p-0b3f1a79.js.map}

@@ -1 +1 @@
-{"file":"p-990382e3.js","mappings":";;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6qOAA6qO,CAAC;AAC/rO,kCAAe,QAAQ;;MCUV,mBAAmB;;;;;sBAEG,KAAK;;oBAEV,mBAAmB;;;wBAGG,KAAK;uBACN,KAAK;;oBAEkB,MAAM;uBAC7D,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,QAAQ;;IAEnD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACvD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;;oBACpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;oBAC1B,IAAI,CAAC,QAAQ;wBACZ,CAAC,IAAI,CAAC,MAAM;6BACX,CAAC,CAAC,QAAQ;iCACT,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,YAAYA,IAAS,IAAI,EAAC,MAAA,CAAC,CAAC,SAAS,0CAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC;gCACvG,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;iBAC5B,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IACD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KAChC;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACvB,IAAI,CAAC,MAAM,IAAI,IAAI,IACnB,+BACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAC5C,eAAQ,EACR,qBAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACtC,KAE1B,uBACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAClC,eAAQ,EACP,IAAI,CAAC,IAAI,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACxD,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.Type"],"sources":["src/components/input/submit/style.css?tag=smoothly-input-submit&encapsulation=scoped","src/components/input/submit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\"; \n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host::slotted(smoothly-button button > * > * + smoothly-icon),\n:host::slotted(smoothly-button-confirm button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\nimport { isly } from \"isly\"\nimport { Color, Data, Fill, Icon } from \"../../../model\"\nimport { Editable } from \"../Editable\"\nimport { Submittable } from \"../Submittable\"\n\n@Component({\n\ttag: \"smoothly-input-submit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSubmit implements ComponentWillLoad {\n\tprivate parent?: Submittable & Editable\n\t@Prop({ reflect: true }) delete = false\n\t@Prop() color?: Color\n\t@Prop() icon: Icon | false = \"checkmark-outline\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = false\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\" = \"icon\"\n\t@Prop() tooltip = this.delete ? \"Remove\" : \"Submit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent) && Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\tthis.disabled =\n\t\t\t\t\t\t!this.delete &&\n\t\t\t\t\t\t(p.readonly ||\n\t\t\t\t\t\t\t(\"validator\" in p && p.validator instanceof isly.Type && !p.validator?.is(Data.convertArrays(p.value))) ||\n\t\t\t\t\t\t\t!p.isDifferentFromInitial)\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\tclickHandler() {\n\t\tthis.parent?.submit(this.delete)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t{this.delete == true ? (\n\t\t\t\t\t<smoothly-button-confirm\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"danger\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonSmoothlyConfirm={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"success\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonClick={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.icon && <smoothly-icon name={this.icon} fill=\"solid\" size=\"tiny\" />}\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-0b3f1a79.js","mappings":";;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6qOAA6qO,CAAC;AAC/rO,kCAAe,QAAQ;;MCUV,mBAAmB;;;;;sBAEG,KAAK;;oBAEV,mBAAmB;;;wBAGG,KAAK;uBACN,KAAK;;oBAEkB,MAAM;uBAC7D,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,QAAQ;;IAEnD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACvD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;;oBACpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;oBAC1B,IAAI,CAAC,QAAQ;wBACZ,CAAC,IAAI,CAAC,MAAM;6BACX,CAAC,CAAC,QAAQ;iCACT,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,YAAYA,IAAS,IAAI,EAAC,MAAA,CAAC,CAAC,SAAS,0CAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC;gCACvG,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;iBAC5B,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IACD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KAChC;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACvB,IAAI,CAAC,MAAM,IAAI,IAAI,IACnB,+BACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAC5C,eAAQ,EACR,qBAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACtC,KAE1B,uBACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAClC,eAAQ,EACP,IAAI,CAAC,IAAI,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACxD,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.Type"],"sources":["src/components/input/submit/style.css?tag=smoothly-input-submit&encapsulation=scoped","src/components/input/submit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\"; \n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host::slotted(smoothly-button button > * > * + smoothly-icon),\n:host::slotted(smoothly-button-confirm button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\nimport { isly } from \"isly\"\nimport { Color, Data, Fill, Icon } from \"../../../model\"\nimport { Editable } from \"../Editable\"\nimport { Submittable } from \"../Submittable\"\n\n@Component({\n\ttag: \"smoothly-input-submit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSubmit implements ComponentWillLoad {\n\tprivate parent?: Submittable & Editable\n\t@Prop({ reflect: true }) delete = false\n\t@Prop() color?: Color\n\t@Prop() icon: Icon | false = \"checkmark-outline\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = false\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\" = \"icon\"\n\t@Prop() tooltip = this.delete ? \"Remove\" : \"Submit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent) && Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\tthis.disabled =\n\t\t\t\t\t\t!this.delete &&\n\t\t\t\t\t\t(p.readonly ||\n\t\t\t\t\t\t\t(\"validator\" in p && p.validator instanceof isly.Type && !p.validator?.is(Data.convertArrays(p.value))) ||\n\t\t\t\t\t\t\t!p.isDifferentFromInitial)\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\tclickHandler() {\n\t\tthis.parent?.submit(this.delete)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t{this.delete == true ? (\n\t\t\t\t\t<smoothly-button-confirm\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"danger\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonSmoothlyConfirm={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" fill=\"solid\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\t\tshape={this.shape}\n\t\t\t\t\t\texpand={this.expand}\n\t\t\t\t\t\tcolor={this.color ?? \"success\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tonClick={() => this.clickHandler()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.icon && <smoothly-icon name={this.icon} fill=\"solid\" size=\"tiny\" />}\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-25eebfd9.js → p-0e242fdd.js}

@@ -11,9 +11,9 @@ import { d as defineCustomElement$7 } from './p-f893b6cc.js';
 import { d as defineCustomElement$6 } from './p-ccbdacc9.js';
 import { d as defineCustomElement$5 } from './p-3aed2b34.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-56e8abd3.js';
-import { d as defineCustomElement$2 } from './p-f4d38f75.js';
-import { d as defineCustomElement$1 } from './p-78ddc1f7.js';
+import { d as defineCustomElement$3 } from './p-d422d58c.js';
+import { d as defineCustomElement$2 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$1 } from './p-04b312ca.js';
 
 const SmoothlyDisplayDemo = proxyCustomElement(class SmoothlyDisplayDemo extends H {
     constructor() {
@@ -173,4 +173,4 @@ defineCustomElement();
 
 export { SmoothlyDisplayDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-25eebfd9.js.map
+//# sourceMappingURL=p-0e242fdd.js.map

package/dist/components/{p-25eebfd9.js.map → p-0e242fdd.js.map}

@@ -1 +1 @@
-{"file":"p-25eebfd9.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/display/demo/index.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-display-demo\",\n})\nexport class SmoothlyDisplayDemo {\n\t@State() downloadingSpinner: boolean\n\t@Event() notice: EventEmitter<Notice>\n\tprivate noticeWarning(notice: Notice) {\n\t\tconsole.log(\"emit\", notice)\n\t\tthis.notice.emit(notice)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<main>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly display</h2>\n\t\t\t\t\t<dl>\n\t\t\t\t\t\t<dt>Duration</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 13, minutes: 100 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: 3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: \"inline\" }}\n\t\t\t\t\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\t\t\t\t\tvalue={{ hours: -13, minutes: 100 }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: -8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{}} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: -3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>text</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"text\" value=\"text\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>postal code</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"postal-code\" value=\"752 31\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>password</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"password\" value=\"password\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>email</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"email\" value=\"test@example.com\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"price\" value=\"13.37\" currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price without decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals if they are set, otherwise no decimal</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>percent</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"percent\" value=\"42\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>phone</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"phone\" value=\"0101881108\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card number</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-number\" value=\"4111111111111111\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card expires</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-expires\" value=\"7/22\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card csc</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-csc\" value=\"987\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2022-07-07\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date time</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"long\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"2-digit\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"numeric\", month: \"short\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"2-digit\", month: \"numeric\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t\ttimeZone: \"Europe/Stockholm\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:15Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>Display JSON</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display-demo-json />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</dl>\n\t\t\t\t</fieldset>\n\t\t\t\t<h2>With labels</h2>\n\t\t\t\t<dd>\n\t\t\t\t\t<smoothly-display label=\"Today\" type=\"date\" value={isoly.Date.now()} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"SEK\" value={6789} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"GBP\" value={678.9} />\n\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\tlabel=\"Logs\"\n\t\t\t\t\t\ttype=\"json\"\n\t\t\t\t\t\tvalue={[\n\t\t\t\t\t\t\t{ type: \"trace\", message: \"Hello\" },\n\t\t\t\t\t\t\t{ type: \"error\", message: \"Oh no!\" },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</dd>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Test of different kinds of notifier</h2>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.warn(\"This is a test warning notice.\"))}>warning</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.succeeded(\"This is a test success notice.\"))}>\n\t\t\t\t\t\tsuccess\n\t\t\t\t\t</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.failed(\"This is a test danger notice.\"))}>danger</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.execute(\n\t\t\t\t\t\t\t\t\t\"This is a test execute notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\texecute\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.delay(\n\t\t\t\t\t\t\t\t\t\"This is a test delay notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tdelay\n\t\t\t\t\t</button>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly spinner</h2>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tLarge\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"200,255,200\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.2\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tMedium\n\t\t\t\t\t\t<smoothly-spinner size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tSmall\n\t\t\t\t\t\t<smoothly-spinner size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tIcon sized spinner on button\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\tshape=\"rounded\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.downloadingSpinner = true\n\t\t\t\t\t\t\t\t\tsetTimeout(() => (this.downloadingSpinner = false), 3000)\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{!this.downloadingSpinner && <smoothly-icon name=\"download-outline\" />}\n\t\t\t\t\t\t\t\t{this.downloadingSpinner && (\n\t\t\t\t\t\t\t\t\t<smoothly-spinner size=\"icon\" style={{ \"--spinner-background-opacity\": \"0\" }} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<h3>Spinner with overlay</h3>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tLarge Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\toverlay\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"255,200,255\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.5\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tMedium Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay color=\"secondary\" size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tSmall Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly summary</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<span slot=\"summary\">Some title</span>\n\t\t\t\t\t\t<smoothly-summary slot=\"content\">\n\t\t\t\t\t\t\t<div slot=\"summary\">Some other title</div>\n\t\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t\tA lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot\n\t\t\t\t\t\t\t\tmore content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more\n\t\t\t\t\t\t\t\tcontent, yes please. A lot more content, yes please. A lot more content, yes please.\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\" style={{ display: \"flex\", gap: \"0.3rem\" }}>\n\t\t\t\t\t\t\t<span>Person</span>\n\t\t\t\t\t\t\t<smoothly-icon name=\"person\" color=\"light\" fill=\"clear\" size=\"tiny\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p slot=\"content\">Some person information.</p>\n\t\t\t\t\t</smoothly-summary>\n\n\t\t\t\t\t<h2>Label</h2>\n\t\t\t\t\t{labels.map(l => (\n\t\t\t\t\t\t<smoothly-label hue={l.hue} description={l.description} shape={\"rectangle\"}>\n\t\t\t\t\t\t\t{l.name}\n\t\t\t\t\t\t</smoothly-label>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-label color=\"primary\" description=\"Using colors\" shape={\"rectangle\"}>\n\t\t\t\t\t\tPrimary\n\t\t\t\t\t</smoothly-label>\n\t\t\t\t</fieldset>\n\t\t\t</main>,\n\t\t]\n\t}\n}\nconst labels = [\n\t{\n\t\tname: \"2fa\",\n\t\thue: 120,\n\t\tdescription: \"User has two factor authentication enabled.\",\n\t},\n\t{\n\t\tname: \"expired\",\n\t\thue: 240,\n\t\tdescription: \"User's password has expired.\",\n\t},\n\t{\n\t\tname: \"inactive\",\n\t\thue: 60,\n\t\tdescription: \"User is inactive.\",\n\t},\n]\n"],"version":3}
+{"file":"p-0e242fdd.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/display/demo/index.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-display-demo\",\n})\nexport class SmoothlyDisplayDemo {\n\t@State() downloadingSpinner: boolean\n\t@Event() notice: EventEmitter<Notice>\n\tprivate noticeWarning(notice: Notice) {\n\t\tconsole.log(\"emit\", notice)\n\t\tthis.notice.emit(notice)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<main>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly display</h2>\n\t\t\t\t\t<dl>\n\t\t\t\t\t\t<dt>Duration</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 13, minutes: 100 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: 8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: 3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: \"inline\" }}\n\t\t\t\t\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\t\t\t\t\tvalue={{ hours: -13, minutes: 100 }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ hours: -8 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{}} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<smoothly-display style={{ display: \"inline\" }} type=\"duration\" value={{ minutes: -3 }} />\n\t\t\t\t\t\t\t\t\t{\" h\"}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>text</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"text\" value=\"text\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>postal code</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"postal-code\" value=\"752 31\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>password</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"password\" value=\"password\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>email</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"email\" value=\"test@example.com\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"price\" value=\"13.37\" currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price without decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals if they are set, otherwise no decimal</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" toInteger />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>price with decimals</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={200.2} currency=\"SEK\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>percent</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"percent\" value=\"42\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>phone</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"phone\" value=\"0101881108\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card number</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-number\" value=\"4111111111111111\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card expires</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-expires\" value=\"7/22\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>card csc</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"card-csc\" value=\"987\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2022-07-07\" />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>date time</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"long\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T02:02:02Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"2-digit\",\n\t\t\t\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t\t\t\t\tsecond: \"numeric\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:22:24Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"numeric\", month: \"short\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{ year: \"2-digit\", month: \"numeric\", day: \"numeric\" }}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T00:00+02:00\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\ttype=\"date-time\"\n\t\t\t\t\t\t\t\tformat={{\n\t\t\t\t\t\t\t\t\tyear: \"2-digit\",\n\t\t\t\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\t\t\t\thour: \"2-digit\",\n\t\t\t\t\t\t\t\t\tminute: \"2-digit\",\n\t\t\t\t\t\t\t\t\tsecond: \"2-digit\",\n\t\t\t\t\t\t\t\t\ttimeZone: \"Europe/Stockholm\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue=\"2022-07-07T12:15Z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t<dt>Display JSON</dt>\n\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t<smoothly-display-demo-json />\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</dl>\n\t\t\t\t</fieldset>\n\t\t\t\t<h2>With labels</h2>\n\t\t\t\t<dd>\n\t\t\t\t\t<smoothly-display label=\"Today\" type=\"date\" value={isoly.Date.now()} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"SEK\" value={6789} />\n\t\t\t\t\t<smoothly-display label=\"Total amount\" type=\"price\" currency=\"GBP\" value={678.9} />\n\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\tlabel=\"Logs\"\n\t\t\t\t\t\ttype=\"json\"\n\t\t\t\t\t\tvalue={[\n\t\t\t\t\t\t\t{ type: \"trace\", message: \"Hello\" },\n\t\t\t\t\t\t\t{ type: \"error\", message: \"Oh no!\" },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</dd>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Test of different kinds of notifier</h2>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.warn(\"This is a test warning notice.\"))}>warning</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.succeeded(\"This is a test success notice.\"))}>\n\t\t\t\t\t\tsuccess\n\t\t\t\t\t</button>\n\t\t\t\t\t<button onClick={() => this.noticeWarning(Notice.failed(\"This is a test danger notice.\"))}>danger</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.execute(\n\t\t\t\t\t\t\t\t\t\"This is a test execute notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\texecute\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tthis.noticeWarning(\n\t\t\t\t\t\t\t\tNotice.delay(\n\t\t\t\t\t\t\t\t\t\"This is a test delay notice.\",\n\t\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\t\tnew Promise<[boolean, string]>(resolve =>\n\t\t\t\t\t\t\t\t\t\t\twindow.setTimeout(() => resolve([true, \"This went great\"]), 3000)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tdelay\n\t\t\t\t\t</button>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly spinner</h2>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tLarge\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"200,255,200\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.2\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tMedium\n\t\t\t\t\t\t<smoothly-spinner size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ width: \"fit-content\" }}>\n\t\t\t\t\t\tSmall\n\t\t\t\t\t\t<smoothly-spinner size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tIcon sized spinner on button\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\tshape=\"rounded\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.downloadingSpinner = true\n\t\t\t\t\t\t\t\t\tsetTimeout(() => (this.downloadingSpinner = false), 3000)\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{!this.downloadingSpinner && <smoothly-icon name=\"download-outline\" />}\n\t\t\t\t\t\t\t\t{this.downloadingSpinner && (\n\t\t\t\t\t\t\t\t\t<smoothly-spinner size=\"icon\" style={{ \"--spinner-background-opacity\": \"0\" }} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<h3>Spinner with overlay</h3>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tLarge Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner\n\t\t\t\t\t\t\toverlay\n\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\"--spinner-background\": \"255,200,255\",\n\t\t\t\t\t\t\t\t\"--spinner-background-opacity\": \"0.5\",\n\t\t\t\t\t\t\t\t\"--spinner-color\": \"0,130,0\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tMedium Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay color=\"secondary\" size=\"medium\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ position: \"relative\", height: \"10em\" }}>\n\t\t\t\t\t\tSmall Overlay Spinner\n\t\t\t\t\t\t<smoothly-spinner overlay size=\"small\" />\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t\t<fieldset>\n\t\t\t\t\t<h2>Smoothly summary</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<span slot=\"summary\">Some title</span>\n\t\t\t\t\t\t<smoothly-summary slot=\"content\">\n\t\t\t\t\t\t\t<div slot=\"summary\">Some other title</div>\n\t\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t\tA lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot\n\t\t\t\t\t\t\t\tmore content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more\n\t\t\t\t\t\t\t\tcontent, yes please. A lot more content, yes please. A lot more content, yes please.\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\" style={{ display: \"flex\", gap: \"0.3rem\" }}>\n\t\t\t\t\t\t\t<span>Person</span>\n\t\t\t\t\t\t\t<smoothly-icon name=\"person\" color=\"light\" fill=\"clear\" size=\"tiny\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p slot=\"content\">Some person information.</p>\n\t\t\t\t\t</smoothly-summary>\n\n\t\t\t\t\t<h2>Label</h2>\n\t\t\t\t\t{labels.map(l => (\n\t\t\t\t\t\t<smoothly-label hue={l.hue} description={l.description} shape={\"rectangle\"}>\n\t\t\t\t\t\t\t{l.name}\n\t\t\t\t\t\t</smoothly-label>\n\t\t\t\t\t))}\n\t\t\t\t\t<smoothly-label color=\"primary\" description=\"Using colors\" shape={\"rectangle\"}>\n\t\t\t\t\t\tPrimary\n\t\t\t\t\t</smoothly-label>\n\t\t\t\t</fieldset>\n\t\t\t</main>,\n\t\t]\n\t}\n}\nconst labels = [\n\t{\n\t\tname: \"2fa\",\n\t\thue: 120,\n\t\tdescription: \"User has two factor authentication enabled.\",\n\t},\n\t{\n\t\tname: \"expired\",\n\t\thue: 240,\n\t\tdescription: \"User's password has expired.\",\n\t},\n\t{\n\t\tname: \"inactive\",\n\t\thue: 60,\n\t\tdescription: \"User is inactive.\",\n\t},\n]\n"],"version":3}

package/dist/components/{p-7e4a80fe.js → p-1062aeb9.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$3 } from './p-76531b32.js';
-import { d as defineCustomElement$2 } from './p-0ce9fb73.js';
+import { d as defineCustomElement$2 } from './p-d8c97dde.js';
 import { d as defineCustomElement$1 } from './p-f62fe4be.js';
 
 const styleCss = ".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}";
@@ -14,7 +14,7 @@ const SmoothlyTabsDemo = proxyCustomElement(class SmoothlyTabsDemo extends H {
         this.extraTab2 = undefined;
     }
     render() {
-        return (h(Host, { key: 'b62a8ae826fac8ab9bd918d17c9bb4bb2cde74a4' }, h("div", { key: '6319af78c4c93f0c1afa7964f539d1da3aea06de' }, h("smoothly-button", { key: '528e4e880dcf7d490649f5cd15f275b7d5b20c9d', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'bbf8219b3d9f2278494b6c1970457ef78f593535', tabs: "multiple" }, h("smoothly-tab", { key: '176284720bf9b0310f45df70cde15719a9b9ac45', label: "Single Tab", open: true }, h("strong", { key: 'd5d108161a9cc3057ab5a012e9a229b3d0bac2d0' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4f61bc9ce5acea5b491ab37ba1401a79dd874840' }, "tabs"), " to", " ", h("code", { key: '172992639ebf1fc3910deaec479693bf18fee99f' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '0eb7431accdfa9eec7fe1c950000217081ba3a51', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '78eb4b4f24b515f3f5e2e133c7d7d91c2613d8d5' }, h("smoothly-button", { key: '401c9f0313b43813f32bb2b9d5af044496712baf', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3509d3b8e2384a5b76ac7025113fad7ab6ed811a' }, h("smoothly-tab", { key: 'ee2f6481f5528915afb26923316f7cfb21e17bcf', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '49a14aaca20b3956cf2c5bb80793f407c050ca86', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'af7143a98a2e0d6bdd20808e4da81bef8a35b67f', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e5b5ba3d85119c4e3450be4710fc6007931b0092', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', label: "test-extra" }, "this is a test message!"))));
     }
     static get style() { return SmoothlyTabsDemoStyle0; }
 }, [2, "smoothly-tabs-demo", {
@@ -53,4 +53,4 @@ defineCustomElement();
 
 export { SmoothlyTabsDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-7e4a80fe.js.map
+//# sourceMappingURL=p-1062aeb9.js.map

package/dist/components/{p-7e4a80fe.js.map → p-1062aeb9.js.map}

@@ -1 +1 @@
-{"file":"p-7e4a80fe.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,iYAAiY,CAAC;AACnZ,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;;;IAI5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,sEAAe,IAAI,EAAC,UAAU,IAC7B,qEAAc,KAAK,EAAC,YAAY,EAAC,IAAI,UACpC,4FAAyC,4CAAsC,sEAAiB,SAAI,GAAG,EACvG,8EAAuB,iFACT,EACd,IAAI,CAAC,SAAS,KACd,qEAAc,KAAK,EAAC,WAAW,sEAEhB,CACf,CACc,EAEhB,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,wEACC,qEAAc,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,mBAAmB,EAAC,QAAQ,0CAExD,EACf,qEAAc,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,mBAAmB,EAAC,IAAI,yBAE7C,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EACjE,IAAI,CAAC,SAAS,IAAI,qEAAc,KAAK,EAAC,YAAY,8BAAuC,CAC3E,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n\tmargin-block: 5rem;\n}\n:host code {\n\tcolor: rgb(var(--smoothly-medium-contrast));\n\tbackground-color: rgb(var(--smoothly-medium-color));\n\tpadding-inline: 0.25rem;\n\tborder-radius: 0.25rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\t@State() extraTab1: boolean\n\t@State() extraTab2: boolean\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab1 = !this.extraTab1)}>\n\t\t\t\t\t\t{this.extraTab1 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs tabs=\"multiple\">\n\t\t\t\t\t<smoothly-tab label=\"Single Tab\" open>\n\t\t\t\t\t\t<strong>Single Tab content here.</strong> If only one tab is available setting <code>tabs</code> to{\" \"}\n\t\t\t\t\t\t<code>\"multiple\"</code> will hide the tab navigation and display the single tab's content directly.\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t{this.extraTab1 && (\n\t\t\t\t\t\t<smoothly-tab label=\"Extra tab\">\n\t\t\t\t\t\t\tWhen there are more then one tab, the tab navigation will show.\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t)}\n\t\t\t\t</smoothly-tabs>\n\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab2 = !this.extraTab2)}>\n\t\t\t\t\t\t{this.extraTab2 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t<smoothly-tab label=\"Disabled tab\" tooltip=\"Tooltip for test3\" disabled>\n\t\t\t\t\t\tthis is a test message again!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test1\" tooltip=\"Tooltip for test1\" open>\n\t\t\t\t\t\tHello world!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t\t{this.extraTab2 && <smoothly-tab label=\"test-extra\">this is a test message!</smoothly-tab>}\n\t\t\t\t</smoothly-tabs>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-1062aeb9.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,iYAAiY,CAAC;AACnZ,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;;;IAI5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,sEAAe,IAAI,EAAC,UAAU,IAC7B,qEAAc,KAAK,EAAC,YAAY,EAAC,IAAI,UACpC,4FAAyC,4CAAsC,sEAAiB,SAAI,GAAG,EACvG,8EAAuB,iFACT,EACd,IAAI,CAAC,SAAS,KACd,qEAAc,KAAK,EAAC,WAAW,sEAEhB,CACf,CACc,EAEhB,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,wEACC,qEAAc,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,mBAAmB,EAAC,QAAQ,0CAExD,EACf,qEAAc,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,mBAAmB,EAAC,IAAI,yBAE7C,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EACjE,IAAI,CAAC,SAAS,IAAI,qEAAc,KAAK,EAAC,YAAY,8BAAuC,CAC3E,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n\tmargin-block: 5rem;\n}\n:host code {\n\tcolor: rgb(var(--smoothly-medium-contrast));\n\tbackground-color: rgb(var(--smoothly-medium-color));\n\tpadding-inline: 0.25rem;\n\tborder-radius: 0.25rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\t@State() extraTab1: boolean\n\t@State() extraTab2: boolean\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab1 = !this.extraTab1)}>\n\t\t\t\t\t\t{this.extraTab1 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs tabs=\"multiple\">\n\t\t\t\t\t<smoothly-tab label=\"Single Tab\" open>\n\t\t\t\t\t\t<strong>Single Tab content here.</strong> If only one tab is available setting <code>tabs</code> to{\" \"}\n\t\t\t\t\t\t<code>\"multiple\"</code> will hide the tab navigation and display the single tab's content directly.\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t{this.extraTab1 && (\n\t\t\t\t\t\t<smoothly-tab label=\"Extra tab\">\n\t\t\t\t\t\t\tWhen there are more then one tab, the tab navigation will show.\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t)}\n\t\t\t\t</smoothly-tabs>\n\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab2 = !this.extraTab2)}>\n\t\t\t\t\t\t{this.extraTab2 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t<smoothly-tab label=\"Disabled tab\" tooltip=\"Tooltip for test3\" disabled>\n\t\t\t\t\t\tthis is a test message again!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test1\" tooltip=\"Tooltip for test1\" open>\n\t\t\t\t\t\tHello world!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t\t{this.extraTab2 && <smoothly-tab label=\"test-extra\">this is a test message!</smoothly-tab>}\n\t\t\t\t</smoothly-tabs>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-e39b1669.js → p-140b6f3c.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$7 } from './p-76531b32.js';
 import { d as defineCustomElement$6 } from './p-2826e824.js';
-import { d as defineCustomElement$5 } from './p-eb425cfd.js';
+import { d as defineCustomElement$5 } from './p-19d93e64.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-97116010.js';
-import { d as defineCustomElement$2 } from './p-990382e3.js';
-import { d as defineCustomElement$1 } from './p-f4d38f75.js';
+import { d as defineCustomElement$3 } from './p-e48ad105.js';
+import { d as defineCustomElement$2 } from './p-0b3f1a79.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 
 const SmoothlyFormDemoCard = proxyCustomElement(class SmoothlyFormDemoCard extends H {
     constructor() {
@@ -68,4 +68,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoCard as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-e39b1669.js.map
+//# sourceMappingURL=p-140b6f3c.js.map

package/dist/components/{p-e39b1669.js.map → p-140b6f3c.js.map}

@@ -1 +1 @@
-{"file":"p-e39b1669.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAChF,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\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\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-140b6f3c.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAChF,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\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\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\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-eb425cfd.js → p-19d93e64.js}

@@ -5,7 +5,7 @@ import { N as Notice } from './p-ef01331e.js';
 import './p-47ea6b68.js';
 import { E as Editable } from './p-ddd5bc95.js';
 import { s as string, o as object, b as boolean } from './p-d471066b.js';
-import { d as defineCustomElement$1 } from './p-f4d38f75.js';
+import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
 
 var Method;
 (function (Method) {
@@ -1051,4 +1051,4 @@ defineCustomElement();
 
 export { Clearable as C, Input as I, Looks as L, SmoothlyForm as S, defineCustomElement as d, fetch as f };
 
-//# sourceMappingURL=p-eb425cfd.js.map
+//# sourceMappingURL=p-19d93e64.js.map