@redvars/peacock 3.5.0 → 3.6.0

package/dist/notification-manager.js

@@ -0,0 +1,268 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, A, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { r } from './state-DwbEjqVk.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+@keyframes reveal-top {
+  0% {
+    opacity: 0;
+    transform: translateY(-1rem);
+    max-height: 0;
+  }
+  100% {
+    max-height: 500px;
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes reveal-bottom {
+  0% {
+    opacity: 0;
+    transform: translateY(1rem);
+    max-height: 0;
+  }
+  100% {
+    max-height: 500px;
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+:host {
+  display: block;
+  position: var(--notification-manager-position, absolute);
+  width: 20rem;
+  z-index: var(--z-index-notification-manager, 9000);
+  pointer-events: none;
+}
+
+.notification-manager {
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-100);
+  margin: var(--spacing-150);
+}
+
+.notification {
+  pointer-events: auto;
+  max-height: 500px;
+  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
+  overflow: hidden;
+}
+
+.notification.hidden {
+  max-height: 0;
+  opacity: 0;
+}
+
+/* Position variants */
+:host([position=bottom-right]) {
+  bottom: 0;
+  right: 0;
+}
+:host([position=bottom-right]) .notification-manager {
+  align-items: flex-end;
+}
+:host([position=bottom-right]) .notification {
+  animation: reveal-bottom 0.5s ease-in;
+}
+
+:host([position=bottom-left]) {
+  bottom: 0;
+  left: 0;
+}
+:host([position=bottom-left]) .notification-manager {
+  align-items: flex-start;
+}
+:host([position=bottom-left]) .notification {
+  animation: reveal-bottom 0.5s ease-in;
+}
+
+:host([position=top-right]) {
+  top: 0;
+  right: 0;
+}
+:host([position=top-right]) .notification-manager {
+  align-items: flex-end;
+}
+:host([position=top-right]) .notification {
+  animation: reveal-top 0.5s ease-in;
+}
+
+:host([position=top-left]) {
+  top: 0;
+  left: 0;
+}
+:host([position=top-left]) .notification-manager {
+  align-items: flex-start;
+}
+:host([position=top-left]) .notification {
+  animation: reveal-top 0.5s ease-in;
+}`;
+
+let notificationCounter = 0;
+function nextId() {
+    return `wc-notification-${++notificationCounter}`;
+}
+/**
+ * @label Notification Manager
+ * @tag wc-notification-manager
+ * @rawTag notification-manager
+ * @summary The Notification Manager handles the organization and display of notifications within the application.
+ *
+ * @fires {CustomEvent} notification-manager-action - Fired when the action button of a managed notification is clicked. Detail: `{ id: string }`.
+ * @fires {CustomEvent} notification-manager-dismiss - Fired when a managed notification is dismissed. Detail: `{ id: string }`.
+ *
+ * @example
+ * ```html
+ * <wc-notification-manager position="bottom-right"></wc-notification-manager>
+ * <script>
+ *   window.dispatchEvent(new CustomEvent('notification', {
+ *     detail: { title: 'Record saved', variant: 'success', dismissible: true }
+ *   }));
+ * </script>
+ * ```
+ * @tags display, feedback
+ */
+let NotificationManager = class NotificationManager extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Name of this manager instance. Only notifications whose `target` matches
+         * this name (or whose `target` is absent and this manager's `name` is
+         * `'global'`) will be handled.
+         */
+        this.name = 'global';
+        /**
+         * Screen position where notifications are stacked.
+         */
+        this.position = 'bottom-right';
+        this.notifications = [];
+        this.handleWindowNotification = (event) => {
+            const evt = event;
+            const detail = evt.detail ?? {};
+            // Route by target: accept if target matches our name, or if we are global
+            // and no specific target is set.
+            const target = detail.target;
+            const isForUs = target === this.name || (!target && this.name === 'global');
+            if (!isForUs || detail.processed) {
+                return;
+            }
+            evt.stopPropagation();
+            detail.processed = true;
+            const entry = {
+                id: nextId(),
+                title: detail.title ?? '',
+                subtitle: detail.subtitle,
+                action: detail.action,
+                variant: detail.variant ?? 'info',
+                dismissible: detail.dismissible ?? false,
+                timeout: detail.timeout ?? 5000,
+                hide: false,
+                width: detail.width,
+            };
+            this.notifications = [...this.notifications, entry];
+            if (typeof detail.callback === 'function') {
+                detail.callback(entry.id);
+            }
+            if (!entry.dismissible) {
+                setTimeout(() => {
+                    this._hideNotification(entry.id);
+                }, entry.timeout);
+            }
+        };
+        this.handleWindowDismiss = (event) => {
+            const evt = event;
+            const ids = evt.detail?.notifications ?? [];
+            ids.forEach(id => this._hideNotification(id));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('notification', this.handleWindowNotification);
+        window.addEventListener('notification-dismiss', this.handleWindowDismiss);
+    }
+    disconnectedCallback() {
+        window.removeEventListener('notification', this.handleWindowNotification);
+        window.removeEventListener('notification-dismiss', this.handleWindowDismiss);
+        super.disconnectedCallback();
+    }
+    _hideNotification(id) {
+        this.notifications = this.notifications.map(n => n.id === id ? { ...n, hide: true } : n);
+    }
+    _handleDismiss(id) {
+        this._hideNotification(id);
+        this.dispatchEvent(new CustomEvent('notification-manager-dismiss', {
+            detail: { id },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleAction(id) {
+        this.dispatchEvent(new CustomEvent('notification-manager-action', {
+            detail: { id },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    renderNotification(n) {
+        return b `
+      <div
+        id=${n.id}
+        class=${e({ notification: true, hidden: n.hide })}
+        style=${n.width ? `width: ${n.width}` : A}
+      >
+        <wc-notification
+          variant=${n.variant}
+          ?dismissible=${n.dismissible}
+          managed
+          action=${n.action ?? A}
+          @notification-dismiss=${() => this._handleDismiss(n.id)}
+          @notification-action-click=${() => this._handleAction(n.id)}
+        >
+          <span slot="title">${n.title}</span>
+          ${n.subtitle
+            ? b `<span slot="subtitle">${n.subtitle}</span>`
+            : A}
+        </wc-notification>
+      </div>
+    `;
+    }
+    render() {
+        return b `
+      <div
+        class=${e({
+            'notification-manager': true,
+            [`position-${this.position}`]: true,
+        })}
+      >
+        ${this.notifications.map(n => this.renderNotification(n))}
+      </div>
+    `;
+    }
+};
+NotificationManager.styles = [css_248z];
+__decorate([
+    n({ type: String, reflect: true })
+], NotificationManager.prototype, "name", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], NotificationManager.prototype, "position", void 0);
+__decorate([
+    r()
+], NotificationManager.prototype, "notifications", void 0);
+NotificationManager = __decorate([
+    IndividualComponent
+], NotificationManager);
+
+export { NotificationManager };
+//# sourceMappingURL=notification-manager.js.map

package/dist/notification-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-manager.js","sources":["../../src/notification-manager/notification-manager.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './notification-manager.scss';\n\ntype NotificationVariant = 'success' | 'error' | 'info' | 'warning';\n\ntype NotificationEntry = {\n  id: string;\n  title: string;\n  subtitle?: string;\n  action?: string;\n  variant: NotificationVariant;\n  dismissible: boolean;\n  timeout: number;\n  hide: boolean;\n  width?: string;\n};\n\nlet notificationCounter = 0;\nfunction nextId(): string {\n  return `wc-notification-${++notificationCounter}`;\n}\n\n/**\n * @label Notification Manager\n * @tag wc-notification-manager\n * @rawTag notification-manager\n * @summary The Notification Manager handles the organization and display of notifications within the application.\n *\n * @fires {CustomEvent} notification-manager-action - Fired when the action button of a managed notification is clicked. Detail: `{ id: string }`.\n * @fires {CustomEvent} notification-manager-dismiss - Fired when a managed notification is dismissed. Detail: `{ id: string }`.\n *\n * @example\n * ```html\n * <wc-notification-manager position=\"bottom-right\"></wc-notification-manager>\n * <script>\n *   window.dispatchEvent(new CustomEvent('notification', {\n *     detail: { title: 'Record saved', variant: 'success', dismissible: true }\n *   }));\n * </script>\n * ```\n * @tags display, feedback\n */\n@IndividualComponent\nexport class NotificationManager extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Name of this manager instance. Only notifications whose `target` matches\n   * this name (or whose `target` is absent and this manager's `name` is\n   * `'global'`) will be handled.\n   */\n  @property({ type: String, reflect: true }) name = 'global';\n\n  /**\n   * Screen position where notifications are stacked.\n   */\n  @property({ type: String, reflect: true })\n  position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' =\n    'bottom-right';\n\n  @state() private notifications: NotificationEntry[] = [];\n\n  private readonly handleWindowNotification = (event: Event) => {\n    const evt = event as CustomEvent;\n    const detail = evt.detail ?? {};\n\n    // Route by target: accept if target matches our name, or if we are global\n    // and no specific target is set.\n    const target: string | undefined = detail.target;\n    const isForUs =\n      target === this.name || (!target && this.name === 'global');\n\n    if (!isForUs || detail.processed) {\n      return;\n    }\n\n    evt.stopPropagation();\n    detail.processed = true;\n\n    const entry: NotificationEntry = {\n      id: nextId(),\n      title: detail.title ?? '',\n      subtitle: detail.subtitle,\n      action: detail.action,\n      variant: detail.variant ?? 'info',\n      dismissible: detail.dismissible ?? false,\n      timeout: detail.timeout ?? 5000,\n      hide: false,\n      width: detail.width,\n    };\n\n    this.notifications = [...this.notifications, entry];\n\n    if (typeof detail.callback === 'function') {\n      detail.callback(entry.id);\n    }\n\n    if (!entry.dismissible) {\n      setTimeout(() => {\n        this._hideNotification(entry.id);\n      }, entry.timeout);\n    }\n  };\n\n  private readonly handleWindowDismiss = (event: Event) => {\n    const evt = event as CustomEvent;\n    const ids: string[] = evt.detail?.notifications ?? [];\n    ids.forEach(id => this._hideNotification(id));\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('notification', this.handleWindowNotification);\n    window.addEventListener(\n      'notification-dismiss',\n      this.handleWindowDismiss,\n    );\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\n      'notification',\n      this.handleWindowNotification,\n    );\n    window.removeEventListener(\n      'notification-dismiss',\n      this.handleWindowDismiss,\n    );\n    super.disconnectedCallback();\n  }\n\n  private _hideNotification(id: string) {\n    this.notifications = this.notifications.map(n =>\n      n.id === id ? { ...n, hide: true } : n,\n    );\n  }\n\n  private _handleDismiss(id: string) {\n    this._hideNotification(id);\n    this.dispatchEvent(\n      new CustomEvent('notification-manager-dismiss', {\n        detail: { id },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _handleAction(id: string) {\n    this.dispatchEvent(\n      new CustomEvent('notification-manager-action', {\n        detail: { id },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private renderNotification(n: NotificationEntry) {\n    return html`\n      <div\n        id=${n.id}\n        class=${classMap({ notification: true, hidden: n.hide })}\n        style=${n.width ? `width: ${n.width}` : nothing}\n      >\n        <wc-notification\n          variant=${n.variant}\n          ?dismissible=${n.dismissible}\n          managed\n          action=${n.action ?? nothing}\n          @notification-dismiss=${() => this._handleDismiss(n.id)}\n          @notification-action-click=${() => this._handleAction(n.id)}\n        >\n          <span slot=\"title\">${n.title}</span>\n          ${n.subtitle\n            ? html`<span slot=\"subtitle\">${n.subtitle}</span>`\n            : nothing}\n        </wc-notification>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'notification-manager': true,\n          [`position-${this.position}`]: true,\n        })}\n      >\n        ${this.notifications.map(n => this.renderNotification(n))}\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","nothing","styles","property","state"],"mappings":"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"}

