@sula-tech/webcomponents 0.19.3 → 0.20.1

package/dist/types/components/sula-toast-stack/model/sula-toast-stack.model.d.ts

@@ -0,0 +1,8 @@
+import type { SulaToastAnnouncement } from '../../sula-toast/model/sula-toast.model';
+export type AnnouncementPriority = Exclude<SulaToastAnnouncement, 'off'>;
+export interface Announcement {
+    id: string;
+    version: number;
+    text: string;
+    priority: AnnouncementPriority;
+}

package/dist/types/components/sula-toast-stack/sula-toast-stack.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SulaToastItem, SulaToastStackActionEvent, SulaToastStackDismissEvent } from '../sula-toast/model/sula-toast.model';
+import type { Announcement } from './model/sula-toast-stack.model';
+export declare class SulaToastStack {
+    hostElement: HTMLElement;
+    /** Notifications in chronological order, oldest first. Only the latest three are rendered. Replace the array to update it. IDs must be unique. */
+    items: SulaToastItem[];
+    /** Requests removal of the identified notification by the consumer. */
+    toastDismissRequested: EventEmitter<SulaToastStackDismissEvent>;
+    /** Requests the identified notification's action without removing it. */
+    toastAction: EventEmitter<SulaToastStackActionEvent>;
+    hovering: boolean;
+    focused: boolean;
+    noHover: boolean;
+    retainingPointerExpansion: boolean;
+    announcements: Announcement[];
+    private region?;
+    private list?;
+    private media?;
+    private announcementVersions;
+    private announcementSignatures;
+    private enteringIds;
+    private focusTarget?;
+    private focusFrame?;
+    private keyboardInteraction;
+    private releaseFocusAfterRender;
+    private ready;
+    private connected;
+    private renderedExpanded?;
+    private motion;
+    private get expanded();
+    private get visibleItems();
+    private get motionTargets();
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    handleItemsChange(next: SulaToastItem[], previous?: SulaToastItem[]): void;
+    private updateAnnouncements;
+    private connectListeners;
+    private handleMediaChange;
+    private handlePointerMove;
+    private stopRetainingPointerExpansion;
+    private restoreFocus;
+    private releasePointerFocus;
+    private handleFocusOut;
+    private dismiss;
+    private action;
+    render(): any;
+}

package/dist/types/components/sula-toast-stack/sula-toast-stack.motion.d.ts

@@ -0,0 +1,9 @@
+export declare class SulaToastStackMotion {
+    private previous?;
+    private animations;
+    capture(region: HTMLElement, list: HTMLElement): void;
+    play(region: HTMLElement, list: HTMLElement): void;
+    cancel(): void;
+    private animate;
+    private cancelAnimations;
+}

package/dist/types/components/sula-toast-stack/sula-toast-stack.stories.d.ts

@@ -0,0 +1,64 @@
+import { SulaToastItem, SulaToastType } from '../sula-toast/model/sula-toast.model';
+declare const _default: {
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        items: {
+            control: string;
+            description: string;
+        };
+        toastDismissRequested: {
+            action: string;
+            description: string;
+        };
+        toastAction: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        items: SulaToastItem[];
+    };
+};
+export declare const MoreThanThreeMessages: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        items: {
+            id: string;
+            title: string;
+            message: string;
+            duration: number;
+        }[];
+    };
+};
+export declare const DifferentHeights: {
+    render: (args: any) => HTMLDivElement;
+    args: {
+        items: {
+            message: string;
+            id: string;
+            title: string;
+            type?: SulaToastType;
+            icon?: string;
+            actionText?: string;
+            closable?: boolean;
+            duration?: number;
+            announcement?: import("../sula-toast/model/sula-toast.model").SulaToastAnnouncement;
+            closeLabel?: string;
+        }[];
+    };
+};
+export declare const ApplicationIntegration: {
+    render: () => HTMLDivElement;
+};

package/dist/types/components.d.ts

