smoothly 0.3.38 → 1.0.0-alpha.10

package/dist/collection/components/option/index.js

@@ -267,3 +267,4 @@ export class SmoothlyOption {
   }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/option/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOtF,MAAM,OAAO,cAAc;;;yBAG8B,KAAK;;;mBAGD,KAAK;;;kBAGhD,KAAK;mBACa,KAAK;;EAKxC,OAAO,CAAC,KAAiB;IACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;EAC9D,CAAC;EACD,QAAQ,CAAC,KAAc;IACtB,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,IAAI,CAAC,GAAG;QACP,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;UAChD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;UAChE,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;MACnE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC7C;;MACA,MAAM,mBAAmB,IAAI,CAAC,OAAO,CAAC,SAAS,yDAAyD,CAAA;EAC1G,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;MAC9F,IAAI,CAAC,MAAM,IAAI,qBAAe,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,GAAkB;MACnG,WAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO;MACnC;QACC,YAAM,IAAI,EAAC,MAAM,GAAQ,CACT,CACX,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-option\",\n\tstyleUrl: \"style.css\",\n\tshadow: true,\n})\nexport class SmoothlyOption {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) aliases: string\n\t@Prop({ mutable: true, reflect: true }) dataHighlight = false\n\t@Prop({ mutable: true, reflect: true }) name: string\n\t@Prop({ mutable: true, reflect: true }) value: string\n\t@Prop({ mutable: true, reflect: true }) divider?: boolean = false\n\t@Prop() checkbox: boolean\n\t@Prop() new?: boolean\n\t@Prop() toggle = false\n\t@Prop({ mutable: true }) checked = false\n\t@Event() optionHover: EventEmitter<{ value: any; name: string }>\n\t@Event() optionSelect: EventEmitter<{ value: any; name: string }>\n\t@Event() optionUnselect: EventEmitter<{ value: any; name: string }>\n\t@Event() optionAdd: EventEmitter<{ name: string; value: string }>\n\tonHover(event: MouseEvent) {\n\t\tthis.optionHover.emit({ name: this.name, value: this.value })\n\t}\n\tonSelect(event: UIEvent) {\n\t\tif (this.value) {\n\t\t\tthis.new\n\t\t\t\t? this.optionAdd.emit({ name: this.name, value: this.value })\n\t\t\t\t: !this.toggle || (this.toggle && !this.checked)\n\t\t\t\t? this.optionSelect.emit({ name: this.name, value: this.value })\n\t\t\t\t: this.optionUnselect.emit({ name: this.name, value: this.value })\n\t\t\tthis.toggle && (this.checked = !this.checked)\n\t\t} else\n\t\t\tthrow `smoothly-option ${this.element.innerHTML} lacks value-property and can therefore not be selected`\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host onMouseDown={(e: any) => this.onSelect(e)} onMouseOver={(e: MouseEvent) => this.onHover(e)}>\n\t\t\t\t{this.toggle && <smoothly-icon name={this.checked ? \"checkbox\" : \"square-outline\"}></smoothly-icon>}\n\t\t\t\t<div class=\"name\">{this.name}</div>\n\t\t\t\t<smoothly-quiet>\n\t\t\t\t\t<slot name=\"hint\"></slot>\n\t\t\t\t</smoothly-quiet>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/picker/index.js

