smoothly 0.1.119 → 0.2.2

package/dist/smoothly/smoothly.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-0cba3e3d.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-eec1c703",[[2,"smoothly-google-font",{value:[1]}]]],["p-6f009ac9",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-0215b4da",[[0,"smoothly-reorder"]]],["p-8ae38136",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-993534fa",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-991517e4",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[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],showLabel:[516,"show-label"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[1,"smoothly-picker",{maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],optionStyle:[8,"option-style"],options:[16],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectionName:[1025,"selection-name"],isOpen:[32]},[[0,"optionSelect","optionSelectHander"]]],[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-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[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-amount",{amount:[8],currency:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table"],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540],beginOpen:[32]},[[0,"click","onClick"]]],[6,"smoothly-table-expandable-row",null,[[0,"expansionLoaded","onExpansionLoaded"],[0,"expansionOpen","onDetailsLoaded"]]],[6,"smoothly-table-header"],[6,"smoothly-table-row",{align:[1],open:[1540],beginOpen:[32]},[[0,"click","onClick"]]],[6,"smoothly-input-date",{value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[1,"smoothly-menu-options",{emptyMenuLabel:[1025,"empty-menu-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],filteredOptions:[32],highlightIndex:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1]}],[2,"smoothly-display-date-time",{datetime:[1]}],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540]}],[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"],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],currency:[513],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-selector",{opened:[32],selectedElement:[32],missing:[32],filter:[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[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-0cba3e3d.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-eec1c703",[[2,"smoothly-google-font",{value:[1]}]]],["p-6f009ac9",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-0215b4da",[[0,"smoothly-reorder"]]],["p-8ae38136",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-993534fa",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-9d6a20c4",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[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],showLabel:[516,"show-label"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[1,"smoothly-picker",{maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],optionStyle:[8,"option-style"],options:[16],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectionName:[1025,"selection-name"],isOpen:[32]},[[0,"optionSelect","optionSelectHander"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540]},[[0,"click","onClick"]]],[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-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540]},[[0,"click","onClick"]]],[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]}],[2,"smoothly-display-amount",{amount:[8],currency:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1],color:[1],period:[2],distance:[1],align:[513]}],[2,"smoothly-svg",{url:[513],size:[513],color:[1]}],[6,"smoothly-table",null,[[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[1,"smoothly-menu-options",{emptyMenuLabel:[1025,"empty-menu-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],filteredOptions:[32],highlightIndex:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-display-date-time",{datetime:[1]}],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table-cell"],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540]}],[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"],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-selector",{opened:[32],selectedElement:[32],missing:[32],filter:[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[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/index.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { Currency } from "isoly";
-import { Converter, Direction, Formatter, Settings, State } from "tidily";
+import { Converter, Direction, Formatter, Settings, State as TidilyState } from "tidily";
 export declare class SmoothlyInput {
   private inputElement;
   private keepFocusOnReRender;
@@ -17,10 +17,17 @@ export declare class SmoothlyInput {
   pattern: RegExp | undefined;
   placeholder: string | undefined;
   disabled: boolean;
+  readonly: boolean;
   currency?: Currency;
+  initialValue?: any;
   get formatter(): Formatter & Converter<any>;
   private newState;
-  smoothlyChanged: EventEmitter<{
+  smoothlyBlur: EventEmitter<void>;
+  smoothlyChange: EventEmitter<{
+    name: string;
+    value: any;
+  }>;
+  smoothlyInput: EventEmitter<{
     name: string;
     value: any;
   }>;
@@ -43,6 +50,6 @@ export declare class SmoothlyInput {
   onInput(event: InputEvent): void;
   private expiresAutocompleteFix;
   private processKey;
-  updateBackend(after: Readonly<State> & Readonly<Settings>, backend: HTMLInputElement): void;
+  updateBackend(after: Readonly<TidilyState> & Readonly<Settings>, backend: HTMLInputElement): void;
   render(): any;
 }

package/dist/types/components/table/expandable/cell/index.d.ts

@@ -3,10 +3,10 @@ export declare class TableExpandableCell implements ComponentDidLoad {
   element: HTMLSmoothlyTableExpandableCellElement;
   expansionElement?: HTMLTableRowElement;
   expansionOpen: EventEmitter<HTMLElement>;
-  expansionLoaded: EventEmitter<void>;
+  expansionLoad: EventEmitter<void>;
   align: "left" | "center" | "right";
   open: boolean;
-  beginOpen: boolean;
+  private beginOpen;
   openChanged(value: boolean): void;
   onClick(): void;
   componentDidLoad(): void;

package/dist/types/components/table/expandable/row/index.d.ts

@@ -1,7 +1,12 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
 export declare class TableExpandableRow {
-  element: HTMLSmoothlyTableExpandableRowElement;
-  expansions: HTMLSmoothlyTableExpandableCellElement[];
-  onExpansionLoaded(event: CustomEvent<void>): void;
-  onDetailsLoaded(event: CustomEvent<HTMLElement | undefined>): void;
+  element: HTMLSmoothlyTableRowElement;
+  expansionElement?: HTMLTableRowElement;
+  expansionOpen: EventEmitter<HTMLElement>;
+  align: "left" | "center" | "right";
+  open: boolean;
+  openChanged(value: boolean): void;
+  onClick(e: UIEvent): void;
+  componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/table/header/index.d.ts

@@ -1,3 +1,4 @@
 export declare class TableHeader {
+  name: string;
   render(): any;
 }

package/dist/types/components/table/index.d.ts

@@ -1,4 +1,7 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class Table {
   element: HTMLSmoothlyTableElement;
+  loadMore: EventEmitter<void>;
+  handleEvents(event: Event): void;
   render(): any[];
 }

package/dist/types/components/table/row/index.d.ts

@@ -1,13 +1,7 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TableRow {
   element: HTMLSmoothlyTableRowElement;
-  expansionElement?: HTMLTableRowElement;
-  expansionOpen: EventEmitter<HTMLElement>;
-  align: "left" | "center" | "right";
-  open: boolean;
-  beginOpen: boolean;
-  openChanged(value: boolean): void;
-  onClick(e: UIEvent): void;
-  componentDidRender(): void;
+  expansions: HTMLSmoothlyTableExpandableCellElement[];
+  onExpansionLoad(event: CustomEvent<void>): void;
+  onExpansionOpen(event: CustomEvent<HTMLElement | undefined>): void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -105,6 +105,7 @@ export namespace Components {
         "name": string;
         "pattern": RegExp | undefined;
         "placeholder": string | undefined;
+        "readonly": boolean;
         "required": boolean;
         "setKeepFocusOnReRender": (keepFocus: boolean) => Promise<void>;
         "setSelectionRange": (start: number, end: number, direction?: Direction | undefined) => Promise<void>;
@@ -251,12 +252,13 @@ export namespace Components {
         "open": boolean;
     }
     interface SmoothlyTableExpandableRow {
+        "align": "left" | "center" | "right";
+        "open": boolean;
     }
     interface SmoothlyTableHeader {
+        "name": string;
     }
     interface SmoothlyTableRow {
-        "align": "left" | "center" | "right";
-        "open": boolean;
     }
     interface SmoothlyTrigger {
         "color": Color | undefined;
@@ -783,9 +785,12 @@ declare namespace LocalJSX {
         "maxLength"?: number;
         "minLength"?: number;
         "name"?: string;
-        "onSmoothlyChanged"?: (event: CustomEvent<{ name: string; value: any }>) => void;
+        "onSmoothlyBlur"?: (event: CustomEvent<void>) => void;
+        "onSmoothlyChange"?: (event: CustomEvent<{ name: string; value: any }>) => void;
+        "onSmoothlyInput"?: (event: CustomEvent<{ name: string; value: any }>) => void;
         "pattern"?: RegExp | undefined;
         "placeholder"?: string | undefined;
+        "readonly"?: boolean;
         "required"?: boolean;
         "showLabel"?: boolean;
         "type"?: string;
@@ -930,6 +935,7 @@ declare namespace LocalJSX {
     interface SmoothlyTabSwitch {
     }
     interface SmoothlyTable {
+        "onLoadMore"?: (event: CustomEvent<void>) => void;
     }
     interface SmoothlyTableCell {
     }
@@ -937,18 +943,19 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTableExpandableCell {
         "align"?: "left" | "center" | "right";
-        "onExpansionLoaded"?: (event: CustomEvent<void>) => void;
+        "onExpansionLoad"?: (event: CustomEvent<void>) => void;
         "onExpansionOpen"?: (event: CustomEvent<HTMLElement>) => void;
         "open"?: boolean;
     }
     interface SmoothlyTableExpandableRow {
+        "align"?: "left" | "center" | "right";
+        "onExpansionOpen"?: (event: CustomEvent<HTMLElement>) => void;
+        "open"?: boolean;
     }
     interface SmoothlyTableHeader {
+        "name"?: string;
     }
     interface SmoothlyTableRow {
-        "align"?: "left" | "center" | "right";
-        "onExpansionOpen"?: (event: CustomEvent<HTMLElement>) => void;
-        "open"?: boolean;
     }
     interface SmoothlyTrigger {
         "color"?: Color | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smoothly",
-  "version": "0.1.119",
+  "version": "0.2.2",
   "description": "Web component library written in Stencil.",
   "author": "PayFunc",
   "license": "MIT",
@@ -80,7 +80,7 @@
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "jest": "^27.0.3",
     "jest-cli": "^27.4.5",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "prettier-stylelint": "^0.4.2",
     "prettierx": "github:utily/eslint-plugin-prettierx#utily-20220323",
     "puppeteer": "^14.1.0",