@sellmate/design-system 1.0.66 → 1.0.68

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./c
 import { FieldSize } from "./components/sd-field/sd-field.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
 import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
+import { GuideType } from "./components/sd-guide/sd-guide";
 import { InputSize } from "./components/sd-input/sd-input.config";
 import { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
@@ -65,6 +66,7 @@ export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./c
 export { FieldSize } from "./components/sd-field/sd-field.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
 export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
+export { GuideType } from "./components/sd-guide/sd-guide";
 export { InputSize } from "./components/sd-input/sd-input.config";
 export { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
@@ -309,6 +311,38 @@ export namespace Components {
          */
         "value": CheckedType;
     }
+    interface SdChip {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "sdFocus": () => Promise<void>;
+        "sdGetNativeElement": () => Promise<HTMLSpanElement | null>;
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdResetValidation": () => Promise<void>;
+        "sdValidate": () => Promise<boolean>;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
     interface SdCircleProgress {
         /**
           * @default false
@@ -771,7 +805,7 @@ export namespace Components {
          */
         "to": HTMLElement | string;
         /**
-          * @default 10000
+          * @default 998
          */
         "zIndex": number;
     }
@@ -806,10 +840,6 @@ export namespace Components {
         "size": GhostButtonSize;
     }
     interface SdGuide {
-        /**
-          * @default ''
-         */
-        "guideUrl": string;
         /**
           * @default ''
          */
@@ -824,9 +854,13 @@ export namespace Components {
         "popupTitle": string;
         "popupWidth"?: number;
         /**
-          * @default 'help'
+          * @default 'tip'
          */
         "type": GuideType;
+        /**
+          * @default ''
+         */
+        "url": string;
     }
     interface SdIcon {
         /**
@@ -985,9 +1019,17 @@ export namespace Components {
           * @default 'loading'
          */
         "state": LoadingModalState;
+        /**
+          * @default false
+         */
+        "useButton": boolean;
         "width"?: string | number;
     }
     interface SdModalContainer {
+        /**
+          * @default false
+         */
+        "autoRemove": boolean;
         "createCustom": (element: HTMLElement, options: SdModalCreateOptions, modalRef: ModalDialogRefLike) => Promise<string>;
         "dismissById": (id: string, reason?: "confirm" | "cancel" | "close") => Promise<void>;
         "open": (options: ConfirmModalOptions, modalRef: ModalDialogRefLike) => Promise<string>;
@@ -1189,7 +1231,7 @@ export namespace Components {
          */
         "viewportPadding": number;
         /**
-          * @default 10000
+          * @default 998
          */
         "zIndex": number;
     }
@@ -2325,6 +2367,10 @@ export interface SdCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdCheckboxElement;
 }
+export interface SdChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdChipElement;
+}
 export interface SdConfirmModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdConfirmModalElement;
@@ -2612,6 +2658,26 @@ declare global {
         prototype: HTMLSdCheckboxElement;
         new (): HTMLSdCheckboxElement;
     };
+    interface HTMLSdChipElementEventMap {
+        "sdUpdate": string;
+        "sdRemove": void;
+        "sdFocus": void;
+        "sdBlur": void;
+    }
+    interface HTMLSdChipElement extends Components.SdChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdChipElementEventMap>(type: K, listener: (this: HTMLSdChipElement, ev: SdChipCustomEvent<HTMLSdChipElementEventMap[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 HTMLSdChipElementEventMap>(type: K, listener: (this: HTMLSdChipElement, ev: SdChipCustomEvent<HTMLSdChipElementEventMap[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 HTMLSdChipElement: {
+        prototype: HTMLSdChipElement;
+        new (): HTMLSdChipElement;
+    };
     interface HTMLSdCircleProgressElement extends Components.SdCircleProgress, HTMLStencilElement {
     }
     var HTMLSdCircleProgressElement: {
@@ -3485,6 +3551,7 @@ declare global {
         "sd-calendar": HTMLSdCalendarElement;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
+        "sd-chip": HTMLSdChipElement;
         "sd-circle-progress": HTMLSdCircleProgressElement;
         "sd-confirm-modal": HTMLSdConfirmModalElement;
         "sd-date-box": HTMLSdDateBoxElement;
@@ -3775,6 +3842,36 @@ declare namespace LocalJSX {
          */
         "value": CheckedType;
     }
+    interface SdChip {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onSdBlur"?: (event: SdChipCustomEvent<void>) => void;
+        "onSdFocus"?: (event: SdChipCustomEvent<void>) => void;
+        "onSdRemove"?: (event: SdChipCustomEvent<void>) => void;
+        "onSdUpdate"?: (event: SdChipCustomEvent<string>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface SdCircleProgress {
         /**
           * @default false
@@ -4244,7 +4341,7 @@ declare namespace LocalJSX {
          */
         "to"?: HTMLElement | string;
         /**
-          * @default 10000
+          * @default 998
          */
         "zIndex"?: number;
     }
@@ -4277,10 +4374,6 @@ declare namespace LocalJSX {
         "size"?: GhostButtonSize;
     }
     interface SdGuide {
-        /**
-          * @default ''
-         */
-        "guideUrl"?: string;
         /**
           * @default ''
          */
@@ -4295,9 +4388,13 @@ declare namespace LocalJSX {
         "popupTitle"?: string;
         "popupWidth"?: number;
         /**
-          * @default 'help'
+          * @default 'tip'
          */
         "type"?: GuideType;
+        /**
+          * @default ''
+         */
+        "url"?: string;
     }
     interface SdIcon {
         /**
@@ -4453,9 +4550,17 @@ declare namespace LocalJSX {
           * @default 'loading'
          */
         "state"?: LoadingModalState;
+        /**
+          * @default false
+         */
+        "useButton"?: boolean;
         "width"?: string | number;
     }
     interface SdModalContainer {
+        /**
+          * @default false
+         */
+        "autoRemove"?: boolean;
     }
     interface SdNumberInput {
         /**
@@ -4652,7 +4757,7 @@ declare namespace LocalJSX {
          */
         "viewportPadding"?: number;
         /**
-          * @default 10000
+          * @default 998
          */
         "zIndex"?: number;
     }
@@ -5842,6 +5947,13 @@ declare namespace LocalJSX {
         "inverse": boolean;
         "label": string;
     }
+    interface SdChipAttributes {
+        "name": string;
+        "value": string;
+        "error": boolean;
+        "disabled": boolean;
+        "placeholder": string;
+    }
     interface SdCircleProgressAttributes {
         "indeterminate": boolean;
         "value": number;
@@ -5973,7 +6085,7 @@ declare namespace LocalJSX {
         "type": GuideType;
         "label": string;
         "message": string | string[];
-        "guideUrl": string;
+        "url": string;
         "popupTitle": string;
         "popupWidth": number;
     }
@@ -6015,10 +6127,14 @@ declare namespace LocalJSX {
     interface SdLoadingModalAttributes {
         "state": LoadingModalState;
         "message": string;
+        "useButton": boolean;
         "buttonLabel": string;
         "width": string;
         "height": string;
     }
+    interface SdModalContainerAttributes {
+        "autoRemove": boolean;
+    }
     interface SdNumberInputAttributes {
         "size": NumberInputSize;
         "min": number;
@@ -6357,6 +6473,7 @@ declare namespace LocalJSX {
         "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[K] };
         "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
         "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
+        "sd-chip": Omit<SdChip, keyof SdChipAttributes> & { [K in keyof SdChip & keyof SdChipAttributes]?: SdChip[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `attr:${K}`]?: SdChipAttributes[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `prop:${K}`]?: SdChip[K] };
         "sd-circle-progress": Omit<SdCircleProgress, keyof SdCircleProgressAttributes> & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes]?: SdCircleProgress[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `attr:${K}`]?: SdCircleProgressAttributes[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `prop:${K}`]?: SdCircleProgress[K] };
         "sd-confirm-modal": Omit<SdConfirmModal, keyof SdConfirmModalAttributes> & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes]?: SdConfirmModal[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `attr:${K}`]?: SdConfirmModalAttributes[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `prop:${K}`]?: SdConfirmModal[K] };
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
@@ -6376,7 +6493,7 @@ declare namespace LocalJSX {
         "sd-input": Omit<SdInput, keyof SdInputAttributes> & { [K in keyof SdInput & keyof SdInputAttributes]?: SdInput[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `attr:${K}`]?: SdInputAttributes[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `prop:${K}`]?: SdInput[K] };
         "sd-loading-container": SdLoadingContainer;
         "sd-loading-modal": Omit<SdLoadingModal, keyof SdLoadingModalAttributes> & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes]?: SdLoadingModal[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `attr:${K}`]?: SdLoadingModalAttributes[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `prop:${K}`]?: SdLoadingModal[K] };
-        "sd-modal-container": SdModalContainer;
+        "sd-modal-container": Omit<SdModalContainer, keyof SdModalContainerAttributes> & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes]?: SdModalContainer[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `attr:${K}`]?: SdModalContainerAttributes[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `prop:${K}`]?: SdModalContainer[K] };
         "sd-number-input": Omit<SdNumberInput, keyof SdNumberInputAttributes> & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes]?: SdNumberInput[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `attr:${K}`]?: SdNumberInputAttributes[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `prop:${K}`]?: SdNumberInput[K] };
         "sd-pagination": Omit<SdPagination, keyof SdPaginationAttributes> & { [K in keyof SdPagination & keyof SdPaginationAttributes]?: SdPagination[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `attr:${K}`]?: SdPaginationAttributes[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `prop:${K}`]?: SdPagination[K] };
         "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] };
@@ -6427,6 +6544,7 @@ declare module "@stencil/core" {
             "sd-calendar": LocalJSX.IntrinsicElements["sd-calendar"] & JSXBase.HTMLAttributes<HTMLSdCalendarElement>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
+            "sd-chip": LocalJSX.IntrinsicElements["sd-chip"] & JSXBase.HTMLAttributes<HTMLSdChipElement>;
             "sd-circle-progress": LocalJSX.IntrinsicElements["sd-circle-progress"] & JSXBase.HTMLAttributes<HTMLSdCircleProgressElement>;
             "sd-confirm-modal": LocalJSX.IntrinsicElements["sd-confirm-modal"] & JSXBase.HTMLAttributes<HTMLSdConfirmModalElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;

package/dist/types/utils/modal-stack.d.ts

@@ -0,0 +1,17 @@
+import type { SdModalGlobalOptions } from '../components/sd-modal-container/sd-modal-container.config';
+type ManagedModalEntry = {
+    id: string;
+    persistent: boolean;
+    interactive: boolean;
+    requestClose: (reason?: 'close') => void;
+    shake: () => void;
+    setZIndex: (zIndex: number) => void;
+};
+export declare function configureModalStack(options?: SdModalGlobalOptions): void;
+export declare function registerModal(entry: Omit<ManagedModalEntry, 'interactive'>): void;
+export declare function unregisterModal(id: string): void;
+export declare function setModalInteractive(id: string, interactive: boolean): void;
+export declare function isTopInteractiveModal(id: string): boolean;
+export declare function requestCloseForModal(id: string): boolean;
+export declare function resetModalStackManagerForTests(): void;
+export {};