@@ -584,3 +584,4 @@ export class SmoothlyPicker {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Notice, Option } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-picker\",\n\tstyleUrl: \"style.scss\",\n\tshadow: true,\n})\nexport class SmoothlyPicker {\n\tprivate inputElement: HTMLInputElement\n\tprivate keepFocusOnReRender = false\n\tprivate menuElement: HTMLSmoothlyMenuOptionsElement\n\t@Element() element: HTMLElement\n\t@State() isOpen: boolean\n\t@State() empty: boolean\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) readonly = false\n\t@Prop() maxMenuHeight = \"inherit\"\n\t@Prop() maxHeight: string\n\t@Prop({ mutable: true }) emptyMenuLabel = \"No Options\"\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() mutable = false\n\t@Prop() optionStyle: any\n\t@Prop({ mutable: true, reflect: true }) options: (Option & { checked?: boolean })[] = []\n\t@Prop({ reflect: true }) labelSetting: \"hide\" | \"default\"\n\t@Prop({ reflect: true }) label: string\n\t@Prop({ mutable: true }) selections: Option[] = []\n\t@Prop({ mutable: true }) selectNoneName = \"Select None\"\n\t@Prop({ mutable: true }) selectAllName = \"Select All\"\n\t@Prop({ mutable: true }) selectionName = \"items selected\"\n\t@Prop({ mutable: true }) newOptionLabel = \"Add:\"\n\t@Prop() valueValidator: (value: any) => [boolean, Notice | undefined] = _ => [true, undefined]\n\t@Event() menuClose: EventEmitter<Option[]>\n\t@Event() notice: EventEmitter<Notice>\n\t@Watch(\"isOpen\")\n\tisOpenChangeHandler() {\n\t\tif (this.isOpen == false) {\n\t\t\tthis.menuClose.emit(this.selections)\n\t\t}\n\t}\n\tcomponentDidRender() {\n\t\tthis.filterOptions()\n\t\tif (this.keepFocusOnReRender) {\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.keepFocusOnReRender = false\n\t\t}\n\t}\n\t@Listen(\"optionSelect\")\n\t@Listen(\"optionUnselect\")\n\toptionSelectHandler(event: CustomEvent<Option>) {\n\t\tthis.toggle(event.detail)\n\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"optionAdd\")\n\toptionAddHandler(event: CustomEvent<{ name: string; value: string }>) {\n\t\tif (this.mutable) {\n\t\t\tconst [status, notice] = this.valueValidator(event.detail.value)\n\t\t\tif (status) {\n\t\t\t\tconst option = { ...event.detail }\n\t\t\t\tthis.options = [...this.options, option]\n\t\t\t\tthis.select(option)\n\t\t\t}\n\t\t\tnotice && this.notice.emit(notice)\n\t\t}\n\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"menuEmpty\")\n\temptyHandler(event: CustomEvent<boolean>) {\n\t\tthis.empty = event.detail\n\t\tevent.stopPropagation()\n\t}\n\ttoggle(option: Option) {\n\t\toption.value == \"select-none\"\n\t\t\t? this.toggleAll()\n\t\t\t: this.selections.map(s => s.value).includes(option.value)\n\t\t\t? this.unselect(option)\n\t\t\t: this.select(option)\n\t}\n\ttoggleAll() {\n\t\tthis.selections = this.selections.length == this.options?.length ? [] : this.options\n\t\tthis.inputElement.focus()\n\t\tthis.keepFocusOnReRender = true\n\t}\n\tunselect(selection: Option) {\n\t\tconst index = this.selections.map(selection => selection.value).indexOf(selection.value)\n\t\tif (index != -1) {\n\t\t\tthis.selections = [\n\t\t\t\t...this.selections.slice(0, index),\n\t\t\t\t...this.selections.slice(index + 1, this.selections.length),\n\t\t\t]\n\t\t\tthis.keepFocusOnReRender = true\n\t\t}\n\t}\n\tselect(selection: Option) {\n\t\tconst isNewSelection = this.selections.reduce((acc, current) => acc && current.value != selection.value, true)\n\t\tif (isNewSelection)\n\t\t\tthis.selections = this.multiple ? [...this.selections, selection] : [selection]\n\t\tthis.inputElement.value = \"\"\n\t\tthis.filterOptions()\n\t\tthis.keepFocusOnReRender = true\n\t\tthis.isOpen = this.multiple\n\t}\n\ttoggleHighlighted() {\n\t\tif (this.mutable && this.empty) {\n\t\t\tconst [status, notice] = this.valueValidator(this.inputElement.value)\n\t\t\tif (status) {\n\t\t\t\tconst option = { name: this.inputElement.value, value: this.inputElement.value }\n\t\t\t\tthis.options = [...this.options, option]\n\t\t\t\tthis.select(option)\n\t\t\t}\n\t\t\tnotice && this.notice.emit(notice)\n\t\t} else\n\t\t\tthis.menuElement?.getHighlighted().then((result: Option | undefined) => {\n\t\t\t\tresult && this.toggle(result)\n\t\t\t})\n\t}\n\thighlightDefault() {\n\t\tthis.filterOptions()\n\t\tthis.menuElement?.setHighlight(this.multiple || this.selections.length == 0 ? 0 : this.selections[0].value)\n\t}\n\tfilterOptions() {\n\t\tthis.menuElement?.filterOptions(this.inputElement.value, [])\n\t}\n\tonInput(event: UIEvent) {\n\t\tthis.isOpen = this.inputElement.value != \"\" ? true : this.isOpen\n\t\tthis.highlightDefault()\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key == \"ArrowUp\" || event.key == \"ArrowDown\") {\n\t\t\tthis.menuElement?.moveHighlight(event.key == \"ArrowUp\" ? -1 : 1)\n\t\t\tevent.preventDefault()\n\t\t} else if (event.key == \"Enter\" && this.isOpen)\n\t\t\tthis.toggleHighlighted()\n\t\telse if (event.key == \"Escape\") {\n\t\t\tthis.inputElement.value = \"\"\n\t\t\tthis.isOpen = false\n\t\t\tthis.filterOptions()\n\t\t} else if (event.key == \" \" && this.inputElement.value == \"\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.isOpen = true\n\t\t\tthis.filterOptions()\n\t\t}\n\t}\n\tonClick() {\n\t\tif (!(this.readonly || this.disabled)) {\n\t\t\tthis.isOpen = !this.isOpen\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.highlightDefault()\n\t\t\tthis.filterOptions()\n\t\t}\n\t}\n\tonBlur() {\n\t\tthis.inputElement.value = \"\"\n\t\tthis.isOpen = false\n\t\tthis.filterOptions()\n\t}\n\n\trender() {\n\t\tconst cssVariables = {\n\t\t\t\"--max-height\": this.maxHeight ?? \"inherit\",\n\t\t\t\"--label-display\": this.labelSetting == \"hide\" ? \"none\" : \"absolute\",\n\t\t}\n\t\tthis.options?.forEach(o => {\n\t\t\to.checked = this.selections.map(s => s.value).includes(o.value)\n\t\t})\n\t\tconst options = [\n\t\t\t...(this.multiple\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tvalue: \"select-none\",\n\t\t\t\t\t\t\tname: this.selections.length == this.options.length ? this.selectNoneName : this.selectAllName,\n\t\t\t\t\t\t\tchecked: this.selections.length == this.options.length,\n\t\t\t\t\t\t\tdivider: true,\n\t\t\t\t\t\t},\n\t\t\t\t  ]\n\t\t\t\t: []),\n\t\t\t...(this.options ?? []),\n\t\t]\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={cssVariables}\n\t\t\t\thas-selection={this.selections.length > 0}\n\t\t\t\tis-open={this.isOpen ? \"\" : undefined}\n\t\t\t\tonMouseDown={(e: MouseEvent) => e.preventDefault()}\n\t\t\t\tonClick={() => this.onClick()}>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-icon part=\"search\" class=\"search\" name=\"search-outline\" size=\"tiny\"></smoothly-icon>\n\t\t\t\t\t<label part=\"label-element\">{this.label}</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tpart=\"input\"\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el ? el : this.inputElement)}\n\t\t\t\t\t\tonFocus={() => this.highlightDefault()}\n\t\t\t\t\t\tonBlur={() => this.onBlur()}\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tthis.selections.length > 3\n\t\t\t\t\t\t\t\t? this.selections.length.toString() + \" \" + this.selectionName\n\t\t\t\t\t\t\t\t: this.selections.map(selection => selection.name).join(\", \")\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\tonInput={(e: UIEvent) => this.onInput(e)}></input>\n\t\t\t\t\t<smoothly-icon part=\"chevron\" class=\"down\" name=\"chevron-down\" size=\"tiny\"></smoothly-icon>\n\t\t\t\t\t<smoothly-icon part=\"chevron\" class=\"up\" name=\"chevron-up\" size=\"tiny\"></smoothly-icon>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-menu-options\n\t\t\t\t\tpart=\"menu-options\"\n\t\t\t\t\tstyle={{ width: \"100%\" }}\n\t\t\t\t\ttoggle={true}\n\t\t\t\t\toptionStyle={{ ...this.optionStyle }}\n\t\t\t\t\torder={false}\n\t\t\t\t\temptyMenuLabel={this.emptyMenuLabel}\n\t\t\t\t\tnewOptionLabel={this.newOptionLabel}\n\t\t\t\t\tmax-menu-height={this.maxMenuHeight}\n\t\t\t\t\tmutable={this.mutable}\n\t\t\t\t\tref={(el: HTMLSmoothlyMenuOptionsElement) => (this.menuElement = el ?? this.menuElement)}\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t\tresetHighlightOnOptionsChange={false}\n\t\t\t\t\toptions={options}></smoothly-menu-options>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/popup/index.js

