smoothly 1.0.0-alpha.21 → 1.0.0-alpha.210

package/dist/cjs/smoothly-display-date-time.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-43af753b.js');
+
+const styleCss = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
+
+const SmoothlyDisplayDateTime = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.datetime = undefined;
+  }
+  componentWillLoad() {
+    console.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type="date-time">.');
+  }
+  render() {
+    const datetime = this.datetime.split("T");
+    return [datetime[0], " ", datetime[1]];
+  }
+};
+SmoothlyDisplayDateTime.style = styleCss;
+
+exports.smoothly_display_date_time = SmoothlyDisplayDateTime;
+
+//# sourceMappingURL=smoothly-display-date-time.cjs.entry.js.map

package/dist/cjs/smoothly-display-date-time.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-display-date-time.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,uGAAuG;;MCW3G,uBAAuB;;;;;EAGnC,iBAAiB;IAChB,OAAO,CAAC,IAAI,CAAC,gGAAgG,CAAC,CAAA;GAC9G;EACD,MAAM;IACL,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEzC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;GACtC;;;;;;","names":[],"sources":["./src/components/display-date-time/style.css?tag=smoothly-display-date-time&encapsulation=scoped","./src/components/display-date-time/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n","import { Component, ComponentWillLoad, Prop } from \"@stencil/core\"\nimport { DateTime } from \"isoly\"\n\n/**\n * DEPRECATED, use  <smoothly-display type=\"date-time\">\n */\n@Component({\n\ttag: \"smoothly-display-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplayDateTime implements ComponentWillLoad {\n\t@Prop() datetime: DateTime\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tconsole.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type=\"date-time\">.')\n\t}\n\trender() {\n\t\tconst datetime = this.datetime.split(\"T\")\n\n\t\treturn [datetime[0], \" \", datetime[1]]\n\t}\n}\n"],"version":3}

