smoothly 0.3.33 → 1.0.0-alpha.2

package/dist/smoothly/smoothly.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-4a0b35b7.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-6630d923",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-e0f4957d",[[2,"smoothly-google-font",{value:[1]}]]],["p-7db49a38",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-5d41e3ca",[[0,"smoothly-reorder"]]],["p-4fecfc5d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-96e8781a",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-4a78c705",[[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"],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-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]}],[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]},[[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"],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"],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-4a0b35b7.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-6630d923",[[2,"smoothly-country",{value:[1],text:[1],language:[32]}]]],["p-e0f4957d",[[2,"smoothly-google-font",{value:[1]}]]],["p-7db49a38",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-5d41e3ca",[[0,"smoothly-reorder"]]],["p-4fecfc5d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-96e8781a",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-6e3d559e",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-table-demo-filtered",{criteria:[32],data:[32]}],[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-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]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-cell"],[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-expandable-row",{align:[1],open:[1540],allowSpotlight:[32],spotlight:[32]},[[0,"click","onClick"],[0,"tableLoad","handleTableLoaded"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[2,"smoothly-filter-input",{name:[513],value:[8],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],isExpanded:[32]}],[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"]]],[6,"smoothly-filter",{criteria:[1040]},[[0,"filter","filterHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[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]},[[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]}],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[6,"smoothly-filter-advanced"],[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]}],[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"]]],[6,"smoothly-trigger",{color:[513],expand:[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:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));

package/dist/types/components/filter/advanced-filter/index.d.ts

@@ -0,0 +1,3 @@
+export declare class SmoothlyFilterAdvanced {
+  render(): any;
+}

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

@@ -0,0 +1,8 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { Criteria } from "selectively";
+export declare class SmoothlyFilter {
+  criteria: Record<string, Criteria>;
+  filter: EventEmitter<Criteria>;
+  filterHandler(event: CustomEvent<Record<string, Criteria>>): void;
+  render(): any[];
+}

package/dist/types/components/filter/input/index.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { Currency } from "isoly";
+import { Criteria } from "selectively";
+export declare class SmoothlyFilterInput {
+  name: string;
+  value: any;
+  type: string;
+  required: boolean;
+  minLength: number;
+  showLabel: boolean;
+  maxLength: number;
+  autocomplete: boolean;
+  pattern?: RegExp;
+  placeholder?: string;
+  disabled: boolean;
+  readonly: boolean;
+  currency?: Currency;
+  comparison: "equals" | "less" | "greater" | "starts" | "ends" | "includes";
+  isExpanded: boolean;
+  filter: EventEmitter<Criteria>;
+  private onFilter;
+  render(): any[];
+}

package/dist/types/components/table/demo/filtered/File.d.ts

@@ -0,0 +1,14 @@
+export interface File {
+  name: string;
+  source: string;
+  format: string;
+  original?: string;
+  mtime?: string;
+  size?: string;
+  md5: string;
+  crc32?: string;
+  sha1?: string;
+  btih?: string;
+  summation?: string;
+  rotation?: string;
+}

package/dist/types/components/table/demo/filtered/Metadata.d.ts

@@ -0,0 +1,23 @@
+export interface Metadata {
+  identifier: string;
+  mediaType: string;
+  description: string;
+  language: string;
+  scanner: string;
+  title: string;
+  publicDate: string;
+  uploader: string;
+  addedDate: string;
+  identifierAccess: string;
+  identifierArk: string;
+  ppi: string;
+  ocr: string;
+  repubState: string;
+  creator: string;
+  subject: string[];
+  curation: string;
+  collection: string[];
+  backup_location: string;
+  openLibraryEdition: string;
+  openLibraryWork: string;
+}

package/dist/types/components/table/demo/filtered/Review.d.ts

@@ -0,0 +1,9 @@
+export interface Review {
+  reviewTitle: string;
+  reviewBody: string;
+  stars: string;
+  reviewer: string;
+  reviewDate: string;
+  createDate: string;
+  reviewerItemName: string;
+}

package/dist/types/components/table/demo/filtered/Root.d.ts

@@ -0,0 +1,17 @@
+import { Metadata } from "./Metadata";
+import { Review } from "./Review";
+export interface Root {
+  created: number;
+  d1: string;
+  d2: string;
+  dir: string;
+  files: File[];
+  filesCount: number;
+  itemLastUpdated: number;
+  itemSize: number;
+  metadata: Metadata;
+  reviews: Review[];
+  server: string;
+  uniq: number;
+  workableServers: string[];
+}

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

@@ -0,0 +1,9 @@
+import { ComponentWillLoad } from "../../../../stencil-public-runtime";
+import { Criteria } from "selectively";
+import { Root } from "./Root";
+export declare class TableDemoFiltered implements ComponentWillLoad {
+  criteria: Criteria;
+  data?: Root | false;
+  componentWillLoad(): Promise<void>;
+  render(): any[] | "Failed to load data.";
+}

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Color, Expand, Fill, Message, Notice, Option, Trigger } from "./model";
 import { CountryCode, Currency, Date, DateRange, DateTime } from "isoly";
 import { Direction, Type } from "tidily";
