smoothly 1.119.0 → 1.121.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["Deep","equal","a","b","keys","Object","length","every","key","notEqual","Adjacent","getWordBreakIndex","str","index","direction","wordRegex","getBackwardWordBreakIndex","getForwardWordBreakIndex","result","execArray","exec","lastIndex","InputStateHandler","constructor","formatter","type","this","keydownHandlers","ArrowLeft","event","state","ctrlKey","metaKey","moveCursor","ArrowRight","eventHandlers","beforeinput","insertText","insert","insertFromPaste","insertFromDrop","deleteContentBackward","preventDefault","selection","start","end","select","erase","deleteContentForward","deleteWordBackward","unformatted","formattedState","deleteWord","deleteWordForward","deleteByCut","_","input","insertReplacementText","assign","value","target","insertCompositionText","undefined","create","extra","tidily.get","onKeyDown","handler","_a","selectionStart","_b","selectionEnd","_c","selectionDirection","unformatState","formatted","partialFormatState","defaultPrevented","_d","cursor","tidily.Selection","getCursor","stalk","getStalker","Math","min","max","shiftKey","onFocus","onBlur","createFormattedState","onInputEvent","_f","_e","inputType","call","_g","data","c","allowed","replace","cursorPosition","adjacentIndex","substring","from","to","insertString","tidily.State","copy","unformat","tidily.StateEditor","unformattedState","partialFormat","format","toString","initialState","inputElement","stringValue","setValue","getValue","fromString","setSelection","focus","Key","isly.object","name","isly.string","shift","isly.boolean","ctrl","alt","meta","is","altKey","styleCss","SmoothlyInput","__stencil_proxyCustomElement","HTMLElement","registerHost","required","showLabel","disabled","readonly","invalid","copied","isDifferentFromInitial","uneditable","observer","Editable","Observer","stateHandler","setFocus","listen","listener","subscribe","nameChange","oldName","Input","formRename","register","formAdd","unregister","formRemove","clear","edit","editable","reset","initialValue","setInitialValue","smoothlyInput","emit","setCustomInitialValue","smoothlyInputLoadHandler","registerSubAction","typeChange","currency","toInteger","pad","getLocale","stateChange","publish","valueChange","lastValue","readonlyChange","componentWillLoad","smoothlyInputLooks","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","componentDidLoad","disconnectedCallback","element","isConnected","onEvent","smoothlyUserInput","copyText","navigator","clipboard","writeText","render","h","Host","class","onclick","remainder","ref","el","inputmode","placeholder","autocomplete","_h","readOnly","pattern","_j","_k","source","async","smoothlyKeydown","smoothlyBlur","smoothlyChange","htmlFor","copyable","size","onClick","onMouseLeave","tooltip","errorMessage"],"sources":["src/components/input/Deep.ts","src/components/input/Adjacent.ts","src/components/input/InputStateHandler.ts","src/components/input/Key.ts","src/components/input/style.css?tag=smoothly-input&encapsulation=scoped","src/components/input/index.tsx"],"sourcesContent":["export namespace Deep {\n\texport function equal(a: any, b: any): boolean {\n\t\tif (a === b) {\n\t\t\treturn true\n\t\t}\n\t\tif (typeof a == \"object\" && typeof b == \"object\") {\n\t\t\tconst keys = Object.keys(a)\n\t\t\tif (keys.length == Object.keys(b).length && keys.every(key => equal(a[key], b[key]))) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn false\n\t}\n\texport function notEqual(a: any, b: any): boolean {\n\t\treturn !equal(a, b)\n\t}\n}\n","export namespace Adjacent {\n\texport function getWordBreakIndex(str: string, index: number, direction: \"backward\" | \"forward\"): number {\n\t\tconst wordRegex = /([^.-@\\s]+)/gi\n\t\treturn direction == \"backward\"\n\t\t\t? getBackwardWordBreakIndex(str, index, wordRegex)\n\t\t\t: getForwardWordBreakIndex(str, index, wordRegex)\n\t}\n\n\tfunction getBackwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\tlet execArray: RegExpExecArray | null\n\t\twhile ((execArray = wordRegex.exec(str)) != null) {\n\t\t\tif (wordRegex.lastIndex - execArray[0].length < index) {\n\t\t\t\tresult = wordRegex.lastIndex - execArray[0].length\n\t\t\t} else {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\n\tfunction getForwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\twhile (wordRegex.exec(str) != null) {\n\t\t\tresult = wordRegex.lastIndex\n\t\t\tif (wordRegex.lastIndex > index) {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\twordRegex.lastIndex <= index && (result = str.length)\n\t\treturn result\n\t}\n}\n","import { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Adjacent } from \"./Adjacent\"\n\ntype Formatter = tidily.Formatter & tidily.Converter<any>\ntype Handler<E extends Event> = (event: E, unformatted: tidily.State, formatted: tidily.State) => tidily.State\n\nexport class InputStateHandler {\n\tconstructor(\n\t\tprivate formatter: Formatter,\n\t\tprivate type: tidily.Type\n\t) {}\n\tstatic create(type: \"price\", priceOptions: { currency?: isoly.Currency; toInteger?: boolean }): InputStateHandler\n\tstatic create(type: \"integer\", integerOptions: { min?: number; max?: number; pad?: number }): InputStateHandler\n\tstatic create(type: tidily.Type, locale?: isoly.Locale): InputStateHandler\n\tstatic create(type: tidily.Type, extra?: any): InputStateHandler {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", extra)\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tresult = tidily.get(\"integer\", extra)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(type, extra)\n\t\t\t\tbreak\n\t\t}\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\treturn new InputStateHandler(result || tidily.get(\"text\")!, type)\n\t}\n\n\tpublic onKeyDown(\n\t\tevent: KeyboardEvent,\n\t\tstate: Readonly<tidily.State> & tidily.Settings\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tlet result: Readonly<tidily.State> & tidily.Settings = state\n\t\tconst handler = this.keydownHandlers[event.key]\n\t\tif (handler) {\n\t\t\tconst input = event.target as HTMLInputElement\n\t\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\t\tconst unformatted = handler(event, this.unformatState(state), state)\n\t\t\tconst formatted = this.partialFormatState(unformatted)\n\t\t\tif (event.defaultPrevented) {\n\t\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t\t}\n\t\t\tresult = formatted\n\t\t}\n\t\treturn result\n\t}\n\tkeydownHandlers: { [key: string]: Handler<KeyboardEvent> | undefined } = {\n\t\tArrowLeft: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t\tArrowRight: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t}\n\n\tmoveCursor(event: KeyboardEvent, state: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tlet cursor = tidily.Selection.getCursor(state.selection)\n\t\tlet stalk = tidily.Selection.getStalker(state.selection)\n\t\tcursor = Math.min(Math.max(cursor + (event.key == \"ArrowLeft\" ? -1 : 1), 0), state.value.length)\n\t\tstalk = event.shiftKey ? stalk : cursor\n\t\tstate.selection.direction = stalk < cursor ? \"forward\" : stalk > cursor ? \"backward\" : \"none\"\n\t\tstate.selection.start = Math.min(stalk, cursor)\n\t\tstate.selection.end = Math.max(stalk, cursor)\n\t\treturn state\n\t}\n\n\tpublic onFocus(event: FocusEvent, state: tidily.State) {\n\t\tconst result = this.partialFormatState(this.unformatState(state))\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onBlur(event: FocusEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = this.createFormattedState(state)\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onInputEvent(event: InputEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst input = event.target as HTMLInputElement\n\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\tconst result =\n\t\t\tevent.type == \"beforeinput\" || event.type == \"input\"\n\t\t\t\t? (this.eventHandlers[event.type][event.inputType]?.(event, this.unformatState(state), state) ?? state)\n\t\t\t\t: state\n\t\tconst formatted = this.partialFormatState(result)\n\t\tif (event.defaultPrevented) {\n\t\t\tinput.value = formatted.value\n\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t}\n\t\treturn formatted\n\t}\n\tprivate eventHandlers: Record<\"beforeinput\" | \"input\", { [inputType: string]: Handler<InputEvent> | undefined }> = {\n\t\tbeforeinput: {\n\t\t\tinsertText: (event, state) => this.insert(event, state),\n\t\t\tinsertFromPaste: (event, state) => this.insert(event, state),\n\t\t\tinsertFromDrop: (event, state) => this.insert(event, state),\n\t\t\tdeleteContentBackward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start - 1, state.selection.end)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteContentForward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start, state.selection.end + 1)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteWordBackward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"backward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteWordForward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"forward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteByCut: (_, state) => {\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\t// historyUndo - TODO\n\t\t\t// historyRedo - TODO\n\t\t\t// insertLineBreak - TODO\n\t\t},\n\t\tinput: {\n\t\t\tinsertReplacementText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tinsertCompositionText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tdeleteWordBackward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\tdeleteWordForward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\t// Chrome will dispatch an input event without inputType when auto-filling\n\t\t\tundefined: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t},\n\t}\n\n\tprivate insert(event: InputEvent, unformatted: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tif (typeof event.data == \"string\") {\n\t\t\tfor (const c of event.data) {\n\t\t\t\tthis.formatter.allowed(c, unformatted) && this.replace(unformatted, c.replace(/(\\r|\\n|\\t)/g, \"\"))\n\t\t\t}\n\t\t}\n\t\treturn unformatted\n\t}\n\tprivate deleteWord(formattedState: tidily.State, direction: \"backward\" | \"forward\"): tidily.State {\n\t\tconst cursorPosition = tidily.Selection.getCursor(formattedState.selection)\n\t\tconst adjacentIndex = Adjacent.getWordBreakIndex(formattedState.value, cursorPosition, direction)\n\t\tconst result = this.unformatState({\n\t\t\t...formattedState,\n\t\t\tselection: {\n\t\t\t\tstart: Math.min(cursorPosition, adjacentIndex),\n\t\t\t\tend: Math.max(cursorPosition, adjacentIndex),\n\t\t\t\tdirection: \"none\",\n\t\t\t},\n\t\t})\n\t\tconst value = result.value.substring(0, result.selection.start) + result.value.substring(result.selection.end)\n\t\tresult.value = value\n\t\tresult.selection.end = result.selection.start\n\t\treturn result\n\t}\n\n\tprivate select(state: tidily.State, from: number, to: number, direction?: tidily.Direction): void {\n\t\tstate.selection.start = from\n\t\tstate.selection.end = to\n\t\tdirection && (state.selection.direction = direction)\n\t}\n\tprivate erase(state: tidily.State): void {\n\t\tthis.replace(state, \"\")\n\t}\n\tprivate replace(state: tidily.State, insertString: string): void {\n\t\tstate.value =\n\t\t\tstate.value.substring(0, state.selection.start) + insertString + state.value.substring(state.selection.end)\n\t\tstate.selection.start = state.selection.start + insertString.length\n\t\tstate.selection.end = state.selection.start\n\t}\n\n\tprivate unformatState(formattedState: tidily.State): tidily.State {\n\t\treturn tidily.State.copy(this.formatter.unformat(tidily.StateEditor.copy(formattedState)))\n\t}\n\tprivate partialFormatState(unformattedState: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.partialFormat(tidily.StateEditor.copy(unformattedState))\n\t}\n\tprivate createFormattedState(state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\tprivate toString(value: any): string {\n\t\treturn this.formatter.toString(value)\n\t}\n\tpublic initialState(value: any, inputElement?: HTMLInputElement): Readonly<tidily.State> & tidily.Settings {\n\t\tconst stringValue = this.toString(value) || \"\"\n\t\tconst start = stringValue.length\n\t\tconst state = this.createFormattedState({\n\t\t\tvalue: stringValue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tif (inputElement) {\n\t\t\tinputElement.value = state.value\n\t\t}\n\t\treturn state\n\t}\n\tpublic setValue(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tvalue: any\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = {\n\t\t\t...formattedState,\n\t\t\tvalue: this.createFormattedState({ value: this.formatter.toString(value), selection: formattedState.selection })\n\t\t\t\t.value,\n\t\t}\n\t\tinputElement.value = result.value\n\t\treturn result\n\t}\n\tpublic getValue(formattedState: tidily.State): any {\n\t\treturn this.formatter.fromString(this.unformatState(formattedState).value)\n\t}\n\tpublic setSelection(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tstart: number,\n\t\tend: number\n\t) {\n\t\tinputElement.focus()\n\t\tinputElement.selectionStart = start\n\t\tinputElement.selectionEnd = end\n\t\tthis.select(formattedState, start, end)\n\t\treturn formattedState\n\t}\n}\n","import { isly } from \"isly\"\n\nexport interface Key {\n\tname: string\n\tkey: string\n\tshift: boolean\n\tctrl: boolean\n\talt: boolean\n\tmeta: boolean\n}\n\nexport namespace Key {\n\texport const type = isly.object<Key>({\n\t\tname: isly.string(),\n\t\tkey: isly.string(),\n\t\tshift: isly.boolean(),\n\t\tctrl: isly.boolean(),\n\t\talt: isly.boolean(),\n\t\tmeta: isly.boolean(),\n\t})\n\texport const is = type.is\n\n\texport function create(name: string, event: KeyboardEvent): Key {\n\t\treturn {\n\t\t\tname,\n\t\t\tkey: event.key,\n\t\t\tshift: event.shiftKey,\n\t\t\tctrl: event.ctrlKey,\n\t\t\talt: event.altKey,\n\t\t\tmeta: event.metaKey,\n\t\t}\n\t}\n}\n","@import \"./shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: var(--smoothly-font-weight);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>.smoothly-input-container {\n\tposition: relative;\n\tflex-grow: 1;\n\theight: 100%;\n}\n\n:host>.smoothly-input-container>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([show-label])>div>input {\n\tpadding: 0 var(--input-padding-side);\n}\n\n:host>.smoothly-input-container>div.guide {\n\tposition: absolute;\n  box-sizing: border-box;\n  align-content: center;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host([show-label])>.smoothly-input-container>div.guide {\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>.smoothly-input-container>div.guide>div.value {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0;\n}\n:host>.smoothly-input-container>div.guide>div.remainder {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n:host>.smoothly-input-container>input {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tz-index: 1;\n\tposition: relative;\n\tfont-size: 1rem;\n\tfont-family: var(--smoothly-font-family);\n}\n:host([disabled])>.smoothly-input-container>input {\n\tcursor: not-allowed;\n}\n\n:host>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.smoothly-invalid {\n\tdisplay: flex;\n}\n\n:host>div>label {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host>div>input:focus {\n\toutline: none;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill:hover,\n:host>div>input:-webkit-autofill:focus,\n:host>div>input:-webkit-autofill:active {\n\tbox-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n\t-webkit-box-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill+label {\n\t-webkit-text-fill-color: rgb(var(--smoothly-input-foreground));\n}\n:host>span.copyable {\n\tposition: relative;\n}\n:host>span.copyable>smoothly-icon {\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.5rem;\n\n}\n:host>span.copyable:hover small,\n:host>span.copyable:focus small {\n\tdisplay: block;\n}\n:host>span.copyable>small {\n\tdisplay: none;\n\twidth: max-content;\n\tborder-radius: 0.25rem;\n\tpadding: 0.2rem 0.3rem;\n\tposition: absolute;\n\tright: -0.5rem;\n\ttop: -2rem;\n\tbackground-color: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-tint));\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { getLocale } from \"../../model/getLocale\"\nimport { Clearable } from \"./Clearable\"\nimport { Deep } from \"./Deep\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { InputStateHandler } from \"./InputStateHandler\"\nimport { Key } from \"./Key\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Element() element: HTMLSmoothlyInputElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete?: Exclude<tidily.Settings[\"autocomplete\"], undefined>\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() toInteger?: boolean\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop() min?: number\n\t@Prop() max?: number\n\t@Prop() pad?: number\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) copyable?: boolean\n\t@State() initialValue?: any\n\t@State() state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\t@State() copied = false\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate stateHandler: InputStateHandler\n\tprivate inputElement: HTMLInputElement | undefined\n\tprivate uneditable = this.readonly\n\tprivate observer = Editable.Observer.create(this)\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyKeydown: EventEmitter<Key>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.stateHandler.getValue(this.state)\n\t}\n\t@Method()\n\tasync setValue(value: any): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t}\n\t}\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.inputElement?.focus()\n\t}\n\t@Method()\n\tasync setSelection(start: number, end: number): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setSelection(\n\t\t\t\tthis.inputElement,\n\t\t\t\tthis.state,\n\t\t\t\tstart,\n\t\t\t\tend < 0 ? this.inputElement.value.length + end + 1 : end\n\t\t\t)\n\t\t}\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, undefined)\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue)\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\t@Method()\n\tasync setCustomInitialValue(value: any): Promise<void> {\n\t\tthis.initialValue = value\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"currency\")\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"price\", { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"integer\", { min: this.min, max: this.max, pad: this.pad })\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tthis.stateHandler = InputStateHandler.create(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\tthis.state = this.stateHandler.initialState(this.value ?? this.state?.value, this.inputElement)\n\t}\n\t@Watch(\"state\")\n\tstateChange() {\n\t\tconst value = this.stateHandler.getValue(this.state)\n\t\tthis.isDifferentFromInitial = Deep.notEqual(this.initialValue, value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"value\")\n\tvalueChange(value: any) {\n\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\tif (Deep.notEqual(lastValue, value) && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\treadonlyChange() {\n\t\tthis.observer.publish()\n\t}\n\tcomponentWillLoad() {\n\t\tthis.initialValue = this.value\n\t\tthis.typeChange()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.inputElement) {\n\t\t\tthis.inputElement.value = this.state.value\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Listen(\"input\")\n\t@Listen(\"beforeinput\")\n\tonEvent(event: InputEvent) {\n\t\tthis.state = this.stateHandler.onInputEvent(event, this.state)\n\t\tif (event.type == \"input\" || event.defaultPrevented) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\tcopyText(value?: string) {\n\t\tif (value) {\n\t\t\tnavigator.clipboard.writeText(value)\n\t\t\tthis.copied = true\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div class=\"smoothly-input-container\">\n\t\t\t\t\t<div class={\"guide\"}>\n\t\t\t\t\t\t<div class={\"value\"}>{this.state?.value}</div>\n\t\t\t\t\t\t<div class={\"remainder\"}>{this.state?.remainder}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ?? this.state?.autocomplete}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tonKeyDown={async event => {\n\t\t\t\t\t\t\tthis.state = this.stateHandler.onKeyDown(event, this.state)\n\t\t\t\t\t\t\tif (!this.readonly && !this.disabled) {\n\t\t\t\t\t\t\t\tthis.smoothlyKeydown.emit(Key.create(this.name, event))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonFocus={event => !this.readonly && (this.state = this.stateHandler.onFocus(event, this.state))}\n\t\t\t\t\t\tonBlur={event => {\n\t\t\t\t\t\t\tif (!this.readonly) {\n\t\t\t\t\t\t\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\t\t\t\t\t\t\tthis.state = this.stateHandler.onBlur(event, this.state)\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit()\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\tif (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state))) {\n\t\t\t\t\t\t\t\t\tthis.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\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/>\n\t\t\t\t\t<label class={\"label float-on-focus\"} htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t{this.copyable && this.value && (\n\t\t\t\t\t<span class=\"copyable\">\n\t\t\t\t\t\t<small>{this.copied ? \"Copied!\" : \"Copy\"}</small>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"copy-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => this.copyText(this.value)}\n\t\t\t\t\t\t\tonMouseLeave={() => (this.copied = false)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-BLIeXp8k.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as a,d as l,t as s}from"./p-BsZrGTcp.js";import{d as t}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as y}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as b}from"./p-Bv6ll-a-.js";import{d as f}from"./p-DDtRlhit.js";import{d as p}from"./p-C77C00Ii.js";import{d as r}from"./p-DvMoIxws.js";import{d as i}from"./p-l818BCpp.js";import{d as h}from"./p-Cuq_eaHi.js";import{d as n}from"./p-Iph4bHku.js";import{d as k}from"./p-BWT1q2tN.js";const u=()=>`.sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}`;const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(l,{key:"0c48cda90a42886342351b0a4f4b0ddcdbba84e1"},a("smoothly-table",{key:"6ddf793f667d275b6e3969331d06c1d2f5e4c491",columns:3},a("smoothly-table-head",{key:"425732dcb06bbc7dd1c5b46689fcb9a5d1f8aae0"},a("smoothly-table-row",{key:"698dbdfbabfb904df19d92aaef652fc57b4371ad"},a("smoothly-table-cell",{key:"162b14024e5d5c1993c2c5120f014bd65dc452b8"},"Date"),a("smoothly-table-cell",{key:"7c8dfddd08a7a241ba4921d48c231e154e8ce2f7"},"Skip"),a("smoothly-table-cell",{key:"90c02f35f7233314a0478fdef7fe7e8d59ee6307"},"Total"))),a("smoothly-table-body",{key:"ee7c05917d77a73653f262da586d358a6c2d8c5f"},a("smoothly-table-row",{key:"fb8ea7dbe4c82f92258d4c531f88bf9192a121a7"},a("smoothly-table-cell",{key:"8c4f6a68055a38eafbbedde78acdec47610c3a45",span:2},a("smoothly-display",{key:"914cbd4c7716cb44df1fb2c9f30e864733398627",type:"date",value:"2024-01-01"})),a("smoothly-table-cell",{key:"28379684e4c04c36261cece4276bd0599bca8201"},a("smoothly-display",{key:"454f88e0c8f6236864d5507677e87c4129940fd6",type:"price",value:120,currency:"EUR"}))),a("smoothly-table-row",{key:"484339508d40ad812eb7edd24efa06ed18739b39"},a("smoothly-table-expandable-cell",{key:"885b10db54f9fb0051f0ac8d878dbd4a5413d698",span:2},a("smoothly-display",{key:"27a9840c4c283269809fef636b95e7dc46d18586",type:"date",value:"2024-01-02"}),a("smoothly-lazy",{key:"031f1ee60536b3b633c7638aed6e0d1d6a013ba8",slot:"detail",content:a("smoothly-display",{type:"date-time",value:"2024-01-02T13:37:00.000Z"})})),a("smoothly-table-expandable-cell",{key:"c1e0fc733a48eb0e5bf50d0ff70494e0f293b34e"},a("smoothly-display",{key:"fe0202769ab5932ed8257867802e297707efdb78",type:"price",value:220,currency:"EUR"}),a("smoothly-lazy",{key:"e170de6a7c33e6ce938e2a5240a33397a9d15d21",slot:"detail",content:a("span",null,a("smoothly-display",{type:"price",value:120,currency:"EUR"})," + ",a("smoothly-display",{type:"price",value:100,currency:"EUR"}))}))),a("smoothly-table-row",{key:"e06c96d7d22adc11c20140b67b877b69c0b95737"},a("smoothly-table-cell",{key:"6a6a0d756b16ccc002934e7aea89165959748518"},a("smoothly-display",{key:"9cabf2591bbfe35af7e58f649a185b872843b365",type:"date",value:"2024-01-02"})),a("smoothly-table-cell",{key:"bc20c5059843db6e9a61b5f600ddcbb959c544cd"},"Not Skipped"),a("smoothly-table-cell",{key:"306e585f47e9eb496ef5a1ddbecfcc9c823adde2"},a("smoothly-display",{key:"b1623473097b41ebc6bf1a03eeafd4a650371b98",type:"price",value:320,currency:"EUR"}))))))}static get style(){return u()}},[2,"smoothly-table-demo-colspan"]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-colspan","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-colspan":if(!customElements.get(s(e))){customElements.define(s(e),j)}break;case"smoothly-display":if(!customElements.get(s(e))){t()}break;case"smoothly-display-json":if(!customElements.get(s(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(s(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(s(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(s(e))){m()}break;case"smoothly-lazy":if(!customElements.get(s(e))){b()}break;case"smoothly-load-more":if(!customElements.get(s(e))){f()}break;case"smoothly-table":if(!customElements.get(s(e))){p()}break;case"smoothly-table-body":if(!customElements.get(s(e))){r()}break;case"smoothly-table-cell":if(!customElements.get(s(e))){i()}break;case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){h()}break;case"smoothly-table-head":if(!customElements.get(s(e))){n()}break;case"smoothly-table-row":if(!customElements.get(s(e))){k()}break}}))}E();export{j as S,E as d};
-//# sourceMappingURL=p-BLIeXp8k.js.map

