smoothly 0.3.61 → 0.3.63

package/dist/smoothly/smoothly.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-e5d867e5.js";export{s as setNonce}from"./p-e5d867e5.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-cab954af",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-b3d699d2",[[2,"smoothly-google-font",{value:[1]}]]],["p-fe4520be",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-4f3b0e6d",[[0,"smoothly-reorder"]]],["p-ccd08c26",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-6e017bc2",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-46dcb025",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"],[0,"dateRangeClear","handleDateRangeClear"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],disabled:[516],showLabel:[516,"show-label"],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],clearable:[4]},[[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"],selectAllEnabled:[1028,"select-all-enabled"],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-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540],color:[513],iconColor:[1,"icon-color"],disabled:[1540]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",{root:[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028],flexible:[516],color:[1025]},[[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"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[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-spinner",{active:[516],size:[513]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],color:[513],firstSelected:[32]}],[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:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{initialPrompt:[1,"initial-prompt"],disableFilter:[4,"disable-filter"],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"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));
+import{p as e,b as o}from"./p-c88ae468.js";export{s as setNonce}from"./p-c88ae468.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-a19a824a",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-0ed63b7b",[[2,"smoothly-google-font",{value:[1]}]]],["p-5fb08944",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-607abd83",[[0,"smoothly-reorder"]]],["p-e5e0e577",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-8b76a2f7",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-ec8726dc",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"],[0,"dateRangeClear","handleDateRangeClear"]]],[0,"smoothly-display-demo"],[2,"smoothly-table-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],disabled:[516],showLabel:[516,"show-label"],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],clearable:[4],clear:[64]},[[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"],selectAllEnabled:[1028,"select-all-enabled"],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-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-radio-button-item",{value:[8],selected:[1540],color:[513],iconColor:[1,"icon-color"],disabled:[1540]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[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]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",{root:[1540]},[[0,"expandableLoad","handleExpandableLoaded"],[0,"expandableChange","handleExpandableState"],[0,"spotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028],flexible:[516],color:[1025]},[[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"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[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-spinner",{active:[516],size:[513]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],color:[513],firstSelected:[32]}],[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:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{initialPrompt:[1,"initial-prompt"],disableFilter:[4,"disable-filter"],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"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));

package/dist/types/components/input-date-range/index.d.ts

@@ -22,6 +22,6 @@ export declare class InputDateRange {
   onStartChanged(event: CustomEvent<Date>): void;
   onEndChanged(event: CustomEvent<Date>): void;
   onDateRangeSet(event: CustomEvent<DateRange>): void;
-  clearDateRange(): void;
+  clear(): Promise<void>;
   render(): any[];
 }

package/dist/types/components.d.ts

@@ -136,6 +136,7 @@ export namespace Components {
         "value"?: Date;
     }
     interface SmoothlyInputDateRange {
+        "clear": () => Promise<void>;
         "clearable": boolean;
         "disabled": boolean;
         "end"?: Date;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { Components, JSX } from "./components";
 export { App, redirect } from "./components/App";
-export { Autocomplete, ClientIdentifier, Color, Expand, Fill, GoogleFont, Icon, Message, Notice, Trigger, Option, StateBase, Listenable, WithListenable, HasListenable, CanBeListenable, } from "./model";
+export { Autocomplete, ClientIdentifier, Color, Expand, Fill, GoogleFont, Icon, Message, Notice, Trigger, Option, StateBase, Listenable, WithListenable, HasListenable, CanBeListenable, ListenerBatch, } from "./model";
 export { Cosmetic } from "./utilities";

package/dist/types/model/Listenable.d.ts

@@ -9,6 +9,10 @@ export declare class Listenable<T extends CanBeListenable> {
     lazy?: boolean;
   }): void;
   unlisten<K extends keyof ListenableProperties<T>>(property: K, listener: Listener<T[K]>): void;
+  batchListen(this: T & Listenable<T>, listeners: ListenerBatch<T>, options?: {
+    lazy?: boolean;
+  }): void;
+  batchUnlisten(listeners: ListenerBatch<T>): void;
   static load<T extends HasListenable<CanBeListenable>>(backend: T): WithListenable<T>;
 }
 type ListenableProperties<T> = {
@@ -18,4 +22,7 @@ export type Listener<V> = (value: V) => void;
 export type Listeners<T> = {
   [K in keyof T]?: Listener<T[K]>[];
 };
+export type ListenerBatch<T> = {
+  [K in keyof ListenableProperties<T>]?: Listener<T[K]>;
+};
 export {};

package/dist/types/model/index.d.ts

@@ -9,5 +9,5 @@ export { Message } from "./Message";
 export { Notice } from "./Notice";
 export { Option } from "./Option";
 export { Trigger } from "./Trigger";
-export { Listenable, HasListenable, WithListenable, CanBeListenable } from "./Listenable";
+export { Listenable, HasListenable, WithListenable, CanBeListenable, ListenerBatch } from "./Listenable";
 export { StateBase } from "./StateBase";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "0.3.61",
+	"version": "0.3.63",
 	"description": "Web component library written in Stencil.",
 	"author": "PayFunc",
 	"license": "MIT",

package/dist/smoothly/p-4f3b0e6d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,d as i,a as h}from"./p-e5d867e5.js";const o=class{constructor(i){t(this,i),this.reorder=s(this,"reorder",7)}get children(){let t=[];if(this.childrenCache)t=this.childrenCache;else{for(let s=0;s<this.element.children.length;s++){const h=this.element.children[s];if(h instanceof i){const s=h.getBoundingClientRect();t.push({top:s.top,middle:s.top+s.height/2,bottom:s.bottom,element:h})}}this.childrenCache=t}return t}onMouseDown(t){if(!this.move&&this.element.children.length>1){this.bounds=this.element.getBoundingClientRect(),this.childrenCache=void 0;const s=this.getCurrentIndex(t.clientY);this.dragged=Object.assign(Object.assign({},this.children[s]),{startY:t.clientY,offsetY:t.clientY-this.children[s].middle,index:s,height:s<this.children.length-1?this.children[s+1].top-this.children[s].top:this.children[s].bottom-this.children[s-1].bottom}),this.dragged.element.className+=" dragging"}}onMouseMove(t){if(this.dragged&&this.bounds&&t.clientY>=this.bounds.top&&t.clientY<=this.bounds.bottom){const s=this.getCurrentIndex(t.clientY-this.dragged.offsetY);this.translate(this.dragged.index,s,t.clientY-this.dragged.startY)}}onMouseUp(t){if(this.dragged){this.dragged.element.className=this.dragged.element.className.replace(" dragging","");const s=this.getCurrentIndex(t.clientY-this.dragged.offsetY);this.translate(this.dragged.index,s,this.children[s].top-this.dragged.top),this.move={from:this.dragged.index,to:s},this.dragged=void 0,window.setTimeout((()=>{if(this.move){const t=[...this.children.map((t=>t.element))],s=t.splice(this.move.from,1);t.splice(this.move.to,0,...s),t.forEach((t=>this.element.removeChild(t))),t.forEach((t=>{t.style.transform="",this.element.appendChild(t)})),this.reorder.emit([this.move.from,this.move.to]),this.move=void 0}}),500)}}translate(t,s,i){for(let h=0;h<this.children.length;h++){let o;this.dragged&&(o=t<s&&h>t&&h<=s?-this.dragged.height:t>s&&h<t&&h>=s?this.dragged.height:h==t?i:0,this.children[h].element.style.transform=`translateY(${o}px)`)}}getCurrentIndex(t){return this.children.findIndex((s=>t<s.bottom))}componentDidLoad(){this.element.childNodes.forEach((t=>{t.addEventListener("mousedown",(t=>this.onMouseDown(t))),t.addEventListener("mousemove",(t=>this.onMouseMove(t))),t.addEventListener("mouseup",(t=>this.onMouseUp(t)))}))}get element(){return h(this)}};o.style="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}";export{o as smoothly_reorder}