package/dist/cjs/smoothly-google-font.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8adc5c1b.js');
+const index = require('./index-43af753b.js');
 const GoogleFont = require('./GoogleFont-6c4f0da1.js');
 
 const SmoothlyGoogleFont = class {

package/dist/cjs/smoothly-reorder.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8adc5c1b.js');
+const index = require('./index-43af753b.js');
 
 const styleCss = "smoothly-reorder>*{cursor:move;transition:transform 0.3s}smoothly-reorder>*.dragging{transition:none;box-shadow:0 0 10px rgba(var(--smoothly-dark-color));z-index:1;user-select:none}";
 

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8adc5c1b.js');
-const Listenable = require('./Listenable-63ea2d90.js');
+const index = require('./index-43af753b.js');
+const Data = require('./Data-ae713814.js');
 require('./GoogleFont-6c4f0da1.js');
 
 const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";
@@ -21,8 +21,8 @@ const SmoothlyTriggerSink = class {
     return this.filtersValue;
   }
   TriggerListener(event) {
-    if (Listenable.Trigger.is(event.detail) && this.filters.some(f => f == event.detail.name)) {
-      Listenable.Message.send(this.destination, event.detail, this.context || window);
+    if (Data.Trigger.is(event.detail) && this.filters.some(f => f == event.detail.name)) {
+      Data.Message.send(this.destination, event.detail, this.context || window);
       event.preventDefault();
       event.stopPropagation();
     }

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"smoothly-trigger-sink.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,6FAA6F;;MCQjG,mBAAmB;;;;;;;EAK/B,IAAI,OAAO;IACV,IAAI,CAAC,IAAI,CAAC,YAAY;MACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;IAC9D,OAAO,IAAI,CAAC,YAAY,CAAA;GACxB;EAED,eAAe,CAAC,KAA2B;IAC1C,IAAIA,kBAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;MAC/EC,kBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,CAAA;MACpE,KAAK,CAAC,cAAc,EAAE,CAAA;MACtB,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;GACD;EACD,MAAM;IACL,OAAOC,qBAAa,CAAA;GACpB;;;;;;","names":["Trigger","Message","h"],"sources":["./src/components/trigger-sink/style.css?tag=smoothly-trigger-sink&encapsulation=scoped","./src/components/trigger-sink/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-sink\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSink {\n\t@Prop() context?: Window\n\t@Prop() destination: string\n\t@Prop() filter?: string\n\tfiltersValue?: string[]\n\tget filters(): string[] {\n\t\tif (!this.filtersValue)\n\t\t\tthis.filtersValue = this.filter ? this.filter.split(\" \") : []\n\t\treturn this.filtersValue\n\t}\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && this.filters.some(f => f == event.detail.name)) {\n\t\t\tMessage.send(this.destination, event.detail, this.context || window)\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}
+{"file":"smoothly-trigger-sink.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,6FAA6F;;MCQjG,mBAAmB;;;;;;;EAK/B,IAAI,OAAO;IACV,IAAI,CAAC,IAAI,CAAC,YAAY;MACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;IAC9D,OAAO,IAAI,CAAC,YAAY,CAAA;GACxB;EAED,eAAe,CAAC,KAA2B;IAC1C,IAAIA,YAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;MAC/EC,YAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,CAAA;MACpE,KAAK,CAAC,cAAc,EAAE,CAAA;MACtB,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;GACD;EACD,MAAM;IACL,OAAOC,qBAAa,CAAA;GACpB;;;;;;","names":["Trigger","Message","h"],"sources":["./src/components/trigger-sink/style.css?tag=smoothly-trigger-sink&encapsulation=scoped","./src/components/trigger-sink/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-sink\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSink {\n\t@Prop() context?: Window\n\t@Prop() destination: string\n\t@Prop() filter?: string\n\tfiltersValue?: string[]\n\tget filters(): string[] {\n\t\tif (!this.filtersValue)\n\t\t\tthis.filtersValue = this.filter ? this.filter.split(\" \") : []\n\t\treturn this.filtersValue\n\t}\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && this.filters.some(f => f == event.detail.name)) {\n\t\t\tMessage.send(this.destination, event.detail, this.context || window)\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}

package/dist/cjs/smoothly-trigger-source.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8adc5c1b.js');
-const Listenable = require('./Listenable-63ea2d90.js');
+const index = require('./index-43af753b.js');
+const Data = require('./Data-ae713814.js');
 require('./GoogleFont-6c4f0da1.js');
 
 const styleCss = ".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";
@@ -12,15 +12,15 @@ const SmoothlyTriggerSource = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.trigger = index.createEvent(this, "trigger", 7);
-    this.message = index.createEvent(this, "message", 7);
+    this.smoothlyMessage = index.createEvent(this, "smoothlyMessage", 7);
     this.listen = undefined;
   }
   componentDidLoad() {
-    Listenable.Message.listen(this.listen, (destination, content) => {
-      if (Listenable.Trigger.is(content))
+    Data.Message.listen(this.listen, (destination, content) => {
+      if (Data.Trigger.is(content))
         this.trigger.emit(content);
       else
-        this.message.emit({ destination, content });
+        this.smoothlyMessage.emit({ destination, content });
     }, window);
   }
   render() {

package/dist/cjs/smoothly-trigger-source.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"smoothly-trigger-source.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,iGAAiG;;MCQrG,qBAAqB;;;;;;;EAKjC,gBAAgB;IACfA,kBAAO,CAAC,MAAM,CACb,IAAI,CAAC,MAAM,EACX,CAAC,WAAW,EAAE,OAAO;MACpB,IAAIC,kBAAO,CAAC,EAAE,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;;QAE1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAA;KAC5C,EACD,MAAM,CACN,CAAA;GACD;EACD,MAAM;IACL,OAAOC,qBAAa,CAAA;GACpB;;;;;;;","names":["Message","Trigger","h"],"sources":["./src/components/trigger-source/style.css?tag=smoothly-trigger-source&encapsulation=scoped","./src/components/trigger-source/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-source\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSource {\n\t@Prop() listen: string\n\t@Event() trigger: EventEmitter<Trigger>\n\t@Event() message: EventEmitter<Message<any>>\n\t@Element() element?: HTMLElement\n\tcomponentDidLoad() {\n\t\tMessage.listen(\n\t\t\tthis.listen,\n\t\t\t(destination, content) => {\n\t\t\t\tif (Trigger.is(content))\n\t\t\t\t\tthis.trigger.emit(content)\n\t\t\t\telse\n\t\t\t\t\tthis.message.emit({ destination, content })\n\t\t\t},\n\t\t\twindow\n\t\t)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}
+{"file":"smoothly-trigger-source.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,iGAAiG;;MCQrG,qBAAqB;;;;;;;EAKjC,gBAAgB;IACfA,YAAO,CAAC,MAAM,CACb,IAAI,CAAC,MAAM,EACX,CAAC,WAAW,EAAE,OAAO;MACpB,IAAIC,YAAO,CAAC,EAAE,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;;QAE1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAA;KACpD,EACD,MAAM,CACN,CAAA;GACD;EACD,MAAM;IACL,OAAOC,qBAAa,CAAA;GACpB;;;;;;;","names":["Message","Trigger","h"],"sources":["./src/components/trigger-source/style.css?tag=smoothly-trigger-source&encapsulation=scoped","./src/components/trigger-source/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { Message, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-trigger-source\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTriggerSource {\n\t@Prop() listen: string\n\t@Event() trigger: EventEmitter<Trigger>\n\t@Event() smoothlyMessage: EventEmitter<Message<any>>\n\t@Element() element?: HTMLElement\n\tcomponentDidLoad() {\n\t\tMessage.listen(\n\t\t\tthis.listen,\n\t\t\t(destination, content) => {\n\t\t\t\tif (Trigger.is(content))\n\t\t\t\t\tthis.trigger.emit(content)\n\t\t\t\telse\n\t\t\t\t\tthis.smoothlyMessage.emit({ destination, content })\n\t\t\t},\n\t\t\twindow\n\t\t)\n\t}\n\trender() {\n\t\treturn <slot></slot>\n\t}\n}\n"],"version":3}

package/dist/cjs/smoothly.cjs.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8adc5c1b.js');
+const index = require('./index-43af753b.js');
+require('./Observers-6450f075.js');
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('smoothly.cjs.js', document.baseURI).href));
@@ -17,7 +18,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["smoothly-accordion_62.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-table-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[0,"smoothly-display-demo"],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{"disabled":[516],"readonly":[516],"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"mutable":[4],"optionStyle":[8,"option-style"],"options":[1040],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"selectAllName":[1025,"select-all-name"],"selectionName":[1025,"selection-name"],"newOptionLabel":[1025,"new-option-label"],"valueValidator":[16],"isOpen":[32],"empty":[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"size":[513],"name":[1],"value":[8]}],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[6,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513]}],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-filter",{"placeholder":[1025],"criteria":[1040],"inputValue":[1032,"input-value"],"expanded":[32],"freeSearchValue":[32],"clear":[64]},[[0,"filter","filterHandler"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1025],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540],"align":[513]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[4,"smoothly-form",{"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"notice":[32],"submit":[64],"clear":[64]},[[2,"smoothlyInput","smoothlyInputHandler"],[2,"smoothlySubmit","smoothlySubmitHandler"]]],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-quiet",{"color":[1]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1537],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-addresses.cjs",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-address-display.cjs",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]],["smoothly-address.cjs",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-addresses.cjs\",[[2,\"smoothly-addresses\",{\"value\":[16],\"editable\":[16]}]]],[\"smoothly-checkbox.cjs\",[[6,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[1],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]}]]],[\"smoothly-accordion.cjs\",[[6,\"smoothly-accordion\",{\"value\":[1025],\"removeItem\":[64]},[[0,\"smoothlyOpen\",\"handleOpenClose\"],[0,\"smoothlyClose\",\"handleOpenClose\"],[0,\"smoothlyAccordionItemWillLoad\",\"onAccordionItemDidLoad\"]]]]],[\"smoothly-accordion-item.cjs\",[[6,\"smoothly-accordion-item\",{\"name\":[1],\"brand\":[1],\"open\":[1540]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-display-date-time.cjs\",[[2,\"smoothly-display-date-time\",{\"datetime\":[1]}]]],[\"smoothly-google-font.cjs\",[[2,\"smoothly-google-font\",{\"value\":[1]}]]],[\"smoothly-reorder.cjs\",[[0,\"smoothly-reorder\"]]],[\"smoothly-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]],[\"smoothly-app_80.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[0,\"smoothly-input-demo\",{\"duration\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-display-demo\"],[0,\"smoothly-button-demo\"],[4,\"smoothly-app\",{\"label\":[1],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]]],[0,\"smoothly-dialog-demo\"],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"to\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-select-demo\"],[2,\"smoothly-theme-colors\"],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[2,\"smoothly-icon-demo\"],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-picker-demo\",{\"counter\":[32],\"data\":[32],\"change\":[32]},[[0,\"smoothlyFormSubmit\",\"submitHandler\"]]],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"disabled\":[1028],\"clear\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]]],[2,\"smoothly-input-date-range\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"clear\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyStartChange\",\"onStartChanged\"],[0,\"smoothlyEndChange\",\"onEndChanged\"],[0,\"smoothlyDateRangeSet\",\"onDateRangeSet\"]]],[6,\"smoothly-notifier\",{\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"type\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[6,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"name\":[1],\"clear\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]]],[2,\"smoothly-burger\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[1],\"value\":[8],\"checked\":[1028],\"looks\":[1537],\"disabled\":[516],\"clear\":[64]}],[6,\"smoothly-input-file\",{\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"clear\":[64]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1028],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[1,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[0,\"smoothly-urlencoded\",{\"data\":[1]}],[2,\"smoothly-display-amount\",{\"amount\":[8],\"currency\":[1],\"toInteger\":[4,\"to-integer\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[1],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-input-edit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"clearable\":[4],\"readonly\":[1540],\"name\":[1],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64]},[[0,\"smoothlyRadioButtonRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"SmoothlyInputLoadHandler\"],[0,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"min\":[2],\"max\":[2],\"name\":[1],\"labelText\":[1,\"label-text\"],\"step\":[8],\"outputSide\":[1,\"output-side\"],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"SmoothlyInputLoadHandler\"]]],[6,\"smoothly-input-reset\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[6,\"smoothly-popup\",{\"visible\":[1540],\"direction\":[1537],\"cssVariables\":[32]}],[6,\"smoothly-quiet\",{\"color\":[1]}],[2,\"smoothly-skeleton\",{\"widths\":[16],\"width\":[1025],\"color\":[1],\"period\":[2],\"distance\":[1],\"align\":[513]}],[2,\"smoothly-svg\",{\"url\":[513],\"size\":[513],\"color\":[1]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-filter-picker\",{\"property\":[1],\"multiple\":[4]},[[0,\"smoothlyPickerOptionChange\",\"optionChangeHandler\"]]],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-input\",{\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]]],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-input-clear\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-tab-switch\",{\"selectedElement\":[32]},[[0,\"expansionOpen\",\"openChanged\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]]],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[0,\"smoothly-tuple\",{\"tuple\":[16]}],[2,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]]],[2,\"smoothly-load-more\",{\"offset\":[1],\"name\":[1],\"multiple\":[4]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[1]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[2,\"smoothly-input-month\",{\"value\":[1025]}],[2,\"smoothly-display\",{\"type\":[1],\"value\":[8],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-picker\",{\"looks\":[1537],\"name\":[513],\"open\":[1540],\"mutable\":[516],\"multiple\":[516],\"readonly\":[516],\"validator\":[16],\"selected\":[32],\"display\":[32],\"clear\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyPickerMenuLoaded\",\"menuLoadedHandler\"],[0,\"smoothlyPickerOptionLoaded\",\"optionLoadedHandler\"],[0,\"smoothlyPickerOptionChange\",\"optionChangeHandler\"],[8,\"click\",\"clickHandler\"],[8,\"focusin\",\"focusHandler\"]]],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"readonly\":[1540],\"looks\":[513],\"name\":[1],\"method\":[1],\"action\":[1],\"processing\":[1540],\"prevent\":[4],\"changed\":[1028],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlySubmit\",\"smoothlySubmitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]]],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"filter\":[64]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-picker-menu\",{\"looks\":[1],\"open\":[516],\"multiple\":[516],\"mutable\":[516],\"readonly\":[516],\"validator\":[16],\"backend\":[32],\"options\":[32],\"created\":[32],\"search\":[32],\"valid\":[32],\"display\":[32],\"flip\":[32],\"flipChecked\":[32]},[[9,\"scroll\",\"scrollHandler\"],[0,\"smoothlyPickerOptionLoad\",\"optionLoadHandler\"],[0,\"smoothlyPickerOptionLoaded\",\"optionLoadedHandler\"],[0,\"smoothlyPickerOptionChange\",\"optionChangeHandler\"],[0,\"smoothlySlotEmpty\",\"emptyDisplayHandler\"]]],[6,\"smoothly-input-select\",{\"name\":[1],\"color\":[1537],\"looks\":[1537],\"type\":[1537],\"showSelected\":[1540,\"show-selected\"],\"initialPrompt\":[1,\"initial-prompt\"],\"initialValue\":[16],\"menuHeight\":[1,\"menu-height\"],\"opened\":[32],\"selectedElement\":[32],\"missing\":[32],\"filter\":[32],\"reset\":[64]},[[0,\"click\",\"onClick\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]]],[1,\"smoothly-picker-option\",{\"selected\":[1540],\"visible\":[1540],\"value\":[1032],\"search\":[1040],\"position\":[514],\"required\":[516],\"readonly\":[32],\"slotted\":[32],\"clickHandler\":[64]}],[6,\"smoothly-slot-elements\",{\"clone\":[4],\"nodes\":[1040]}],[2,\"smoothly-spinner\",{\"active\":[516],\"size\":[513]}],[6,\"smoothly-slotted-elements\",{\"clone\":[4]}],[6,\"smoothly-input\",{\"color\":[1537],\"delay\":[2],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[4],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"currency\":[513],\"changed\":[1028],\"formatter\":[32],\"initialValue\":[32],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"getFormData\":[64],\"setKeepFocusOnReRender\":[64],\"setSelectionRange\":[64]},[[0,\"smoothlyInputLoad\",\"SmoothlyInputLoadHandler\"]]],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"],\"document\":[32]}]]],[\"smoothly-address-display.cjs\",[[2,\"smoothly-address-display\",{\"value\":[16],\"editable\":[4]}]]],[\"smoothly-address.cjs\",[[2,\"smoothly-address\",{\"value\":[16],\"editable\":[4]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/smoothly.cjs.js.map

@@ -1 +1 @@
-{"file":"smoothly.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAgBA,MAAM,YAAY,GAAG,MAAM;AA6B3B,IAAI,MAAM,UAAU,GAAG,0MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAyD,EAAE,CAAC;AAe1E,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAWK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;AC1ED,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"smoothly.cjs.js","mappings":";;;;;;;AAAA;AACA;AACA;AAgBA,MAAM,YAAY,GAAG,MAAM;AA6B3B,IAAI,MAAM,UAAU,GAAG,0MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAyD,EAAE,CAAC;AAe1E,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAWK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;AC1ED,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -1,7 +1,9 @@
 {
   "entries": [
-    "./components/address-display/index.js",
     "./components/accordion/index.js",
+    "./components/address-display/index.js",
+    "./components/picker/slot-elements/index.js",
+    "./components/picker/menu/index.js",
     "./components/accordion-item/index.js",
     "./components/address/index.js",
     "./components/addresses/index.js",
@@ -15,6 +17,7 @@
     "./components/calendar/index.js",
     "./components/checkbox/index.js",
     "./components/color/index.js",
+    "./components/confirm/index.js",
     "./components/country/index.js",
     "./components/dialog/index.js",
     "./components/dialog-demo/index.js",
@@ -23,33 +26,45 @@
     "./components/display-date-time/index.js",
     "./components/display-demo/index.js",
     "./components/filter/index.js",
+    "./components/filter/field/index.js",
     "./components/filter/input/index.js",
+    "./components/filter/picker/index.js",
+    "./components/filter/toggle/index.js",
     "./components/form/index.js",
     "./components/frame/index.js",
     "./components/google-font/index.js",
     "./components/icon/index.js",
     "./components/icon-demo/index.js",
     "./components/input/index.js",
-    "./components/input-date/index.js",
-    "./components/input-date-range/index.js",
-    "./components/input-demo/index.js",
-    "./components/input-month/index.js",
+    "./components/input/checkbox/index.js",
+    "./components/input/clear/index.js",
+    "./components/input/color/index.js",
+    "./components/input/date/index.js",
+    "./components/input/date/range/index.js",
+    "./components/input/demo/index.js",
+    "./components/input/edit/index.js",
+    "./components/input/file/index.js",
+    "./components/input/month/index.js",
+    "./components/input/radio/index.js",
+    "./components/input/radio/item/index.js",
+    "./components/input/range/index.js",
+    "./components/input/reset/index.js",
+    "./components/input/select/index.js",
+    "./components/input/submit/index.js",
     "./components/item/index.js",
-    "./components/menu-options/index.js",
+    "./components/label/index.js",
+    "./components/lazy/index.js",
+    "./components/load-more/index.js",
     "./components/notification/index.js",
     "./components/notifier/index.js",
-    "./components/option/index.js",
     "./components/picker/index.js",
+    "./components/picker/demo/index.js",
+    "./components/picker/option/index.js",
+    "./components/picker/slotted-elements/index.js",
     "./components/popup/index.js",
     "./components/quiet/index.js",
-    "./components/radio/index.js",
-    "./components/radio-button/index.js",
-    "./components/radio-button/item/index.js",
-    "./components/radio-group/index.js",
     "./components/reorder/index.js",
-    "./components/select/index.js",
     "./components/select-demo/index.js",
-    "./components/selector/index.js",
     "./components/skeleton/index.js",
     "./components/spinner/index.js",
     "./components/submit/index.js",
@@ -61,10 +76,16 @@
     "./components/table/cell/index.js",
     "./components/table/demo/index.js",
     "./components/table/demo/filtered/index.js",
+    "./components/table/demo/testing/index.js",
     "./components/table/expandable/cell/index.js",
     "./components/table/expandable/row/index.js",
+    "./components/table/footer/index.js",
     "./components/table/header/index.js",
     "./components/table/row/index.js",
+    "./components/theme/color/index.js",
+    "./components/theme/color/variant/index.js",
+    "./components/theme/colors/index.js",
+    "./components/theme/picker/index.js",
     "./components/toggle/toggle.js",
     "./components/toggle-switch/index.js",
     "./components/trigger/index.js",
@@ -75,9 +96,10 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.2",
+    "version": "2.22.3",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],
-  "bundles": []
+  "bundles": [],
+  "global": "./global/index.js"
 }

package/dist/collection/components/Button.js

@@ -1,5 +1,19 @@
 import { h } from "@stencil/core";
-export const Button = ({ disabled, type, link, download }) => {
-  return disabled && (link || type == "link") ? (h("slot", null)) : link ? (h("a", { href: link, target: "_blank", download: download }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" }))) : type == "link" ? (h("a", { href: link }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" }))) : (h("button", { disabled: disabled }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" })));
+import { redirect } from "../model";
+export const Button = ({ disabled, type, link }) => {
+  return disabled && (link || type == "link") ? (h("slot", null)) : type == "link" ? (h("a", { href: link, onClick: !link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link))) }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" }))) : type == "download" ? (h("a", { href: link, target: "_blank", download: true }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" }))) : (h("button", { disabled: disabled }, h("slot", { name: "start" }), h("slot", null), h("slot", { name: "end" })));
 };