package/dist/components/p-BdhEVyZ3.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-DPlYDxyJ.js";import{d as m}from"./p-bQGZECIZ.js";import{d}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as u}from"./p-UCcJDJNC.js";import{d as p}from"./p-vN0nUvmF.js";import{d as c}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"ad93ad9f51896e7b99f721d7a81808e092816c03"},s("smoothly-input",{key:"0e212a092315fa9a0feaaf67f3c2127a6c5d76c2",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"3365117b617114c1c961a34660585c2ddae7f93d"})),s("smoothly-input",{key:"91b0c6323b1451c1b40f23bcf2aab162eeb2bf4d",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"30f3a9608f30b70ec0e999b1087f124a2c0f8f9a",class:"colon"},":"),s("smoothly-input",{key:"d3dfb6f59c4bffd573187b513abbcc3f26621389",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"a909976d14881c52ff1461afde62ee22acccbea0",class:"icons"},s("smoothly-icon",{key:"d200862fdf9b53b85d1deb9569cf4b9c93aee077",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"c5391f31a81c2b9ed019fb27e5aefb2e41a91d49",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"ac41f035d3f92fd3116dfcf360f2e4d921a829b0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"3a0ea948b27c084501a8a98c9ad31195077abd86",slot:"year-label"},s("slot",{key:"cc59da90159452014a6434827619eade272e75d3",name:"year-label"})),s("div",{key:"a7bbff950447fab625edc43dd12814b24711d568",slot:"month-label"},s("slot",{key:"a5d595242c8424d5a6021e7306c219cc828dbfb1",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-BdhEVyZ3.js.map

package/dist/components/p-Bo1NnbuT.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as i,d as a,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as e}from"./p-DPlYDxyJ.js";const r=()=>`.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}`;const h=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.valueReceivedOnLoad=false;this.observer=n.Observer.create(this);this.value=undefined;this.readonly=false;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((o=>this.parent=o));this.initialValue=this.active}handleRegister(o){o.stopPropagation();o.detail(this)}smoothlyInputLoadHandler(o){e.registerSubAction(this,o)}smoothlyRadioInputHandler(o){var t,s,i;o.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((t=this.active)===null||t===void 0?void 0:t.value)===o.detail.value){this.clear()}else if(((s=this.active)===null||s===void 0?void 0:s.value)!==o.detail.value){(i=this.active)===null||i===void 0?void 0:i.select(false);this.active=o.detail;this.value=this.active.value;this.active.select(true)}}if(o.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:this.value})}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(o){this.observer.subscribe(o)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){e.formRename(this,t)}async register(){e.formAdd(this)}async unregister(){e.formRemove(this)}async getValue(){return this.value}async clear(){var o;if(this.clearable){(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=undefined;this.value=undefined}}async edit(o){this.readonly=!o}async reset(){var o,t,s;(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=this.initialValue;this.value=(t=this.initialValue)===null||t===void 0?void 0:t.value;(s=this.active)===null||s===void 0?void 0:s.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var o;this.valueReceivedOnLoad&&(this.isDifferentFromInitial=((o=this.initialValue)===null||o===void 0?void 0:o.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return i(a,{key:"9fc1e8e96700c712be6093737a8fe0b1ac85b78f",class:"floating-label"},i("slot",{key:"5a15933d73444cd550b51374b441c1da91671ec1",name:"start"}),i("div",{key:"cc7434af11b658917d8f7505b6575627a832ca13"},i("slot",{key:"2f9427184a5c285cb7f0201a5782eae9631df43a",name:"label"}),i("div",{key:"021d9fe6508e9726a8a80da21c5d0245e091cd06",class:"options"},i("slot",{key:"3e683b89f8cfb733fc8fb42cc2c7269e4317a2a8"}))),i("slot",{key:"197ca8b9be9417179baee6f4d558e4afcd4f4a76",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return r()}},[262,"smoothly-input-radio",{value:[1032],looks:[1537],color:[1537],direction:[513],clearable:[4],readonly:[1540],disabled:[516],name:[513],showLabel:[516,"show-label"],listen:[64],register:[64],unregister:[64],getValue:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-radio"];o.forEach((o=>{switch(o){case"smoothly-input-radio":if(!customElements.get(l(o))){customElements.define(l(o),h)}break}}))}d();export{h as S,d};
-//# sourceMappingURL=p-Bo1NnbuT.js.map

package/dist/components/p-BrYTMGo3.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,c as e,h as s,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-DPlYDxyJ.js";import{d as r}from"./p-bQGZECIZ.js";import{d}from"./p-DnvyyAaF.js";import{d as m}from"./p-DDYB8QLF.js";import{d as c}from"./p-UCcJDJNC.js";import{d as u}from"./p-vN0nUvmF.js";import{d as p}from"./p-ByRyVRgY.js";const y=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var e,s;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,e;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=s||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(e=this.startTextElement)===null||e===void 0?void 0:e.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var e,s,a;t.stopPropagation();const n=(e=t.detail)!==null&&e!==void 0?e:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return s(a,{key:"4aafb51483d57234d6f42a6252a45078a5cc4054",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},s("span",{key:"5516903b15400ea4dd7dba463dd173ef48ca03df",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},s("slot",{key:"273d0fdad0534db6f46e3c37005ab0649edd8abc",name:"start"}),s("label",{key:"67fd396fd707428cf9413a5b8bd6501485874e64",class:"label float-on-focus"},s("slot",{key:"67a092adcbb0abf829ffb68b48e2e37cc6dbc5ed"})),this.placeholder&&s("span",{key:"54ed8804af377cdde573d7d148d62544adae5eb8",class:"smoothly-date-range-placeholder"},this.placeholder),s("smoothly-date-text",{key:"3144566fd5983266e70637449965c0ca981962b8",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,e;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(e=this.endTextElement)===null||e===void 0?void 0:e.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),s("span",{key:"80257b7865d284f87a6aafd9f53acead98612f09",class:"smoothly-date-range-separator"}," – "),s("smoothly-date-text",{key:"e6bb858a6a4ee6669ec02949f7e5dcd668187970",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),s("span",{key:"4ccdcf9160a7bb827309e5f5cd908095ba90a0bc",class:"smoothly-icons"},s("smoothly-icon",{key:"7dbf49e194b48313c7b54eb1bc43d2660f7cf3dc",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"63448fe06f310d74951d3ddbd8b8511d1df170b0",name:"end"})),this.open&&s("smoothly-calendar",{key:"1d334b289c960660269e869ec6e42544beaaf0d7",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){m()}break;case"smoothly-input-month":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
-//# sourceMappingURL=p-BrYTMGo3.js.map

package/dist/components/p-Bv6ll-a-.js

@@ -1,2 +0,0 @@
-import{p as t,H as e,h as s,d as o,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-DDtRlhit.js";const c=()=>`.sc-smoothly-lazy-h{display:block}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.show=false}loadMoreHandler(t){t.stopPropagation();this.show=true}render(){return s(o,{key:"ba06250ac8a325c3b51801b09999efdbd0c552f6"},s("slot",{key:"89e3aa0b677038bac4a999c3aba63e8f86f3e9ea",name:"before"}),s("smoothly-load-more",{key:"4d817981ffa9f3231972a3eb153339ca805c05e3",onSmoothlyLoadMore:t=>this.loadMoreHandler(t)}),this.show&&(typeof this.content=="function"?s(this.content,null):this.content),s("slot",{key:"55ab66fb5706d1bb40350a5b545b97ddb5787eab"}))}static get style(){return c()}},[262,"smoothly-lazy",{show:[1028],content:[16]}]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-lazy","smoothly-load-more"];t.forEach((t=>{switch(t){case"smoothly-lazy":if(!customElements.get(a(t))){customElements.define(a(t),r)}break;case"smoothly-load-more":if(!customElements.get(a(t))){l()}break}}))}n();export{r as S,n as d};
-//# sourceMappingURL=p-Bv6ll-a-.js.map

package/dist/components/p-BvTs7KUn.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,d as a,t as l}from"./p-BsZrGTcp.js";import{d as s}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as c}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as i}from"./p-C77C00Ii.js";import{d as b}from"./p-DvMoIxws.js";import{d as n}from"./p-l818BCpp.js";import{d as y}from"./p-Cuq_eaHi.js";import{d as p}from"./p-C7PxdEtX.js";import{d as f}from"./p-Iph4bHku.js";import{d as h}from"./p-BWT1q2tN.js";const u=()=>`.sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}`;const k=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(a,{key:"80449d99f9dd0f1b3ccc6fe1ca76f81c383b0b73"},o("smoothly-display",{key:"a8a925063304469fd491d875aac3ca41262c2654",type:"text",value:"Simple"}),o("smoothly-table",{key:"c73c0af22285cf5769b7aae1bc619e681425059c",color:"primary",columns:2},o("smoothly-table-head",{key:"55a6fa56086f9ecf4c5ad6e937c672164e4ec329"},o("smoothly-table-row",{key:"c130d923b09c92b269da5f16ea18e3ee895cab52"},o("smoothly-table-cell",{key:"b937e3114409fa9e58e16333d00367839bc74d15"},"Breed"),o("smoothly-table-cell",{key:"9aba71f6c1a20a762e89500ca5efa3a82d7cbd89"},"Coat"))),o("smoothly-table-body",{key:"b79c14240246a1d441fc2bfb2cf0857834121312"},j.map((e=>o("smoothly-table-row",null,o("smoothly-table-expandable-cell",null,e.breed,o("div",{slot:"detail"},"Country:",o("br",null),e.country)),o("smoothly-table-expandable-cell",null,e.coat,o("div",{slot:"detail"},"Pattern: ",e.pattern))))),o("smoothly-table-row",{key:"b3897b89193457cc34ef8a636ee70eb440b09923"},o("smoothly-table-cell",{key:"d3ff9b985f616112a698ad7c3d1154ae7ca3b17a"},"Cell5"),o("smoothly-table-expandable-cell",{key:"ed7165825d15f3025231a21aead04f6bcd048872"},"Expandable Cell",o("div",{key:"b5ffac563fce0a0a5027706cf4f83ec8825ad037",slot:"detail"},"Content of the expandable cell"))),o("smoothly-table-row",{key:"3a6eb6e10fb590b9036d329307a22393958f6aaa"},o("smoothly-table-expandable-cell",{key:"43570c5844b23b46572678bd5229d325c26b677f"},"Expandable Cell 1",o("div",{key:"2c643f6a728b5967d7e42c47d657ce07ef295c78",slot:"detail"},"Content of the expandable cell 1")),o("smoothly-table-expandable-cell",{key:"1d9f1e32259d590d5f0a7c043c56424f30019e6e"},"Expandable Cell 2",o("div",{key:"ea45ab8f26e3a2b7bd4d012b3dec1899836620b6",slot:"detail"},"Content of the expandable cell 2")))),o("smoothly-table-foot",{key:"99a7c70b238c32203143077e8e1a3c58ee82adf7"},o("smoothly-table-row",{key:"2abe5c4e633f55dd722f21263ab6647018b7319b"},o("smoothly-table-cell",{key:"805be40c4d87dd23a8ab71017453b6340adf200e"},"Footer Cell"),o("smoothly-table-cell",{key:"1137748f294d4199d08de20a8316588df635bfb2"},"Footer Cell")))))}static get style(){return u()}},[2,"smoothly-table-demo-simple"]);const j=[{breed:"Abyssinian",country:"Ethiopia",origin:"Natural/Standard",coat:"Short",pattern:"Ticked"},{breed:"Aegean",country:"Greece",origin:"Natural/Standard",coat:"Semi-long",pattern:"Bi- or tri-colored"},{breed:"American Curl",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Bobtail",country:"United States",origin:"Mutation",coat:"Short/Long",pattern:"All"},{breed:"American Shorthair",country:"United States",origin:"Natural",coat:"Short",pattern:"All but colorpoint"},{breed:"American Wirehair",country:"United States",origin:"Mutation",coat:"Rex",pattern:"All but colorpoint"},{breed:"Arabian Mau",country:"Arabian Peninsula",origin:"Natural",coat:"Short",pattern:""},{breed:"Australian Mist",country:"Australia",origin:"Crossbreed",coat:"Short",pattern:"Spotted and Classic tabby"},{breed:"Asian",country:"developed in the United Kingdom (founding stock from Asia)",origin:"",coat:"Short",pattern:"Evenly solid"},{breed:"Asian Semi-longhair",country:"United Kingdom",origin:"Crossbreed",coat:"Semi-long",pattern:"Solid"}];function C(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-simple","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-foot","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-simple":if(!customElements.get(l(e))){customElements.define(l(e),k)}break;case"smoothly-display":if(!customElements.get(l(e))){s()}break;case"smoothly-display-json":if(!customElements.get(l(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(l(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(l(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(l(e))){m()}break;case"smoothly-table":if(!customElements.get(l(e))){i()}break;case"smoothly-table-body":if(!customElements.get(l(e))){b()}break;case"smoothly-table-cell":if(!customElements.get(l(e))){n()}break;case"smoothly-table-expandable-cell":if(!customElements.get(l(e))){y()}break;case"smoothly-table-foot":if(!customElements.get(l(e))){p()}break;case"smoothly-table-head":if(!customElements.get(l(e))){f()}break;case"smoothly-table-row":if(!customElements.get(l(e))){h()}break}}))}C();export{k as S,C as d};
-//# sourceMappingURL=p-BvTs7KUn.js.map

package/dist/components/p-C0OwGHaZ.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,c as s,h as t,F as a,d as l,t as m}from"./p-BsZrGTcp.js";import{I as c,C as i,F as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as r}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as y}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as u}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as g}from"./p-BHTAR2x1.js";import{d as v}from"./p-Dk4OvZyQ.js";import{d as j}from"./p-Dq8EU803.js";import{d as E}from"./p-vN0nUvmF.js";import{d as $}from"./p-ByRyVRgY.js";import{d as x}from"./p-CmUug44L.js";const F=()=>`.sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"ec049b1d4b3d93e28913174bd7ab55ce836298ae"},t("h2",{key:"d0430155840916db4250402c39e5ee2656dc9930"},"Filter and Variants"),t("smoothly-form",{key:"4c6f1ffa07fed10ba6051ab4d5f29c1278608b23",looks:"grid",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"bea5be3b9c5f839da1fe6efd6497b4fa7c946e77",name:"filter"},"Filter"),t("smoothly-input-select",{key:"a64ee5957e34d669c481b77ba0f561ba5eebfa55",name:"variant"},t("span",{key:"80df7e185a498c1c33cfe1c3fde85f955d46f256",slot:"label"},"Variant"),t("smoothly-item",{key:"d6447afb06c4471f9b3036838da77182161ebaf1",value:"outline"},"outline"),t("smoothly-item",{key:"6622d9acf5549f05128632e386cafcabd4e5df0d",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"1a94b3d1d195c77716a7a9e92303bab3dffcf8b0",slot:"end"}))),t("h2",{key:"1320b7b476f6451885fa32dcb0daed671d269612"},"Props"),t("smoothly-form",{key:"1bc3722b6b25c57352ff7bc1df1571a3df824611",looks:"grid",onSmoothlyFormInput:e=>{this.props=e.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"8b065ccb0feb16a805a20ee13eab053d0cd8edfe",name:"color"},t("span",{key:"3ed5be41ac0893b18741356a70c7653c862579a0",slot:"label"},"Color"),i.values.map((e=>t("smoothly-item",{value:e},t("span",{style:{background:`rgb(var(--smoothly-${e}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,e)))),t("smoothly-input-clear",{key:"50b90280c6f0600a073b8b8a254fb035f1aefec0",slot:"end"})),t("smoothly-input-select",{key:"efda773381d8cb5d491e591b731cea17b406a005",name:"fill"},t("span",{key:"396dbb906c3b52b53732b062f5ce8ebe70ce85b6",slot:"label"},"Fill"),d.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"44cc4c40f24ad5c978e423496ea30a3068f862a1",slot:"end"})),t("smoothly-input-select",{key:"d3aaee102be617722fc42dcd47139fe0d2c7284c",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"dc450c6debc6be202b40628ef77196159e45a082",slot:"label"},"Custom Color"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"a68b41f9a46917cb1b46e9ada61d05c280f92ff0",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"f094c91bdb64df81fd5fc49945b2760c214c37ed",slot:"label"},"Custom Background"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"676477dc9f358f3512f0fb0f60a99a1deb3fa400",name:"flip"},t("span",{key:"7e7924009ac080ccd225052351d0c70079990b6f",slot:"label"},"Flip"),t("smoothly-item",{key:"70d21d485c90d881422d4c577fa04f101e0dae13",value:"x"},"x"),t("smoothly-item",{key:"7e57ce51632ddd1dbf5fed24f109599de216eb3e",value:"y"},"y"),t("smoothly-input-clear",{key:"0ea9f343784f533ebab4bc8d0b0879deb5e75156",slot:"end"})),t("smoothly-input-select",{key:"67e1d6b7b5e040e5284d0f5984c60a9f57a1d47f",name:"size"},t("span",{key:"e89ec731e273bd86c43d8993c78dbdcb1e052280",slot:"label"},"Size"),t("smoothly-item",{key:"06201d3e144034f8984f48a064ea7d01dbdc3a7f",value:"tiny"},"tiny"),t("smoothly-item",{key:"5f996913a822077f1fd66371819d528b0f67dc7f",value:"small"},"small"),t("smoothly-item",{key:"1aa1eff32b61221555b6356cbe658fb2591a6678",value:"medium"},"medium"),t("smoothly-item",{key:"1d18ac8a2bbcc4f16cd19263aa16d2d714582f27",value:"large"},"large"),t("smoothly-item",{key:"a0dd2fc34393ef5fc1ed89f1b000d3a3482a2324",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"1cde73483d40576d71b1994ea7a4a18a0df791dc",slot:"end"})),t("smoothly-input-range",{key:"c57e682c8ad984279d9b4d4eef60a6c076b3014b",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"485dc43539bb93a6bdd58ab1ba10ac5ee64abb80",slot:"end"}))),t("h1",{key:"cef7183437984cc0d8df4765a5afd62790e07881"},"Icons"),t("div",{key:"332d4c1168cda7307f00eef4106494860ed0a491",class:"icons"},[...c.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...c.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(r.succeeded(`Copied "${e}"`))}})))))}static get style(){return F()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),C)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){k()}break;case"smoothly-input":if(!customElements.get(m(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){v()}break;case"smoothly-input-range":if(!customElements.get(m(e))){j()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){$()}break;case"smoothly-spinner":if(!customElements.get(m(e))){x()}break}}))}B();export{C as S,B as d};
-//# sourceMappingURL=p-C0OwGHaZ.js.map

