npm - smoothly - Versions diffs - 1.102.0 → 1.103.0 - Mend

smoothly 1.102.0 → 1.103.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (366) hide show

package/dist/components/{p-40d2000b.js.map → p-85ed9f7d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~40d2000b~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ixGAAixG,CAAC;AACnyG,0CAAe,QAAQ;;MCKV,2BAA2B;;;;;;oBAEE,CAAC;oBACK,KAAK;;IAGpD,iBAAiB;QAChB,IAAI,CAAC,mCAAmC,CAAC,IAAI,EAAE,CAAA;KAC/C;IAED,MAAM,KAAK;QACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IACD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC/F,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAChE,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChD,4DAAK,KAAK,EAAE,SAAS,IACpB,8DAAQ,CACH,EACN,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,EAAkB,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,IAC1F,6DAAM,IAAI,EAAE,QAAQ,GAAI,CACnB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow;\n\n\t&:hover {\n\t\t@include arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-85ed9f7d.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,ixGAAixG,CAAC;AACnyG,0CAAe,QAAQ;;MCKV,2BAA2B;;;;;;oBAEE,CAAC;oBACK,KAAK;;IAGpD,iBAAiB;QAChB,IAAI,CAAC,mCAAmC,CAAC,IAAI,EAAE,CAAA;KAC/C;IAED,MAAM,KAAK;QACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IACD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAC/F,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAChE,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChD,4DAAK,KAAK,EAAE,SAAS,IACpB,8DAAQ,CACH,EACN,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,EAAkB,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,IAC1F,6DAAM,IAAI,EAAE,QAAQ,GAAI,CACnB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow;\n\n\t&:hover {\n\t\t@include arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-96fff9ba.js → p-8f9e26ce.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { a as DateTime } from './p-390767c7.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-19d93e64.js';
-import { d as defineCustomElement$6 } from './p-30f4e440.js';
+import { I as Input } from './p-c9caeeb4.js';
+import { d as defineCustomElement$6 } from './p-5eafd1ac.js';
 import { d as defineCustomElement$5 } from './p-604f869e.js';
-import { d as defineCustomElement$4 } from './p-e48ad105.js';
-import { d as defineCustomElement$3 } from './p-c172bb64.js';
-import { d as defineCustomElement$2 } from './p-4441247b.js';
-import { d as defineCustomElement$1 } from './p-1e46b981.js';
+import { d as defineCustomElement$4 } from './p-75916f5e.js';
+import { d as defineCustomElement$3 } from './p-b34956f3.js';
+import { d as defineCustomElement$2 } from './p-efb6497e.js';
+import { d as defineCustomElement$1 } from './p-33c30e05.js';
 const styleCss = ".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) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--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 SmoothlyInputDateTimeStyle0 = styleCss;
@@ -241,4 +241,4 @@ defineCustomElement();
 export { SmoothlyInputDateTime as S, defineCustomElement as d };
-//# sourceMappingURL=p-96fff9ba.js.map
+//# sourceMappingURL=p-8f9e26ce.js.map

package/dist/components/{p-96fff9ba.js.map → p-8f9e26ce.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-96fff9ba.js","mappings":"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","names":["isoly.DateTime"],"sources":["src/components/input/date/time/style.css?tag=smoothly-input-date-time&encapsulation=scoped","src/components/input/date/time/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n\n:host:not([readonly])>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 2rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n:host>smoothly-input[name=\"date\"] {\n\twidth: 12rem;\n}\n:host>smoothly-input[name=\"hour\"] {\n\twidth: 4rem;\n}\n:host>smoothly-input[name=\"minute\"] {\n\tmin-width: 4rem;\n\tflex-grow: 1;\n}\n:host>span.colon {\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}\n:host>.icons>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tcursor: pointer;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.icons>.smoothly-invalid {\n\tdisplay: flex;\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\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateTime implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable \| undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue?: isoly.DateTime\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.DateTime\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() min?: isoly.DateTime\n\t@Prop() max?: isoly.DateTime\n\t@State() date?: isoly.Date\n\t@State() hour?: number\n\t@State() minute?: number\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.DateTime>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t\tthis.valueChange(this.value)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateTime \| undefined> {\n\t\tconst value =\n\t\t\tthis.date && typeof this.hour == \"number\" && typeof this.minute == \"number\"\n\t\t\t\t? `${this.date}T${`${this.hour}`.padStart(2, \"0\")}:${`${this.minute}`.padStart(2, \"0\")}:00.000Z`\n\t\t\t\t: undefined\n\t\treturn isoly.DateTime.is(value) ? 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 clear(): Promise<void> {\n\t\tthis.value = undefined\n\t\tthis.date = undefined\n\t\tthis.hour = undefined\n\t\tthis.minute = undefined\n\t}\n\n\t@Watch(\"date\")\n\t@Watch(\"hour\")\n\t@Watch(\"minute\")\n\tasync handleChange() {\n\t\tconst value = await this.getValue()\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"value\")\n\tvalueChange(value?: isoly.DateTime) {\n\t\tif (isoly.DateTime.is(value)) {\n\t\t\tthis.date = isoly.DateTime.getDate(value)\n\t\t\tthis.hour = isoly.DateTime.getHour(value)\n\t\t\tthis.minute = isoly.DateTime.getMinute(value)\n\t\t}\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateTime) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tif (isoly.DateTime.is(this.initialValue)) {\n\t\t\tthis.date = isoly.DateTime.getDate(this.initialValue)\n\t\t\tthis.hour = isoly.DateTime.getHour(this.initialValue)\n\t\t\tthis.minute = isoly.DateTime.getMinute(this.initialValue)\n\t\t} else {\n\t\t\tthis.date = undefined\n\t\t\tthis.hour = undefined\n\t\t\tthis.minute = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = await this.getValue()\n\t\tthis.isDifferentFromInitial = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={\"date\"}\n\t\t\t\t\tonFocus={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.date}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.date = e.detail.date\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"hour\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={23}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.hour}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"hh\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.hour = e.detail.hour\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"colon\">:</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"minute\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={59}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.minute}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"mm\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.minute = e.detail.minute\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value ? isoly.DateTime.getDate(this.value) : undefined}\n\t\t\t\t\t\tmin={this.min ? isoly.DateTime.getDate(this.min) : undefined}\n\t\t\t\t\t\tmax={this.max ? isoly.DateTime.getDate(this.max) : undefined}\n\t\t\t\t\t\tonSmoothlyDateSet={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.date = e.detail\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-8f9e26ce.js","mappings":"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","names":["isoly.DateTime"],"sources":["src/components/input/date/time/style.css?tag=smoothly-input-date-time&encapsulation=scoped","src/components/input/date/time/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n\n:host:not([readonly])>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 2rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n:host>smoothly-input[name=\"date\"] {\n\twidth: 12rem;\n}\n:host>smoothly-input[name=\"hour\"] {\n\twidth: 4rem;\n}\n:host>smoothly-input[name=\"minute\"] {\n\tmin-width: 4rem;\n\tflex-grow: 1;\n}\n:host>span.colon {\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}\n:host>.icons>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tcursor: pointer;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.icons>.smoothly-invalid {\n\tdisplay: flex;\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\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateTime implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable \| undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue?: isoly.DateTime\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.DateTime\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() min?: isoly.DateTime\n\t@Prop() max?: isoly.DateTime\n\t@State() date?: isoly.Date\n\t@State() hour?: number\n\t@State() minute?: number\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.DateTime>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t\tthis.valueChange(this.value)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateTime \| undefined> {\n\t\tconst value =\n\t\t\tthis.date && typeof this.hour == \"number\" && typeof this.minute == \"number\"\n\t\t\t\t? `${this.date}T${`${this.hour}`.padStart(2, \"0\")}:${`${this.minute}`.padStart(2, \"0\")}:00.000Z`\n\t\t\t\t: undefined\n\t\treturn isoly.DateTime.is(value) ? 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 clear(): Promise<void> {\n\t\tthis.value = undefined\n\t\tthis.date = undefined\n\t\tthis.hour = undefined\n\t\tthis.minute = undefined\n\t}\n\n\t@Watch(\"date\")\n\t@Watch(\"hour\")\n\t@Watch(\"minute\")\n\tasync handleChange() {\n\t\tconst value = await this.getValue()\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"value\")\n\tvalueChange(value?: isoly.DateTime) {\n\t\tif (isoly.DateTime.is(value)) {\n\t\t\tthis.date = isoly.DateTime.getDate(value)\n\t\t\tthis.hour = isoly.DateTime.getHour(value)\n\t\t\tthis.minute = isoly.DateTime.getMinute(value)\n\t\t}\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateTime) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tif (isoly.DateTime.is(this.initialValue)) {\n\t\t\tthis.date = isoly.DateTime.getDate(this.initialValue)\n\t\t\tthis.hour = isoly.DateTime.getHour(this.initialValue)\n\t\t\tthis.minute = isoly.DateTime.getMinute(this.initialValue)\n\t\t} else {\n\t\t\tthis.date = undefined\n\t\t\tthis.hour = undefined\n\t\t\tthis.minute = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = await this.getValue()\n\t\tthis.isDifferentFromInitial = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={\"date\"}\n\t\t\t\t\tonFocus={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.date}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.date = e.detail.date\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"hour\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={23}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.hour}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"hh\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.hour = e.detail.hour\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"colon\">:</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"minute\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={59}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.minute}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"mm\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.minute = e.detail.minute\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value ? isoly.DateTime.getDate(this.value) : undefined}\n\t\t\t\t\t\tmin={this.min ? isoly.DateTime.getDate(this.min) : undefined}\n\t\t\t\t\t\tmax={this.max ? isoly.DateTime.getDate(this.max) : undefined}\n\t\t\t\t\t\tonSmoothlyDateSet={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.date = e.detail\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0e242fdd.js → p-974b3a13.js} RENAMED Viewed

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

package/dist/components/{p-0e242fdd.js.map → p-974b3a13.js.map} RENAMED Viewed

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

package/dist/components/{p-90cf2f0e.js → p-9ad494c1.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-19d93e64.js';
+import { I as Input } from './p-c9caeeb4.js';
 import { d as defineCustomElement$1 } from './p-604f869e.js';
 const styleCss = ".sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
@@ -137,4 +137,4 @@ defineCustomElement();
 export { SmoothlyInputCheckbox as S, defineCustomElement as d };
-//# sourceMappingURL=p-90cf2f0e.js.map
+//# sourceMappingURL=p-9ad494c1.js.map

package/dist/components/{p-90cf2f0e.js.map → p-9ad494c1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~90cf2f0e~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,q+LAAq+L,CAAC;AACv/L,oCAAe,QAAQ;;MCuBV,qBAAqB;;;;;;;;;QAEjC,2BAAsB,GAAG,KAAK,CAAA;QAGtB,aAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;;wBAGE,KAAK;;uBAEN,KAAK;;;;;IASvD,iBAAiB;QAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAA;QAChC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAA;QACvF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAC3B,CAAC,KAAK,EAAE,KAAK,eAAK,QAAC,CAAC,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAC,EAAA,CAC3F,CAAA;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;QAC7D,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;QACvB,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;KAC7D;IACD,MAAM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW;YAC5B,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;KACxB;IAED,MAAM,wBAAwB,CAAC,KAA2D;QACzF,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;KACpC;IAED,UAAU,CAAC,CAAqB,EAAE,OAA2B;QAC5D,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;KAC/B;IAED,MAAM,QAAQ;QACb,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;KACnB;IAED,MAAM,UAAU;QACf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KACtB;IAED,MAAM,QAAQ;QACb,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;KAClE;IAED,MAAM,KAAK;QACV,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAA;KAC1D;IAED,MAAM,MAAM,CAAC,QAAoC;QAChD,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;KACjC;IAGD,MAAM,IAAI,CAAC,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAA;KACzB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAA;KAChC;IAED,MAAM,eAAe;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAA;QAChC,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAA;KACnC;IAGD,MAAM,oBAAoB;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;KACvB;IAGD,MAAM,YAAY,CAAC,CAAsB,EAAE,MAA2B;QACrE,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;QACnE,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAA;QAC1C,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;YAC/D,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;SACvB;KACD;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,QAAQ,EAAE,OAAM,CAAC;gBAChB,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAA;gBACrD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;aAC9E,GACA,EACD,IAAI,CAAC,OAAO,IAAI,sEAAe,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACrE,8DAAO,OAAO,EAAE,IAAI,CAAC,EAAE,IACtB,8DAAQ,CACD,EACR,6DAAM,KAAK,EAAC,4BAA4B,IACvC,6DAAM,IAAI,EAAC,KAAK,GAAG,CACb,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder-radius: 0.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n:host([checked][looks=transparent])>input, /* Override shared.css transparent styling /\n:host([checked])>input {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])> {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n\t--smoothly-color-contrast: var(--smoothly-input-background);\n\t/* outline: 2px solid blue; /\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/ overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable \| undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop() value?: Record<\"true\" \| \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean \| undefined, before: boolean \| undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled \|\| this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-sharp\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-9ad494c1.js","mappings":"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","names":[],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder-radius: 0.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n:host([checked][looks=transparent])>input, /* Override shared.css transparent styling /\n:host([checked])>input {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])> {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n\t--smoothly-color-contrast: var(--smoothly-input-background);\n\t/* outline: 2px solid blue; /\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/ overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable \| undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop() value?: Record<\"true\" \| \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\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\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean \| undefined, before: boolean \| undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled \|\| this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-sharp\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-02c38067.js → p-9aeab5df.js} RENAMED Viewed

@@ -6,9 +6,9 @@ import { d as defineCustomElement$7 } from './p-f893b6cc.js';
 import { d as defineCustomElement$6 } from './p-ccbdacc9.js';
 import { d as defineCustomElement$5 } from './p-3aed2b34.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-e48ad105.js';
-import { d as defineCustomElement$2 } from './p-2ef8a833.js';
-import { d as defineCustomElement$1 } from './p-ec815cfd.js';
+import { d as defineCustomElement$3 } from './p-75916f5e.js';
+import { d as defineCustomElement$2 } from './p-fd230d2b.js';
+import { d as defineCustomElement$1 } from './p-cb02f661.js';
 const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo extends H {
     constructor() {
@@ -16,7 +16,7 @@ const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'b4550b5f4a8435ff07abbfedf03452fa64993f35' }, h("h2", { key: 'b70efe02b4047e0c56e263d7d604b04f21b3bd9d' }, "Range"), h("h3", { key: 'd1ea3331c8e4ecfa78ebd09706bb9c49ea44de56' }, "Phone Number"), h("smoothly-input-range", { key: '6c2241369a1b03a49a22ab708e2e6cbc2fe2ecbc', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'be655af45ba80bd54a41dc319b316a1ffdfa115f' }, "Stars out of ten"), h("smoothly-input-range", { key: 'e0f8e3e88934ad2fcff9a9d3cac3f14db7ecce8f', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e21bb7960d11b42414cbf6e8dba4c1d011438947' }, "Percent"), h("smoothly-input-range", { key: 'f2a326739a164b0397c64a742e5a210bca0385f8', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '9ac9fa1800004c7719eab3990c7024dcabeac541' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '15558427596efa234ab6a3ecc89fc039d1156bd9', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '5237da34fc9f10f5eb6a6a01e5f2c9e9ce68ccde', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '3037a54047581eaba241ab6b3b5b4c3586ad93d4', size: "icon", slot: "end" }))));
+        return (h(Host, { key: '517024f5fa43b290588bf6de897eb8604ebb9aec' }, h("h2", { key: '50920a3bb53f5a910ddb094da8afab71b8f57088' }, "Range"), h("h3", { key: '503e792bc7c1d2da6277ac84ea478066e432e3a3' }, "Phone Number"), h("smoothly-input-range", { key: '8ad5509021818af773dcb4b4004aff70b6e9e1d4', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'd0721a56d49839e2d409e2371dd22663ee7c6260' }, "Stars out of ten"), h("smoothly-input-range", { key: 'c0729cb660ac13733d73a33f4c9f8fbab6132919', max: 10, step: 1, label: "Stars" }), h("h3", { key: '037a777b872d2338994cccc94aaf9539566b1d25' }, "Percent"), h("smoothly-input-range", { key: 'b46ef1dca494adf50e7407d280b6261fa5fe98d3', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '49ce896d170de4e93ab1787533eb9ce0830af143' }, "With icon at start and clear button"), h("smoothly-input-range", { key: 'e322080fc04b52b6219d894568759f0a47df81ee', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '54fd4bed32163cf2368192ceaed499dfd4b6d9f6', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '75786b2a1ef4c44537e28dd95a9b6a67a0a7e883', size: "icon", slot: "end" }))));
     }
 }, [0, "smoothly-input-range-demo"]);
 function defineCustomElement() {
@@ -86,4 +86,4 @@ defineCustomElement();
 export { SmoothlyInputRangeDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-02c38067.js.map
+//# sourceMappingURL=p-9aeab5df.js.map

package/dist/components/{p-02c38067.js.map → p-9aeab5df.js.map} RENAMED Viewed

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

package/dist/components/{p-e9905fbc.js → p-a66e99e6.js} RENAMED Viewed

@@ -6,23 +6,23 @@ import { d as defineCustomElement$l } from './p-4e754f3b.js';
 import { d as defineCustomElement$k } from './p-f893b6cc.js';
 import { d as defineCustomElement$j } from './p-ccbdacc9.js';
 import { d as defineCustomElement$i } from './p-3aed2b34.js';
-import { d as defineCustomElement$h } from './p-19d93e64.js';
+import { d as defineCustomElement$h } from './p-c9caeeb4.js';
 import { d as defineCustomElement$g } from './p-604f869e.js';
-import { d as defineCustomElement$f } from './p-e48ad105.js';
-import { d as defineCustomElement$e } from './p-90cf2f0e.js';
-import { d as defineCustomElement$d } from './p-2ef8a833.js';
-import { d as defineCustomElement$c } from './p-aff94100.js';
-import { d as defineCustomElement$b } from './p-e7dcaec1.js';
-import { d as defineCustomElement$a } from './p-2d754996.js';
-import { d as defineCustomElement$9 } from './p-6d1e5f27.js';
-import { d as defineCustomElement$8 } from './p-fb97b2ff.js';
-import { d as defineCustomElement$7 } from './p-ec815cfd.js';
-import { d as defineCustomElement$6 } from './p-5cd257ad.js';
-import { d as defineCustomElement$5 } from './p-4441247b.js';
-import { d as defineCustomElement$4 } from './p-0b3f1a79.js';
-import { d as defineCustomElement$3 } from './p-1e46b981.js';
-import { d as defineCustomElement$2 } from './p-3a1a67e7.js';
-import { d as defineCustomElement$1 } from './p-bb94849f.js';
+import { d as defineCustomElement$f } from './p-75916f5e.js';
+import { d as defineCustomElement$e } from './p-9ad494c1.js';
+import { d as defineCustomElement$d } from './p-fd230d2b.js';
+import { d as defineCustomElement$c } from './p-f0fc48a4.js';
+import { d as defineCustomElement$b } from './p-795bda50.js';
+import { d as defineCustomElement$a } from './p-018f3b07.js';
+import { d as defineCustomElement$9 } from './p-ce52b5f8.js';
+import { d as defineCustomElement$8 } from './p-c4674baf.js';
+import { d as defineCustomElement$7 } from './p-cb02f661.js';
+import { d as defineCustomElement$6 } from './p-4ee29da5.js';
+import { d as defineCustomElement$5 } from './p-efb6497e.js';
+import { d as defineCustomElement$4 } from './p-a76a4d76.js';
+import { d as defineCustomElement$3 } from './p-33c30e05.js';
+import { d as defineCustomElement$2 } from './p-723edf05.js';
+import { d as defineCustomElement$1 } from './p-ac63635b.js';
 const SmoothlyFormDemoAll = proxyCustomElement(class SmoothlyFormDemoAll extends H {
     constructor() {
@@ -172,4 +172,4 @@ defineCustomElement();
 export { SmoothlyFormDemoAll as S, defineCustomElement as d };
-//# sourceMappingURL=p-e9905fbc.js.map
+//# sourceMappingURL=p-a66e99e6.js.map

package/dist/components/{p-e9905fbc.js.map → p-a66e99e6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~e9905fbc~~.js","mappings":"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","names":[],"sources":["src/components/form/demo/all/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-all\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoAll {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>All inputs</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\ttype=\"create\"\n\t\t\t\t\treadonly\n\t\t\t\t\taction=\"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4\"\n\t\t\t\t\tonSmoothlyFormSubmit={e => {\n\t\t\t\t\t\tObject.entries(e.detail.value).forEach(([key, value]) => console.log(key, value))\n\t\t\t\t\t}}>\n\t\t\t\t\t<smoothly-input readonly name=\"First Name\" value=\"John\">\n\t\t\t\t\t\tFirst name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input showLabel={false} name=\"Last name\" value=\"Doe\">\n\t\t\t\t\t\tLast name\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"phone\" name=\"Phone\" value={\"777888999\"}>\n\t\t\t\t\t\tPhone\n\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-color name=\"color\">Color</smoothly-input-color>\n\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox\">Check the box</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox2\" checked>\n\t\t\t\t\t\tCheck the box 2\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-range step={1} name=\"range3\" value={20} label=\"Range\" />\n\t\t\t\t\t<smoothly-input name=\"pets.0.name\">First Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.0.age\" max={100} step={1} label=\"First Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.1.name\">Second Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.1.age\" max={100} step={1} label=\"Second Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.2.name\">Third Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.2.age\" max={100} step={1} label=\"Third Pet's Age\" />\n\t\t\t\t\t<smoothly-input-file name={\"profile\"} placeholder={\"Click or drag your profile picture here...\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Profile</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"person-circle-outline\"} size={\"tiny\"} fill={\"default\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type=\"duration\" name=\"duration\" value={{}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-clear fill=\"default\" type=\"form\" color=\"warning\" slot=\"clear\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-edit fill=\"default\" type=\"form\" color=\"tertiary\" slot=\"edit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-reset fill=\"default\" type=\"form\" color=\"warning\" slot=\"reset\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit delete slot=\"delete\" color=\"danger\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit fill=\"default\" color=\"success\" slot=\"submit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-a66e99e6.js","mappings":"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","names":[],"sources":["src/components/form/demo/all/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-all\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoAll {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>All inputs</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\ttype=\"create\"\n\t\t\t\t\treadonly\n\t\t\t\t\taction=\"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4\"\n\t\t\t\t\tonSmoothlyFormSubmit={e => {\n\t\t\t\t\t\tObject.entries(e.detail.value).forEach(([key, value]) => console.log(key, value))\n\t\t\t\t\t}}>\n\t\t\t\t\t<smoothly-input readonly name=\"First Name\" value=\"John\">\n\t\t\t\t\t\tFirst name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input showLabel={false} name=\"Last name\" value=\"Doe\">\n\t\t\t\t\t\tLast name\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"phone\" name=\"Phone\" value={\"777888999\"}>\n\t\t\t\t\t\tPhone\n\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-color name=\"color\">Color</smoothly-input-color>\n\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox\">Check the box</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox2\" checked>\n\t\t\t\t\t\tCheck the box 2\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-range step={1} name=\"range3\" value={20} label=\"Range\" />\n\t\t\t\t\t<smoothly-input name=\"pets.0.name\">First Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.0.age\" max={100} step={1} label=\"First Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.1.name\">Second Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.1.age\" max={100} step={1} label=\"Second Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.2.name\">Third Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.2.age\" max={100} step={1} label=\"Third Pet's Age\" />\n\t\t\t\t\t<smoothly-input-file name={\"profile\"} placeholder={\"Click or drag your profile picture here...\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Profile</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"person-circle-outline\"} size={\"tiny\"} fill={\"default\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type=\"duration\" name=\"duration\" value={{}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-clear fill=\"default\" type=\"form\" color=\"warning\" slot=\"clear\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-edit fill=\"default\" type=\"form\" color=\"tertiary\" slot=\"edit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-reset fill=\"default\" type=\"form\" color=\"warning\" slot=\"reset\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit delete slot=\"delete\" color=\"danger\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit fill=\"default\" color=\"success\" slot=\"submit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0b3f1a79.js → p-a76a4d76.js} RENAMED Viewed

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

package/dist/components/{p-0b3f1a79.js.map → p-a76a4d76.js.map} RENAMED Viewed

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