+function convert(path) {
+  let result;
+  if (path.startsWith(window.location.origin))
+    result = new URL(path).pathname;
+  else if (path.match(/^\//))
+    result = new URL(path, window.location.origin).pathname;
+  else
+    result = new URL(`${window.location.pathname.replace(/\/+$/, "")}/${path}`, window.location.origin).pathname;
+  return result;
+}
+function local(path) {
+  return new URL(path, window.location.origin).origin == window.location.origin;
+}
 //# sourceMappingURL=Button.js.map

package/dist/collection/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,CAAC,MAAM,MAAM,GAA2C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;EACpG,OAAO,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7C,eAAa,CACb,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,SAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ;IAChD,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACpB,SAAG,IAAI,EAAE,IAAI;IACZ,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,CACH,cAAQ,QAAQ,EAAE,QAAQ;IACzB,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB,CACT,CAAA;AACF,CAAC,CAAA","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\"\n\nexport const Button: FunctionalComponent<Button.Properties> = ({ disabled, type, link, download }) => {\n\treturn disabled && (link || type == \"link\") ? (\n\t\t<slot></slot>\n\t) : link ? (\n\t\t<a href={link} target=\"_blank\" download={download}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : type == \"link\" ? (\n\t\t<a href={link}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : (\n\t\t<button disabled={disabled}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</button>\n\t)\n}\nexport namespace Button {\n\texport interface Properties {\n\t\tdisabled: boolean\n\t\ttype: \"link\" | \"button\"\n\t\tlink?: string\n\t\tdownload?: boolean\n\t}\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,CAAC,MAAM,MAAM,GAA2C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;EAC1F,OAAO,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7C,eAAa,CACb,CAAC,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACpB,SAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7G,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,SAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ;IACtC,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,CACH,cAAQ,QAAQ,EAAE,QAAQ;IACzB,YAAM,IAAI,EAAC,OAAO,GAAQ;IAC1B,eAAa;IACb,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB,CACT,CAAA;AACF,CAAC,CAAA;AACD,SAAS,OAAO,CAAC,IAAY;EAC5B,IAAI,MAAkC,CAAA;EACtC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC1C,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAA;OAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;;IAEvD,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;EAE7G,OAAO,MAAM,CAAA;AACd,CAAC;AAED,SAAS,KAAK,CAAC,IAAY;EAC1B,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA;AAC9E,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\"\nimport { redirect } from \"../model\"\n\nexport const Button: FunctionalComponent<Button.Properties> = ({ disabled, type, link }) => {\n\treturn disabled && (link || type == \"link\") ? (\n\t\t<slot></slot>\n\t) : type == \"link\" ? (\n\t\t<a href={link} onClick={!link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link)))}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : type == \"download\" ? (\n\t\t<a href={link} target=\"_blank\" download>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : (\n\t\t<button disabled={disabled}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t<slot name=\"end\"></slot>\n\t\t</button>\n\t)\n}\nfunction convert(path: string): string {\n\tlet result: ReturnType<typeof convert>\n\tif (path.startsWith(window.location.origin))\n\t\tresult = new URL(path).pathname\n\telse if (path.match(/^\\//))\n\t\tresult = new URL(path, window.location.origin).pathname\n\telse\n\t\tresult = new URL(`${window.location.pathname.replace(/\\/+$/, \"\")}/${path}`, window.location.origin).pathname\n\n\treturn result\n}\n\nfunction local(path: string): boolean {\n\treturn new URL(path, window.location.origin).origin == window.location.origin\n}\nexport namespace Button {\n\texport interface Properties {\n\t\tdisabled: boolean\n\t\ttype: \"link\" | \"button\" | \"download\"\n\t\tlink?: string\n\t}\n}\n"]}

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