package/dist/notification.js

@@ -373,11 +373,12 @@ let Notification = class Notification extends i$1 {
                 variant="text"
                 size="sm"
                 aria-label="Close notification"
-                name="close"
                 @click=${() => {
                 this.hideAndEmitDismiss('dismiss');
             }}
-              ></wc-icon-button>
+              >
+                <wc-icon name="close"></wc-icon>
+              </wc-icon-button>
             </div>`
             : A}
       </div>

package/dist/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sources":["../../src/notification/notification.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './notification.scss';\n\ntype NotificationVariant = 'success' | 'error' | 'info' | 'warning';\n\nconst VARIANT_LABELS: Record<NotificationVariant, string> = {\n  success: 'Success',\n  error: 'Error',\n  info: 'Information',\n  warning: 'Warning',\n};\n\nconst VARIANT_ICONS: Record<NotificationVariant, string> = {\n  success: 'check_circle',\n  error: 'error',\n  info: 'info',\n  warning: 'warning',\n};\n\n/**\n * @label Notification\n * @tag wc-notification\n * @rawTag notification\n * @summary Notifications communicate contextual status, errors, warnings, and success messages.\n *\n * @cssprop --notification-container-color - Surface color for the notification container.\n * @cssprop --notification-text-color - Label and supporting text color.\n * @cssprop --notification-leading-icon-color - Leading state icon color.\n * @cssprop --notification-accent-color - Start border color for status emphasis.\n * @cssprop --notification-border-radius - Border radius of the notification container.\n *\n * @fires {CustomEvent} notification-dismiss - Fired when the notification is dismissed.\n * @fires {CustomEvent} notification-action-click - Fired when the action button is clicked.\n *\n * @example\n * ```html\n * <wc-notification variant=\"success\" action=\"Undo\" dismissible>\n *   <span slot=\"title\">Record saved</span>\n * </wc-notification>\n * ```\n * @tags display, feedback\n */\n@IndividualComponent\nexport class Notification extends LitElement {\n  static styles = [styles];\n\n  /**\n   * If true, content and actions are laid out in a single row.\n   */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  /**\n   * The visual variant of the notification.\n   */\n  @property({ type: String, reflect: true })\n  variant: NotificationVariant = 'info';\n\n  /**\n   * Enables a high contrast appearance.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'high-contrast' })\n  highContrast = false;\n\n  /**\n   * If true, renders a dismiss icon button.\n   */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /**\n   * Action label text. When provided, an action button is shown.\n   */\n  @property({ type: String }) action = '';\n\n  /**\n   * If true, the host controls visibility when dismissed.\n   */\n  @property({ type: Boolean, reflect: true }) managed = false;\n\n  @state() private isHidden = false;\n  \n  @state() private hasSubtitle = false;\n\n  /**\n   * Programmatically reveals the notification.\n   */\n  show() {\n    this.isHidden = false;\n  }\n\n  /**\n   * Programmatically dismisses the notification.\n   */\n  dismiss() {\n    this.hideAndEmitDismiss('programmatic');\n  }\n\n  private get variantIcon() {\n    return VARIANT_ICONS[this.variant];\n  }\n\n  private get variantLabel() {\n    return VARIANT_LABELS[this.variant];\n  }\n\n  private emitActionClick() {\n    this.dispatchEvent(\n      new CustomEvent('notification-action-click', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private hideAndEmitDismiss(reason: 'dismiss' | 'programmatic') {\n    if (!this.managed) {\n      this.isHidden = true;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('notification-dismiss', {\n        detail: { reason },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private handleSubtitleSlotChange(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n    this.hasSubtitle = slot\n      .assignedNodes({ flatten: true })\n      .some(node => node.textContent?.trim());\n  }\n\n  render() {\n    if (this.isHidden) {\n      return nothing;\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          notification: true,\n          inline: this.inline,\n          'high-contrast': this.highContrast,\n          'has-subtitle': this.hasSubtitle,\n          [`variant-${this.variant}`]: true,\n        })}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-label=${this.variantLabel}\n      >\n        <div class=\"state-icon\" aria-hidden=\"true\">\n          <slot name=\"icon\">\n            <wc-icon name=${this.variantIcon}></wc-icon>\n          </slot>\n        </div>\n\n        <div class=\"content\">\n          <div class=\"content-text\">\n            <div class=\"title\">\n              <slot name=\"title\"></slot>\n              <slot></slot>\n            </div>\n\n            <div class=\"subtitle\">\n              <slot name=\"subtitle\" @slotchange=${this.handleSubtitleSlotChange}></slot>\n            </div>\n          </div>\n\n          ${this.action\n            ? html`<div class=\"actions\">\n                <wc-button\n                  class=\"action\"\n                  size=\"sm\"\n                  variant=${this.inline ? 'text' : 'outlined'}\n                  @click=${this.emitActionClick}\n                >\n                  ${this.action}\n                </wc-button>\n              </div>`\n            : nothing}\n        </div>\n\n        ${this.dismissible\n          ? html`<div class=\"close-button-container\">\n              <wc-icon-button\n                class=\"close-button\"\n                variant=\"text\"\n                size=\"sm\"\n                aria-label=\"Close notification\"\n                name=\"close\"\n                @click=${() => {\n                  this.hideAndEmitDismiss('dismiss');\n                }}\n              ></wc-icon-button>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","nothing","html","classMap","styles","property","state"],"mappings":"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"}
+{"version":3,"file":"notification.js","sources":["../../src/notification/notification.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './notification.scss';\n\ntype NotificationVariant = 'success' | 'error' | 'info' | 'warning';\n\nconst VARIANT_LABELS: Record<NotificationVariant, string> = {\n  success: 'Success',\n  error: 'Error',\n  info: 'Information',\n  warning: 'Warning',\n};\n\nconst VARIANT_ICONS: Record<NotificationVariant, string> = {\n  success: 'check_circle',\n  error: 'error',\n  info: 'info',\n  warning: 'warning',\n};\n\n/**\n * @label Notification\n * @tag wc-notification\n * @rawTag notification\n * @summary Notifications communicate contextual status, errors, warnings, and success messages.\n *\n * @cssprop --notification-container-color - Surface color for the notification container.\n * @cssprop --notification-text-color - Label and supporting text color.\n * @cssprop --notification-leading-icon-color - Leading state icon color.\n * @cssprop --notification-accent-color - Start border color for status emphasis.\n * @cssprop --notification-border-radius - Border radius of the notification container.\n *\n * @fires {CustomEvent} notification-dismiss - Fired when the notification is dismissed.\n * @fires {CustomEvent} notification-action-click - Fired when the action button is clicked.\n *\n * @example\n * ```html\n * <wc-notification variant=\"success\" action=\"Undo\" dismissible>\n *   <span slot=\"title\">Record saved</span>\n * </wc-notification>\n * ```\n * @tags display, feedback\n */\n@IndividualComponent\nexport class Notification extends LitElement {\n  static styles = [styles];\n\n  /**\n   * If true, content and actions are laid out in a single row.\n   */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  /**\n   * The visual variant of the notification.\n   */\n  @property({ type: String, reflect: true })\n  variant: NotificationVariant = 'info';\n\n  /**\n   * Enables a high contrast appearance.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'high-contrast' })\n  highContrast = false;\n\n  /**\n   * If true, renders a dismiss icon button.\n   */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /**\n   * Action label text. When provided, an action button is shown.\n   */\n  @property({ type: String }) action = '';\n\n  /**\n   * If true, the host controls visibility when dismissed.\n   */\n  @property({ type: Boolean, reflect: true }) managed = false;\n\n  @state() private isHidden = false;\n  \n  @state() private hasSubtitle = false;\n\n  /**\n   * Programmatically reveals the notification.\n   */\n  show() {\n    this.isHidden = false;\n  }\n\n  /**\n   * Programmatically dismisses the notification.\n   */\n  dismiss() {\n    this.hideAndEmitDismiss('programmatic');\n  }\n\n  private get variantIcon() {\n    return VARIANT_ICONS[this.variant];\n  }\n\n  private get variantLabel() {\n    return VARIANT_LABELS[this.variant];\n  }\n\n  private emitActionClick() {\n    this.dispatchEvent(\n      new CustomEvent('notification-action-click', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private hideAndEmitDismiss(reason: 'dismiss' | 'programmatic') {\n    if (!this.managed) {\n      this.isHidden = true;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('notification-dismiss', {\n        detail: { reason },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private handleSubtitleSlotChange(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n    this.hasSubtitle = slot\n      .assignedNodes({ flatten: true })\n      .some(node => node.textContent?.trim());\n  }\n\n  render() {\n    if (this.isHidden) {\n      return nothing;\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          notification: true,\n          inline: this.inline,\n          'high-contrast': this.highContrast,\n          'has-subtitle': this.hasSubtitle,\n          [`variant-${this.variant}`]: true,\n        })}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-label=${this.variantLabel}\n      >\n        <div class=\"state-icon\" aria-hidden=\"true\">\n          <slot name=\"icon\">\n            <wc-icon name=${this.variantIcon}></wc-icon>\n          </slot>\n        </div>\n\n        <div class=\"content\">\n          <div class=\"content-text\">\n            <div class=\"title\">\n              <slot name=\"title\"></slot>\n              <slot></slot>\n            </div>\n\n            <div class=\"subtitle\">\n              <slot name=\"subtitle\" @slotchange=${this.handleSubtitleSlotChange}></slot>\n            </div>\n          </div>\n\n          ${this.action\n            ? html`<div class=\"actions\">\n                <wc-button\n                  class=\"action\"\n                  size=\"sm\"\n                  variant=${this.inline ? 'text' : 'outlined'}\n                  @click=${this.emitActionClick}\n                >\n                  ${this.action}\n                </wc-button>\n              </div>`\n            : nothing}\n        </div>\n\n        ${this.dismissible\n          ? html`<div class=\"close-button-container\">\n              <wc-icon-button\n                class=\"close-button\"\n                variant=\"text\"\n                size=\"sm\"\n                aria-label=\"Close notification\"\n                @click=${() => {\n                  this.hideAndEmitDismiss('dismiss');\n                }}\n              >\n                <wc-icon name=\"close\"></wc-icon>\n              </wc-icon-button>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","nothing","html","classMap","styles","property","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAAc,GAAwC;AAC1D,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,SAAS;CACnB;AAED,MAAM,aAAa,GAAwC;AACzD,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,SAAS;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQA,GAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;AAGL;;AAEG;QACyC,IAAA,CAAA,MAAM,GAAG,KAAK;AAE1D;;AAEG;QAEH,IAAA,CAAA,OAAO,GAAwB,MAAM;AAErC;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,KAAK;AAEpB;;AAEG;QACyC,IAAA,CAAA,WAAW,GAAG,KAAK;AAE/D;;AAEG;QACyB,IAAA,CAAA,MAAM,GAAG,EAAE;AAEvC;;AAEG;QACyC,IAAA,CAAA,OAAO,GAAG,KAAK;QAE1C,IAAA,CAAA,QAAQ,GAAG,KAAK;QAEhB,IAAA,CAAA,WAAW,GAAG,KAAK;IA0HtC;AAxHE;;AAEG;IACH,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;IACvB;AAEA;;AAEG;IACH,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC;IACzC;AAEA,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,OAAO,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;IACpC;AAEA,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,OAAO,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;IACrC;IAEQ,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,EAAE;AAC3C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;AAEQ,IAAA,kBAAkB,CAAC,MAAkC,EAAA;AAC3D,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACtB;AAEA,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE,MAAM,EAAE;AAClB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;AAEQ,IAAA,wBAAwB,CAAC,KAAY,EAAA;AAC3C,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB;QAC5C,IAAI,CAAC,WAAW,GAAG;AAChB,aAAA,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,aAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;IAC3C;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,OAAOC,CAAO;QAChB;AAEA,QAAA,OAAOC,CAAI,CAAA;;AAEC,cAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,eAAe,EAAE,IAAI,CAAC,YAAY;YAClC,cAAc,EAAE,IAAI,CAAC,WAAW;AAChC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;SAClC,CAAC;;;AAGW,mBAAA,EAAA,IAAI,CAAC,YAAY;;;;AAIV,0BAAA,EAAA,IAAI,CAAC,WAAW,CAAA;;;;;;;;;;;;AAYM,gDAAA,EAAA,IAAI,CAAC,wBAAwB,CAAA;;;;AAInE,UAAA,EAAA,IAAI,CAAC;cACHD,CAAI,CAAA,CAAA;;;;4BAIU,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU;AAClC,yBAAA,EAAA,IAAI,CAAC,eAAe;;AAE3B,kBAAA,EAAA,IAAI,CAAC,MAAM;;AAEV,oBAAA;AACT,cAAED,CAAO;;;AAGX,QAAA,EAAA,IAAI,CAAC;cACHC,CAAI,CAAA,CAAA;;;;;;AAMS,uBAAA,EAAA,MAAK;AACZ,gBAAA,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACpC,CAAC;;;;AAIE,kBAAA;AACT,cAAED,CAAO;;KAEd;IACH;;AA7JO,YAAA,CAAA,MAAM,GAAG,CAACG,QAAM,CAAC;AAKoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAiB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAM3D,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACH,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMtC,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE;AACjD,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAKuB,UAAA,CAAA;IAA3CA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAsB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAKpC,UAAA,CAAA;AAA3B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAc,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAKI,UAAA,CAAA;IAA3CA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAkB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAE3C,UAAA,CAAA;AAAhB,IAAAC,CAAK;AAA4B,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAEjB,UAAA,CAAA;AAAhB,IAAAA,CAAK;AAA+B,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AArC1B,YAAY,GAAA,UAAA,CAAA;IADxB;AACY,CAAA,EAAA,YAAY,CA+JxB;;;;"}

package/dist/peacock-loader.js

@@ -1,28 +1,50 @@
-import { U as TreeView, A as Accordion, q as SelectOptionElement, p as Select, t as Snackbar, P as Pagination, z as Table, s as Slider, j as Image, f as Container, v as SubMenu, m as MenuItem, M as Menu, h as EmptyState, u as Spinner, R as Radio, C as Checkbox, w as Switch, c as BreadcrumbItem, b as Breadcrumb, O as Tooltip, K as TimePicker, D as DatePicker, J as Textarea, N as NumberField, k as Input, F as Field, r as Skeleton, e as CircularProgress, L as LinearProgress, H as Tag, d as Chip, l as Link, y as TabPanel, T as Tab, x as TabGroup, G as Tabs, n as Ripple, E as Elevation, g as Divider, o as SegmentedButtonGroup, S as SegmentedButton, B as Badge, a as Avatar, i as FocusRing, I as Icon } from './select-4pl4XBj7.js';
-import { B as Button } from './button-DMN1dPAg.js';
-import { B as ButtonGroup, I as IconButton } from './button-group-CX9CUUXk.js';
-import { F as Fab } from './fab-C5Nzxk0E.js';
+import { A as Accordion, m as NavigationRailItem, N as NavigationRail, r as SelectOptionElement, q as Select, x as Snackbar, u as SidebarSubMenu, t as SidebarMenuItem, s as SidebarMenu, P as Pagination, K as Table, w as Slider, I as Image, f as Container, z as SubMenu, l as MenuItem, M as Menu, h as EmptyState, y as Spinner, R as Radio, C as Checkbox, G as Switch, c as BreadcrumbItem, b as Breadcrumb, W as Tooltip, V as TimePicker, D as DatePicker, U as Textarea, n as NumberField, X as UrlField, j as Input, F as Field, v as Skeleton, e as CircularProgress, L as LinearProgress, Q as Tag, d as Chip, k as Link, J as TabPanel, T as Tab, H as TabGroup, O as Tabs, o as Ripple, E as Elevation, g as Divider, p as SegmentedButtonGroup, S as SegmentedButton, B as Badge, a as Avatar, i as FocusRing } from './navigation-rail-DyO0oAZU.js';
+import { F as FlowDesigner, I as Icon } from './flow-designer-dZnLJOQT.js';
+import { Button } from './button.js';
+import { ButtonGroup } from './button-group.js';
+import { I as IconButton } from './icon-button-CK1ZuE-2.js';
+import { Fab } from './fab.js';
+import { SplitButton } from './split-button.js';
+import { DropdownButton } from './dropdown-button.js';
+import { P as Popover } from './popover-NC7b1lTq.js';
+import { PopoverContent } from './popover-content.js';
 import { Card } from './card.js';
 import { CardContent } from './card-content.js';
 import { Banner } from './banner.js';
 import { Notification } from './notification.js';
+import { NotificationManager } from './notification-manager.js';
 import { BottomSheet } from './bottom-sheet.js';
 import { SideSheet } from './side-sheet.js';
+import { Modal } from './modal.js';
 import { Search } from './search.js';
 import { Toolbar } from './toolbar.js';
+import { Calendar } from './calendar.js';
+import { CalendarColumnView } from './calendar-column-view.js';
+import { CalendarMonthView } from './calendar-month-view.js';
+import { Canvas } from './canvas.js';
+import { F as FlowDesignerNode } from './flow-designer-node-XMe-jlKg.js';
+import { ConditionBuilder } from './condition-builder.js';
+import { CbPredicate } from './cb-predicate.js';
+import { CbCompoundExpression } from './cb-compound-expression.js';
+import { CbExpression } from './cb-expression.js';
+import { CbDivider } from './cb-divider.js';
 import './IndividualComponent-DUINtMGK.js';
 import './property-1psGvXOq.js';
-import './state-DwbEjqVk.js';
-import './directive-ZPhl09Yt.js';
-import './unsafe-html-BsGUjx94.js';
 import './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
+import './state-DwbEjqVk.js';
 import './observe-slot-change-BGJfgg2E.js';
 import './query-QBcUV-L_.js';
+import './BaseHyperlinkMixin-BNuwbiEf.js';
 import './style-map-DVmWOuYy.js';
 import './dispatch-event-utils-CuEqjlPT.js';
-import './spread-B5cgadZl.js';
-import './is-dark-mode-DicqGkCJ.js';
-import './throttle-C7ZAPqtu.js';
+import './BaseButton-BNFAYn-S.js';
+import './BaseInput-14YmcfK7.js';
+import './is-dark-mode-DOcaw4Yq.js';
+import './unsafe-html-BsGUjx94.js';
+import './button-colors-Ccys3hvS.js';
+import './calendar-event-BrQ_SEKD.js';
+import './event-manager-D-QCmUgR.js';
 
 class LoaderUtils {
     constructor(loaderConfig) {
@@ -181,6 +203,12 @@ const loaderConfig = {
         'wc-segmented-button-group': {
             CustomElementClass: SegmentedButtonGroup,
         },
+        'wc-split-button': {
+            CustomElementClass: SplitButton,
+        },
+        'wc-dropdown-button': {
+            CustomElementClass: DropdownButton,
+        },
         'wc-divider': {
             CustomElementClass: Divider,
         },
@@ -229,6 +257,9 @@ const loaderConfig = {
         'wc-notification': {
             CustomElementClass: Notification,
         },
+        'wc-notification-manager': {
+            CustomElementClass: NotificationManager,
+        },
         'wc-tag': {
             CustomElementClass: Tag,
         },
@@ -247,6 +278,9 @@ const loaderConfig = {
         'wc-input': {
             CustomElementClass: Input,
         },
+        'wc-url-field': {
+            CustomElementClass: UrlField,
+        },
         'wc-number-field': {
             CustomElementClass: NumberField,
         },
@@ -262,12 +296,21 @@ const loaderConfig = {
         'wc-tooltip': {
             CustomElementClass: Tooltip,
         },
+        'wc-popover': {
+            CustomElementClass: Popover,
+        },
+        'wc-popover-content': {
+            CustomElementClass: PopoverContent,
+        },
         'wc-number-counter': {
             importPath: `${distDirectory}/number-counter.js`,
         },
         'wc-code-editor': {
             importPath: `${distDirectory}/code-editor.js`,
         },
+        'wc-html-editor': {
+            importPath: `${distDirectory}/html-editor.js`,
+        },
         'wc-code-highlighter': {
             importPath: `${distDirectory}/code-highlighter.js`,
         },
@@ -316,11 +359,14 @@ const loaderConfig = {
         'wc-pagination': {
             CustomElementClass: Pagination,
         },
-        'wc-tree-view': {
-            CustomElementClass: TreeView,
+        'wc-sidebar-menu': {
+            CustomElementClass: SidebarMenu,
+        },
+        'wc-sidebar-menu-item': {
+            CustomElementClass: SidebarMenuItem,
         },
-        'wc-tree-node': {
-            CustomElementClass: TreeView.Node,
+        'wc-sidebar-sub-menu': {
+            CustomElementClass: SidebarSubMenu,
         },
         'wc-snackbar': {
             CustomElementClass: Snackbar,
@@ -331,6 +377,9 @@ const loaderConfig = {
         'wc-side-sheet': {
             CustomElementClass: SideSheet,
         },
+        'wc-modal': {
+            CustomElementClass: Modal,
+        },
         'wc-select': {
             CustomElementClass: Select,
         },
@@ -343,6 +392,30 @@ const loaderConfig = {
         'wc-toolbar': {
             CustomElementClass: Toolbar,
         },
+        'wc-navigation-rail': {
+            CustomElementClass: NavigationRail,
+        },
+        'wc-navigation-rail-item': {
+            CustomElementClass: NavigationRailItem,
+        },
+        'wc-calendar': {
+            CustomElementClass: Calendar,
+        },
+        'wc-calendar-column-view': {
+            CustomElementClass: CalendarColumnView,
+        },
+        'wc-calendar-month-view': {
+            CustomElementClass: CalendarMonthView,
+        },
+        'wc-canvas': {
+            CustomElementClass: Canvas,
+        },
+        'wc-flow-designer': {
+            CustomElementClass: FlowDesigner,
+        },
+        'wc-flow-designer-node': {
+            CustomElementClass: FlowDesignerNode,
+        },
         'wc-chart-doughnut': {
             importPath: `${distDirectory}/chart-doughnut.js`,
         },
@@ -355,6 +428,21 @@ const loaderConfig = {
         'wc-chart-stacked-bar': {
             importPath: `${distDirectory}/chart-stacked-bar.js`,
         },
+        'wc-condition-builder': {
+            CustomElementClass: ConditionBuilder,
+        },
+        'wc-cb-predicate': {
+            CustomElementClass: CbPredicate,
+        },
+        'wc-cb-compound-expression': {
+            CustomElementClass: CbCompoundExpression,
+        },
+        'wc-cb-expression': {
+            CustomElementClass: CbExpression,
+        },
+        'wc-cb-divider': {
+            CustomElementClass: CbDivider,
+        },
     },
 };
 new LoaderUtils(loaderConfig).start();