package/dist/components/p-C77C00Ii.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as l,d as t,t as a}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}`;const n=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.columns=1}smoothlyTableExpandableRowChange(e){e.stopPropagation()}smoothlyTableExpandableCellChange(e){e.stopPropagation()}render(){return l(t,{key:"f875112f3c3c917be64b0874106e35a318b3ded5",style:{"--columns":this.columns.toString()}},l("slot",{key:"f84673ca127c951381152b7e5b70b3d0d16f584a"}))}static get style(){return s()}},[262,"smoothly-table",{columns:[2]},[[0,"smoothlyTableExpandableRowChange","smoothlyTableExpandableRowChange"],[0,"smoothlyTableExpandableCellChange","smoothlyTableExpandableCellChange"]]]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-table"];e.forEach((e=>{switch(e){case"smoothly-table":if(!customElements.get(a(e))){customElements.define(a(e),n)}break}}))}r();export{n as S,r as d};
-//# sourceMappingURL=p-C77C00Ii.js.map

package/dist/components/p-C9BPfP8V.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,h as e,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-Br0kWrBT.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-mmAi00ak.js";import{d as l}from"./p-MHAaISnU.js";import{d}from"./p-bQGZECIZ.js";import{d as y}from"./p-DnvyyAaF.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as b}from"./p-BHTAR2x1.js";import{d as h}from"./p-BAMFAtTN.js";import{d as k}from"./p-UCcJDJNC.js";import{d as j}from"./p-CLqKhHZ8.js";import{d as E}from"./p-vN0nUvmF.js";import{d as D}from"./p-ycoVDLCD.js";import{d as C}from"./p-ByRyVRgY.js";import{d as A}from"./p-CmUug44L.js";var B;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(B||(B={}));const g=()=>``;const x=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"2dbbb21af22c211fa354d7213c94088ec796cf8d"},e("h2",{key:"f944fd5f9a04be35baa6d04760ef8fd083f84c6c"},"Typed Contact"),e("smoothly-form",{key:"43b74057023eda58b4b89ba9c52e59f9f8fd2329",validator:B.type},e("smoothly-input",{key:"6179ce405787b71e56af49ab16cac3d225476c9b",name:"name.first"},"First Name"),e("smoothly-input",{key:"41568d9f6447f715c2d9ca414aeca6e103085df8",name:"name.middle"},"Middle Name (optional)"),e("smoothly-input",{key:"71407b265ac5f00f5db126ae0e1b5ced6c329977",name:"name.last"},"Last Name"),e("smoothly-input",{key:"f2dcbd6af35236299eb573d573efa521672c0a4e",name:"age",type:"integer"},"Age (18-120)"),e("smoothly-input-select",{key:"d881ad1a7d8f3b3279c9f4aac5473514a2b95d5f",name:"country"},e("span",{key:"1606d2a8eb5f7160abd3c6a4e983561808fabca5",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>e("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),e("smoothly-input-date",{key:"09e7d8d8f9250304279b1d245044b919c147cc1f",name:"birthday"},"Date of birth"),e("smoothly-input-reset",{key:"d212e7a41fba21fc4ba2efd9349834f4c5d8a41d",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"c5e62e8b33276b0f5e16e5c37538cca20c5e2ace",slot:"submit",size:"icon",color:"success"})))}static get style(){return g()}},[2,"smoothly-form-demo-typed"]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),x)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){d()}break;case"smoothly-date-text":if(!customElements.get(m(t))){y()}break;case"smoothly-form":if(!customElements.get(m(t))){p()}break;case"smoothly-icon":if(!customElements.get(m(t))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){D()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){A()}break}}))}v();export{x as S,v as d};
-//# sourceMappingURL=p-C9BPfP8V.js.map

package/dist/components/p-CCaI37_s.js

@@ -1,2 +0,0 @@
-import{p as t,H as o,c as i,h as s,d as e,t as c}from"./p-BsZrGTcp.js";import{d as n}from"./p-DDYB8QLF.js";import{d as a}from"./p-DFPMixk-.js";const l=()=>`.sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}`;const r=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.remove=i(this,"remove");this.closable=true;this.tick={};this.listener=t=>{if(t.state=="closed"){this.remove.emit(t)}else{this.tick={}}}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,o){if(o){o.unlisten(this.listener)}t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return s(e,{key:"73f1ac93fe920e40d0045cf9ae2c756ffe451d66",color:this.properties[0],fill:"solid"},this.closable&&s("smoothly-trigger",{key:"c044dec06d857487dbdb8a17d20c6d07c6b7e370",fill:"clear",name:"close"},s("smoothly-icon",{key:"d33fb56efc3ff17f1ba41c16ffd4ed214b98bc57",name:"close-circle-outline"})),s("span",{key:"d2554c0a86856c3f8f760d8e71f9761b619ddf41",class:this.icon?"icon":"clean"},this.icon&&s("smoothly-icon",{key:"f4466028e87356a50f0cdb08ba23dbd1d65d5689",name:this.properties[1]}),s("p",{key:"6de62c145781c1127b7ea762a371f7a142bc324f"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}static get style(){return l()}},[2,"smoothly-notification",{notice:[16],closable:[4],icon:[4],tick:[32]},[[0,"trigger","onTrigger"]],{notice:[{onUpdatedNotice:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["smoothly-notification","smoothly-icon","smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-notification":if(!customElements.get(c(t))){customElements.define(c(t),r)}break;case"smoothly-icon":if(!customElements.get(c(t))){n()}break;case"smoothly-trigger":if(!customElements.get(c(t))){a()}break}}))}h();export{r as N,h as d};
-//# sourceMappingURL=p-CCaI37_s.js.map

package/dist/components/p-CDzU4-Ri.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-DPlYDxyJ.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as b}from"./p-Dq8EU803.js";import{d as g}from"./p-BCwizh6U.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"606897dcf8880a8bceaf646a17b0b682dc0de4fe",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"3a8211dcd537f07359729f79b88c33ffa8dd26e6",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"932e1fee6e31f8942841ae068404f674d20c6d75"})),l("div",{key:"55de847010bfc30641a1b4814fc7d4ea1beb8b63",class:"color-sample"}),l("smoothly-icon",{key:"7e69d59ceb71c617d93205b6ada24bc0a0b6d3fe",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"38771b0daff4bda14ecb821f7ec0725ef575f50c"},l("slot",{key:"b005802e73faf84b2772e7bf28163963abe619ca",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"ed68b37bbbe25ccb1cfe00167b21b49fdcad5326",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"a3643b4c099fb94dfc57b8c2658bde1711aa0c5d",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
-//# sourceMappingURL=p-CDzU4-Ri.js.map

package/dist/components/p-CDzU4-Ri.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styleCss","SmoothlyInputColor","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","rgb","r","undefined","g","b","hsl","h","s","l","value","readonly","output","showLabel","open","sliderMode","componentWillLoad","setInitialValue","Color","Hex","toRGB","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","smoothlyInputLooksHandler","event","target","element","stopPropagation","smoothlyInputLoadHandler","Input","registerSubAction","onWindowClick","composedPath","includes","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","formRename","watchingReadonly","publish","register","formAdd","formRemove","Math","round","clear","listen","listener","subscribe","edit","editable","reset","initialValue","valueChanged","handleSwitchMode","detail","RGB","toHSL","hexInputHandler","type","is","smoothlyUserInput","sliderInputHandler","Object","keys","temporaryColor","key","assign","toHex","HSL","openDropdown","render","Host","style","_b","_c","_d","_e","_f","clientHeight","disabled","onSmoothlyInput","class","size","onClick","title","onSmoothlyToggleSwitchChange","checkmark","selected","entries","map","display","min","max","step","outputSide","onSmoothlyUserInput","label","toUpperCase"],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\talign-items: center;\n\tjustify-content: center;\n}\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host div.color-sample {\n\theight: 2em;\n\twidth: 3em;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--hexCode);\n\toutline: 1px solid rgb(var(--smoothly-input-border));\n\tborder-radius: 3px;\n}\n:host smoothly-icon[name=options-outline] {\n\tpadding-right: var(--input-padding-side);\n}\n:host[readonly] smoothly-icon[name=options-outline],\n:host[disabled] smoothly-icon[name=options-outline] {\n\tdisplay: none;\n}\n:host:not([readonly]):not([disabled]) smoothly-icon[name=options-outline] {\n\tcursor: pointer;\n}\n:host>div.rgb-sliders {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tposition: absolute;\n\tpadding: 1em 1em 1em 0;\n\ttop: calc(var(--element-height) + .8em);\n\tleft: 0;\n\tbox-sizing: border-box;\n\tz-index: 20;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n:host>div.rgb-sliders::before {\n\tcontent: \"\";\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n\tposition: absolute;\n\tz-index: 100;\n\ttop: 0em\n}\n:host>div.rgb-sliders>smoothly-toggle-switch {\n\tmargin-left: auto;\n\tmargin-right: 1em;\n\tmargin-bottom: 1em;\n}\ndiv.rgb-sliders smoothly-input-range {\n\tpadding: .5em 0\n}\ndiv.rgb-sliders smoothly-input-range label {\n\twidth: 4em;\n}\n\n/* -------------RGB SLIDERS------------------- */\n\n/* --------------------R------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-thumb {\n\tbackground-color: red;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-thumb {\n\tbackground-color: red;\n}\n\n/* --------------------G------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-thumb {\n\tbackground-color: green;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-thumb {\n\tbackground-color: green;\n}\n\n/* --------------------B------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-thumb { \n\tbackground-color: blue;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-thumb  {\n\tbackground-color: blue;\n}\n\n/* -------------HSL SLIDERS------------------- */\n\n/* --------------------H------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\n\n\n/* --------------------S------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-runnable-track { \n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-track {\n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\n\n/* --------------------L------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-thumb {\n\tbackground-color: #777;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-thumb {\n\tbackground-color: #777;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { HSL } from \"../../../model/Color/HSL\"\nimport { RGB } from \"../../../model/Color/RGB\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate rgb: RGB = { r: undefined, g: undefined, b: undefined }\n\tprivate hsl: HSL = { h: undefined, s: undefined, l: undefined }\n\tprivate initialValue: string | undefined\n\t@Prop({ mutable: true }) value: string | undefined = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() output: \"rgb\" | \"hex\" = \"rgb\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Element() element: HTMLSmoothlyInputColorElement\n\t@State() open = false\n\t@State() sliderMode: \"rgb\" | \"hsl\" = \"rgb\"\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.value && this.setInitialValue()\n\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputColor) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<RGB | string | undefined> {\n\t\treturn this.output === \"rgb\"\n\t\t\t? {\n\t\t\t\t\tr: this.rgb.r === undefined ? undefined : Math.round(this.rgb.r),\n\t\t\t\t\tg: this.rgb.g === undefined ? undefined : Math.round(this.rgb.g),\n\t\t\t\t\tb: this.rgb.b === undefined ? undefined : Math.round(this.rgb.b),\n\t\t\t\t}\n\t\t\t: this.value\n\t\t\t\t? this.value\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.open = false\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\thandleSwitchMode(event: CustomEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.sliderMode = event.detail ? \"hsl\" : \"rgb\"\n\t\tif (this.sliderMode === \"rgb\") {\n\t\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\t} else {\n\t\t\tthis.value && (this.hsl = Color.RGB.toHSL(Color.Hex.toRGB(this.value)))\n\t\t}\n\t}\n\tasync hexInputHandler(value: string): Promise<void> {\n\t\tif (value !== this.value) {\n\t\t\tif (value && Color.Hex.type.is(value)) {\n\t\t\t\tif (this.sliderMode === \"hsl\" || this.rgb.r === undefined) {\n\t\t\t\t\tthis.rgb = Color.Hex.toRGB(value)\n\t\t\t\t}\n\t\t\t\tif (this.sliderMode === \"rgb\" || this.hsl.h === undefined) {\n\t\t\t\t\tthis.hsl = Color.RGB.toHSL(Color.Hex.toRGB(value))\n\t\t\t\t}\n\t\t\t} else if (!value || !Color.Hex.type.is(value)) {\n\t\t\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\t\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\t\t}\n\t\t\tthis.value = value\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tsliderInputHandler(event: CustomEvent<Data>): void {\n\t\tevent.stopPropagation()\n\t\tconst color = Object.keys(event.detail)[0]\n\t\tlet temporaryColor = this.sliderMode === \"rgb\" ? this.rgb : this.hsl\n\t\ttype ColorType = HSL | RGB\n\t\tif (!(event.detail[color] === undefined)) {\n\t\t\tfor (const key of Object.keys(temporaryColor)) {\n\t\t\t\tif (key === color) {\n\t\t\t\t\ttemporaryColor = {\n\t\t\t\t\t\t...temporaryColor,\n\t\t\t\t\t\t[key]: key === \"s\" || key === \"l\" ? +(event.detail[color] ?? 0) * 100 : event.detail[color],\n\t\t\t\t\t}\n\t\t\t\t} else if (temporaryColor[key as keyof ColorType] === undefined) {\n\t\t\t\t\ttemporaryColor = { ...temporaryColor, [key]: 0 }\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (this.sliderMode === \"rgb\") {\n\t\t\t\tthis.rgb = { ...temporaryColor } as RGB\n\t\t\t\tthis.hsl = Color.RGB.toHSL(this.rgb)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(this.rgb))\n\t\t\t} else {\n\t\t\t\tthis.hsl = { ...temporaryColor } as HSL\n\t\t\t\tthis.rgb = Color.HSL.toRGB(this.hsl)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(Color.HSL.toRGB(this.hsl)))\n\t\t\t}\n\t\t}\n\t}\n\topenDropdown(): void {\n\t\tthis.open = !this.open\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hexCode\": this.value,\n\t\t\t\t\t\"--rgb-r\": `${Math.round(this.rgb.r ?? 0)}`,\n\t\t\t\t\t\"--rgb-g\": `${Math.round(this.rgb.g ?? 0)}`,\n\t\t\t\t\t\"--rgb-b\": `${Math.round(this.rgb.b ?? 0)}`,\n\t\t\t\t\t\"--hsl-h\": `${Math.round(this.hsl.h ?? 0)}`,\n\t\t\t\t\t\"--hsl-s\": `${Math.round(this.hsl.s ?? 0)}%`,\n\t\t\t\t\t\"--hsl-l\": `${Math.round(this.hsl.l ?? 0)}%`,\n\t\t\t\t\t\"--element-height\": `${this.element.clientHeight}px`,\n\t\t\t\t}}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={event => (event?.stopPropagation(), this.hexInputHandler(event.detail[this.name]))}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<div class=\"color-sample\" />\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tname=\"options-outline\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && this.openDropdown()}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Extra div needed otherwise stencil sets hidden on the slot for no apparent reason */}\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && !this.readonly && !this.disabled && (\n\t\t\t\t\t<div class=\"rgb-sliders\">\n\t\t\t\t\t\t<smoothly-toggle-switch\n\t\t\t\t\t\t\ttitle={`${this.sliderMode === \"rgb\" ? \"To HSL\" : \"To RGB\"}`}\n\t\t\t\t\t\t\tonSmoothlyToggleSwitchChange={event => this.handleSwitchMode(event)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcheckmark={false}\n\t\t\t\t\t\t\tselected={this.sliderMode === \"hsl\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{Object.entries(this.rgb).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"rgb\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={255}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t{Object.entries(this.hsl).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"hsl\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={key === \"h\" ? 359 : 1}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={key === \"s\" || key === \"l\" ? \"percent\" : \"text\"}\n\t\t\t\t\t\t\t\tvalue={(key === \"s\" || key === \"l\") && value ? value / 100 : value}\n\t\t\t\t\t\t\t\tstep={key === \"s\" || key === \"l\" ? 0.01 : 1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\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)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-CEYFnw7c.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-MHAaISnU.js";import{d as n}from"./p-bQGZECIZ.js";import{d as l}from"./p-DnvyyAaF.js";import{d as r}from"./p-DPlYDxyJ.js";import{d as f}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d}from"./p-BAMFAtTN.js";import{d as b}from"./p-BrYTMGo3.js";import{d as p}from"./p-UqPFIGlg.js";import{d as y}from"./p-UCcJDJNC.js";import{d as u}from"./p-vN0nUvmF.js";import{d as h}from"./p-ycoVDLCD.js";import{d as k}from"./p-ByRyVRgY.js";import{d as E}from"./p-CmUug44L.js";const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"fc0659542a5e17d903ecb4da9aee7679ef39cdec"},t("h2",{key:"1d1b9ac96324d7c421cdb19d2734bd2fbbb5a8fb"},"Transparent"),t("smoothly-form",{key:"992b6ce5260a8af1f63b9025faca67acef755dc2",looks:"transparent",onSmoothlyFormSubmit:e=>console.log(e.detail.value)},t("smoothly-input-file",{key:"e79178c59b6617703cb42fdeb16a246047110f85",name:"file"},t("span",{key:"0c34c069e55446fdf26eef201f492000b1692a3e",slot:"label"},"File"),t("smoothly-icon",{key:"85c1a66268e78a94b308be411ff5cb712890a1b0",slot:"button",name:"folder-open-outline",size:"small"})),t("smoothly-input",{key:"64c3c4206bf9455f5c923c427cae185c5f84ca60",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),t("smoothly-input-date",{key:"006326702c0d9d6f349292de7531b390e6b7add8"},"Date"),t("smoothly-input-date-range",{key:"78784fe14706cbbb5d8ef6d040891127991a418b"},"Date Range"),t("smoothly-input-select",{key:"e48d3d2cd97b472558f2cbfb7c19aed71c505ed1",name:"transport"},t("smoothly-item",{key:"afdc23c9ed61e272893ddd45b70e8d62f0e613fc",value:"plane"},t("smoothly-icon",{key:"ba6c15f1ac729420811ff77b355424426f2b35eb",name:"airplane-outline"})),t("smoothly-item",{key:"90c591649758b43835de47380f9cf0ba89665a43",value:"car"},t("smoothly-icon",{key:"170d4aeeec48e2ea8d57ee17421daa0eacbd6125",name:"car-outline"})),t("smoothly-item",{key:"fce1fc75af8d839f10d1057d699b5049cd4bee84",value:"bus",selected:true},t("smoothly-icon",{key:"1fbb7c4afc326efe8d569c5c032fb7d285876974",name:"bus-outline"}))),t("smoothly-input-submit",{key:"fd292fb5b88f89e103d843e95b14ccf7a3ab9871",icon:"checkbox-outline"})))}},[2,"smoothly-form-demo-transparent"]);function D(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-transparent","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-date-range","smoothly-input-file","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-transparent":if(!customElements.get(m(e))){customElements.define(m(e),j)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-calendar":if(!customElements.get(m(e))){n()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-form":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){f()}break;case"smoothly-input":if(!customElements.get(m(e))){i()}break;case"smoothly-input-date":if(!customElements.get(m(e))){d()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){b()}break;case"smoothly-input-file":if(!customElements.get(m(e))){p()}break;case"smoothly-input-month":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){u()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){k()}break;case"smoothly-spinner":if(!customElements.get(m(e))){E()}break}}))}D();export{j as S,D as d};
-//# sourceMappingURL=p-CEYFnw7c.js.map

package/dist/components/p-CMMaSJvr.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as o,d as s,t as i}from"./p-BsZrGTcp.js";import{i as c}from"./p-BVKhAhsB.js";import{d as n}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as m}from"./p-Bo1NnbuT.js";import{d as a}from"./p-BQOdxeHU.js";const p=()=>`.sc-smoothly-input-price-demo-h{display:block}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.currencies=["EUR","USD","GBP"];this.currency="USD"}render(){return o(s,{key:"c467c7cb0bc71a80d80b0249bbdaf6b6be48af4b"},o("h2",{key:"216b76ae5cb923903331b846f0897471ae96bd87"},"State demo on smoothly-input"),o("p",{key:"50522fbe29c228cf83f1450dbcb32e96d37b2587"},"This demo/test the internal state of the smoothly-input component."),o("p",{key:"5393c97d661ad1dd1fe8bbac11a2f731ad7fea77"},"The currency of the price should update when switching between the currencies."),o("smoothly-input-radio",{key:"f782f50671c0b67344238121e6d742df328672bc",name:"currency",onSmoothlyInput:e=>this.currency=c.Currency.is(e.detail.currency)?e.detail.currency:undefined},this.currencies.map((e=>o("smoothly-input-radio-item",{key:e,selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"18a4f7dbfc952fcfa6db9188f8ad98c0c7f98731",type:"price",currency:this.currency},"price"))}static get style(){return p()}},[2,"smoothly-input-price-demo",{currencies:[32],currency:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-price-demo","smoothly-icon","smoothly-input","smoothly-input-radio","smoothly-input-radio-item"];e.forEach((e=>{switch(e){case"smoothly-input-price-demo":if(!customElements.get(i(e))){customElements.define(i(e),d)}break;case"smoothly-icon":if(!customElements.get(i(e))){n()}break;case"smoothly-input":if(!customElements.get(i(e))){r()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){m()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){a()}break}}))}u();export{d as S,u as d};
-//# sourceMappingURL=p-CMMaSJvr.js.map

package/dist/components/p-CT5ZkMDd.js

@@ -1,2 +0,0 @@
-import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i as r}from"./p-BVKhAhsB.js";import{o as i}from"./p-Dr7iZPxA.js";import{f as n}from"./p-Br0kWrBT.js";import{N as c}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as l}from"./p-mmAi00ak.js";import{d as p}from"./p-MHAaISnU.js";import{d as f}from"./p-bQGZECIZ.js";import{d as y}from"./p-DnvyyAaF.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as b}from"./p-DDYB8QLF.js";import{d}from"./p-BrYTMGo3.js";import{d as u}from"./p-UCcJDJNC.js";import{d as k}from"./p-vN0nUvmF.js";import{d as j}from"./p-ycoVDLCD.js";import{d as g}from"./p-ByRyVRgY.js";import{d as E}from"./p-CmUug44L.js";const D=()=>`.sc-smoothly-form-demo-date-range-h{display:block}`;const B=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=i({range:n("isoly.DateRange",r.DateRange.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(c.failed(`Type is incomplete.`))}else{this.notice.emit(c.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"3833e26bb2993e1c9e34f9ae0e769667be96068f"},e("h2",{key:"22a384e50f46467bcbafa7be795461024c25b8b0"},"Date-range input"),e("smoothly-form",{key:"201517c3e9cd58a086d978da2b80d94cbb4b7a36",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date-range",{key:"6cb457ad45877b3e36c60cba1c8f364133648478",name:"range"},"Range"),e("smoothly-input-submit",{key:"91e289602933e30ee845516efc85094ff03c453d",slot:"submit"},e("smoothly-icon",{key:"93d0acb0034106aeadfb8727cb2bb7e6b1bad52a",name:"checkmark-outline"}))))}static get style(){return D()}},[2,"smoothly-form-demo-date-range"]);function x(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date-range","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date-range":if(!customElements.get(a(o))){customElements.define(a(o),B)}break;case"smoothly-button":if(!customElements.get(a(o))){l()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){p()}break;case"smoothly-calendar":if(!customElements.get(a(o))){f()}break;case"smoothly-date-text":if(!customElements.get(a(o))){y()}break;case"smoothly-form":if(!customElements.get(a(o))){h()}break;case"smoothly-icon":if(!customElements.get(a(o))){b()}break;case"smoothly-input-date-range":if(!customElements.get(a(o))){d()}break;case"smoothly-input-month":if(!customElements.get(a(o))){u()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){g()}break;case"smoothly-spinner":if(!customElements.get(a(o))){E()}break}}))}x();export{B as S,x as d};
-//# sourceMappingURL=p-CT5ZkMDd.js.map

package/dist/components/p-CUmpHIzY.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as o,h as t,t as c}from"./p-BsZrGTcp.js";import"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as a}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as i}from"./p-mmAi00ak.js";const d=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=o(this,"notice")}task(e,s=2e3){return()=>new Promise((o=>window.setTimeout((()=>o(e?[true,"Task completed."]:[false,"Task failed."])),s)))}render(){return t("main",{key:"e3d338d08a8155c994f121e190583b1492631049"},t("fieldset",{key:"3d775b4ed5229982b2dbe2175a80223ccda92106"},t("h2",{key:"0a351b1923d27a7bf576c2fbb43cd5368ce6442d"},"Immediate"),t("p",{key:"bff747d88b7d561ec2a60a65b76ee0c1bc49ad39"},"Fires right away and closes after the default 15 seconds."),t("smoothly-button",{key:"1b8830e040cd6530425d3d66b5c78a7ed4e80357",color:"success",fill:"solid",onClick:()=>this.notice.emit(a.succeeded("Payment processed successfully."))},"Success"),t("smoothly-button",{key:"3ad3baf9b33d67c27fdd0cff8585f7b6eeed8807",color:"danger",fill:"solid",onClick:()=>this.notice.emit(a.failed("Payment could not be processed."))},"Failed"),t("smoothly-button",{key:"2c90a3b3742edac4c4afcee809048e65375ec705",color:"warning",fill:"solid",onClick:()=>this.notice.emit(a.warn("Balance is running low."))},"Warning")),t("fieldset",{key:"e9740e78990b6beefb77c16663e96d627b619b7b"},t("h2",{key:"9668a13f88db3b43b20e84d64339e46c0b876f9a"},"Task"),t("p",{key:"9625eaf81bd2a90ca74094f5a6ba4a23e8605853"},"Shows an executing spinner while the task runs, then transitions to success or failure."),t("smoothly-button",{key:"e99ab12076adc90e2097c7586e4f6d2377ba592c",color:"success",fill:"outline",onClick:()=>this.notice.emit(a.execute("Processing payment…",this.task(true)))},"Execute (succeeds after 2s)"),t("smoothly-button",{key:"c37c6803dcc33ebb1789e981ec9bbd4453df2944",color:"danger",fill:"outline",onClick:()=>this.notice.emit(a.execute("Processing payment…",this.task(false)))},"Execute (fails after 2s)"),t("smoothly-button",{key:"e37ff795ca11e50e80bac180c0b9fae40e8ec587",color:"medium",fill:"solid",onClick:()=>this.notice.emit(a.delay("Payment scheduled…",this.task(true)))},"Delay (waits 5s, then executes)")),t("fieldset",{key:"af63d14a88d1cd79fb022d5efbd9f5a42adf191b"},t("h2",{key:"2fe03dc548758db94a03948f0595a296e145a0e5"},"Custom lifetime"),t("p",{key:"6aead78b7f995d63d29f75d8a164aaf2188111bd"},"Controls how long the notice stays visible after resolving."),t("smoothly-button",{key:"f480806e042ba24075c030c7a767a1fb4a65de22",color:"success",fill:"solid",onClick:()=>this.notice.emit(a.succeeded("Gone in 3 seconds.",3e3))},"Success (3s)"),t("smoothly-button",{key:"bd377ef80546a629a08919899fff0e4c57ad24b3",color:"warning",fill:"solid",onClick:()=>this.notice.emit(a.warn("Sticks around for 30 seconds.",3e4))},"Warning (30s)")))}},[0,"smoothly-notifier-demo"]);function l(){if(typeof customElements==="undefined"){return}const e=["smoothly-notifier-demo","smoothly-button"];e.forEach((e=>{switch(e){case"smoothly-notifier-demo":if(!customElements.get(c(e))){customElements.define(c(e),d)}break;case"smoothly-button":if(!customElements.get(c(e))){i()}break}}))}l();export{d as S,l as d};
-//# sourceMappingURL=p-CUmpHIzY.js.map

package/dist/components/p-CXcvp4fs.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,c as a,h as o,d as s,t as c}from"./p-BsZrGTcp.js";import{i as m}from"./p-BVKhAhsB.js";import{d}from"./p-zLhQ1mMe.js";import{d as l}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as f}from"./p-bQGZECIZ.js";import{d as b}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as y}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d as u}from"./p-DvZK__s-.js";import{d as h}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as v}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as E}from"./p-CDzU4-Ri.js";import{d as x}from"./p-CIXMGKGQ.js";import{d as D}from"./p-BAMFAtTN.js";import{d as C}from"./p-ACHjKlBz.js";import{d as w}from"./p-BrYTMGo3.js";import{d as S}from"./p-BdhEVyZ3.js";import{d as z}from"./p-DGTXEwvN.js";import{d as L}from"./p-DRyQsXc9.js";import{d as A}from"./p-B2GxOEjl.js";import{d as B}from"./p-UqPFIGlg.js";import{d as I}from"./p-UCcJDJNC.js";import{d as M}from"./p-CMMaSJvr.js";import{d as N}from"./p-Bo1NnbuT.js";import{d as F}from"./p-BQOdxeHU.js";import{d as U}from"./p-Dq8EU803.js";import{d as G}from"./p-Cppqe_PV.js";import{d as H}from"./p-CLqKhHZ8.js";import{d as Q}from"./p-vN0nUvmF.js";import{d as Z}from"./p-ycoVDLCD.js";import{d as R}from"./p-ByRyVRgY.js";import{d as T}from"./p-CmUug44L.js";import{d as J}from"./p-BcEDrfmP.js";import{d as K}from"./p-2Y5tLcQ1.js";import{d as V}from"./p-BCwizh6U.js";const q=()=>`.sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}`;const O=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyUrlUpdate=a(this,"smoothlyUrlUpdate");this.duration={hours:8};this.alphanumeric="!@##";this.numbers=[1,2,3,4,5,6,7,8,9]}render(){return o(s,{key:"ef33e129690f3cd0a771a1b12dcb8f9c79fa566e"},o("smoothly-input-demo-standard",{key:"5e12871414915755af5fb0e896b2ae9cbaeec449"}),o("smoothly-input-date-demo",{key:"cd9a7179d6d78b58c64a37329d170dafa3c4d4ee"}),o("smoothly-input-demo-user-input",{key:"1dc3897e7c1bb3de9b45084c880745abfadb568c"}),o("smoothly-input-demo-radio",{key:"3a6b7c1417ea8a91a62d4c911562175ba623c1e5"}),o("div",{key:"d218e51f2785f7caed4318ea33aaab6dca63d05e",class:"inputs"},o("h2",{key:"53ac6e802dd3e3581ad3dc2feb629537dbeaf9b6"},"Calendar"),o("smoothly-input-date",{key:"25127e4d56c34404d0dc25d63b7cc96c5e8c3645",name:"some-date"},"Calendar"),o("smoothly-input-date-time",{key:"e3025c6634241fa1347c7b2c93a918288a2371d6",name:"someDateTime",value:m.DateTime.now()},"DateTime"),o("h2",{key:"6db99859de7c13e9d6d40aa5c7cbdc25cddffd14"},"Date Range"),o("smoothly-input-date-range",{key:"c56da60bdb19ea3c0305d1881180845f848cb625",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-01",max:"2025-01-31"}),o("smoothly-input-date-range",{key:"556c9c8b45219b64f966252c9ea23b8a02bf78a2",name:"testing",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2024-12-30"},o("smoothly-input-reset",{key:"d6e08652074753d81334f6f26872f16a4ad27120",slot:"end",size:"icon"})),o("smoothly-input-date-range",{key:"65bffbaab83f117517cd37087c028d1ed2b4936c",looks:"grid",start:m.Date.now(),end:m.Date.nextMonth(m.Date.now()),min:"2021-10-10",max:"2025-12-30",showLabel:false,style:{"--smoothly-input-border-radius":"0.5rem"}},o("smoothly-input-clear",{key:"e61e9737c489a68b612e38490fa4b2f95de72a6a",slot:"end",size:"icon"})),o("h2",{key:"d7f0223de99a710561a28daf86ceb69d7aef1da1"},"Date"),o("smoothly-input-date",{key:"2cf84ece02042c92ac3754379268a94ef536c91a"},"Date"),o("smoothly-input-date",{key:"b1b465843e3562c30e589af11004a09bf2b6157a",showLabel:false,value:"2021-10-28",max:"2021-12-30",min:"2021-10-10"},"Date"),o("smoothly-input-date",{key:"5810635fbfd26dd8735f8abd2c2e58f30affd61c",value:"2021-10-28"},"Date",o("smoothly-input-reset",{key:"d63d51b77f52243dfa9f13fe2754e53919d21c06",slot:"end",size:"icon"})),o("smoothly-input-date",{key:"7815c1afc2b1d38d3263630d8ef8d5a4cfa0a096",value:"2021-10-28"},"Date",o("smoothly-input-clear",{key:"cf8b725f54894024063bb6735e17ed692195c994",slot:"end",size:"icon"})),o("h2",{key:"db2776f12559673b653e4671f92c578471e65a7a"},"Select"),o("div",{key:"64ef6bd07f27d07cf6ea6dd23ae434503fdcc740",class:"select-div"},o("smoothly-input-select",{key:"0a0f832b86bdb2fc7aeb964d52f320a6d76cf40d",name:"select-dessert",looks:"border"},o("label",{key:"d95e443f3df2398ca64bd6bcd64d6cdd629d0a8d",slot:"label"},"Select with clear button"),o("smoothly-item",{key:"c081a219a330aac151711e87423b474037b79628",value:"1"},"Ice cream"),o("smoothly-item",{key:"c168ee280c6dea09c54d86ae72fe2c79e134d448",value:"2"},"Sponge cake"),o("smoothly-item",{key:"cfea0b38d63995c108f0277ca248647725d22a60",value:"3",disabled:true},"Disabled Item"),o("smoothly-item",{key:"b93622e1a391c980d0c0371a0918dfca7ae7b456",value:"4"},"Cookie"),o("smoothly-item",{key:"e8733a8a51b09cea7ee31e4017f58152b58f5827",value:"5"},"Croissant"),o("smoothly-item",{key:"90731e217754cb6c096cc190fb8b0c56c2bac593",value:"6"},"Chocolate fondue"),o("smoothly-input-clear",{key:"0129f30c20777f9a37fc19ee8051e377507c9368",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"94d3b7ca28b5fe5f9c9a3c587d995c65c8be45ad",multiple:true,name:"select-dessert-multiple",looks:"border"},o("label",{key:"2d935f7418f8db300bf20412c4dd15934da5c0d3",slot:"label"},"Select multiple with reset button"),o("smoothly-item",{key:"3c2579bffcde279703cfc041b315560a6dcc098e",value:"ice cream"},"Ice cream"),o("smoothly-item",{key:"a49fcce300b665b0de07fe67b5ea798e2fa94626",value:"sponge cake"},"Sponge cake"),o("smoothly-item",{key:"4678f38edab9f88113c056ff820df2bd07e2fe33",selected:true,value:"cookie"},"Cookie"),o("smoothly-item",{key:"fdcf2ecd485fe75a35ca96ed89352a343819b770",value:"croissant"},"Croissant"),o("smoothly-item",{key:"f5cafb0e4b020489c72db9cd2362936449826dbd",selected:true,value:"chocolate fondue"},"Chocolate fondue"),o("smoothly-input-reset",{key:"8c49833f66cee2e2ebac320c67ee5452a77636f7",size:"icon",slot:"end"})),o("smoothly-input-select",{key:"146806189c90cecb94e0bc9a01c713695689a2bc",name:"spirit-animals",looks:"border",mutable:true},o("label",{key:"56bc9c8ef474ce79b1af47086b65847877d6a03c",slot:"label"},"Select or add new options"),o("smoothly-item",{key:"b13d4158fadfb725ff6c1ca236f4724ba95936df",value:"manatee"},"Manatee"),o("smoothly-item",{key:"85d95f128731e5fd3ec1c1f3df672d98ff3a199a",selected:true,value:"cthulu"},"Cthulu")),o("smoothly-input-select",{key:"3bffa0bfbce0ab015208bdff0d648bf8f6d497bf",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"05d80d05561b9a716ea94d8e3fb3e3d5afc66c4c",value:"folder",selected:true},o("smoothly-icon",{key:"f86490ab381f59ed6fcdacb1d7441697fe645fd8",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ec29517ce6ee5b7353bc20fc3c4365751815bfc6",value:"camera"},o("smoothly-icon",{key:"75c27c69a18c0c37a6d989a2268ed9fa7ffb6daf",size:"small",name:"camera-outline"}))),o("smoothly-input-select",{key:"7ff7efc5b6f7a47da43fbd859a0c20cfb013c1c3",ordered:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"3eb848081a594d164a7144ac8fe91719c11dd950",slot:"label"},"Alphabet ordered select"),Array.from({length:26}).map(((e,t)=>String.fromCharCode(t+65))).map((e=>o("smoothly-item",{value:e,selected:e=="H"},e)))),o("smoothly-input-select",{key:"36db6fdd61728c21488000fb0e588858726de95d",multiple:true,menuHeight:"7.5items",placeholder:"Select...",name:"select-month"},o("label",{key:"b3a93c5d2b02f5c5ca50e2041db860082432ba0f",slot:"label"},"Month multiple select"),o("smoothly-item",{key:"5b3f4d4dda6ca6bac04d3d58e14b1bc6808a515d",value:"1"},"January"),o("smoothly-item",{key:"2137f933a08f0bff7661ef7eedb566ef0613b2c0",value:"2"},"February"),o("smoothly-item",{key:"2b60b2706c7a4e560dc61969fe8bff8bae2ee3b4",value:"3"},"March"),o("smoothly-item",{key:"10f7a805783997893080eba61a3a293901273b7e",value:"4"},"April"),o("smoothly-item",{key:"fbb81488473ab771ba92650e7f6c0d1e385a5486",value:"5"},"May"),o("smoothly-item",{key:"bb9a696e13859137773158b219807224c9e456d5",value:"6"},"June"),o("smoothly-item",{key:"cb9cb347df1ab4551d11a6104fea41e53646f7fe",value:"7"},"July"),o("smoothly-item",{key:"f636d5874c7b810b59d9aea7454ee060093946ff",value:"8"},"August"),o("smoothly-item",{key:"d7882ebaf8e4b13216201b04201f19d0152c7997",value:"9"},"September"),o("smoothly-item",{key:"30815b5d8ae477d52a6896083f58d5e913fc6ec9",value:"10"},"October"),o("smoothly-item",{key:"70658c05936d61c7e4faf8ab265d5e7ae448774a",value:"11"},"November"),o("smoothly-item",{key:"c737ec283e42443c75334f925d7fab3df2527a4f",value:"12"},"December")),o("div",{key:"a149cf4a6ebc5828e095c10e9d6d57abbc43c359",class:"select-div-row"},o("smoothly-input-select",{key:"0b32d71db9eb24afd885c46ea5f414be1e55133c",name:"select-icon",clearable:false,showSelected:false},o("smoothly-item",{key:"1c4fb8eeb730b8cfe6e4818ca16c565014a159a7",value:"folder",selected:true},o("smoothly-icon",{key:"082d0bba96283c4bceb9f92c3e772bd3fd8b7011",size:"small",name:"folder-outline"})),o("smoothly-item",{key:"ea4df02bbe52f26a1888b2f74ed587beb09890fe",value:"camera"},o("smoothly-icon",{key:"166ec449cff9acf04d866ac4786ba9f30b2a3b42",size:"small",name:"camera-outline"})),o("smoothly-item",{key:"65aa76f7da4c5677b031fe45a5a86fca0a3d29ee",value:"boat"},o("smoothly-icon",{key:"32d5688b2e74006e65131f11ee06890d8d52b5dd",size:"small",name:"boat-outline"}))),o("smoothly-input-select",{key:"fccc2a0bad4e53a6fee2a5ceca85a59b91d70090",name:"select-number",clearable:false},this.numbers.map((e=>o("smoothly-item",{value:"number",selected:e===3},e)))),o("smoothly-input",{key:"f8a91a3e5d64b5058bb91a50dde94d3eb128f7b5",name:"name",value:"Sten Qvist"},"Name"))),o("h2",{key:"012a2aeb69da69b0ab9cff4b761500892f2c9aba"},"Duration"),o("smoothly-input",{key:"55df5644b13c507f13d0efec711da4c3ae59dc95",name:"duration",type:"duration",placeholder:"hh:mm",value:this.duration,onSmoothlyInput:e=>this.duration=e.detail.duration},"Duration"),o("smoothly-input",{key:"4aa5fe278bfd9e37e3a625b67304cadb164bdd78",name:"duration",type:"duration",value:this.duration,placeholder:"-hh:mm",onSmoothlyInput:e=>{const t=e.detail.duration;this.duration=t}},"Duration"),o("h2",{key:"bb855c65c4b59aef87c9d4d18ac6db6b6d21bdec"},"Integer with Min/Max"),o("smoothly-input",{key:"1a5e0092eb5330cc384aafce47e1438abca4a590",name:"days",type:"integer",min:0,max:365},"Days per year (0-365)"),o("smoothly-input",{key:"359faaba1e62172b0224c8d8ec58e49cb5a81f09",name:"hour",type:"integer",min:0,max:23},"Hours per day (0-23)"),o("smoothly-input",{key:"6ce0655a6b0134ce4175d65f80792287e48eefbe",name:"minute",type:"integer",min:0,max:59},"Minutes per hour (0-59)"),o("smoothly-input",{key:"3ce841cda01cbb2c4f346009648faa281831a4b2",name:"minute",type:"integer",min:18,max:120},"Age (18-120)"),o("h2",{key:"e63ebb0b5996cbf653c6b6c969df48d635e28c30"},"Invalid text with warning icon and tooltip"),o("smoothly-input",{key:"62873bd1d9eadab148e0502f44fdbc779aa5a789",copyable:true,name:"alphanumeric",invalid:!/^[a-zA-Z0-9]+$/.test(this.alphanumeric),errorMessage:"Only alphanumeric allowed",value:this.alphanumeric,onSmoothlyInput:e=>this.alphanumeric=e.detail.alphanumeric},"Alphanumeric"),o("h2",{key:"04dffd24a3af57da6ae369a8fbe9372893e6e380"},"Identifiers"),o("smoothly-input",{key:"3d18b596880f98b84a07742cb9778d0095719294",type:"identifier-code"},"Code"),o("smoothly-input",{key:"190651f4f4263eaacd8b80f90f4074fef28da183",type:"identifier-attribute"},"Attribute"),o("smoothly-input",{key:"3a8802a9a173f518f975717cbe23cd1150316fc5",type:"identifier-snake"},"Snake"),o("smoothly-input",{key:"00ec5419cd67a7217d23f95513f451f2c8e98f8e",type:"identifier-pascal"},"Pascal"),o("smoothly-input",{key:"93eac4cce148e22640908d0d2f7c19a04b66d3f9",type:"identifier-camel"},"Camel"),o("h2",{key:"98b93a5cb9daf216199adb5fa089ddd84bc96c61"},"Input Alternatives"),o("smoothly-input",{key:"a031c081e8531bad8400469ae449757958d7324a",type:"text",name:"name.last"},o("smoothly-icon",{key:"bf00331aeef0f1046c5505911d7db6ba845e636c",name:"checkmark-circle",slot:"start"}),"First Name"),o("smoothly-input",{key:"7824cf3b501d802ff40e4a750dd46defa9cac8b6",type:"text",name:"name.first"},"Last Name",o("smoothly-icon",{key:"497b0417f5e7b0714753b0e5d78a78ab18130007",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"ba93dadda8140d398c1d350f98c53d2a08c440db",type:"text",name:"name.first",placeholder:"Smith"},"Last Name",o("smoothly-icon",{key:"28e8478b908bb51c6c5949e986c69930d1b10cb5",name:"checkmark-circle",slot:"end"})),o("smoothly-input",{key:"fcb8531d6fe4129585e9a6d6e641022f2f14cb94",placeholder:"test"}),o("smoothly-input-submit",{key:"97a4d319d250ecd00ede7a5beb2c06b077e8e82c",slot:"submit",fill:"solid",onSubmit:e=>alert(e),color:"success"}),o("h4",{key:"50579aad1a91b0c728a127076a37be38273b3635"},"Smoothly checkboxes"),o("div",{key:"ceee0a83b7626132ac6323dfd894d8ece7ea2f69",class:"checkbox-group"},o("smoothly-input-checkbox",{key:"0eab1d5ac670458ab57af847c9996fcf874fd985",disabled:true,name:"first-checkbox"},o("smoothly-icon",{key:"aa4259b0bc0193a0e31b2bdc2f9550d1e7a9cd66",name:"checkmark-circle",slot:"start",size:"tiny"}),"First"),o("smoothly-input-checkbox",{key:"38fe8ffc98f95b0a81aba7dadb0a46f876ec09f4",name:"second-checkbox",checked:true},o("smoothly-icon",{key:"40b2451d7fb2f705251abfb2158bc91a31ae9d3d",name:"checkmark-circle",slot:"start",size:"tiny"}),"second",o("smoothly-input-clear",{key:"34675173c8447131c978ca934fdde0d8764f44a8",size:"icon",slot:"end"})),o("smoothly-input-checkbox",{key:"42c6dd2f0fd6bb72d8ce31158f0451c5f500fe2b",name:"third-checkbox"},"3rd")),o("h4",{key:"94ddf8048c28f947c3d20a2440c49e9340448c58"},"Smoothly Radio Buttons"),o("smoothly-input-radio",{key:"0e308b17b5783bb23ce817cb30fbb9237a1b5b65",clearable:true,name:"radioFirstInput"},o("smoothly-icon",{key:"61ab423d103c3f04fbaae7d02d0a1685d576fcfe",name:"checkmark-circle",slot:"start"}),o("label",{key:"f75b6164630e97ad5f1174c08afe841e7321fe28",slot:"label"},"Clearable"),o("smoothly-input-radio-item",{key:"fd4284b27663aed055dce8671b46881789ba7dfb",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"9554d37989867953cefb248a039d1c6217ea0c4f",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"7643fa634aa9693163de7926468ea47ea99d232f",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"ef750494dee99f5bf962f93f143a80a540834f20",size:"icon",slot:"end"})),o("smoothly-input-radio",{key:"3cf94704be4ce872a79a97abb4dc1828ade9ad71",name:"radioSecondInput"},o("label",{key:"d3feeed0e6debeaba6e95eec7c6effa4e3aa0484",slot:"label"},"Not clearable"),o("smoothly-input-radio-item",{key:"ed5bc06f71277cc4ad5e644d4b07c42c80dd1027",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"944215e958076b552f4ee8e5728897f63e88657c",value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"273705d445c5b1c1c01f6cea30bf8ad4036f932a",value:"third"},"Label 3"),o("smoothly-input-radio-item",{key:"c16dee456ac64f1aa945dcf6934ff6734c63e597",value:"fourth"},"Label 4"),o("smoothly-input-radio-item",{key:"d9795190e66042dedd027a4780900e2a32548ebc",value:"fifth"},"Label 5"),o("smoothly-input-radio-item",{key:"985a353d4d42885a3597807d9b3a1d6fe2692520",value:"sixth"},"Label 6")),o("smoothly-input-range-demo",{key:"011666bd072c688123437302f21ef556b9bc45cf"}),o("smoothly-input-color-demo",{key:"a7e2fedb5277f19eee2c670bf88c1089ead1eb92"}),o("smoothly-input-price-demo",{key:"3e2f3d6d9e0e368ad4b8c7f3294bbc8cb19d3358"}),o("smoothly-back-to-top",{key:"c2ecc189b026a4eae72d521e4cdffcfbd58ddbd9"})))}static get style(){return q()}},[2,"smoothly-input-demo",{duration:[32],alphanumeric:[32]}]);function P(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo","smoothly-back-to-top","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-color-demo","smoothly-input-date","smoothly-input-date-demo","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-demo-radio","smoothly-input-demo-standard","smoothly-input-demo-user-input","smoothly-input-file","smoothly-input-month","smoothly-input-price-demo","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-range-demo","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo":if(!customElements.get(c(e))){customElements.define(c(e),O)}break;case"smoothly-back-to-top":if(!customElements.get(c(e))){d()}break;case"smoothly-button":if(!customElements.get(c(e))){l()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){i()}break;case"smoothly-calendar":if(!customElements.get(c(e))){f()}break;case"smoothly-date-text":if(!customElements.get(c(e))){b()}break;case"smoothly-display":if(!customElements.get(c(e))){n()}break;case"smoothly-display-json":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){h()}break;case"smoothly-form":if(!customElements.get(c(e))){p()}break;case"smoothly-icon":if(!customElements.get(c(e))){k()}break;case"smoothly-input":if(!customElements.get(c(e))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(c(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(c(e))){g()}break;case"smoothly-input-color":if(!customElements.get(c(e))){E()}break;case"smoothly-input-color-demo":if(!customElements.get(c(e))){x()}break;case"smoothly-input-date":if(!customElements.get(c(e))){D()}break;case"smoothly-input-date-demo":if(!customElements.get(c(e))){C()}break;case"smoothly-input-date-range":if(!customElements.get(c(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(c(e))){S()}break;case"smoothly-input-demo-radio":if(!customElements.get(c(e))){z()}break;case"smoothly-input-demo-standard":if(!customElements.get(c(e))){L()}break;case"smoothly-input-demo-user-input":if(!customElements.get(c(e))){A()}break;case"smoothly-input-file":if(!customElements.get(c(e))){B()}break;case"smoothly-input-month":if(!customElements.get(c(e))){I()}break;case"smoothly-input-price-demo":if(!customElements.get(c(e))){M()}break;case"smoothly-input-radio":if(!customElements.get(c(e))){N()}break;case"smoothly-input-radio-item":if(!customElements.get(c(e))){F()}break;case"smoothly-input-range":if(!customElements.get(c(e))){U()}break;case"smoothly-input-range-demo":if(!customElements.get(c(e))){G()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){H()}break;case"smoothly-input-select":if(!customElements.get(c(e))){Q()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){Z()}break;case"smoothly-item":if(!customElements.get(c(e))){R()}break;case"smoothly-spinner":if(!customElements.get(c(e))){T()}break;case"smoothly-tab":if(!customElements.get(c(e))){J()}break;case"smoothly-tabs":if(!customElements.get(c(e))){K()}break;case"smoothly-toggle-switch":if(!customElements.get(c(e))){V()}break}}))}P();export{O as S,P as d};
-//# sourceMappingURL=p-CXcvp4fs.js.map

package/dist/components/p-CZERsWDV.js

@@ -1,2 +0,0 @@
-import{p as o,H as s,h as e,d as t,t as m}from"./p-BsZrGTcp.js";import{d as r}from"./p-mmAi00ak.js";import{d as a}from"./p-MHAaISnU.js";import{d as n}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as i}from"./p-BHTAR2x1.js";import{d as f}from"./p-CLqKhHZ8.js";import{d as l}from"./p-ycoVDLCD.js";import{d}from"./p-CmUug44L.js";const p=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return e(t,{key:"2c9674e5f435d97bd0387de4d5b91443aa521196"},e("h2",{key:"d1440db142e8443b534d60a050416740e0ba82f9"},"Login"),e("smoothly-form",{key:"f1fa4c58d439b4465a4cc3eaad87637ecbf3ac51",looks:"border"},e("smoothly-input",{key:"c419a3578e1de751d77052c78992bfe9daef6238",type:"text",name:"username"},"Username"),e("smoothly-input",{key:"fbce70bd6ac07efbf59bb39ea1d728a3e78c6d77",type:"password",name:"password"},"Password"),e("smoothly-input-reset",{key:"22df0cdc42340f207032132943cd3a5206dee49b",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"83967b0011d19526ec165d2888a5bd4533a4cf0c",slot:"submit"})))}},[2,"smoothly-form-demo-login"]);function u(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-login","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-login":if(!customElements.get(m(o))){customElements.define(m(o),p)}break;case"smoothly-button":if(!customElements.get(m(o))){r()}break;case"smoothly-button-confirm":if(!customElements.get(m(o))){a()}break;case"smoothly-form":if(!customElements.get(m(o))){n()}break;case"smoothly-icon":if(!customElements.get(m(o))){c()}break;case"smoothly-input":if(!customElements.get(m(o))){i()}break;case"smoothly-input-reset":if(!customElements.get(m(o))){f()}break;case"smoothly-input-submit":if(!customElements.get(m(o))){l()}break;case"smoothly-spinner":if(!customElements.get(m(o))){d()}break}}))}u();export{p as S,u as d};
-//# sourceMappingURL=p-CZERsWDV.js.map

package/dist/components/p-CcBRUK1s.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as s,d as o,t as m}from"./p-BsZrGTcp.js";import{d as c}from"./p-DDYB8QLF.js";import{d as n}from"./p-vN0nUvmF.js";import{d as l}from"./p-ByRyVRgY.js";const a=()=>``;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"70e3737e113724291c1decf423e6cd39733763a7"},s("smoothly-input-select",{key:"eed6362c4c845f26fe45ab80a36261a851146a32",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"39e4c5e3793f19cc007f3a8b96988922a09109cf",slot:"label"},"Select theme"),s("slot",{key:"ea07c5aaee7e847991b27358eef479edb0105f91"})))}static get style(){return a()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(m(e))){customElements.define(m(e),i)}break;case"smoothly-icon":if(!customElements.get(m(e))){c()}break;case"smoothly-input-select":if(!customElements.get(m(e))){n()}break;case"smoothly-item":if(!customElements.get(m(e))){l()}break}}))}r();export{i as S,r as d};
-//# sourceMappingURL=p-CcBRUK1s.js.map

package/dist/components/p-Cppqe_PV.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as o,d as a,t}from"./p-BsZrGTcp.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d as c}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as l}from"./p-F8qX8ZuL.js";import{d as i}from"./p-DDYB8QLF.js";import{d as f}from"./p-BHTAR2x1.js";import{d as p}from"./p-Dk4OvZyQ.js";import{d as y}from"./p-Dq8EU803.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(a,{key:"fd572625434e3a3a511d2fdc4e39a11734eee8fb"},o("h2",{key:"0bf7d54f8cf11e3e870d6c1152fdad2665baf305"},"Range"),o("h3",{key:"37f05494fea8a36a05684fb0ad0aede0d27630aa"},"Phone Number"),o("smoothly-input-range",{key:"68d94bdeb4db077a49a011c4849e99a1b33db40b",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"d1b81f1dae6424d685997bd8dfe02a10832a1b2a"},"Stars out of ten"),o("smoothly-input-range",{key:"dca3283520395117ed946a844bb46f7fc52c0212",max:10,step:1,label:"Stars"}),o("h3",{key:"8670432a44d93f9f7dbc315c1f0a51d9aa79100a"},"Percent"),o("smoothly-input-range",{key:"78863ada16280bb963e15f1682aa8131667a1bd3",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"1b4a9ba5d75f92f1f90dc46a4710a35edd2fe2e9"},"With icon at start and clear button"),o("smoothly-input-range",{key:"95c8798a86fc50de7ad65b67f837a71e2743c2ae",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"f44529bf690bcf4ceff1dfa1520d2cf92a456f2f",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"27ef758b1ba28f93ae5a19cc14fb1bdbf1415c70",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(t(e))){customElements.define(t(e),b)}break;case"smoothly-button":if(!customElements.get(t(e))){m()}break;case"smoothly-display":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){c()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){l()}break;case"smoothly-icon":if(!customElements.get(t(e))){i()}break;case"smoothly-input":if(!customElements.get(t(e))){f()}break;case"smoothly-input-clear":if(!customElements.get(t(e))){p()}break;case"smoothly-input-range":if(!customElements.get(t(e))){y()}break}}))}u();export{b as S,u as d};
-//# sourceMappingURL=p-Cppqe_PV.js.map