@@ -21,11 +21,6 @@ export class SmoothlyAccordion {
     else
       this.updateItems();
   }
-  onAccordionItemDidUnload(ev) {
-    const index = this.items.indexOf(ev.target);
-    if (index > -1)
-      this.items.splice(index, 1);
-  }
   componentDidLoad() {
     this.updateItems();
   }
@@ -35,6 +30,11 @@ export class SmoothlyAccordion {
       if ((item.open = !hasChecked && item.name == this.value))
         hasChecked = true;
   }
+  async removeItem(el) {
+    const index = this.items.indexOf(el);
+    if (index > -1)
+      this.items.splice(index, 1);
+  }
   render() {
     return [h("slot", null)];
   }
@@ -71,6 +71,32 @@ export class SmoothlyAccordion {
       }
     };
   }
+  static get methods() {
+    return {
+      "removeItem": {
+        "complexType": {
+          "signature": "(el: HTMLSmoothlyAccordionItemElement) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLSmoothlyAccordionItemElement": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "me"; }
   static get watchers() {
     return [{
@@ -92,17 +118,11 @@ export class SmoothlyAccordion {
         "capture": false,
         "passive": false
       }, {
-        "name": "smoothlyAccordionItemDidLoad",
+        "name": "smoothlyAccordionItemWillLoad",
         "method": "onAccordionItemDidLoad",
         "target": undefined,
         "capture": false,
         "passive": false
-      }, {
-        "name": "smoothlyAccordionItemDidUnload",
-        "method": "onAccordionItemDidUnload",
-        "target": undefined,
-        "capture": false,
-        "passive": false
       }];
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAO1E,MAAM,OAAO,iBAAiB;;IACrB,UAAK,GAAuC,EAAE,CAAA;;;EAItD,YAAY,CAAC,KAAyB;IACrC,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAGD,eAAe,CAAC,KAAmD;IAClE,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI;MACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;SAC1B,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI;MACvC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;EACxB,CAAC;EAED,sBAAsB,CAAC,EAAS;IAC/B,MAAM,IAAI,GAAG,EAAE,CAAC,MAA0C,CAAA;IAC1D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACrB,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI;MACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;;MAEtB,IAAI,CAAC,WAAW,EAAE,CAAA;EACpB,CAAC;EAED,wBAAwB,CAAC,EAAS;IACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAA0C,CAAC,CAAA;IAC/E,IAAI,KAAK,GAAG,CAAC,CAAC;MACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;EAC7B,CAAC;EACD,gBAAgB;IACf,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EACO,WAAW;IAClB,IAAI,UAAU,GAAG,KAAK,CAAA;IACtB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK;MAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;QACvD,UAAU,GAAG,IAAI,CAAA;EACpB,CAAC;EAED,MAAM;IACL,OAAO,CAAC,eAAa,CAAC,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Listen, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-accordion\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyAccordion {\n\tprivate items: HTMLSmoothlyAccordionItemElement[] = []\n\t@Element() me: HTMLElement\n\t@Prop({ mutable: true }) value?: string\n\t@Watch(\"value\")\n\tvalueChanged(value: string | undefined) {\n\t\tthis.updateItems()\n\t}\n\t@Listen(\"smoothlyOpen\")\n\t@Listen(\"smoothlyClose\")\n\thandleOpenClose(event: CustomEvent<{ name: string; open: boolean }>) {\n\t\tif (event.detail.open)\n\t\t\tthis.value = event.detail.name\n\t\telse if (this.value == event.detail.name)\n\t\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyAccordionItemDidLoad\")\n\tonAccordionItemDidLoad(ev: Event) {\n\t\tconst item = ev.target as HTMLSmoothlyAccordionItemElement\n\t\tthis.items.push(item)\n\t\tif (this.value == undefined && item.open)\n\t\t\tthis.value = item.name\n\t\telse\n\t\t\tthis.updateItems()\n\t}\n\t@Listen(\"smoothlyAccordionItemDidUnload\")\n\tonAccordionItemDidUnload(ev: Event) {\n\t\tconst index = this.items.indexOf(ev.target as HTMLSmoothlyAccordionItemElement)\n\t\tif (index > -1)\n\t\t\tthis.items.splice(index, 1)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateItems()\n\t}\n\tprivate updateItems() {\n\t\tlet hasChecked = false\n\t\tfor (const item of this.items)\n\t\t\tif ((item.open = !hasChecked && item.name == this.value))\n\t\t\t\thasChecked = true\n\t}\n\n\trender() {\n\t\treturn [<slot></slot>]\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,iBAAiB;;IACrB,UAAK,GAAuC,EAAE,CAAA;;;EAItD,YAAY,CAAC,KAAyB;IACrC,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAGD,eAAe,CAAC,KAAmD;IAClE,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI;MACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;SAC1B,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI;MACvC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;EACxB,CAAC;EAED,sBAAsB,CAAC,EAAS;IAC/B,MAAM,IAAI,GAAG,EAAE,CAAC,MAA0C,CAAA;IAC1D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACrB,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI;MACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;;MAEtB,IAAI,CAAC,WAAW,EAAE,CAAA;EACpB,CAAC;EACD,gBAAgB;IACf,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EACO,WAAW;IAClB,IAAI,UAAU,GAAG,KAAK,CAAA;IACtB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK;MAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;QACvD,UAAU,GAAG,IAAI,CAAA;EACpB,CAAC;EAED,KAAK,CAAC,UAAU,CAAC,EAAoC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACpC,IAAI,KAAK,GAAG,CAAC,CAAC;MACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;EAC7B,CAAC;EACD,MAAM;IACL,OAAO,CAAC,eAAa,CAAC,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Listen, Method, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-accordion\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyAccordion {\n\tprivate items: HTMLSmoothlyAccordionItemElement[] = []\n\t@Element() me: HTMLElement\n\t@Prop({ mutable: true }) value?: string\n\t@Watch(\"value\")\n\tvalueChanged(value: string | undefined) {\n\t\tthis.updateItems()\n\t}\n\t@Listen(\"smoothlyOpen\")\n\t@Listen(\"smoothlyClose\")\n\thandleOpenClose(event: CustomEvent<{ name: string; open: boolean }>) {\n\t\tif (event.detail.open)\n\t\t\tthis.value = event.detail.name\n\t\telse if (this.value == event.detail.name)\n\t\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyAccordionItemWillLoad\")\n\tonAccordionItemDidLoad(ev: Event) {\n\t\tconst item = ev.target as HTMLSmoothlyAccordionItemElement\n\t\tthis.items.push(item)\n\t\tif (this.value == undefined && item.open)\n\t\t\tthis.value = item.name\n\t\telse\n\t\t\tthis.updateItems()\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateItems()\n\t}\n\tprivate updateItems() {\n\t\tlet hasChecked = false\n\t\tfor (const item of this.items)\n\t\t\tif ((item.open = !hasChecked && item.name == this.value))\n\t\t\t\thasChecked = true\n\t}\n\t@Method()\n\tasync removeItem(el: HTMLSmoothlyAccordionItemElement) {\n\t\tconst index = this.items.indexOf(el)\n\t\tif (index > -1)\n\t\t\tthis.items.splice(index, 1)\n\t}\n\trender() {\n\t\treturn [<slot></slot>]\n\t}\n}\n"]}

package/dist/collection/components/accordion-item/index.js

@@ -14,8 +14,8 @@ export class SmoothlyAccordionItem {
       });
     }
   }
-  componentDidLoad() {
-    const summary = this.me.getElementsByTagName("summary");
+  componentWillLoad() {
+    const summary = this.element.getElementsByTagName("summary");
     if (summary.length > 0) {
       const onClick = (e) => {
         if (this.open)
@@ -27,10 +27,13 @@ export class SmoothlyAccordionItem {
       summary[0].addEventListener("click", onClick);
       summary[0].addEventListener("touch", onClick);
     }
-    this.smoothlyAccordionItemDidLoad.emit();
+    this.smoothlyAccordionItemWillLoad.emit(parent => {
+      this.parent = parent;
+    });
   }
   disconnectedCallback() {
-    this.smoothlyAccordionItemDidUnload.emit();
+    var _a;
+    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.removeItem(this.element);
   }
   render() {
     return (h("details", { open: this.open }, h("summary", null, this.open ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 48C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.399c-91.518 0-166.399-74.882-166.399-166.399S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.399 256 422.399z" }))), this.name, typeof this.brand == "string" ? (h("span", { class: this.brand.toLowerCase() }, this.brand)) : Array.isArray(this.brand) ? (this.brand.map(b => h("span", { class: b.toLowerCase() }, b))) : ([])), h("fieldset", { disabled: !this.open, name: this.name }, h("slot", null))));
@@ -104,8 +107,8 @@ export class SmoothlyAccordionItem {
   }
   static get events() {
     return [{
-        "method": "smoothlyAccordionItemDidLoad",
-        "name": "smoothlyAccordionItemDidLoad",
+        "method": "smoothlyAccordionItemWillLoad",
+        "name": "smoothlyAccordionItemWillLoad",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
@@ -114,24 +117,14 @@ export class SmoothlyAccordionItem {
           "text": ""
         },
         "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }, {
-        "method": "smoothlyAccordionItemDidUnload",
-        "name": "smoothlyAccordionItemDidUnload",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
+          "original": "(parent: SmoothlyAccordion) => void",
+          "resolved": "(parent: SmoothlyAccordion) => void",
+          "references": {
+            "SmoothlyAccordion": {
+              "location": "import",
+              "path": "../accordion"
+            }
+          }
         }
       }, {
         "method": "smoothlyOpen",
@@ -165,7 +158,7 @@ export class SmoothlyAccordionItem {
         }
       }];
   }
-  static get elementRef() { return "me"; }
+  static get elementRef() { return "element"; }
   static get watchers() {
     return [{
         "propName": "open",