+import { Criteria } from "selectively";
 import { GoogleFont } from "./model/GoogleFont";
 import { Selected } from "./components/radio-button/Selected";
 import { Data } from "./components/submit/Data";
@@ -88,6 +89,27 @@ export namespace Components {
     }
     interface SmoothlyDisplayDemo {
     }
+    interface SmoothlyFilter {
+        "criteria": Record<string, Criteria>;
+    }
+    interface SmoothlyFilterAdvanced {
+    }
+    interface SmoothlyFilterInput {
+        "autocomplete": boolean;
+        "comparison": "equals" | "less" | "greater" | "starts" | "ends" | "includes";
+        "currency"?: Currency;
+        "disabled": boolean;
+        "maxLength": number;
+        "minLength": number;
+        "name": string;
+        "pattern"?: RegExp;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "required": boolean;
+        "showLabel": boolean;
+        "type": string;
+        "value": any;
+    }
     interface SmoothlyFrame {
         "name": string;
         "origin": string | undefined;
@@ -289,6 +311,8 @@ export namespace Components {
     }
     interface SmoothlyTableDemo {
     }
+    interface SmoothlyTableDemoFiltered {
+    }
     interface SmoothlyTableExpandableCell {
         "align": "left" | "center" | "right";
         "open": boolean;
@@ -342,6 +366,14 @@ export interface SmoothlyDisplayDemoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyDisplayDemoElement;
 }
+export interface SmoothlyFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyFilterElement;
+}
+export interface SmoothlyFilterInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyFilterInputElement;
+}
 export interface SmoothlyFrameCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyFrameElement;
@@ -532,6 +564,24 @@ declare global {
         prototype: HTMLSmoothlyDisplayDemoElement;
         new (): HTMLSmoothlyDisplayDemoElement;
     };