@@ -99,3 +99,4 @@ export class SmoothlyPopup {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/popup/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOpF,MAAM,OAAO,aAAa;;mBACyB,KAAK;qBACY,MAAM;wBACN,EAAE,QAAQ,EAAE,OAAO,EAAE;;EAIhF,OAAO;;IACd,IAAI,IAAI,CAAC,OAAO,IAAI,KAAK,EAAE;MAC1B,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;MACjD,IAAI,CAAC,YAAY;QAChB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,qBAAqB,GAAG,KAAK,mCAAI,CAAC,CAAC,IAAI,MAAM,CAAC,UAAU;UACpE,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE;UACxB,CAAC,CAAC,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,qBAAqB,GAAG,IAAI,mCAAI,CAAC,CAAC,GAAG,CAAC;YACrD,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAA;MACrB,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;KAC3C;IACD,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;IAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EAC9B,CAAC;EACD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,oBAAO,IAAI,CAAC,YAAY;MAClC,eAAS,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;QACrD,eAAa,CACJ;MACV,WAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAQ;MAC7D,WAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAQ;MACxD,aAAO,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,YAAM,IAAI,EAAC,OAAO,GAAQ,CACnB,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Prop, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-popup\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyPopup {\n\t@Prop({ mutable: true, reflect: true }) visible = false\n\t@Prop({ mutable: true, reflect: true }) direction: \"up\" | \"down\" = \"down\"\n\t@State() cssVariables: { \"--left\"?: string; \"--right\"?: string } = { \"--left\": \"0.1em\" }\n\t@Event() popup: EventEmitter<boolean>\n\tprivate aside: HTMLElement | undefined\n\n\tprivate onClick() {\n\t\tif (this.visible == false) {\n\t\t\tthis.aside?.style.setProperty(\"display\", \"block\")\n\t\t\tthis.cssVariables =\n\t\t\t\t(this.aside?.getBoundingClientRect().right ?? 0) >= window.innerWidth\n\t\t\t\t\t? { \"--right\": \"0.1em\" }\n\t\t\t\t\t: (this.aside?.getBoundingClientRect().left ?? 0) < 0\n\t\t\t\t\t? { \"--left\": \"0.1em\" }\n\t\t\t\t\t: this.cssVariables\n\t\t\tthis.aside?.style.removeProperty(\"display\")\n\t\t}\n\t\tthis.visible = !this.visible\n\t\tthis.popup.emit(this.visible)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ ...this.cssVariables }}>\n\t\t\t\t<content class=\"pointer\" onClick={() => this.onClick()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</content>\n\t\t\t\t<div class=\"background\" onClick={() => this.onClick()}></div>\n\t\t\t\t<div class=\"arrow\" onClick={() => this.onClick()}></div>\n\t\t\t\t<aside ref={el => (this.aside = el)}>\n\t\t\t\t\t<slot name=\"popup\"></slot>\n\t\t\t\t</aside>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/quiet/index.js

@@ -40,3 +40,4 @@ export class SmoothlyQuiet {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/quiet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/quiet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,aAAa;;;;EAEzB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK;MACtB,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-quiet\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyQuiet {\n\t@Prop() color: string\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.color}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/radio/index.js

@@ -120,3 +120,4 @@ export class SmoothlyRadio {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOvE,MAAM,OAAO,aAAa;;;;;;;EAOf,KAAK,CAAC,OAAO,CAAC,CAAU;IACjC,IAAI,CAAC,CAAC,MAAM,IAAK,CAAC,CAAC,MAA2B,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;MAC9G,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IACnE,OAAO,IAAI,CAAA;EACZ,CAAC;EACD,MAAM;IACL,OAAO;MACN,aACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAY,CAAC,GACxC;MACF,aAAO,OAAO,EAAE,IAAI,CAAC,KAAK;QACzB,eAAQ,CACD;KACR,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadio {\n\t@Prop() name: string\n\t@Prop() value: string\n\t@Prop({ mutable: true, reflect: true }) checked: boolean\n\t@Prop() tabIndex: number\n\t@Event() smoothlySelected!: EventEmitter<{ name: string; value: string }>\n\n\tprotected async onInput(e: UIEvent): Promise<boolean> {\n\t\tif (e.target && (e.target as HTMLInputElement).value && (this.checked = (e.target as HTMLInputElement).checked))\n\t\t\tthis.smoothlySelected.emit({ name: this.name, value: this.value })\n\t\treturn true\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<input\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname={this.name}\n\t\t\t\tid={this.value}\n\t\t\t\ttabindex={this.tabIndex}\n\t\t\t\tchecked={this.checked}\n\t\t\t\tvalue={this.value}\n\t\t\t\tonChange={e => this.onInput(e as UIEvent)}\n\t\t\t/>,\n\t\t\t<label htmlFor={this.value}>\n\t\t\t\t<slot />\n\t\t\t</label>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/radio/style.css

@@ -21,7 +21,7 @@ input[type=radio] {
 	-webkit-appearance: none;
 }
 input[type=radio] ~ label {
-	border: 1px solid rgb(var(--smoothly-default-color));
+	/*border: 1px solid rgb(var(--smoothly-default-color));*/
 	color: rgba(var(--smoothly-default-contrast), 0.5);
 	background: rgb(var(--smoothly-default-color));
 }

package/dist/collection/components/radio-button/Selected.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=Selected.js.map

package/dist/collection/components/radio-button/Selected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selected.js","sourceRoot":"","sources":["../../../src/components/radio-button/Selected.ts"],"names":[],"mappings":"","sourcesContent":["export interface Selected {\n\tvalue: any\n\tselected: boolean\n\tselect: (selected: boolean) => void\n}\n"]}

package/dist/collection/components/radio-button/index.js

@@ -134,3 +134,4 @@ export class SmoothlyRadioButton {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/radio-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQrF,MAAM,OAAO,mBAAmB;;;;;sBAI2B,OAAO;;EAKjE,kBAAkB,CAAC,KAA4B;;IAC9C,IAAI,IAAI,CAAC,YAAY,IAAI,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;MAClE,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,KAAK,CAAC,CAAA;MAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;MAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;QAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;OAC1E,CAAC,CAAA;MACF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;KACxC;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Selected } from \"./Selected\"\n\n@Component({\n\ttag: \"smoothly-radio-button\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadioButton {\n\t@Prop() name?: string\n\t@Prop({ mutable: true }) value?: any\n\t@Prop({ reflect: true }) deselectable?: boolean\n\t@Prop({ reflect: true }) decoration: \"button\" | \"radio\" = \"radio\"\n\tactive?: Selected\n\t@Event() radioButtonSelected: EventEmitter<{ name: string | undefined; value: any }>\n\n\t@Listen(\"radioItemSelectInternal\", { capture: true })\n\tradioSelectHandler(event: CustomEvent<Selected>) {\n\t\tif (this.deselectable || this.active?.value != event.detail.value) {\n\t\t\tthis.active?.select(false)\n\t\t\tthis.active = event.detail\n\t\t\tthis.radioButtonSelected.emit({\n\t\t\t\tname: this.name,\n\t\t\t\tvalue: (this.value = this.active.selected ? this.active.value : undefined),\n\t\t\t})\n\t\t\tthis.active.select(this.active.selected)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/radio-button/item/index.js

@@ -3,7 +3,7 @@ export class SmoothlyRadioButtonItem {
   constructor() {
     this.value = undefined;
     this.selected = undefined;
-    this.color = "medium";
+    this.color = undefined;
   }
   componentWillLoad() {
     this.selected && this.select(this.selected);
@@ -16,7 +16,7 @@ export class SmoothlyRadioButtonItem {
     });
   }
   render() {
-    return (h(Host, null, h("header", { onClick: () => this.select(!this.selected) }, h("smoothly-icon", { color: this.selected ? "success" : "medium", fill: "solid", name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "tiny", toolTip: "Select" }), h("slot", null), h("slot", { name: "end" })), h("slot", { name: "expansion" })));
+    return (h(Host, null, h("header", { onClick: () => this.select(!this.selected) }, h("smoothly-icon", { color: this.selected ? "success" : "medium", fill: "outline", name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "tiny", toolTip: "Select" }), h("slot", null), h("slot", { name: "end" })), h("slot", { name: "expansion" })));
   }
   static get is() { return "smoothly-radio-button-item"; }
   static get encapsulation() { return "scoped"; }
@@ -71,7 +71,7 @@ export class SmoothlyRadioButtonItem {
         "mutable": false,
         "complexType": {
           "original": "Color",
-          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
           "references": {
             "Color": {
               "location": "import",
@@ -80,14 +80,13 @@ export class SmoothlyRadioButtonItem {
           }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": ""
         },
         "attribute": "color",
-        "reflect": true,
-        "defaultValue": "\"medium\""
+        "reflect": true
       }
     };
   }
@@ -115,3 +114,4 @@ export class SmoothlyRadioButtonItem {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/radio-button/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio-button/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAShG,MAAM,OAAO,uBAAuB;;;;;;EAMnC,iBAAiB;IAChB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;EAC5C,CAAC;EAEO,MAAM,CAAC,QAAQ,GAAG,KAAK;IAC9B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;MACjC,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;KAChC,CAAC,CAAA;EACH,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI;MACJ,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjD,qBACC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC3C,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAC5D,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,QAAQ,GAAiB;QAClC,eAAa;QACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB;MACT,YAAM,IAAI,EAAC,WAAW,GAAQ,CACxB,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Selected } from \"../Selected\"\n\n@Component({\n\ttag: \"smoothly-radio-button-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyRadioButtonItem implements ComponentWillLoad {\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Event() radioItemSelectInternal: EventEmitter<Selected>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.selected && this.select(this.selected)\n\t}\n\n\tprivate select(selected = false) {\n\t\tthis.radioItemSelectInternal.emit({\n\t\t\tvalue: this.value,\n\t\t\tselected: selected,\n\t\t\tselect: s => (this.selected = s),\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<header onClick={() => this.select(!this.selected)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tcolor={this.selected ? \"success\" : \"medium\"}\n\t\t\t\t\t\tfill=\"outline\"\n\t\t\t\t\t\tname={this.selected ? \"checkmark-circle\" : \"ellipse-outline\"}\n\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\ttoolTip=\"Select\"></smoothly-icon>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t\t</header>\n\t\t\t\t<slot name=\"expansion\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/radio-button/item/style.css

@@ -1,5 +1,5 @@
 smoothly-radio-button[decoration=radio] :host {
-	transition: 0.1s;
+	transition: 0.2s;
 }
 
 smoothly-radio-button[decoration=radio] :host > header {
@@ -34,43 +34,28 @@ smoothly-radio-button[decoration=button] :host > header > smoothly-icon {
 	border-radius: 100%;
 	font-size: 1.3rem;
 	display: flex;
-	background: rgb(var(--smoothly-light-color));
-	transition: 0.2s;
-}
-
-smoothly-radio-button[decoration=button] :host[selected] > header > smoothly-icon {
-	color: rgb(var(--smoothly-success-color));
-	background: rgb(var(--smoothly-success-shade));
 }
 
 smoothly-radio-button[decoration=button] ::slotted([slot=expansion]) {
-	background: rgb(var(--smoothly-color));
-	color: rgb(var(--smoothly-color-contrast));
+	background: rgb(var(--smoothly-secondary-color));
+	color: rgb(var(--smoothly-secondary-contrast));
 	border-radius: 5px;
 	margin-top: 0.5rem;
 }
 
-html smoothly-radio-button[decoration=button] > :host {
-	background-color: inherit;
-	color: inherit;
-}
-
 smoothly-radio-button[decoration=button] ::slotted([slot=expansion])::before {
 	content: "\25B2";
 	position: absolute;
 	top: -0.8rem;
 	left: 3rem;
-	color: rgb(var(--smoothly-color));
+	color: rgb(var(--smoothly-secondary-color));
 }
 
 @media screen and (min-width: 900px){
 	smoothly-radio-button[decoration=button] :host > header:hover > smoothly-icon {
-		background: rgb(var(--smoothly-success-color));
 		cursor: pointer;
 	}
 	smoothly-radio-button[deselectable] :host[selected] > header:hover > smoothly-icon {
-		background: rgb(var(--smoothly-warning-shade));
-		color: rgb(var(--smoothly-warning-color));
 		cursor: pointer;
 	}
 }

package/dist/collection/components/radio-group/index.js

@@ -40,3 +40,4 @@ export class SmoothlyToggleGroup {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio-group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAMlD,MAAM,OAAO,mBAAmB;;uBACoC,YAAY;;EAC/E,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-radio-group\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyToggleGroup {\n\t@Prop({ reflect: true }) orientation?: \"horizontal\" | \"vertical\" = \"horizontal\"\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

package/dist/collection/components/reorder/Draggable.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Draggable.js.map

package/dist/collection/components/reorder/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../../src/components/reorder/Draggable.ts"],"names":[],"mappings":"","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\ninterface Draggable {\n\telement: HTMLElement\n\ttop: number\n\tmiddle: number\n\tbottom: number\n}\n"]}

package/dist/collection/components/reorder/Dragged.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Dragged.js.map

package/dist/collection/components/reorder/Dragged.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dragged.js","sourceRoot":"","sources":["../../../src/components/reorder/Dragged.ts"],"names":[],"mappings":"","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\ninterface Dragged extends Draggable {\n\tstartY: number\n\toffsetY: number\n\tindex: number\n\theight: number\n}\n"]}

package/dist/collection/components/reorder/index.js

@@ -115,3 +115,4 @@ export class SmoothlyReorder {
   }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/reorder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/reorder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AAMvE,MAAM,OAAO,eAAe;EAK3B,IAAY,QAAQ;IACnB,IAAI,MAAM,GAAgB,EAAE,CAAA;IAC5B,IAAI,IAAI,CAAC,aAAa;MACrB,MAAM,GAAG,IAAI,CAAC,aAAa,CAAA;SACvB;MACJ,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAClE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,OAAO,YAAY,WAAW,EAAE;UACnC,MAAM,MAAM,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;UAC9C,MAAM,CAAC,IAAI,CAAC;YACX,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,MAAM,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;YACtC,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO,EAAE,OAAO;WAChB,CAAC,CAAA;SACF;OACD;MACD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAA;KAC3B;IACD,OAAO,MAAM,CAAA;EACd,CAAC;EAIO,WAAW,CAAC,KAAiB;IACpC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;MACnD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;MAClD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;MAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;MACjD,IAAI,CAAC,OAAO,mCACR,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KACvB,MAAM,EAAE,KAAK,CAAC,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,EACpD,KAAK,EACL,MAAM,EACL,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;UAC/B,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG;UACzD,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,GACjE,CAAA;MACD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,IAAI,WAAW,CAAA;KAC7C;EACF,CAAC;EAEO,WAAW,CAAC,KAAiB;IACpC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;MAC3G,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;MAC/E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;KACrF;EACF,CAAC;EAEO,SAAS,CAAC,KAAiB;IAClC,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;MACxF,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;MACxE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;MACtF,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAA;MACnD,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;MAExB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE;UACd,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;UACvD,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;UAC5C,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;UACtC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;UAC1D,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAA;YAC1B,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;UAChC,CAAC,CAAC,CAAA;UACF,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;UACjD,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;SACrB;MACF,CAAC,EAAE,GAAG,CAAC,CAAA;KACP;EACF,CAAC;EAEO,SAAS,CAAC,SAAiB,EAAE,OAAe,EAAE,CAAS;IAC9D,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;MAC1D,IAAI,KAAa,CAAA;MACjB,IAAI,IAAI,CAAC,OAAO,EAAE;QACjB,IAAI,SAAS,GAAG,OAAO,IAAI,KAAK,GAAG,SAAS,IAAI,KAAK,IAAI,OAAO;UAC/D,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;aACxB,IAAI,SAAS,GAAG,OAAO,IAAI,KAAK,GAAG,SAAS,IAAI,KAAK,IAAI,OAAO;UACpE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;;UAE3B,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,KAAK,KAAK,CAAA;OACvE;KACD;EACF,CAAC;EAEO,eAAe,CAAC,CAAS;IAChC,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;EAClD,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;MACvC,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;MAC3E,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;MAC3E,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-reorder\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyReorder {\n\t@Event() reorder: EventEmitter<[number, number]>\n\t@Element() element: HTMLSmoothlyReorderElement\n\tprivate bounds?: DOMRect\n\tprivate childrenCache?: Draggable[]\n\tprivate get children(): Draggable[] {\n\t\tlet result: Draggable[] = []\n\t\tif (this.childrenCache)\n\t\t\tresult = this.childrenCache\n\t\telse {\n\t\t\tfor (let index = 0; index < this.element.children.length; index++) {\n\t\t\t\tconst element = this.element.children[index]\n\t\t\t\tif (element instanceof HTMLElement) {\n\t\t\t\t\tconst bounds = element.getBoundingClientRect()\n\t\t\t\t\tresult.push({\n\t\t\t\t\t\ttop: bounds.top,\n\t\t\t\t\t\tmiddle: bounds.top + bounds.height / 2,\n\t\t\t\t\t\tbottom: bounds.bottom,\n\t\t\t\t\t\telement: element,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.childrenCache = result\n\t\t}\n\t\treturn result\n\t}\n\tprivate dragged?: Dragged\n\tprivate move?: { from: number; to: number }\n\n\tprivate onMouseDown(event: MouseEvent) {\n\t\tif (!this.move && this.element.children.length > 1) {\n\t\t\tthis.bounds = this.element.getBoundingClientRect()\n\t\t\tthis.childrenCache = undefined\n\t\t\tconst index = this.getCurrentIndex(event.clientY)\n\t\t\tthis.dragged = {\n\t\t\t\t...this.children[index],\n\t\t\t\tstartY: event.clientY,\n\t\t\t\toffsetY: event.clientY - this.children[index].middle,\n\t\t\t\tindex,\n\t\t\t\theight:\n\t\t\t\t\tindex < this.children.length - 1\n\t\t\t\t\t\t? this.children[index + 1].top - this.children[index].top\n\t\t\t\t\t\t: this.children[index].bottom - this.children[index - 1].bottom,\n\t\t\t}\n\t\t\tthis.dragged.element.className += \" dragging\"\n\t\t}\n\t}\n\n\tprivate onMouseMove(event: MouseEvent) {\n\t\tif (this.dragged && this.bounds && event.clientY >= this.bounds.top && event.clientY <= this.bounds.bottom) {\n\t\t\tconst currentIndex = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, currentIndex, event.clientY - this.dragged.startY)\n\t\t}\n\t}\n\n\tprivate onMouseUp(event: MouseEvent) {\n\t\tif (this.dragged) {\n\t\t\tthis.dragged.element.className = this.dragged.element.className.replace(\" dragging\", \"\")\n\t\t\tconst index = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, index, this.children[index].top - this.dragged.top)\n\t\t\tthis.move = { from: this.dragged.index, to: index }\n\t\t\tthis.dragged = undefined\n\n\t\t\twindow.setTimeout(() => {\n\t\t\t\tif (this.move) {\n\t\t\t\t\tconst children = [...this.children.map(c => c.element)]\n\t\t\t\t\tconst e = children.splice(this.move.from, 1)\n\t\t\t\t\tchildren.splice(this.move.to, 0, ...e)\n\t\t\t\t\tchildren.forEach(child => this.element.removeChild(child))\n\t\t\t\t\tchildren.forEach(child => {\n\t\t\t\t\t\tchild.style.transform = \"\"\n\t\t\t\t\t\tthis.element.appendChild(child)\n\t\t\t\t\t})\n\t\t\t\t\tthis.reorder.emit([this.move.from, this.move.to])\n\t\t\t\t\tthis.move = undefined\n\t\t\t\t}\n\t\t\t}, 500)\n\t\t}\n\t}\n\n\tprivate translate(fromIndex: number, toIndex: number, y: number) {\n\t\tfor (let index = 0; index < this.children.length; index++) {\n\t\t\tlet value: number\n\t\t\tif (this.dragged) {\n\t\t\t\tif (fromIndex < toIndex && index > fromIndex && index <= toIndex)\n\t\t\t\t\tvalue = -this.dragged.height\n\t\t\t\telse if (fromIndex > toIndex && index < fromIndex && index >= toIndex)\n\t\t\t\t\tvalue = this.dragged.height\n\t\t\t\telse\n\t\t\t\t\tvalue = index == fromIndex ? y : 0\n\n\t\t\t\tthis.children[index].element.style.transform = `translateY(${value}px)`\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate getCurrentIndex(y: number): number {\n\t\treturn this.children.findIndex(c => y < c.bottom)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.element.childNodes.forEach(child => {\n\t\t\tchild.addEventListener(\"mousedown\", (e: MouseEvent) => this.onMouseDown(e))\n\t\t\tchild.addEventListener(\"mousemove\", (e: MouseEvent) => this.onMouseMove(e))\n\t\t\tchild.addEventListener(\"mouseup\", (e: MouseEvent) => this.onMouseUp(e))\n\t\t})\n\t}\n}\n"]}

package/dist/collection/components/room/index.js

@@ -87,3 +87,4 @@ export class SmoothlyRoom {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/room/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/room/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAKlD,MAAM,OAAO,YAAY;;;;;;;EAKxB,MAAM;IACL,OAAO,eAAa,CAAA;EACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-room\",\n})\nexport class SmoothlyRoom {\n\t@Prop() label?: string\n\t@Prop() icon?: string\n\t@Prop() path: string | RegExp\n\t@Prop() to?: string\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"]}

package/dist/collection/components/select/index.js

@@ -105,3 +105,4 @@ export class SmoothlySelect {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOvE,MAAM,OAAO,cAAc;;;;;;EAM1B,cAAc;IACb,IAAI,IAAI,CAAC,aAAa;MACrB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;EAC7G,CAAC;EACD,gBAAgB;;IACf,IAAI,IAAI,CAAC,aAAa;MACrB,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,CAAA;EACxC,CAAC;EAED,MAAM;IACL,OAAO;MACN,cACC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,EAClC,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACrC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;QACtC,eAAa,CACL;KACT,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySelect {\n\t@Prop() identifier: string\n\t@Prop({ reflect: true }) background?: string\n\tprivate selectElement?: HTMLSelectElement\n\t@Prop({ mutable: true }) value: string\n\t@Event() selectionChanged!: EventEmitter<{ identifier: string; value: string }>\n\toptionSelected() {\n\t\tif (this.selectElement)\n\t\t\tthis.selectionChanged.emit({ identifier: this.identifier, value: (this.value = this.selectElement.value) })\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.selectElement)\n\t\t\tthis.value = this.selectElement?.value\n\t}\n\n\trender() {\n\t\treturn [\n\t\t\t<select\n\t\t\t\tref={e => (this.selectElement = e)}\n\t\t\t\tid={this.identifier}\n\t\t\t\tonChange={() => this.optionSelected()}\n\t\t\t\tstyle={{ background: this.background }}>\n\t\t\t\t<slot></slot>\n\t\t\t</select>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/select-demo/index.js

@@ -22,7 +22,6 @@ export class SmoothlySelectDemo {
       h("smoothly-input-date", { value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"),
       h("smoothly-input-date-range", { start: "2022-10-28", end: "2022-11-27", min: "2021-10-10", max: "2022-12-30" }),
       h("smoothly-input-date-range", { start: "2022-10-28", end: "2022-11-27", min: "2021-10-10", max: "2022-12-30", showLabel: false, style: {
-          "--background": "rgb(var(--smoothly-dark-shade))",
           "--border-radius": "4px",
           "--padding": "0 0.75em",
           "--input-width": "6rem",
@@ -106,3 +105,4 @@ export class SmoothlySelectDemo {
       }];
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/select-demo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select-demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Listen } from \"@stencil/core\"\nimport { Currency } from \"isoly\"\nimport { Notice } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-select-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySelectDemo {\n\tprivate quantityElement?: HTMLSmoothlySelectElement\n\tprivate currencies: Currency[] = [\"SEK\", \"EUR\"]\n\tprivate currency: Currency = \"SEK\"\n\tprivate selectorElement: HTMLSmoothlySelectorElement\n\n\tprivate alertf() {\n\t\tconsole.log(this.quantityElement)\n\t\talert(this.quantityElement?.value)\n\t}\n\t@Listen(\"selectionChanged\")\n\thandleSelectionChanged(event: CustomEvent<{ identifier: string; value: string }>) {\n\t\tconsole.log(\"selectionChanged\", event.detail)\n\t}\n\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-select identifier=\"currency\">\n\t\t\t\t{this.currencies.map(option =>\n\t\t\t\t\tthis.currency == option ? (\n\t\t\t\t\t\t<option value={option} selected>\n\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<option value={option}>{option}</option>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</smoothly-select>,\n\t\t\t<smoothly-select identifier=\"language\">\n\t\t\t\t<optgroup label=\"Nordic\">\n\t\t\t\t\t<option value=\"sv\">Swedish</option>\n\t\t\t\t\t<option value=\"da\" selected>\n\t\t\t\t\t\tDanish\n\t\t\t\t\t</option>\n\t\t\t\t\t<option value=\"no\">Norwegian</option>\n\t\t\t\t</optgroup>\n\t\t\t\t<optgroup label=\"Other\">\n\t\t\t\t\t<option value=\"en\">English</option>\n\t\t\t\t</optgroup>\n\t\t\t</smoothly-select>,\n\t\t\t<smoothly-select identifier=\"quantity\" ref={e => (this.quantityElement = e)}>\n\t\t\t\t<option value=\"1\">1</option>\n\t\t\t\t<option value=\"2\">2</option>\n\t\t\t\t<option value=\"3\">3</option>\n\t\t\t</smoothly-select>,\n\t\t\t<smoothly-input-date>Date</smoothly-input-date>,\n\t\t\t<smoothly-input-date value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\tDate\n\t\t\t</smoothly-input-date>,\n\t\t\t<smoothly-input-date-range\n\t\t\t\tstart=\"2022-10-28\"\n\t\t\t\tend=\"2022-11-27\"\n\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\tmax=\"2022-12-30\"></smoothly-input-date-range>,\n\t\t\t<smoothly-input-date-range\n\t\t\t\tstart=\"2022-10-28\"\n\t\t\t\tend=\"2022-11-27\"\n\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\tmax=\"2022-12-30\"\n\t\t\t\tshowLabel={false}\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--border-radius\": \"4px\",\n\t\t\t\t\t\"--padding\": \"0 0.75em\",\n\t\t\t\t\t\"--input-width\": \"6rem\",\n\t\t\t\t}}></smoothly-input-date-range>,\n\t\t\t<smoothly-selector\n\t\t\t\tinitialPrompt=\"Select...\"\n\t\t\t\tref={(element: HTMLSmoothlySelectorElement) => (this.selectorElement = element)}>\n\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t</smoothly-selector>,\n\t\t\t<button onClick={async () => this.selectorElement.reset()}>reset selector</button>,\n\t\t\t<button onClick={() => this.alertf()}>press here</button>,\n\t\t\t<smoothly-picker\n\t\t\t\tlabel=\"Filter\"\n\t\t\t\tempty-menu-label=\"Sorry, we're out of options.\"\n\t\t\t\tmax-height=\"58px\"\n\t\t\t\tmaxMenuHeight=\"20rem\"\n\t\t\t\tmultiple={true}\n\t\t\t\toptions={[\n\t\t\t\t\t{ name: \"Big Dog\", value: \"dog\", aliases: [\"WOFF\"] },\n\t\t\t\t\t{ name: \"Cat Stevens\", value: \"cat\", aliases: [\"moew\"], hint: \"moew\" },\n\t\t\t\t\t{ name: \"Noble Pig\", value: \"pig\" },\n\t\t\t\t\t{ name: \"Turtle Wax\", value: \"turtle\", hint: \"slow\" },\n\t\t\t\t\t{ name: \"Spider Man\", value: \"spider\" },\n\t\t\t\t\t{ name: \"Phoenix Order Long Wooord\", value: \"phoenix\" },\n\t\t\t\t\t{ name: \"Horse Back\", value: \"horse\" },\n\t\t\t\t\t{ name: \"Unicorn Horn\", value: \"unicorn\" },\n\t\t\t\t\t{ name: \"Talking Parrot Parrot\", value: \"parrot\" },\n\t\t\t\t\t{ name: \"Hidden Dragon\", value: \"dragon\" },\n\t\t\t\t\t{ name: \"Scary Kraken\", value: \"kraken\" },\n\t\t\t\t]}></smoothly-picker>,\n\t\t\t<br />,\n\t\t\t<smoothly-picker\n\t\t\t\tlabel=\"Multiple\"\n\t\t\t\tempty-menu-label=\"Sorry, we're out of options.\"\n\t\t\t\tmax-height=\"58px\"\n\t\t\t\tmultiple={true}\n\t\t\t\toptions={[\n\t\t\t\t\t{ name: \"Big Dog\", value: \"dog\", aliases: [\"WOFF\"] },\n\t\t\t\t\t{ name: \"Cat Stevens\", value: \"cat\", aliases: [\"moew\"] },\n\t\t\t\t\t{ name: \"Noble Pig\", value: \"pig\" },\n\t\t\t\t\t{ name: \"Turtle Wax\", value: \"turtle\" },\n\t\t\t\t\t{ name: \"Spider Man\", value: \"spider\" },\n\t\t\t\t\t{ name: \"Phoenix Order Long Wooord\", value: \"phoenix\" },\n\t\t\t\t\t{ name: \"Horse Back\", value: \"horse\" },\n\t\t\t\t\t{ name: \"Unicorn Horn\", value: \"unicorn\" },\n\t\t\t\t\t{ name: \"Talking Parrot Parrot\", value: \"parrot\" },\n\t\t\t\t\t{ name: \"Hidden Dragon\", value: \"dragon\" },\n\t\t\t\t\t{ name: \"Scary Kraken\", value: \"kraken\" },\n\t\t\t\t]}></smoothly-picker>,\n\t\t\t<br />,\n\t\t\t<smoothly-picker\n\t\t\t\tlabel=\"Multiple mutable\"\n\t\t\t\tmax-height=\"58px\"\n\t\t\t\tmultiple={true}\n\t\t\t\tmutable={true}\n\t\t\t\tnewOptionLabel=\"Invite:\"\n\t\t\t\toptions={[\n\t\t\t\t\t{ name: \"john@example.com\", value: \"john@example.com\" },\n\t\t\t\t\t{ name: \"jane@example.com\", value: \"jane@example.com\" },\n\t\t\t\t\t{ name: \"james@example.com\", value: \"james@example.com\" },\n\t\t\t\t\t{ name: \"jessie@example.com\", value: \"jessie@example.com\" },\n\t\t\t\t]}\n\t\t\t\tvalueValidator={(email: string) =>\n\t\t\t\t\temail.match(/^\\w+@\\w+/) ? [true, undefined] : [false, Notice.failed(\"Incorrectly formatted email\")]\n\t\t\t\t}></smoothly-picker>,\n\t\t\t<br />,\n\t\t\t<smoothly-picker\n\t\t\t\tlabel=\"Single select\"\n\t\t\t\tmultiple={false}\n\t\t\t\tmax-menu-height=\"200px\"\n\t\t\t\toptions={[\n\t\t\t\t\t{ name: \"Dog\", value: \"dog\", aliases: [\"WOFF\"], hint: \"Woof 🐶\" },\n\t\t\t\t\t{ name: \"Cat\", value: \"cat\", aliases: [\"moew\"] },\n\t\t\t\t\t{ name: \"Pig\", value: \"pig\" },\n\t\t\t\t\t{ name: \"Turtle\", value: \"turtle\" },\n\t\t\t\t\t{ name: \"Spider\", value: \"spider\" },\n\t\t\t\t\t{ name: \"Phoenix\", value: \"phoenix\" },\n\t\t\t\t\t{ name: \"Horse\", value: \"horse\" },\n\t\t\t\t\t{ name: \"Unicorn\", value: \"unicorn\" },\n\t\t\t\t\t{ name: \"Parrot\", value: \"parrot\" },\n\t\t\t\t\t{ name: \"Dragon\", value: \"dragon\" },\n\t\t\t\t\t{ name: \"Kraken\", value: \"kraken\" },\n\t\t\t\t]}></smoothly-picker>,\n\t\t\t<br />,\n\t\t\t<smoothly-picker\n\t\t\t\tlabel=\"readonly\"\n\t\t\t\treadonly={true}\n\t\t\t\toptions={[{ name: \"readonly\", value: \"readonly\" }]}></smoothly-picker>,\n\t\t\t<br />,\n\t\t\t<smoothly-tab-switch>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tab-switch>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/selector/index.js

@@ -231,3 +231,4 @@ function isItem(value) {
     (typeof value.selected == "boolean" || value.selected == undefined) &&
     typeof value.filter == "function");
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/selector/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-selector\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Selector {\n\t@Element() element: HTMLSmoothlySelectorElement\n\t@Prop() initialPrompt?: string\n\t@State() opened = false\n\titems: HTMLSmoothlyItemElement[] = []\n\t@State() selectedElement?: HTMLSmoothlyItemElement\n\t@State() missing = false\n\tmainElement?: HTMLElement\n\t@State() filter = \"\"\n\t@Event() selected: EventEmitter<any>\n\taside?: HTMLElement\n\n\t@Method()\n\tasync reset() {\n\t\tthis.selectedElement = undefined\n\t\tif (this.mainElement) {\n\t\t\t//reset to the same value as it started with\n\t\t\tthis.mainElement.innerHTML = this.initialPrompt ?? \"(none)\"\n\t\t}\n\t}\n\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyItemElement | undefined, old: HTMLSmoothlyItemElement | undefined) {\n\t\tif (old)\n\t\t\told.selected = false\n\t\tthis.selected.emit(value?.value)\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string) {\n\t\tvalue = value.toLowerCase()\n\t\tif (!(await Promise.all(this.items.map(item => item.filter(value)))).some(r => r)) {\n\t\t\tthis.missing = true\n\t\t\tthis.items.forEach(el => el.filter(\"\"))\n\t\t} else\n\t\t\tthis.missing = false\n\t}\n\t@Listen(\"click\")\n\tonClick(event: UIEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.opened = !this.opened\n\t}\n\t@Listen(\"itemSelected\")\n\tonItemSelected(event: Event) {\n\t\tthis.selectedElement = event.target as HTMLSmoothlyItemElement\n\t\tif (this.mainElement)\n\t\t\tthis.mainElement.innerHTML = this.selectedElement.innerHTML\n\t}\n\t@Watch(\"opened\")\n\tonClosed() {\n\t\tif (!this.opened) {\n\t\t\tconst marked = this.items.find(item => item.marked)\n\t\t\tif (marked)\n\t\t\t\tmarked.marked = false\n\t\t}\n\t}\n\n\t@Listen(\"keydown\")\n\tonKeyDown(event: KeyboardEvent) {\n\t\tevent.stopPropagation()\n\t\tevent.preventDefault()\n\t\tif (this.opened) {\n\t\t\tlet direction: -1 | 0 | 1 = 0\n\t\t\tswitch (event.key) {\n\t\t\t\tcase \"ArrowUp\":\n\t\t\t\t\tdirection = -1\n\t\t\t\t\tbreak\n\t\t\t\tcase \"ArrowDown\":\n\t\t\t\t\tdirection = 1\n\t\t\t\t\tbreak\n\t\t\t\tcase \"Escape\":\n\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\tbreak\n\t\t\t\tcase \"Backspace\":\n\t\t\t\t\tthis.filter = this.filter.slice(0, -1)\n\t\t\t\t\tbreak\n\t\t\t\tcase \"Enter\":\n\t\t\t\t\tconst result = this.items.find(item => item.marked)\n\t\t\t\t\tif (result?.value) {\n\t\t\t\t\t\tresult.selected = true\n\t\t\t\t\t}\n\t\t\t\t\tthis.opened = false\n\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\tbreak\n\t\t\t\tdefault:\n\t\t\t\t\tif (event.key.length == 1)\n\t\t\t\t\t\tthis.filter += event.key\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t\tthis.move(direction)\n\t\t} else if (event.key == \"Enter\")\n\t\t\tthis.opened = true\n\t}\n\tprivate move(direction: -1 | 0 | 1): void {\n\t\tif (direction) {\n\t\t\tlet markedIndex = this.items.findIndex(item => item.marked)\n\t\t\tif (markedIndex == -1)\n\t\t\t\tmarkedIndex = this.items.findIndex(item => item.selected)\n\t\t\tif (this.items[markedIndex])\n\t\t\t\tthis.items[markedIndex].marked = false\n\t\t\tdo {\n\t\t\t\tmarkedIndex = (markedIndex + direction + this.items.length) % this.items.length\n\t\t\t} while (this.items[markedIndex].hidden)\n\t\t\tthis.items[markedIndex].marked = true\n\t\t\tthis.items[markedIndex].focus()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host tabIndex={2} class={this.missing ? \"missing\" : \"\"}>\n\t\t\t\t<main ref={element => (this.mainElement = element)}>{this.initialPrompt ?? \"(none)\"}</main>\n\t\t\t\t{this.filter.length != 0 ? (\n\t\t\t\t\t<aside ref={element => (this.aside = element)}>\n\t\t\t\t\t\t{this.filter}\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.filter = \"\"\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<smoothly-icon name=\"close\" size=\"small\"></smoothly-icon>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</aside>\n\t\t\t\t) : undefined}\n\t\t\t\t{this.opened ? <section onClick={() => (this.opened = true)}></section> : []}\n\t\t\t\t<div class={this.opened ? \"\" : \"hidden\"}>\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</nav>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\tcomponentDidRender() {\n\t\tconst items: HTMLSmoothlyItemElement[] = []\n\t\tconst children = this.element.querySelectorAll(\"div > nav > smoothly-item\")\n\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\tconst node = children.item(i)\n\t\t\tif (isItem(node))\n\t\t\t\titems.push(node)\n\t\t}\n\t\tthis.items = items\n\t}\n}\nfunction isItem(value: HTMLSmoothlyItemElement | any): value is HTMLSmoothlyItemElement {\n\treturn (\n\t\ttypeof value == \"object\" &&\n\t\t(typeof value.selected == \"boolean\" || value.selected == undefined) &&\n\t\ttypeof value.filter == \"function\"\n\t)\n}\n"]}

package/dist/collection/components/skeleton/index.js

@@ -136,3 +136,4 @@ export class SmoothlySkeleton {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,gBAAgB;;kBACD,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;;;;;iBAKU,MAAM;;EACpE,iBAAiB;;IAChB,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;EACvF,CAAC;EACD,MAAM;;IACL,MAAM,YAAY,iCACjB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,YAAY,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,OAAO,IACnC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GACpD,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAChE,CAAA;IACD,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,YAAY,GAAS,CAAA;EAC1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-skeleton\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySkeleton {\n\t@Prop() widths: string[] = [\"8rem\", \"9rem\", \"10rem\"]\n\t@Prop({ mutable: true }) width: string\n\t@Prop() color: string\n\t@Prop() period: number\n\t@Prop() distance: string\n\t@Prop({ reflect: true }) align: \"left\" | \"center\" | \"right\" = \"left\"\n\tcomponentWillLoad() {\n\t\tthis.width = this.width ?? this.widths[Math.floor(Math.random() * this.widths.length)]\n\t}\n\trender() {\n\t\tconst cssVariables = {\n\t\t\t\"--width\": this.width,\n\t\t\t\"--distance\": this.distance ?? \"10rem\",\n\t\t\t...(this.color ? { \"--color\": this.color } : undefined),\n\t\t\t...(this.period ? { \"--period\": this.period + \"s\" } : undefined),\n\t\t}\n\t\treturn <Host style={cssVariables}></Host>\n\t}\n}\n"]}

package/dist/collection/components/spinner/index.js

@@ -63,3 +63,4 @@ export class SmoothlySpinner {
     };
   }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,eAAe;;;gBAEmC,OAAO;;EAErE,MAAM;IACL,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7E,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE;QACN,SAAS,EAAE,sBAAsB;QACjC,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;OAChF;MACD,WAAK,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B;QAC9G,cACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,kBACG,WAAW,oBACV,OAAO,EACtB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,EAAE,EAC7B,CAAC,EAAC,IAAI,GAAU,CACZ,CACA,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-spinner\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlySpinner {\n\t@Prop({ reflect: true }) active: boolean\n\t@Prop({ reflect: true }) size: \"small\" | \"medium\" | \"large\" = \"large\"\n\n\trender() {\n\t\tconst strokeWidth = this.size == \"large\" ? 6 : this.size == \"medium\" ? 8 : 12\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--color\": `var(--spinner-color)`,\n\t\t\t\t\t\"--size\": this.size == \"large\" ? \"5em\" : this.size == \"medium\" ? \"3em\" : \"1.2em\",\n\t\t\t\t}}>\n\t\t\t\t<svg class=\"spinner\" viewBox={`0 0 ${60 + strokeWidth} ${60 + strokeWidth}`} xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<circle\n\t\t\t\t\t\tclass=\"path\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke-width={strokeWidth}\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tcx={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tcy={`${30 + strokeWidth / 2}`}\n\t\t\t\t\t\tr=\"30\"></circle>\n\t\t\t\t</svg>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}