@sula-tech/webcomponents 0.5.0 → 0.7.0

package/dist/types/components.d.ts

@@ -13,6 +13,8 @@ import { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model
 import { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
 import { SulaMenuListItem as SulaMenuListItem1 } from "./components";
 import { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.model";
+import { SulaProgressBarAppearance, SulaProgressBarState } from "./components/sula-progress-bar/model/sula-progress-bar.model";
+import { SulaSearchBarStyle } from "./components/sula-search-bar/model/sula-search.bar-model";
 import { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
 import { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
 import { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
@@ -27,6 +29,8 @@ export { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model
 export { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
 export { SulaMenuListItem as SulaMenuListItem1 } from "./components";
 export { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.model";
+export { SulaProgressBarAppearance, SulaProgressBarState } from "./components/sula-progress-bar/model/sula-progress-bar.model";
+export { SulaSearchBarStyle } from "./components/sula-search-bar/model/sula-search.bar-model";
 export { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
 export { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
 export { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
@@ -91,15 +95,28 @@ export namespace Components {
           * @default false
          */
         "buttonDisabled": boolean;
+        /**
+          * If true, button will take the full width of its container
+          * @default false
+         */
+        "fullWidth": boolean;
         /**
           * Button icon when is Icon type
          */
         "icon": string;
+        /**
+          * Button left icon
+         */
+        "leftIcon": string;
         /**
           * Is button loading
           * @default false
          */
         "loading": boolean;
+        /**
+          * Button right icon
+         */
+        "rightIcon": string;
         /**
           * Button size
           * @default SulaButtonSize.Default
@@ -217,6 +234,35 @@ export namespace Components {
          */
         "items": SulaMenuListItem[];
     }
+    interface SulaProgressBar {
+        /**
+          * The style of the progress bar.
+          * @default SulaProgressBarAppearance.Primary
+         */
+        "appearance": SulaProgressBarAppearance;
+        /**
+          * The label displayed at the bottom of the progress bar.
+         */
+        "bottomLabel": string;
+        /**
+          * The progress value of the progress bar.
+         */
+        "progress": number;
+        /**
+          * Show progress
+          * @default true
+         */
+        "showProgress": boolean;
+        /**
+          * The state of the progress bar.
+          * @default SulaProgressBarState.Default
+         */
+        "state": SulaProgressBarState;
+        /**
+          * The label displayed at the top of the progress bar.
+         */
+        "topLabel": string;
+    }
     interface SulaRadioButton {
         /**
           * Is radio button checked
@@ -234,6 +280,29 @@ export namespace Components {
          */
         "label": string;
     }
+    interface SulaSearchBar {
+        /**
+          * Search bar left icon
+         */
+        "leftIcon": string;
+        /**
+          * Search bar placeholder
+         */
+        "placeholder": string;
+        /**
+          * Search bar right icon
+         */
+        "rightIcon": string;
+        /**
+          * Search bar style
+          * @default SulaSearchBarStyle.Default
+         */
+        "searchBarStyle": SulaSearchBarStyle;
+        /**
+          * Value for the search bar.
+         */
+        "value"?: string;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
@@ -436,6 +505,10 @@ export interface SulaRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaRadioButtonElement;
 }
+export interface SulaSearchBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaSearchBarElement;
+}
 export interface SulaSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaSwitchElement;
@@ -572,6 +645,12 @@ declare global {
         prototype: HTMLSulaMenuSelectListElement;
         new (): HTMLSulaMenuSelectListElement;
     };
+    interface HTMLSulaProgressBarElement extends Components.SulaProgressBar, HTMLStencilElement {
+    }
+    var HTMLSulaProgressBarElement: {
+        prototype: HTMLSulaProgressBarElement;
+        new (): HTMLSulaProgressBarElement;
+    };
     interface HTMLSulaRadioButtonElementEventMap {
         "valueChanged": boolean;
         "focusedOn": void;
@@ -591,6 +670,26 @@ declare global {
         prototype: HTMLSulaRadioButtonElement;
         new (): HTMLSulaRadioButtonElement;
     };
+    interface HTMLSulaSearchBarElementEventMap {
+        "valueChanged": string;
+        "focusedOn": void;
+        "focusedOut": void;
+        "rightIconClicked": void;
+    }
+    interface HTMLSulaSearchBarElement extends Components.SulaSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaSearchBarElementEventMap>(type: K, listener: (this: HTMLSulaSearchBarElement, ev: SulaSearchBarCustomEvent<HTMLSulaSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaSearchBarElementEventMap>(type: K, listener: (this: HTMLSulaSearchBarElement, ev: SulaSearchBarCustomEvent<HTMLSulaSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaSearchBarElement: {
+        prototype: HTMLSulaSearchBarElement;
+        new (): HTMLSulaSearchBarElement;
+    };
     interface HTMLSulaSwitchElementEventMap {
         "valueChanged": boolean;
         "focusedOn": void;
@@ -698,7 +797,9 @@ declare global {
         "sula-icon": HTMLSulaIconElement;
         "sula-loader": HTMLSulaLoaderElement;
         "sula-menu-select-list": HTMLSulaMenuSelectListElement;
+        "sula-progress-bar": HTMLSulaProgressBarElement;
         "sula-radio-button": HTMLSulaRadioButtonElement;
+        "sula-search-bar": HTMLSulaSearchBarElement;
         "sula-switch": HTMLSulaSwitchElement;
         "sula-tag": HTMLSulaTagElement;
         "sula-textarea": HTMLSulaTextareaElement;
@@ -765,10 +866,19 @@ declare namespace LocalJSX {
           * @default false
          */
         "buttonDisabled"?: boolean;
+        /**
+          * If true, button will take the full width of its container
+          * @default false
+         */
+        "fullWidth"?: boolean;
         /**
           * Button icon when is Icon type
          */
         "icon"?: string;
+        /**
+          * Button left icon
+         */
+        "leftIcon"?: string;
         /**
           * Is button loading
           * @default false
@@ -779,6 +889,10 @@ declare namespace LocalJSX {
           * @note If button is disabled event won't be emitted
          */
         "onButtonClicked"?: (event: SulaButtonCustomEvent<void>) => void;
+        /**
+          * Button right icon
+         */
+        "rightIcon"?: string;
         /**
           * Button size
           * @default SulaButtonSize.Default
@@ -936,6 +1050,35 @@ declare namespace LocalJSX {
          */
         "onItemSelected"?: (event: SulaMenuSelectListCustomEvent<SulaMenuListItem>) => void;
     }
+    interface SulaProgressBar {
+        /**
+          * The style of the progress bar.
+          * @default SulaProgressBarAppearance.Primary
+         */
+        "appearance"?: SulaProgressBarAppearance;
+        /**
+          * The label displayed at the bottom of the progress bar.
+         */
+        "bottomLabel"?: string;
+        /**
+          * The progress value of the progress bar.
+         */
+        "progress"?: number;
+        /**
+          * Show progress
+          * @default true
+         */
+        "showProgress"?: boolean;
+        /**
+          * The state of the progress bar.
+          * @default SulaProgressBarState.Default
+         */
+        "state"?: SulaProgressBarState;
+        /**
+          * The label displayed at the top of the progress bar.
+         */
+        "topLabel"?: string;
+    }
     interface SulaRadioButton {
         /**
           * Is radio button checked
@@ -965,6 +1108,45 @@ declare namespace LocalJSX {
          */
         "onValueChanged"?: (event: SulaRadioButtonCustomEvent<boolean>) => void;
     }
+    interface SulaSearchBar {
+        /**
+          * Search bar left icon
+         */
+        "leftIcon"?: string;
+        /**
+          * Event emitted when search bar is focused.
+         */
+        "onFocusedOn"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when search bar is focused out.
+         */
+        "onFocusedOut"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when right icon is clicked
+         */
+        "onRightIconClicked"?: (event: SulaSearchBarCustomEvent<void>) => void;
+        /**
+          * Event emitted when search bar value changes.
+         */
+        "onValueChanged"?: (event: SulaSearchBarCustomEvent<string>) => void;
+        /**
+          * Search bar placeholder
+         */
+        "placeholder"?: string;
+        /**
+          * Search bar right icon
+         */
+        "rightIcon"?: string;
+        /**
+          * Search bar style
+          * @default SulaSearchBarStyle.Default
+         */
+        "searchBarStyle"?: SulaSearchBarStyle;
+        /**
+          * Value for the search bar.
+         */
+        "value"?: string;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
@@ -1197,7 +1379,9 @@ declare namespace LocalJSX {
         "sula-icon": SulaIcon;
         "sula-loader": SulaLoader;
         "sula-menu-select-list": SulaMenuSelectList;
+        "sula-progress-bar": SulaProgressBar;
         "sula-radio-button": SulaRadioButton;
+        "sula-search-bar": SulaSearchBar;
         "sula-switch": SulaSwitch;
         "sula-tag": SulaTag;
         "sula-textarea": SulaTextarea;
@@ -1219,7 +1403,9 @@ declare module "@stencil/core" {
             "sula-icon": LocalJSX.SulaIcon & JSXBase.HTMLAttributes<HTMLSulaIconElement>;
             "sula-loader": LocalJSX.SulaLoader & JSXBase.HTMLAttributes<HTMLSulaLoaderElement>;
             "sula-menu-select-list": LocalJSX.SulaMenuSelectList & JSXBase.HTMLAttributes<HTMLSulaMenuSelectListElement>;
+            "sula-progress-bar": LocalJSX.SulaProgressBar & JSXBase.HTMLAttributes<HTMLSulaProgressBarElement>;
             "sula-radio-button": LocalJSX.SulaRadioButton & JSXBase.HTMLAttributes<HTMLSulaRadioButtonElement>;
+            "sula-search-bar": LocalJSX.SulaSearchBar & JSXBase.HTMLAttributes<HTMLSulaSearchBarElement>;
             "sula-switch": LocalJSX.SulaSwitch & JSXBase.HTMLAttributes<HTMLSulaSwitchElement>;
             "sula-tag": LocalJSX.SulaTag & JSXBase.HTMLAttributes<HTMLSulaTagElement>;
             "sula-textarea": LocalJSX.SulaTextarea & JSXBase.HTMLAttributes<HTMLSulaTextareaElement>;