+    interface HTMLSmoothlyFilterElement extends Components.SmoothlyFilter, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFilterElement: {
+        prototype: HTMLSmoothlyFilterElement;
+        new (): HTMLSmoothlyFilterElement;
+    };
+    interface HTMLSmoothlyFilterAdvancedElement extends Components.SmoothlyFilterAdvanced, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFilterAdvancedElement: {
+        prototype: HTMLSmoothlyFilterAdvancedElement;
+        new (): HTMLSmoothlyFilterAdvancedElement;
+    };
+    interface HTMLSmoothlyFilterInputElement extends Components.SmoothlyFilterInput, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFilterInputElement: {
+        prototype: HTMLSmoothlyFilterInputElement;
+        new (): HTMLSmoothlyFilterInputElement;
+    };
     interface HTMLSmoothlyFrameElement extends Components.SmoothlyFrame, HTMLStencilElement {
     }
     var HTMLSmoothlyFrameElement: {
@@ -742,6 +792,12 @@ declare global {
         prototype: HTMLSmoothlyTableDemoElement;
         new (): HTMLSmoothlyTableDemoElement;
     };
+    interface HTMLSmoothlyTableDemoFilteredElement extends Components.SmoothlyTableDemoFiltered, HTMLStencilElement {
+    }
+    var HTMLSmoothlyTableDemoFilteredElement: {
+        prototype: HTMLSmoothlyTableDemoFilteredElement;
+        new (): HTMLSmoothlyTableDemoFilteredElement;
+    };
     interface HTMLSmoothlyTableExpandableCellElement extends Components.SmoothlyTableExpandableCell, HTMLStencilElement {
     }
     var HTMLSmoothlyTableExpandableCellElement: {
@@ -812,6 +868,9 @@ declare global {
         "smoothly-display-amount": HTMLSmoothlyDisplayAmountElement;
         "smoothly-display-date-time": HTMLSmoothlyDisplayDateTimeElement;
         "smoothly-display-demo": HTMLSmoothlyDisplayDemoElement;
+        "smoothly-filter": HTMLSmoothlyFilterElement;
+        "smoothly-filter-advanced": HTMLSmoothlyFilterAdvancedElement;
+        "smoothly-filter-input": HTMLSmoothlyFilterInputElement;
         "smoothly-frame": HTMLSmoothlyFrameElement;
         "smoothly-google-font": HTMLSmoothlyGoogleFontElement;
         "smoothly-icon": HTMLSmoothlyIconElement;
@@ -847,6 +906,7 @@ declare global {
         "smoothly-table": HTMLSmoothlyTableElement;
         "smoothly-table-cell": HTMLSmoothlyTableCellElement;
         "smoothly-table-demo": HTMLSmoothlyTableDemoElement;
+        "smoothly-table-demo-filtered": HTMLSmoothlyTableDemoFilteredElement;
         "smoothly-table-expandable-cell": HTMLSmoothlyTableExpandableCellElement;
         "smoothly-table-expandable-row": HTMLSmoothlyTableExpandableRowElement;
         "smoothly-table-header": HTMLSmoothlyTableHeaderElement;
@@ -946,6 +1006,29 @@ declare namespace LocalJSX {
     interface SmoothlyDisplayDemo {
         "onNotice"?: (event: SmoothlyDisplayDemoCustomEvent<Notice>) => void;
     }
+    interface SmoothlyFilter {
+        "criteria"?: Record<string, Criteria>;
+        "onFilter"?: (event: SmoothlyFilterCustomEvent<Criteria>) => void;
+    }
+    interface SmoothlyFilterAdvanced {
+    }
+    interface SmoothlyFilterInput {
+        "autocomplete"?: boolean;
+        "comparison"?: "equals" | "less" | "greater" | "starts" | "ends" | "includes";
+        "currency"?: Currency;
+        "disabled"?: boolean;
+        "maxLength"?: number;
+        "minLength"?: number;
+        "name"?: string;
+        "onFilter"?: (event: SmoothlyFilterInputCustomEvent<Criteria>) => void;
+        "pattern"?: RegExp;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "showLabel"?: boolean;
+        "type"?: string;
+        "value"?: any;
+    }
     interface SmoothlyFrame {
         "name"?: string;
         "onMessage"?: (event: SmoothlyFrameCustomEvent<Message<any>>) => void;
@@ -1166,6 +1249,8 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTableDemo {
     }
+    interface SmoothlyTableDemoFiltered {
+    }
     interface SmoothlyTableExpandableCell {
         "align"?: "left" | "center" | "right";
         "onExpandableChange"?: (event: SmoothlyTableExpandableCellCustomEvent<boolean>) => void;
@@ -1228,6 +1313,9 @@ declare namespace LocalJSX {
         "smoothly-display-amount": SmoothlyDisplayAmount;
         "smoothly-display-date-time": SmoothlyDisplayDateTime;
         "smoothly-display-demo": SmoothlyDisplayDemo;
+        "smoothly-filter": SmoothlyFilter;
+        "smoothly-filter-advanced": SmoothlyFilterAdvanced;
+        "smoothly-filter-input": SmoothlyFilterInput;
         "smoothly-frame": SmoothlyFrame;
         "smoothly-google-font": SmoothlyGoogleFont;
         "smoothly-icon": SmoothlyIcon;
@@ -1263,6 +1351,7 @@ declare namespace LocalJSX {
         "smoothly-table": SmoothlyTable;
         "smoothly-table-cell": SmoothlyTableCell;
         "smoothly-table-demo": SmoothlyTableDemo;
+        "smoothly-table-demo-filtered": SmoothlyTableDemoFiltered;
         "smoothly-table-expandable-cell": SmoothlyTableExpandableCell;
         "smoothly-table-expandable-row": SmoothlyTableExpandableRow;
         "smoothly-table-header": SmoothlyTableHeader;
@@ -1296,6 +1385,9 @@ declare module "@stencil/core" {
              */
             "smoothly-display-date-time": LocalJSX.SmoothlyDisplayDateTime & JSXBase.HTMLAttributes<HTMLSmoothlyDisplayDateTimeElement>;
             "smoothly-display-demo": LocalJSX.SmoothlyDisplayDemo & JSXBase.HTMLAttributes<HTMLSmoothlyDisplayDemoElement>;
+            "smoothly-filter": LocalJSX.SmoothlyFilter & JSXBase.HTMLAttributes<HTMLSmoothlyFilterElement>;
+            "smoothly-filter-advanced": LocalJSX.SmoothlyFilterAdvanced & JSXBase.HTMLAttributes<HTMLSmoothlyFilterAdvancedElement>;
+            "smoothly-filter-input": LocalJSX.SmoothlyFilterInput & JSXBase.HTMLAttributes<HTMLSmoothlyFilterInputElement>;
             "smoothly-frame": LocalJSX.SmoothlyFrame & JSXBase.HTMLAttributes<HTMLSmoothlyFrameElement>;
             "smoothly-google-font": LocalJSX.SmoothlyGoogleFont & JSXBase.HTMLAttributes<HTMLSmoothlyGoogleFontElement>;
             "smoothly-icon": LocalJSX.SmoothlyIcon & JSXBase.HTMLAttributes<HTMLSmoothlyIconElement>;
@@ -1331,6 +1423,7 @@ declare module "@stencil/core" {
             "smoothly-table": LocalJSX.SmoothlyTable & JSXBase.HTMLAttributes<HTMLSmoothlyTableElement>;
             "smoothly-table-cell": LocalJSX.SmoothlyTableCell & JSXBase.HTMLAttributes<HTMLSmoothlyTableCellElement>;
             "smoothly-table-demo": LocalJSX.SmoothlyTableDemo & JSXBase.HTMLAttributes<HTMLSmoothlyTableDemoElement>;
+            "smoothly-table-demo-filtered": LocalJSX.SmoothlyTableDemoFiltered & JSXBase.HTMLAttributes<HTMLSmoothlyTableDemoFilteredElement>;
             "smoothly-table-expandable-cell": LocalJSX.SmoothlyTableExpandableCell & JSXBase.HTMLAttributes<HTMLSmoothlyTableExpandableCellElement>;
             "smoothly-table-expandable-row": LocalJSX.SmoothlyTableExpandableRow & JSXBase.HTMLAttributes<HTMLSmoothlyTableExpandableRowElement>;
             "smoothly-table-header": LocalJSX.SmoothlyTableHeader & JSXBase.HTMLAttributes<HTMLSmoothlyTableHeaderElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothly",
-	"version": "0.3.33",
+	"version": "1.0.0-alpha.2",
 	"description": "Web component library written in Stencil.",
 	"author": "PayFunc",
 	"license": "MIT",
@@ -69,9 +69,11 @@
 	},
 	"dependencies": {
 		"authly": "3.0.1",
+		"cloudly-http": "^0.1.1",
 		"isoly": "^2.0.13",
 		"langly": "2.0.1",
 		"normalize.css": "^8.0.1",
+		"selectively": "^2.0.2",
 		"stencil-router-v2": "^0.6.0",
 		"tidily": "0.0.53"
 	},