smoothly 1.0.0-alpha.13 → 1.0.0-alpha.130

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

@@ -2,10 +2,12 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { Notice, Trigger } from "../../model";
 export declare class Notification {
   notice: Notice;
+  closable: boolean;
+  icon: boolean;
   tick: {};
   remove: EventEmitter<Notice>;
   private listener;
-  private get color();
+  private get properties();
   onTrigger(event: CustomEvent<Trigger>): void;
   onUpdatedNotice(newValue: Notice, oldValue?: Notice): void;
   componentDidLoad(): void;

package/dist/types/components/picker/demo/index.d.ts

@@ -0,0 +1,18 @@
+import { Data } from "../../../model";
+import { Controls } from "../menu";
+export declare class SmoothlyPickerDemo {
+  private controls?;
+  private users;
+  counter: number;
+  data: {
+    message: string;
+    emails: string[];
+    options: string[];
+  };
+  change?: SmoothlyPickerDemo["data"];
+  inputHandler(event: CustomEvent<Data>): void;
+  submitHandler(event: CustomEvent<Data>): void;
+  clickHandler(): void;
+  loadedHandler(event: CustomEvent<Controls>): void;
+  render(): any;
+}

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

@@ -1,51 +1,39 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { Notice, Option } from "../../model";
-export declare class SmoothlyPicker {
-  private inputElement;
-  private keepFocusOnReRender;
-  private menuElement;
-  element: HTMLElement;
-  isOpen: boolean;
-  empty: boolean;
-  disabled: boolean;
-  readonly: boolean;
-  maxMenuHeight: string;
-  maxHeight: string;
-  emptyMenuLabel: string;
-  multiple: boolean;
+import { Clearable } from "../input/Clearable";
+import { Input } from "../input/Input";
+import { Looks } from "../input/Looks";
+import { Controls } from "./menu";
+export declare class SmoothlyPicker implements Clearable, Input {
+  element: HTMLSmoothlyPickerElement;
+  looks: Looks;
+  name: string;
+  open: boolean;
   mutable: boolean;
-  optionStyle: any;
-  options: (Option & {
-    checked?: boolean;
-  })[];
-  labelSetting: "hide" | "default";
-  label: string;
-  selections: Option[];
-  selectNoneName: string;
-  selectAllName: string;
-  selectionName: string;
-  newOptionLabel: string;
-  valueValidator: (value: any) => [boolean, Notice | undefined];
-  menuClose: EventEmitter<Option[]>;
-  notice: EventEmitter<Notice>;
-  isOpenChangeHandler(): void;
-  componentDidRender(): void;
-  optionSelectHandler(event: CustomEvent<Option>): void;
-  optionAddHandler(event: CustomEvent<{
-    name: string;
-    value: string;
+  multiple: boolean;
+  readonly: boolean;
+  validator?: (value: string) => boolean | {
+    result: boolean;
+    notice: Notice;
+  };
+  selected: Map<any, Option>;
+  display: Node[];
+  smoothlyPickerLoaded: EventEmitter<Controls>;
+  smoothlyInput: EventEmitter<Record<string, any | any[]>>;
+  smoothlyChange: EventEmitter<Record<string, any | any[]>>;
+  smoothlyInputLooks: EventEmitter<(looks: Looks) => void>;
+  private controls?;
+  componentWillLoad(): void;
+  selectedChanged(): void;
+  componentDidLoad(): void;
+  smoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void;
+  menuLoadedHandler(event: CustomEvent<Controls & {
+    synced: () => boolean;
   }>): void;
-  emptyHandler(event: CustomEvent<boolean>): void;
-  toggle(option: Option): void;
-  toggleAll(): void;
-  unselect(selection: Option): void;
-  select(selection: Option): void;
-  toggleHighlighted(): void;
-  highlightDefault(): void;
-  filterOptions(): void;
-  onInput(event: UIEvent): void;
-  onKeyDown(event: KeyboardEvent): void;
-  onClick(): void;
-  onBlur(): void;
+  optionLoadedHandler(event: CustomEvent<Option>): void;
+  optionChangeHandler(event: CustomEvent<Option>): void;
+  clickHandler(event: MouseEvent): void;
+  focusHandler(event: FocusEvent): void;
+  clear(): Promise<void>;
   render(): any;
 }

package/dist/types/components/picker/menu/index.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { Notice, Option } from "../../../model";
+import { Looks } from "../../input/Looks";
+import { Slot } from "../slot-elements";
+export interface Controls {
+  remember: () => void;
+  restore: () => void;
+}
+export declare class SmoothlyPickerMenu {
+  element: HTMLSmoothlyPickerMenuElement;
+  looks: Looks;
+  open: boolean;
+  multiple: boolean;
+  mutable: boolean;
+  readonly: boolean;
+  validator?: (value: string) => boolean | {
+    result: boolean;
+    notice: Notice;
+  };
+  backend: Map<any, Option & {
+    clone: Node;
+  }>;
+  options: Map<any, Option>;
+  created: Map<any, Option.Created>;
+  search: string;
+  valid: boolean;
+  display: Node[];
+  flip: boolean;
+  flipChecked: boolean;
+  notice: EventEmitter<Notice>;
+  smoothlyPickerMenuLoaded: EventEmitter<Controls & {
+    synced: () => boolean;
+  }>;
+  private memory?;
+  private listElement?;
+  private searchElement?;
+  private synced;
+  componentWillLoad(): void;
+  sync(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  openChange(): void;
+  readonlyChanged(): void;
+  scrollHandler(): void;
+  optionLoadHandler(event: CustomEvent<Option.Load>): void;
+  optionLoadedHandler(event: CustomEvent<Option>): void;
+  optionChangeHandler(event: CustomEvent<Option>): void;
+  inputHandler(event: CustomEvent<Record<string, any>>): void;
+  addHandler(): void;
+  keyDownHandler(event: KeyboardEvent): void;
+  emptyDisplayHandler(event: CustomEvent<Slot>): void;
+  render(): any;
+}

package/dist/types/components/picker/option/index.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { Option } from "../../../model";
+export declare class SmoothlyPickerOption {
+  element: HTMLSmoothlyPickerOptionElement;
+  selected: boolean;
+  visible: boolean;
+  value: any;
+  search: string[];
+  position: number;
+  required: boolean;
+  readonly: boolean;
+  slotted: Node[];
+  smoothlyPickerOptionLoad: EventEmitter<Option.Load>;
+  smoothlyPickerOptionLoaded: EventEmitter<Option>;
+  smoothlyPickerOptionChange: EventEmitter<Option>;
+  get option(): Option;
+  emitChange(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  slottedChangeHandler(event: CustomEvent<Node[]>): void;
+  clickHandler(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/picker/slot-elements/index.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export interface Slot {
+  set: {
+    nodes: (nodes: Node | Node[]) => void;
+  };
+}
+export declare class SmoothlySlotElements {
+  element: HTMLElement;
+  clone: boolean;
+  nodes?: Node | Node[];
+  smoothlySlotEmpty: EventEmitter<Slot>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/picker/slotted-elements/index.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class SmoothlySottedElement {
+  element: HTMLElement;
+  clone: boolean;
+  smoothlySlottedChange: EventEmitter<Node[]>;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -3,7 +3,7 @@ export declare class SmoothlyRadio {
   name: string;
   value: string;
   checked: boolean;
-  tabIndex: number;
+  tab: number;
   smoothlySelected: EventEmitter<{
     name: string;
     value: string;

package/dist/types/components/radio-button/index.d.ts

@@ -1,15 +1,13 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { Selected } from "./Selected";
 export declare class SmoothlyRadioButton {
-  name?: string;
+  name: string;
   value?: any;
   deselectable?: boolean;
   decoration: "button" | "radio";
   active?: Selected;
-  radioButtonSelected: EventEmitter<{
-    name: string | undefined;
-    value: any;
-  }>;
+  smoothlyInput: EventEmitter<Record<string, string>>;
+  smoothlyChange: EventEmitter<Record<string, string>>;
   radioSelectHandler(event: CustomEvent<Selected>): void;
   render(): any;
 }

package/dist/types/components/select-demo/index.d.ts

@@ -1,12 +1,3 @@
 export declare class SmoothlySelectDemo {
-  private quantityElement?;
-  private currencies;
-  private currency;
-  private selectorElement;
-  private alertf;
-  handleSelectionChanged(event: CustomEvent<{
-    identifier: string;
-    value: string;
-  }>): void;
   render(): any[];
 }

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

@@ -6,8 +6,13 @@ export declare class SmoothlySubmit {
   fill?: Fill;
   disabled: boolean;
   type: "link" | "button";
-  size: "small" | "large" | "icon";
+  size: "flexible" | "small" | "large" | "icon";
   shape?: "rounded";
+  prevent: boolean;
   smoothlySubmit: EventEmitter;
+  private parent?;
+  smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>;
+  componentWillLoad(): Promise<void>;
+  clickHandler(): void;
   render(): any;
 }

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

@@ -1,7 +1,11 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 import { Color, Fill } from "../../model";
 export declare class SmoothlySummary {
+  open: boolean;
   color: Color;
   fill: Fill;
   size: "tiny" | "small" | "medium" | "large";
+  smoothlySummaryOpen: EventEmitter<boolean>;
+  toggleHandler(event: Event): void;
   render(): any;
 }

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

@@ -7,7 +7,7 @@ export declare class TableDemoFiltered implements ComponentWillLoad {
   data?: Root | false;
   selector: Selector<Cat>;
   onFilterUpdate(event: CustomEvent<Record<string, Criteria>>): void;
-  smoothlyCheckedHandler(event: CustomEvent<Record<string, any>>): void;
+  smoothlyInputHandler(event: CustomEvent<Record<string, any>>): void;
   componentWillLoad(): Promise<void>;
   render(): any[] | "Failed to load data.";
 }

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

@@ -7,10 +7,10 @@ export declare class TableExpandableCell implements ComponentWillLoad {
   spotlight: boolean;
   align: "left" | "center" | "right";
   open: boolean;
-  expansionOpen: EventEmitter<HTMLElement>;
-  expansionLoad: EventEmitter<void>;
-  expandableChange: EventEmitter<boolean>;
-  expandableLoad: EventEmitter<{
+  smoothlyExpansionOpen: EventEmitter<HTMLElement>;
+  smoothlyExpansionLoad: EventEmitter<void>;
+  smoothlyExpandableChange: EventEmitter<boolean>;
+  smoothlyExpandableLoad: EventEmitter<{
     allowSpotlight: (allowed: boolean) => void;
   }>;
   openChanged(value: boolean): void;

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

@@ -1,21 +1,17 @@
 import { ComponentWillLoad, EventEmitter } from "../../../../stencil-public-runtime";
 export declare class TableExpandableRow implements ComponentWillLoad {
-  private expansionElement?;
   element: HTMLSmoothlyTableRowElement;
   allowSpotlight: boolean;
   spotlight: boolean;
   align: "left" | "center" | "right";
   open: boolean;
-  expansionOpen: EventEmitter<HTMLElement>;
-  expandableChange: EventEmitter<boolean>;
-  expandableLoad: EventEmitter<{
+  smoothlyExpansionOpen: EventEmitter<HTMLElement>;
+  smoothlyExpandableChange: EventEmitter<boolean>;
+  smoothlyExpandableLoad: EventEmitter<{
     allowSpotlight: (allowed: boolean) => void;
   }>;
-  openChanged(): void;
   handleSpotlight(): void;
   componentWillLoad(): void;
-  componentDidRender(): void;
-  onClick(event: UIEvent): void;
   handleTableLoaded(event: CustomEvent<(owner: EventTarget) => void>): void;
   render(): any;
 }

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

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

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

@@ -1,17 +1,20 @@
 import { ComponentWillLoad, EventEmitter } from "../../stencil-public-runtime";
+import { Color } from "../../model";
 export declare class Table implements ComponentWillLoad {
   private owner?;
   private expandable;
   private expanded;
   element: HTMLSmoothlyTableElement;
   root: boolean;
+  color?: Color;
   align: "middle" | "bottom" | "top";
+  open: boolean;
   smoothlyNestedTable: EventEmitter<() => void>;
-  spotlightChange: EventEmitter<{
+  smoothlySpotlightChange: EventEmitter<{
     allowSpotlight: boolean;
     owner?: EventTarget;
   }>;
-  tableLoad: EventEmitter<(owner: EventTarget) => void>;
+  smoothlyTableLoad: EventEmitter<(owner: EventTarget) => void>;
   componentWillLoad(): void;
   handleExpandableLoaded(event: CustomEvent<{
     allowSpotlight: (allowed: boolean) => void;
@@ -22,6 +25,6 @@ export declare class Table implements ComponentWillLoad {
     owner?: EventTarget;
   }>): void;
   handleNestedTable(event: CustomEvent<() => void>): void;
-  handleEvents(event: Event): void;
+  handleEvents(event: CustomEvent): void;
   render(): any[];
 }

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

@@ -1,7 +1,9 @@
 export declare class TableRow {
-  element: HTMLSmoothlyTableRowElement;
+  private element?;
+  open: boolean;
   expansions: HTMLSmoothlyTableExpandableCellElement[];
   onExpansionLoad(event: CustomEvent<void>): void;
+  onExpansionChange(): void;
   onExpansionOpen(event: CustomEvent<HTMLElement | undefined>): void;
   render(): any;
 }

package/dist/types/components/table/testing/data.d.ts

@@ -0,0 +1,5 @@
+export declare const data: {
+  type: string;
+  name: string;
+  age: number;
+}[];

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

@@ -0,0 +1,4 @@
+export declare class SmoothlyTableTesting {
+  counter: number;
+  render(): any;
+}

package/dist/types/components/theme/color/index.d.ts

@@ -0,0 +1,5 @@
+import { Color } from "../../../model";
+export declare class SmoothlyThemeColor {
+  color: Color;
+  render(): any;
+}

package/dist/types/components/theme/color/variant/index.d.ts

@@ -0,0 +1,6 @@
+import { Color } from "../../../../model";
+export declare class SmoothlyThemeColorVariant {
+  color: Color;
+  variant: "shade" | "tint" | "color";
+  render(): string;
+}

package/dist/types/components/theme/colors/index.d.ts

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

package/dist/types/components/toggle-switch/index.d.ts

@@ -1,8 +1,13 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { Color, Fill } from "../../model";
 export declare class SmoothlyToggleSwitch {
+  checkmark: boolean;
   selected: boolean;
   disabled: boolean;
   size: "small" | "default" | "large";
-  name: string;
-  value?: any;
+  color: Color;
+  fill: Fill;
+  smoothlyToggleSwitchChange: EventEmitter<boolean>;
+  handleClick(): void;
   render(): any;
 }

package/dist/types/components/trigger-source/index.d.ts

@@ -3,7 +3,7 @@ import { Message, Trigger } from "../../model";
 export declare class SmoothlyTriggerSource {
   listen: string;
   trigger: EventEmitter<Trigger>;
-  message: EventEmitter<Message<any>>;
+  smoothlyMessage: EventEmitter<Message<any>>;
   element?: HTMLElement;
   componentDidLoad(): void;
   render(): any;