@@ -27,6 +27,7 @@ import { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textar
 import { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 import { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.model";
 import { SulaTimelineListItem } from "./components/sula-timeline-list/model/sula-timeline-list.model";
+import { SulaToastAnnouncement, SulaToastDismissEvent, SulaToastItem, SulaToastStackActionEvent, SulaToastStackDismissEvent, SulaToastType } from "./components/sula-toast/model/sula-toast.model";
 import { SulaToggleEvent } from "./components/sula-toggle/model/sula-toggle.model";
 import { SulaTooltipPosition, SulaTooltipTrigger } from "./components/sula-tooltip/model/sula-tooltip.model";
 export { SulaAvatarSize } from "./components/sula-avatar/model/sula-avatar.model";
@@ -51,6 +52,7 @@ export { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textar
 export { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 export { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.model";
 export { SulaTimelineListItem } from "./components/sula-timeline-list/model/sula-timeline-list.model";
+export { SulaToastAnnouncement, SulaToastDismissEvent, SulaToastItem, SulaToastStackActionEvent, SulaToastStackDismissEvent, SulaToastType } from "./components/sula-toast/model/sula-toast.model";
 export { SulaToggleEvent } from "./components/sula-toggle/model/sula-toggle.model";
 export { SulaTooltipPosition, SulaTooltipTrigger } from "./components/sula-tooltip/model/sula-tooltip.model";
 export namespace Components {
@@ -758,6 +760,71 @@ export namespace Components {
          */
         "sulaTimelineList": SulaTimelineListItem[];
     }
+    /**
+     * A controlled notification. The consumer removes it after toastDismissRequested.
+     */
+    interface SulaToast {
+        /**
+          * Optional single-line action label. The consumer implements the action.
+          * @default ''
+         */
+        "actionText": string;
+        /**
+          * Whether to play the entrance animations (fade-in and border trace). Disable when a parent already controls the animation, for example toasts covered in a stack.
+          * @default true
+         */
+        "animated": boolean;
+        /**
+          * Screen reader announcement priority. Use off when a parent owns announcements.
+          * @default 'polite'
+         */
+        "announcement": SulaToastAnnouncement;
+        /**
+          * Whether to display the dismiss button.
+          * @default true
+         */
+        "closable": boolean;
+        /**
+          * Accessible dismiss button label.
+          * @default 'Fechar notificação'
+         */
+        "closeLabel": string;
+        /**
+          * Milliseconds before requesting dismissal. Zero persists; omitted means 5000 without an action and persistent with an action.
+         */
+        "duration"?: number;
+        /**
+          * Optional full Phosphor class name. No icon is displayed when omitted or empty.
+         */
+        "icon"?: string;
+        /**
+          * Optional notification description, displayed on up to four lines.
+          * @default ''
+         */
+        "message": string;
+        /**
+          * Externally pause the remaining timeout, for example while covered by a stack.
+          * @default false
+         */
+        "paused": boolean;
+        /**
+          * Notification title.
+          * @default ''
+         */
+        "toastTitle": string;
+        /**
+          * Visual intent, independent of announcement urgency.
+          * @default SulaToastType.Neutral
+         */
+        "type": SulaToastType;
+    }
+    interface SulaToastStack {
+        /**
+          * Notifications in chronological order, oldest first. Only the latest three are rendered. Replace the array to update it. IDs must be unique.
+          * @default []
+         */
+        "items": SulaToastItem[];
+    }
     interface SulaToggle {
         /**
           * Whether the button is disabled
@@ -881,6 +948,14 @@ export interface SulaTimelineListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaTimelineListElement;
 }
+export interface SulaToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaToastElement;
+}
+export interface SulaToastStackCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaToastStackElement;
+}
 export interface SulaToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaToggleElement;
@@ -1283,6 +1358,45 @@ declare global {
         prototype: HTMLSulaTimelineListElement;
         new (): HTMLSulaTimelineListElement;
     };
+    interface HTMLSulaToastElementEventMap {
+        "toastDismissRequested": SulaToastDismissEvent;
+        "toastAction": void;
+    }
+    /**
+     * A controlled notification. The consumer removes it after toastDismissRequested.
+     */
+    interface HTMLSulaToastElement extends Components.SulaToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaToastElementEventMap>(type: K, listener: (this: HTMLSulaToastElement, ev: SulaToastCustomEvent<HTMLSulaToastElementEventMap[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 HTMLSulaToastElementEventMap>(type: K, listener: (this: HTMLSulaToastElement, ev: SulaToastCustomEvent<HTMLSulaToastElementEventMap[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 HTMLSulaToastElement: {
+        prototype: HTMLSulaToastElement;
+        new (): HTMLSulaToastElement;
+    };
+    interface HTMLSulaToastStackElementEventMap {
+        "toastDismissRequested": SulaToastStackDismissEvent;
+        "toastAction": SulaToastStackActionEvent;
+    }
+    interface HTMLSulaToastStackElement extends Components.SulaToastStack, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaToastStackElementEventMap>(type: K, listener: (this: HTMLSulaToastStackElement, ev: SulaToastStackCustomEvent<HTMLSulaToastStackElementEventMap[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 HTMLSulaToastStackElementEventMap>(type: K, listener: (this: HTMLSulaToastStackElement, ev: SulaToastStackCustomEvent<HTMLSulaToastStackElementEventMap[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 HTMLSulaToastStackElement: {
+        prototype: HTMLSulaToastStackElement;
+        new (): HTMLSulaToastStackElement;
+    };
     interface HTMLSulaToggleElementEventMap {
         "toggleClicked": SulaToggleEvent;
     }
@@ -1336,6 +1450,8 @@ declare global {
         "sula-textfield": HTMLSulaTextfieldElement;
         "sula-tiles": HTMLSulaTilesElement;
         "sula-timeline-list": HTMLSulaTimelineListElement;
+        "sula-toast": HTMLSulaToastElement;
+        "sula-toast-stack": HTMLSulaToastStackElement;
         "sula-toggle": HTMLSulaToggleElement;
         "sula-tooltip": HTMLSulaTooltipElement;
     }
@@ -2223,6 +2339,87 @@ declare namespace LocalJSX {
          */
         "sulaTimelineList"?: SulaTimelineListItem[];
     }
+    /**
+     * A controlled notification. The consumer removes it after toastDismissRequested.
+     */
+    interface SulaToast {
+        /**
+          * Optional single-line action label. The consumer implements the action.
+          * @default ''
+         */
+        "actionText"?: string;
+        /**
+          * Whether to play the entrance animations (fade-in and border trace). Disable when a parent already controls the animation, for example toasts covered in a stack.
+          * @default true
+         */
+        "animated"?: boolean;
+        /**
+          * Screen reader announcement priority. Use off when a parent owns announcements.
+          * @default 'polite'
+         */
+        "announcement"?: SulaToastAnnouncement;
+        /**
+          * Whether to display the dismiss button.
+          * @default true
+         */
+        "closable"?: boolean;
+        /**
+          * Accessible dismiss button label.
+          * @default 'Fechar notificação'
+         */
+        "closeLabel"?: string;
+        /**
+          * Milliseconds before requesting dismissal. Zero persists; omitted means 5000 without an action and persistent with an action.
+         */
+        "duration"?: number;
+        /**
+          * Optional full Phosphor class name. No icon is displayed when omitted or empty.
+         */
+        "icon"?: string;
+        /**
+          * Optional notification description, displayed on up to four lines.
+          * @default ''
+         */
+        "message"?: string;
+        /**
+          * Requests the configured action without dismissing the notification.
+         */
+        "onToastAction"?: (event: SulaToastCustomEvent<void>) => void;
+        /**
+          * Requests removal by the consumer. Does not remove or hide the element.
+         */
+        "onToastDismissRequested"?: (event: SulaToastCustomEvent<SulaToastDismissEvent>) => void;
+        /**
+          * Externally pause the remaining timeout, for example while covered by a stack.
+          * @default false
+         */
+        "paused"?: boolean;
+        /**
+          * Notification title.
+          * @default ''
+         */
+        "toastTitle"?: string;
+        /**
+          * Visual intent, independent of announcement urgency.
+          * @default SulaToastType.Neutral
+         */
+        "type"?: SulaToastType;
+    }
+    interface SulaToastStack {
+        /**
+          * Notifications in chronological order, oldest first. Only the latest three are rendered. Replace the array to update it. IDs must be unique.
+          * @default []
+         */
+        "items"?: SulaToastItem[];
+        /**
+          * Requests the identified notification's action without removing it.
+         */
+        "onToastAction"?: (event: SulaToastStackCustomEvent<SulaToastStackActionEvent>) => void;
+        /**
+          * Requests removal of the identified notification by the consumer.
+         */
+        "onToastDismissRequested"?: (event: SulaToastStackCustomEvent<SulaToastStackDismissEvent>) => void;
+    }
     interface SulaToggle {
         /**
           * Whether the button is disabled
@@ -2312,6 +2509,8 @@ declare namespace LocalJSX {
         "sula-textfield": SulaTextfield;
         "sula-tiles": SulaTiles;
         "sula-timeline-list": SulaTimelineList;
+        "sula-toast": SulaToast;
+        "sula-toast-stack": SulaToastStack;
         "sula-toggle": SulaToggle;
         "sula-tooltip": SulaTooltip;
     }
@@ -2358,6 +2557,11 @@ declare module "@stencil/core" {
             "sula-textfield": LocalJSX.SulaTextfield & JSXBase.HTMLAttributes<HTMLSulaTextfieldElement>;
             "sula-tiles": LocalJSX.SulaTiles & JSXBase.HTMLAttributes<HTMLSulaTilesElement>;
             "sula-timeline-list": LocalJSX.SulaTimelineList & JSXBase.HTMLAttributes<HTMLSulaTimelineListElement>;
+            /**
+             * A controlled notification. The consumer removes it after toastDismissRequested.
+             */
+            "sula-toast": LocalJSX.SulaToast & JSXBase.HTMLAttributes<HTMLSulaToastElement>;
+            "sula-toast-stack": LocalJSX.SulaToastStack & JSXBase.HTMLAttributes<HTMLSulaToastStackElement>;
             "sula-toggle": LocalJSX.SulaToggle & JSXBase.HTMLAttributes<HTMLSulaToggleElement>;
             "sula-tooltip": LocalJSX.SulaTooltip & JSXBase.HTMLAttributes<HTMLSulaTooltipElement>;
         }

package/dist/types/index.d.ts

@@ -10,3 +10,5 @@
 export type * from './components.d.ts';
 export { SulaMenuDensity, SulaMenuLabelOverflow } from './components/sula-menu/model/sula-menu.model';
 export type { SulaToggleEvent } from './components/sula-toggle/model/sula-toggle.model';
+export { SulaToastType } from './components/sula-toast/model/sula-toast.model';
+export type { SulaToastItem, SulaToastAnnouncement, SulaToastDismissReason, SulaToastDismissEvent, SulaToastStackDismissEvent, SulaToastStackActionEvent, } from './components/sula-toast/model/sula-toast.model';

package/dist/webcomponents/index.esm.js

@@ -1,18 +1,5 @@
-var t;
+export { S as SulaMenuDensity, a as SulaMenuLabelOverflow } from "./p-Cs9RR1ZV.js";
 
-(function(t) {
-  t["Compact"] = "compact";
-  t["Default"] = "default";
-  t["Comfortable"] = "comfortable";
-})(t || (t = {}));
-
-var a;
-
-(function(t) {
-  t["Truncate"] = "truncate";
-  t["Wrap"] = "wrap";
-})(a || (a = {}));
-
-export { t as SulaMenuDensity, a as SulaMenuLabelOverflow };
+export { S as SulaToastType } from "./p-t0X4JATS.js";
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map

package/dist/webcomponents/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/components/sula-menu/model/sula-menu.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n  Compact = 'compact',\n  Default = 'default',\n  Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n  Truncate = 'truncate',\n  Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n  children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n  children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n  id: string;\n  label: string;\n  icon: string;\n  hidden?: boolean;\n  open?: boolean;\n  route?: string;\n  expanded?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n}\n\nexport type SelectedMenuItem = {\n  id: string;\n  parentItemId?: string;\n  parentChildId?: string;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}