@sky.ui/core 0.0.1

package/dist/sky-notification/sky-notification.d.ts

@@ -0,0 +1,152 @@
+import { LitElement } from "lit";
+export type SkyNotificationPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+export type SkyNotificationScope = "viewport" | "parent";
+export type SkyNotificationVariant = "list" | "stack";
+export type SkyNotificationAlign = "left" | "center" | "right" | "justify";
+export type SkyNotificationAddInput = {
+    title: string;
+    message: string;
+    duration?: number | null;
+    background?: string;
+    image?: string;
+    component?: string;
+    messageColor?: string;
+    border?: string;
+    width?: string;
+    titleColor?: string;
+    align?: SkyNotificationAlign;
+    icon?: string;
+    iconColor?: string;
+};
+export type SkyNotificationItem = SkyNotificationAddInput & {
+    id: number;
+    removing: boolean;
+    count: number;
+    _timeout?: ReturnType<typeof setTimeout>;
+};
+export type SkyNotificationAddedDetail = {
+    notification: SkyNotificationItem;
+};
+export type SkyNotificationRemovedDetail = {
+    id: number;
+};
+export type SkyNotificationClearedDetail = void;
+/**
+ * @element sky-notification
+ *
+ * @summary Toast notification system with flexible positioning, list/stack layouts, and duplicate merging.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/notification
+ * @dependency sky-icon
+ * @dependency sky-button
+ *
+ * @slot - Optional custom content inside a notification when using `component` property.
+ *
+ * @csspart wrap - Container holding all notifications.
+ * @csspart notification - Individual notification item.
+ * @csspart notification-content - Row containing optional icon and text.
+ * @csspart notification-title - Title area of a notification.
+ * @csspart notification-message - Message/content of a notification.
+ * @csspart notification-icon - Optional icon to the left of title/message.
+ * @csspart close-button - The dismiss ("x") button inside each notification.
+ * @csspart clear-all - The clear-all notifications container.
+ * @csspart repeat-badge - The badge that appears when notifications are merged.
+ *
+ * @property {SkyNotificationPosition} position - Screen position for the notification container.
+ * @property {SkyNotificationItem[]} notifications - Current rendered notification items.
+ * @property {boolean} clearAll - Shows the clear-all control.
+ * @property {boolean} closable - Shows per-notification close control.
+ * @property {boolean} mergeDuplicates - Merges duplicate notifications and increments a count badge.
+ * @property {SkyNotificationScope} scope - Container positioning scope (`viewport` or `parent`).
+ * @property {SkyNotificationVariant} variant - Display mode (`list` or `stack`).
+ * @property {number} stackHoverGap - Gap in pixels between fanned stack items on hover.
+ * @property {number} stackFanLimit - Maximum stack items to fan visually.
+ * @property {number} stackPeek - Visible peek offset in collapsed stack mode.
+ *
+ * **Icon color:** Pass `iconColor` in `addNotification()` for the leading icon. If omitted, the icon uses `titleColor`; if that is also omitted, it uses `var(--sky-text-primary)`.
+ *
+ * **Security:** When using the `component` option in `addNotification()`, the value is rendered with `unsafeHTML`.
+ * Only pass trusted or sanitized HTML. Do not pass unsanitized user input (XSS risk).
+ *
+ * @fires {CustomEvent<SkyNotificationAddedDetail>} notification-added - Fired when a notification is added.
+ * @fires {CustomEvent<SkyNotificationRemovedDetail>} notification-removed - Fired when a notification is removed.
+ * @fires {CustomEvent<SkyNotificationClearedDetail>} notifications-cleared - Fired when all notifications are cleared.
+ * @method show Opens the notification popover when notifications exist.
+ * @method hide Closes the notification popover.
+ *
+ * @Behavior
+ * - Supports list and stack layouts with hover fan-out in stack mode.
+ * - Can merge duplicates and refresh dismissal timers.
+ * - Supports per-item auto-dismiss and explicit close/clear-all actions.
+ *
+ * @example
+ * ```html
+ * <sky-notification position="top-right" variant="stack" closable clear-all merge-duplicates></sky-notification>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-notification position="top-right" variant="stack" closable clear-all merge-duplicates></sky-notification>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return <sky-notification position="top-right" variant="stack" closable clear-all merge-duplicates></sky-notification>;
+ * }
+ * ```
+ */
+export declare class SkyNotification extends LitElement {
+    static dependencies: Record<string, CustomElementConstructor>;
+    position: SkyNotificationPosition;
+    notifications: SkyNotificationItem[];
+    clearAll: boolean;
+    closable: boolean;
+    mergeDuplicates: boolean;
+    scope: SkyNotificationScope;
+    private _expanded;
+    /** list = normal vertical list, stack = only last on top, others hidden behind */
+    variant: SkyNotificationVariant;
+    /** pixel gap between items when hovering in stack variant */
+    stackHoverGap: number;
+    /** max items to visually fan on hover (older ones remain fully behind) */
+    stackFanLimit: number;
+    /** px per layer always visible (peeking) */
+    stackPeek: number;
+    containerElement: HTMLElement;
+    anchorElement: HTMLElement;
+    private notificationCounter;
+    private notificationPopoverController;
+    static styles: import("lit").CSSResult;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _layoutStackRafId;
+    private _scheduleLayoutStack;
+    disconnectedCallback(): void;
+    private _updateAnchorPosition;
+    private _ro?;
+    private _stackBound;
+    private _isBottom;
+    private _bindStackHoverHandlers;
+    private _measureHeights;
+    private _stackItems;
+    private _applyOffsets;
+    private _collapsedVisibleHeight;
+    private _expandedTotalHeight;
+    private _computeCollapsedOffsets;
+    private _computeExpandedOffsets;
+    private _fanOut;
+    private _layoutStack;
+    addNotification({ title, message, duration, background, image, component, messageColor, border, width, titleColor, align, icon, iconColor, }: SkyNotificationAddInput): void;
+    removeNotification(id: number): void;
+    clearAllNotifications(): void;
+    show(): void;
+    hide(): void;
+    private _isHovered;
+    private _stackClassesAndZ;
+    private _renderNotification;
+    private openPopover;
+    private closePopover;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/sky-notification/sky-notification.js

@@ -0,0 +1,456 @@
+import{__decorate as t,__metadata as i}from"tslib";import{LitElement as o,css as e,html as s,nothing as n}from"lit";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{property as r,query as c,customElement as l}from"lit/decorators.js";import{when as p}from"lit/directives/when.js";import{repeat as d}from"lit/directives/repeat.js";import{classMap as h}from"lit/directives/class-map.js";import{styleMap as f}from"lit/directives/style-map.js";import{PopoverController as m}from"../helper/controllers/popover-controller.js";import{SkyIcon as u}from"../sky-icon/sky-icon.js";import{SkyButton as y}from"../sky-button/sky-button.js";let g=class extends o{constructor(){super(...arguments),this.position="bottom-right",this.notifications=[],this.clearAll=!1,this.closable=!1,this.mergeDuplicates=!1,this.scope="viewport",this._expanded=!1,this.variant="list",this.stackHoverGap=4,this.stackFanLimit=3,this.stackPeek=6,this.notificationCounter=0,this.notificationPopoverController=new m(this,{getAnchor:()=>this.anchorElement,getPopover:()=>this.containerElement,sideAttr:"data-side",getPlacement:()=>{const t=this.position||"bottom-right";return t.includes("top")?"top":t.includes("bottom")?"bottom":t.includes("left")?"left":t.includes("right")?"right":"bottom"},getAlign:()=>{const t=this.position||"bottom-right";return t.includes("center")?"center":t.includes("left")?"start":t.includes("right")?"end":"center"},getGap:()=>8,getPadding:()=>0,getMatchAnchorWidth:()=>!1,getMaxWidthToViewport:()=>!0,getMaxWidthMode:()=>"cap",getFlip:()=>!1,getFlipOrder:()=>["top","bottom","right","left"],getPreset:()=>"none",getDuration:()=>250,getCloseDuration:()=>200,getAnimateReposition:()=>!0,getRepositionMs:()=>100,getCloseOnEscape:()=>!0,getCloseOnOutside:()=>!1,getRestoreFocusOnClose:()=>!1,focusOnOpen:()=>{}}),this._layoutStackRafId=null,this._stackBound=!1}static{this.dependencies={"sky-icon":u,"sky-button":y}}static{this.styles=e`
+    :host {
+      z-index: 9999;
+      font-family: var(--sky-font);
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      position: fixed !important;
+      /* Reset positioning properties */
+      top: unset;
+      bottom: unset;
+      left: unset;
+      right: unset;
+      transform: unset;
+      align-items: unset;
+    }
+
+    /* Hidden anchor element */
+    #anchor {
+      display: block;
+      position: fixed;
+      width: 1px;
+      height: 1px;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    .container {
+      box-sizing: border-box;
+      width: max-content;
+      position: fixed;
+      background: transparent;
+      border: none;
+      top: var(--sky-pop-top);
+      left: var(--sky-pop-left);
+      overflow: visible;
+      margin: 0;
+    }
+
+    .wrap {
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    :host([variant="list"]) .wrap {
+      gap: 4px;
+    }
+
+    :host([variant="stack"]) .wrap {
+      display: grid;
+      justify-items: stretch;
+      overflow: visible;
+      position: relative;
+    }
+
+    :host([variant="stack"][position^="top"]) .wrap {
+      align-items: start;
+    }
+    :host([variant="stack"][position^="bottom"]) .wrap {
+      align-items: end;
+    }
+
+    :host([variant="stack"]) .notification {
+      grid-area: 1 / 1;
+      margin: 0;
+      pointer-events: none;
+      transform: translateY(var(--y, 0px));
+      will-change: transform;
+      transition:
+        transform 220ms ease,
+        box-shadow 180ms ease,
+        color 180ms ease,
+        border 180ms ease;
+    }
+
+    :host([variant="stack"][position^="top"]) .wrap::after {
+      content: "";
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      height: var(--hit, 0px);
+    }
+    :host([variant="stack"][position^="bottom"]) .wrap::after {
+      content: "";
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: var(--hit, 0px);
+    }
+    .clear-all {
+      display: flex;
+      justify-content: center;
+      width: 100%;
+      margin: 6px 0;
+      position: sticky;
+      z-index: 10000;
+    }
+
+    :host([position^="top"]) .clear-all {
+      top: 0;
+    }
+
+    :host([position^="bottom"]) .clear-all {
+      bottom: 0;
+    }
+
+    .notification {
+      background: var(--sky-glass-primary);
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      border: var(--sky-border-primary);
+      border-radius: var(--sky-radius-secondary);
+      padding: var(--sky-space-3);
+      box-shadow: var(--sky-box-shadow-primary);
+      display: flex;
+      flex-direction: column;
+      gap: var(--sky-space-2);
+      color: var(--sky-text-primary);
+      position: relative;
+      width: 250px;
+      will-change: transform, opacity;
+      font-size: 14px;
+      transform-origin: center;
+      transition: all 0.3s ease-in-out;
+    }
+
+    .notification-message {
+      font-size: 14px;
+      font-weight: 400;
+      color: var(--sky-text-secondary);
+    }
+
+    .repeat-badge {
+      background-color: var(--sky-glass-primary);
+      border: var(--sky-border-primary);
+      color: var(--sky-active-primary);
+      font-size: 10px;
+      font-weight: bold;
+      padding: 2px 4px;
+      margin-left: 6px;
+      border-radius: var(--sky-radius-secondary);
+    }
+
+    .notification:hover {
+      transform: scale(1.02);
+      box-shadow: var(--sky-box-shadow-secondary);
+    }
+
+    :host([position="top-left"]) .notification {
+      animation: slide-in-left 0.3s ease-in-out;
+    }
+    :host([position="top-right"]) .notification {
+      animation: slide-in-right 0.3s ease-in-out;
+    }
+    :host([position="bottom-left"]) .notification {
+      animation: slide-in-left 0.3s ease-in-out;
+    }
+    :host([position="bottom-right"]) .notification {
+      animation: slide-in-right 0.3s ease-in-out;
+    }
+    :host([position="top-center"]) .notification {
+      animation: slide-in-top 0.3s ease-in-out;
+    }
+    :host([position="bottom-center"]) .notification {
+      animation: slide-in-bottom 0.3s ease-in-out;
+    }
+
+    @keyframes slide-in-left {
+      from {
+        transform: translateX(-20px);
+        opacity: 0;
+      }
+      to {
+        transform: translateX(0);
+        opacity: 1;
+      }
+    }
+    @keyframes slide-in-right {
+      from {
+        transform: translateX(20px);
+        opacity: 0;
+      }
+      to {
+        transform: translateX(0);
+        opacity: 1;
+      }
+    }
+    @keyframes slide-in-top {
+      from {
+        transform: translateY(-20px);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+    @keyframes slide-in-bottom {
+      from {
+        transform: translateY(20px);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      :host([position]) .notification {
+        animation: none;
+      }
+      :host([position]) .notification.fade-out {
+        animation: sky-notif-fade-out 0.15s ease-out forwards;
+      }
+      @keyframes sky-notif-fade-out {
+        to { opacity: 0; }
+      }
+    }
+
+    :host([position="top-left"]) .notification.fade-out {
+      animation: slide-out-left 0.3s ease-in-out forwards;
+    }
+    :host([position="top-right"]) .notification.fade-out {
+      animation: slide-out-right 0.3s ease-in-out forwards;
+    }
+    :host([position="bottom-left"]) .notification.fade-out {
+      animation: slide-out-left 0.3s ease-in-out forwards;
+    }
+    :host([position="bottom-right"]) .notification.fade-out {
+      animation: slide-out-right 0.3s ease-in-out forwards;
+    }
+    :host([position="top-center"]) .notification.fade-out {
+      animation: slide-out-top 0.3s ease-in-out forwards;
+    }
+    :host([position="bottom-center"]) .notification.fade-out {
+      animation: slide-out-bottom 0.3s ease-in-out forwards;
+    }
+
+    @keyframes slide-out-left {
+      from {
+        transform: translateX(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateX(-20px);
+        opacity: 0;
+      }
+    }
+    @keyframes slide-out-right {
+      from {
+        transform: translateX(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateX(20px);
+        opacity: 0;
+      }
+    }
+    @keyframes slide-out-top {
+      from {
+        transform: translateY(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateY(-20px);
+        opacity: 0;
+      }
+    }
+    @keyframes slide-out-bottom {
+      from {
+        transform: translateY(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateY(20px);
+        opacity: 0;
+      }
+    }
+
+    .notification-content {
+      display: flex;
+      align-items: center;
+      gap: var(--sky-space-2);
+    }
+
+    .notification-icon {
+      flex-shrink: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      align-self: center;
+      font-size: 24px;
+    }
+
+    .notification-text {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: var(--sky-space-1);
+    }
+
+    .notification-title {
+      font-weight: bold;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+    }
+
+    .close-button {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      border-radius: var(--sky-radius-secondary);
+      box-shadow: var(--sky-box-shadow-primary);
+      display: flex;
+      padding: 2px;
+      font-size: 12px;
+      align-items: center;
+      justify-content: center;
+      color: var(--sky-text-primary);
+      cursor: pointer;
+      background: var(--sky-glass-primary);
+      border: var(--sky-border-primary);
+      transition: all 0.3s ease-in-out;
+      z-index: 2;
+     
+    }
+    :dir(rtl).close-button {
+      right: unset;
+      left: -8px;
+    }
+    .close-button::before {
+      content: "";
+      position: absolute;
+      inset: 0px;
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      border-radius: inherit;
+      z-index: -1;
+    }
+    .close-button:hover {
+      color: var(--sky-danger-primary);
+    }
+
+    .icon {
+      transition: transform 0.3s ease-in-out;
+    }
+    .close-button:hover .icon {
+      transform: rotate(180deg);
+    }
+    :dir(rtl).close-button:hover .icon {
+      transform: rotate(-180deg);
+    }
+  `}firstUpdated(){"undefined"==typeof document||"rtl"!==document.documentElement.dir&&!this.closest("[dir='rtl']")||this.setAttribute("dir","rtl"),this.notificationPopoverController.hostConnected(),this._updateAnchorPosition(),this.notifications.length>0&&this.openPopover()}updated(t){t.has("position")&&this._updateAnchorPosition(),t.has("notifications")&&(this.notifications.length>0?this.openPopover():this.closePopover()),(t.has("notifications")||t.has("variant")||t.has("stackHoverGap")||t.has("stackPeek")||t.has("position"))&&(this._expanded=this._isHovered()||this._expanded,this._scheduleLayoutStack())}_scheduleLayoutStack(){null==this._layoutStackRafId&&(this._layoutStackRafId=requestAnimationFrame(()=>{this._layoutStackRafId=null,this.updateComplete.then(()=>{this._layoutStack(),this.notificationPopoverController.open&&this.notificationPopoverController.position()})}))}disconnectedCallback(){super.disconnectedCallback(),null!=this._layoutStackRafId&&(cancelAnimationFrame(this._layoutStackRafId),this._layoutStackRafId=null),this._ro?.disconnect(),this.notifications.forEach(t=>{t._timeout&&clearTimeout(t._timeout)}),this.notifications=[],this.notificationPopoverController.hostDisconnected()}_updateAnchorPosition(){if(!this.anchorElement)return;const t=this.position||"bottom-right",i=this.anchorElement.style;i.top="unset",i.bottom="unset",i.left="unset",i.right="unset",i.transform="unset","top-left"===t?(i.top="10px",i.left="10px"):"top-right"===t?(i.top="10px",i.right="10px"):"bottom-left"===t?(i.bottom="10px",i.left="10px"):"bottom-right"===t?(i.bottom="10px",i.right="10px"):"top-center"===t?(i.top="10px",i.left="50%",i.transform="translateX(-50%)"):"bottom-center"===t&&(i.bottom="10px",i.left="50%",i.transform="translateX(-50%)"),i.display="block",i.position="fixed",i.width="1px",i.height="1px",i.opacity="0",i.pointerEvents="none"}_isBottom(){const t=this.position||"bottom-right";return String(t).startsWith("bottom")}_bindStackHoverHandlers(){if(this._stackBound)return;const t=this.renderRoot.querySelector(".wrap");t&&(this._stackBound=!0,t.addEventListener("mouseenter",()=>this._fanOut(!0)),t.addEventListener("mouseleave",()=>this._fanOut(!1)))}_measureHeights(){return this._stackItems().map(t=>t.getBoundingClientRect().height)}_stackItems(){return Array.from(this.renderRoot.querySelectorAll(".notification"))}_applyOffsets(t,i){const o=this._stackItems();let e=0,s=-1/0;o.forEach((t,i)=>{const o=Number(getComputedStyle(t).zIndex||"0");o>s&&(s=o,e=i)}),o.forEach((o,s)=>{o.style.setProperty("--y",`${t[s]||0}px`),o.style.pointerEvents=i||s===e?"auto":"none"});const n=this.renderRoot.querySelector(".wrap");if(n){const t=this._expandedTotalHeight(),i=this._collapsedVisibleHeight(),o=12,e=Math.max(0,t-i+o);n.style.setProperty("--hit",t&&this._expanded?`${e}px`:"0px")}}_collapsedVisibleHeight(){const t=this._stackItems(),i=t.length;if(!i)return 0;return(t[0].getBoundingClientRect().height||0)+(Math.min(i,Math.max(1,this.stackFanLimit))-1)*this.stackPeek}_expandedTotalHeight(){const t=this._measureHeights();if(!t.length)return 0;const i=Math.max(0,t.length-1)*this.stackHoverGap;return t.reduce((t,i)=>t+i,0)+i}_computeCollapsedOffsets(){const t=this._stackItems(),i=this.stackPeek,o=this._isBottom()?-1:1,e=Math.max(0,Math.min(t.length,this.stackFanLimit)-1),s=o*e*i;return t.map((t,n)=>n<=e?o*n*i:s)}_computeExpandedOffsets(){const t=this._measureHeights(),i=this.stackHoverGap,o=this._isBottom()?-1:1,e=[];let s=0;for(let n=0;n<t.length;n++)e.push(o*s),s+=t[n]+i;return e}_fanOut(t){if("stack"!==this.variant)return;const i=this._isHovered();this._expanded=!!i||t;const o=this._expanded?this._computeExpandedOffsets():this._computeCollapsedOffsets();this._applyOffsets(o,this._expanded)}_layoutStack(){"stack"===this.variant&&(this._bindStackHoverHandlers(),this._ro||(this._ro=new ResizeObserver(()=>{this._fanOut(this._expanded)})),this._ro.disconnect(),this._stackItems().forEach(t=>this._ro.observe(t)),this._fanOut(this._expanded))}addNotification({title:t,message:i,duration:o,background:e,image:s,component:n,messageColor:a,border:r,width:c,titleColor:l,align:p="left",icon:d,iconColor:h}){if(this.mergeDuplicates){const a=this.notifications.findIndex(o=>!o.removing&&o.title===t&&o.message===i&&o.background===e&&o.image===s&&o.component===n&&o.icon===d&&o.iconColor===h);if(-1!==a){const t={...this.notifications[a]};return t.count=(t.count||1)+1,t._timeout&&clearTimeout(t._timeout),o&&o>0&&(t._timeout=setTimeout(()=>this.removeNotification(t.id),o)),void(this.notifications=[...this.notifications.slice(0,a),t,...this.notifications.slice(a+1)])}}const f=++this.notificationCounter,m={id:f,title:t,message:i,background:e,messageColor:a,border:r,titleColor:l,align:p,image:s,component:n,width:c,icon:d,iconColor:h,removing:!1,count:1};o&&o>0&&(m._timeout=setTimeout(()=>this.removeNotification(f),o)),this.notifications=[...this.notifications,m],this.dispatchEvent(new CustomEvent("notification-added",{detail:{notification:m},bubbles:!0,composed:!0}))}removeNotification(t){const i=this.notifications.findIndex(i=>i.id===t);if(-1===i)return;const o={...this.notifications[i]};clearTimeout(o._timeout),o.removing=!0,this.notifications=[...this.notifications.slice(0,i),o,...this.notifications.slice(i+1)],setTimeout(()=>{this.notifications=this.notifications.filter(i=>i.id!==t),this.dispatchEvent(new CustomEvent("notification-removed",{detail:{id:t},bubbles:!0,composed:!0}))},300)}clearAllNotifications(){this.notifications=this.notifications.map(t=>({...t,removing:!0})),setTimeout(()=>{this.notifications=[],this.dispatchEvent(new CustomEvent("notifications-cleared",{bubbles:!0,composed:!0}))},300)}show(){this.openPopover()}hide(){this.closePopover()}_isHovered(){const t=this.renderRoot.querySelector(".wrap");return!!t&&t.matches(":hover")}_stackClassesAndZ(t,i){return{fan:t<this.stackFanLimit,z:i-t}}_renderNotification(t,i,o){const{fan:e,z:n}=this._stackClassesAndZ(i,o.length),r=h({notification:!0,"fade-out":!!t.removing,fan:"stack"===this.variant&&e}),c=f({background:t.background||"var(--sky-glass-primary)",width:t.width??"250px",border:t.border||"var(--sky-border-primary)",zIndex:String(n),..."stack"===this.variant?{"--i":String(i)}:{}}),l=f({maxWidth:"100%",borderRadius:"12px"});return s`
+      <div
+        class=${r}
+        data-id="${t.id}"
+        style=${c}
+      >
+        ${p(t.image,()=>s`
+          <img
+            src="${t.image}"
+            alt="Notification Image"
+            style=${l}
+          />
+        `)}
+        ${p(t.component,()=>a(t.component),()=>s`
+            <div class="notification-content" part="notification-content">
+              ${p(t.icon,()=>{const i=t.titleColor??"var(--sky-text-primary)",o=t.iconColor??i;return s`
+                <sky-icon
+                  part="notification-icon"
+                  icon="${t.icon}"
+                  class="notification-icon"
+                  .color=${o}
+                ></sky-icon>
+              `})}
+              <div class="notification-text">
+                ${p(null!=t.title&&""!==t.title,()=>s`
+                    <div
+                      class="notification-title"
+                      style=${f({color:t.titleColor??"var(--sky-text-primary)"})}
+                    >
+                      ${t.title}
+                      ${p(this.mergeDuplicates&&t.count>1,()=>s`
+                          <span class="repeat-badge" part="repeat-badge"
+                            >+ ${t.count}</span
+                          >
+                        `)}
+                    </div>
+                  `)}
+                ${p(null!=t.message&&""!==t.message,()=>s`
+                    <div
+                      class="notification-message"
+                      part="notification-message"
+                      style=${f({color:t.messageColor??"var(--sky-text-secondary)",textAlign:t.align})}
+                    >
+                      ${t.message}
+                    </div>
+                  `)}
+              </div>
+            </div>
+          `)}
+        ${p(this.closable,()=>s`
+          <button
+            class="close-button"
+            part="close-button"
+            type="button"
+            aria-label="Dismiss notification"
+            style=${f({border:t.border||"var(--sky-border-primary)"})}
+            @mouseover=${t=>{const i=t.currentTarget.firstElementChild;i&&"icon"in i&&(i.icon="ion:remove")}}
+            @mouseleave=${t=>{const i=t.currentTarget.firstElementChild;i&&"icon"in i&&(i.icon="ion:close")}}
+            @click=${()=>this.removeNotification(t.id)}
+          >
+            <sky-icon icon="ion:close" class="icon"></sky-icon>
+          </button>
+        `)}
+      </div>
+    `}openPopover(){!this.notificationPopoverController.open&&this.notifications.length>0&&this.notificationPopoverController.openPopover()}closePopover(){this.notificationPopoverController.open&&this.notificationPopoverController.closePopover("api")}render(){const t="stack"===this.variant?[...this.notifications].reverse():this.notifications,i=f("stack"===this.variant?{"--gap":`${this.stackHoverGap}px`,"--stack-peek":`${this.stackPeek}px`}:{}),o=this.notifications.length>0&&this.clearAll,e=()=>s`
+      <div class="clear-all" part="clear-all">
+        <sky-button
+          color="danger"
+          style=${f({width:"100%"})}
+          @click=${this.clearAllNotifications}
+          >Clear All</sky-button
+        >
+      </div>
+    `,a=this.position.startsWith("top");return s`
+      <div id="anchor"></div>
+
+      <div
+        class="container"
+        popover="manual"
+        @toggle=${this.notificationPopoverController.onToggle}
+      >
+        ${p(a&&o,e,()=>n)}
+        <div
+          class="wrap"
+          part="wrap"
+          style=${i}
+        >
+          ${d(t,t=>String(t.id),(i,o)=>this._renderNotification(i,o,t))}
+        </div>
+        ${p(!a&&o,e,()=>n)}
+      </div>
+    `}};t([r({type:String,reflect:!0}),i("design:type",String)],g.prototype,"position",void 0),t([r({type:Array}),i("design:type",Array)],g.prototype,"notifications",void 0),t([r({type:Boolean,reflect:!0}),i("design:type",Object)],g.prototype,"clearAll",void 0),t([r({type:Boolean,reflect:!0}),i("design:type",Object)],g.prototype,"closable",void 0),t([r({type:Boolean,reflect:!0}),i("design:type",Object)],g.prototype,"mergeDuplicates",void 0),t([r({type:String,reflect:!0}),i("design:type",String)],g.prototype,"scope",void 0),t([r({type:String,reflect:!0}),i("design:type",String)],g.prototype,"variant",void 0),t([r({type:Number}),i("design:type",Object)],g.prototype,"stackHoverGap",void 0),t([r({type:Number}),i("design:type",Object)],g.prototype,"stackFanLimit",void 0),t([r({type:Number}),i("design:type",Object)],g.prototype,"stackPeek",void 0),t([c(".container"),i("design:type",HTMLElement)],g.prototype,"containerElement",void 0),t([c("#anchor"),i("design:type",HTMLElement)],g.prototype,"anchorElement",void 0),g=t([l("sky-notification")],g);export{g as SkyNotification};
+//# sourceMappingURL=sky-notification.js.map

package/dist/sky-notification/sky-notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-notification.js","sources":["../../src/sky-notification/sky-notification.ts"],"sourcesContent":[null],"names":["SkyNotification","LitElement","constructor","this","position","notifications","clearAll","closable","mergeDuplicates","scope","_expanded","variant","stackHoverGap","stackFanLimit","stackPeek","notificationCounter","notificationPopoverController","PopoverController","getAnchor","anchorElement","getPopover","containerElement","sideAttr","getPlacement","pos","includes","getAlign","getGap","getPadding","getMatchAnchorWidth","getMaxWidthToViewport","getMaxWidthMode","getFlip","getFlipOrder","getPreset","getDuration","getCloseDuration","getAnimateReposition","getRepositionMs","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","focusOnOpen","_layoutStackRafId","_stackBound","dependencies","SkyIcon","SkyButton","styles","css","firstUpdated","document","documentElement","dir","closest","setAttribute","hostConnected","_updateAnchorPosition","length","openPopover","updated","changed","has","closePopover","_isHovered","_scheduleLayoutStack","requestAnimationFrame","updateComplete","then","_layoutStack","open","disconnectedCallback","super","cancelAnimationFrame","_ro","disconnect","forEach","n","_timeout","clearTimeout","hostDisconnected","style","top","bottom","left","right","transform","display","width","height","opacity","pointerEvents","_isBottom","p","String","startsWith","_bindStackHoverHandlers","wrap","renderRoot","querySelector","addEventListener","_fanOut","_measureHeights","_stackItems","map","el","getBoundingClientRect","Array","from","querySelectorAll","_applyOffsets","offsets","expanded","items","topIndex","topZ","Infinity","i","z","Number","getComputedStyle","zIndex","setProperty","_expandedTotalHeight","collapsedVisible","_collapsedVisibleHeight","SLOP","extra","Math","max","min","h","gaps","reduce","a","b","_computeCollapsedOffsets","peek","sgn","maxPeekIndex","cap","_","idx","_computeExpandedOffsets","gap","off","acc","push","hovered","ResizeObserver","observe","addNotification","title","message","duration","background","image","component","messageColor","border","titleColor","align","icon","iconColor","existingIndex","findIndex","removing","count","setTimeout","removeNotification","id","slice","notification","dispatchEvent","CustomEvent","detail","bubbles","composed","index","notif","filter","clearAllNotifications","show","hide","matches","_stackClassesAndZ","total","fan","_renderNotification","notificationClasses","classMap","cardStyle","styleMap","imgStyle","maxWidth","borderRadius","html","when","unsafeHTML","resolvedTitleColor","iconFill","color","textAlign","e","iconEl","currentTarget","firstElementChild","render","reverse","wrapStyle","showClearAll","clearAllBlock","isTop","onToggle","nothing","repeat","__decorate","property","type","reflect","prototype","Boolean","query","HTMLElement","customElement"],"mappings":"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"}

package/dist/sky-otp/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-otp";

package/dist/sky-otp/index.js

@@ -0,0 +1 @@
+export * from './sky-otp.js';