@pine-ds/core 3.19.0 → 3.21.0

package/dist/types/components.d.ts

@@ -2072,18 +2072,11 @@ export namespace Components {
         /**
           * Sets the text decoration.
          */
-        "decoration"?: | 'strikethrough'
-  | 'underline-dotted';
+        "decoration"?: 'strikethrough' | 'underline-dotted';
         /**
           * Set the bottom margin for the text.
          */
-        "gutter"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs';
+        "gutter"?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
         /**
           * If set or `true`, the text will be italic.
          */
@@ -2092,33 +2085,34 @@ export namespace Components {
           * Sets the font size.
          */
         "size"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6';
+    | 'xl'
+    | 'lg'
+    | 'md'
+    | 'sm'
+    | 'xs'
+    | '2xs'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6';
         /**
           * Determines what semantic text tag to render.
-          * @default "p"
+          * @default 'p'
          */
         "tag": | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'p'
-  | 'code'
-  | 'pre'
-  | 'strong'
-  | 'em';
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6'
+    | 'p'
+    | 'span'
+    | 'code'
+    | 'pre'
+    | 'strong'
+    | 'em';
         /**
           * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
@@ -2127,11 +2121,11 @@ export namespace Components {
           * Sets the font weight.
          */
         "weight"?: | 'extra-light'
-  | 'light'
-  | 'regular'
-  | 'medium'
-  | 'semibold'
-  | 'bold';
+    | 'light'
+    | 'regular'
+    | 'medium'
+    | 'semibold'
+    | 'bold';
     }
     interface PdsTextarea {
         /**
@@ -2287,6 +2281,10 @@ export interface MockPdsModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMockPdsModalElement;
 }
+export interface PdsAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsAccordionElement;
+}
 export interface PdsAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsAlertElement;
@@ -2407,7 +2405,18 @@ declare global {
         prototype: HTMLMockPdsModalElement;
         new (): HTMLMockPdsModalElement;
     };
+    interface HTMLPdsAccordionElementEventMap {
+        "pdsAccordionToggle": boolean;
+    }
     interface HTMLPdsAccordionElement extends Components.PdsAccordion, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsAccordionElementEventMap>(type: K, listener: (this: HTMLPdsAccordionElement, ev: PdsAccordionCustomEvent<HTMLPdsAccordionElementEventMap[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 HTMLPdsAccordionElementEventMap>(type: K, listener: (this: HTMLPdsAccordionElement, ev: PdsAccordionCustomEvent<HTMLPdsAccordionElementEventMap[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 HTMLPdsAccordionElement: {
         prototype: HTMLPdsAccordionElement;
@@ -3086,6 +3095,10 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "isOpen"?: boolean;
+        /**
+          * Emitted when the accordion open state changes.
+         */
+        "onPdsAccordionToggle"?: (event: PdsAccordionCustomEvent<boolean>) => void;
     }
     interface PdsAlert {
         /**
@@ -5154,18 +5167,11 @@ declare namespace LocalJSX {
         /**
           * Sets the text decoration.
          */
-        "decoration"?: | 'strikethrough'
-  | 'underline-dotted';
+        "decoration"?: 'strikethrough' | 'underline-dotted';
         /**
           * Set the bottom margin for the text.
          */
-        "gutter"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs';
+        "gutter"?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
         /**
           * If set or `true`, the text will be italic.
          */
@@ -5174,33 +5180,34 @@ declare namespace LocalJSX {
           * Sets the font size.
          */
         "size"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6';
+    | 'xl'
+    | 'lg'
+    | 'md'
+    | 'sm'
+    | 'xs'
+    | '2xs'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6';
         /**
           * Determines what semantic text tag to render.
-          * @default "p"
+          * @default 'p'
          */
         "tag"?: | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'p'
-  | 'code'
-  | 'pre'
-  | 'strong'
-  | 'em';
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6'
+    | 'p'
+    | 'span'
+    | 'code'
+    | 'pre'
+    | 'strong'
+    | 'em';
         /**
           * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
@@ -5209,11 +5216,11 @@ declare namespace LocalJSX {
           * Sets the font weight.
          */
         "weight"?: | 'extra-light'
-  | 'light'
-  | 'regular'
-  | 'medium'
-  | 'semibold'
-  | 'bold';
+    | 'light'
+    | 'regular'
+    | 'medium'
+    | 'semibold'
+    | 'bold';
     }
     interface PdsTextarea {
         /**

package/dist/vscode.html-data.json

@@ -5,7 +5,7 @@
       "name": "pds-accordion",
       "description": {
         "kind": "markdown",
-        "value": "An Accordion, composed of a single label and a panel of custom content, is used to show and hide information. They can be helpful for users to scan the contents of the page and find the information they need quickly and easily.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-accordion--docs#default), [Content Slots Set](https://pine-design-system.netlify.app/?path=/docs/components-accordion--docs#content-slots-set)\n\n**Slots:**\n- `(default)` - Accordion body content.\n- `label` - Accordion trigger button content.\n\n**CSS Parts:**\n- `accordion-body` - Accordion body styles.\n- `accordion-button` - Accordion button/trigger styles.\n- `accordion-icon` - Accordion icon styles."
+        "value": "An Accordion, composed of a single label and a panel of custom content, is used to show and hide information. They can be helpful for users to scan the contents of the page and find the information they need quickly and easily.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-accordion--docs#default), [Content Slots Set](https://pine-design-system.netlify.app/?path=/docs/components-accordion--docs#content-slots-set)\n\n**Slots:**\n- `(default)` - Accordion body content.\n- `label` - Accordion trigger button content.\n\n**CSS Parts:**\n- `accordion-body` - Accordion body styles.\n- `accordion-button` - Accordion button/trigger styles.\n- `accordion-icon` - Accordion icon styles.\n\n**Events:**\n- `pdsAccordionToggle` - Emitted when the accordion open state changes."
       },
       "attributes": [
         {
@@ -8180,7 +8180,7 @@
       "name": "pds-modal",
       "description": {
         "kind": "markdown",
-        "value": "\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals)\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
+        "value": "\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals)\n\n**CSS Parts:**\n- `modal` - No description\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
       },
       "attributes": [
         {
@@ -10036,7 +10036,7 @@
           "name": "tag",
           "description": {
             "kind": "markdown",
-            "value": "Determines what semantic text tag to render.\n\n**Type:** `\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"strong\"`\n\n**Default:** `\"p\"`"
+            "value": "Determines what semantic text tag to render.\n\n**Type:** `\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"span\" | \"strong\"`\n\n**Default:** `'p'`"
           },
           "values": [
             {
@@ -10069,6 +10069,9 @@
             {
               "name": "pre"
             },
+            {
+              "name": "span"
+            },
             {
               "name": "strong"
             }

package/hydrate/index.js

@@ -3499,7 +3499,7 @@ class MockPdsModal {
             'pds-modal__backdrop': true,
             'open': this.open,
         };
-        return (hAsync("div", { key: '932c22f17088b6cd5efa34563533b10192ba01c5', class: backdropClasses }, hAsync("div", { key: '476cc7428d5fa0b1cb3cdc7a2942e446cf80fe32', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null }, hAsync("div", { key: '7b08398565a4bca4e14b570064ff7bf705c2b664', class: "pds-modal__header" }, hAsync("slot", { key: '25be59059e0fe45210283755c71d9dd64f6d7e14', name: "header" })), hAsync("div", { key: '21b2eb295db0a8fe40a16f5d4816129498220958', class: "pds-modal-content" }, hAsync("slot", { key: '86e2ae4bfb4f1df345958d44c0ab50597d6ca099' })), hAsync("div", { key: '73a2af8f314185e9d72c899f6b7958287e568766', class: "pds-modal__footer" }, hAsync("slot", { key: '26b239609b484949e0e8f64248d2725588ccd6e0', name: "footer" })))));
+        return (hAsync("div", { key: '932c22f17088b6cd5efa34563533b10192ba01c5', class: backdropClasses }, hAsync("div", { key: '09c13a485986d40fa0240530feffde18b5192ff3', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null, part: "modal" }, hAsync("div", { key: '69c2feba501225873ffcf7aab3a1b40a981cec89', class: "pds-modal__header" }, hAsync("slot", { key: 'c38802b6007b85b45532743ee4a94bcc9d5da08f', name: "header" })), hAsync("div", { key: '6998e3da4906070de62a1016c2e23836c84ad96a', class: "pds-modal-content" }, hAsync("slot", { key: '98ed7a23ca4c84de297aa71a7b15c6fa9a2666bf' })), hAsync("div", { key: '7d0ed4f725857a77d916004967d88d5e9c66a5de', class: "pds-modal__footer" }, hAsync("slot", { key: '437b8ab71722e6bad1caee076020c5bb216a2aad', name: "footer" })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsModalCss$1; }
@@ -3521,7 +3521,7 @@ class MockPdsModal {
     }; }
 }
 
-/* pds-icons v9.16.0, ES Modules */
+/* pds-icons v9.18.0, ES Modules */
 
 const addCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1'/></svg>";
 const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
@@ -3549,6 +3549,7 @@ const pdsAccordionCss = ":host{display:block}details{--number-animation-transfor
 class PdsAccordion {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.pdsAccordionToggle = createEvent(this, "pdsAccordionToggle");
         /**
          * Can be used to manually set the open state of the accordion.
          * @defaultValue false
@@ -3565,13 +3566,13 @@ class PdsAccordion {
         };
     }
     handleOpenState(newValue) {
-        this.isOpen = newValue;
+        this.pdsAccordionToggle.emit(newValue);
     }
     componentDidLoad() {
         this.detailsEl.addEventListener('toggle', this.handleToggle);
     }
     render() {
-        return (hAsync(Host, { key: 'd53fcdad106563a15bb6d1631cf29c9f1a43828e', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: 'cc3cda2e1e4df8c1b9ed7762329cfa082b1df756' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), hAsync("summary", { key: 'd2ee68e36d384e1701909647e5ded2eecb9309e0', part: "accordion-button" }, hAsync("slot", { key: '7c68d676a7928d53ff6785c71a0f3b08c4a2176b', name: "label" }, "Details"), hAsync("pds-icon", { key: '523c340fc5741f4cbf792f5a5a39f537f6db588c', icon: downSmall, part: "accordion-icon" })), hAsync("div", { key: '87a896973b005365494b82a8200646a8b67b27e5', part: "accordion-body", class: "pds-accordion__body" }, hAsync("slot", { key: 'd307f6de804cfa3e9a39646058e9ea1fb465abda' })))));
+        return (hAsync(Host, { key: 'dd45657cb2bfe2e26f3a2fcad6a941559f1968c5', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: '9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), hAsync("summary", { key: '59152e8eece069bedd0109d1952dc1de95bc5d9a', part: "accordion-button" }, hAsync("slot", { key: '73881348e657d880c60a5420a758217789f03b0c', name: "label" }, "Details"), hAsync("pds-icon", { key: 'dfe5c28de56ef76bda50f36a406ac2072ed4bd77', icon: downSmall, part: "accordion-icon" })), hAsync("div", { key: '08d019728935164bb315035369044dd513a2c9db', part: "accordion-body", class: "pds-accordion__body" }, hAsync("slot", { key: 'a67ce7ec1acf795827db51465b80c1ecad96a3e3' })))));
     }
     static get watchers() { return {
         "isOpen": ["handleOpenState"]
@@ -11601,11 +11602,11 @@ class PdsModal {
         return (hAsync("dialog", { key: '22ca55ddcc3aaf6e1158940d1fec23c9622b7810', class: {
                 'pds-modal__backdrop': true,
                 'open': this.open
-            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '456929b5fa8ee7297fc11ffee1441a698cb2f3bc', class: {
+            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '803acd0d7a80886efd58c9eeb1af94b40c049de8', class: {
                 'pds-modal': true,
                 [`pds-modal--${this.size}`]: true,
                 'pds-modal--scrollable': this.scrollable
-            } }, hAsync("slot", { key: 'f6981ab3a8c5b13a48d4e791979760e1cf8a28a4' }))));
+            }, part: "modal" }, hAsync("slot", { key: '227deb370e056365f188724bdb2fbabe6062ab77' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18061,7 +18062,7 @@ class PdsText {
         /**
          * Determines what semantic text tag to render.
          */
-        this.tag = "p";
+        this.tag = 'p';
     }
     handleTruncateChange(newValue) {
         if (newValue) {
@@ -18100,13 +18101,23 @@ class PdsText {
         const Tag = this.tag;
         const typeClasses = `
       pds-text
-      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}
-      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}
-      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}
-      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}
-      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}
+      ${this.align !== undefined && this.align.trim() !== ''
+            ? `pds-text--align-${this.align}`
+            : ''}
+      ${this.gutter !== undefined && this.gutter.trim() !== ''
+            ? `pds-text--gutter-${this.gutter}`
+            : ''}
+      ${this.size !== undefined && this.size.trim() !== ''
+            ? `pds-text--size-${this.size}`
+            : ''}
+      ${this.weight !== undefined && this.weight.trim() !== ''
+            ? `pds-text--weight-${this.weight}`
+            : ''}
+      ${this.decoration !== undefined && this.decoration.trim() !== ''
+            ? `pds-text--decoration-${this.decoration}`
+            : ''}
     `;
-        return (hAsync(Tag, { key: 'e5d4fa802fbc1a66c21d6e959fb2228f8cac1902', ref: (el) => this.contentEl = el, style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '4ff0b2cb3a185fd97ef296262790379df832b7b8' })));
+        return (hAsync(Tag, { key: '1d4952d18c09b26a5f2c7f64574be86c90cca553', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '62a5caff5274601b79f35025c9382e2430118cdc' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/hydrate/index.mjs

@@ -3497,7 +3497,7 @@ class MockPdsModal {
             'pds-modal__backdrop': true,
             'open': this.open,
         };
-        return (hAsync("div", { key: '932c22f17088b6cd5efa34563533b10192ba01c5', class: backdropClasses }, hAsync("div", { key: '476cc7428d5fa0b1cb3cdc7a2942e446cf80fe32', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null }, hAsync("div", { key: '7b08398565a4bca4e14b570064ff7bf705c2b664', class: "pds-modal__header" }, hAsync("slot", { key: '25be59059e0fe45210283755c71d9dd64f6d7e14', name: "header" })), hAsync("div", { key: '21b2eb295db0a8fe40a16f5d4816129498220958', class: "pds-modal-content" }, hAsync("slot", { key: '86e2ae4bfb4f1df345958d44c0ab50597d6ca099' })), hAsync("div", { key: '73a2af8f314185e9d72c899f6b7958287e568766', class: "pds-modal__footer" }, hAsync("slot", { key: '26b239609b484949e0e8f64248d2725588ccd6e0', name: "footer" })))));
+        return (hAsync("div", { key: '932c22f17088b6cd5efa34563533b10192ba01c5', class: backdropClasses }, hAsync("div", { key: '09c13a485986d40fa0240530feffde18b5192ff3', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null, part: "modal" }, hAsync("div", { key: '69c2feba501225873ffcf7aab3a1b40a981cec89', class: "pds-modal__header" }, hAsync("slot", { key: 'c38802b6007b85b45532743ee4a94bcc9d5da08f', name: "header" })), hAsync("div", { key: '6998e3da4906070de62a1016c2e23836c84ad96a', class: "pds-modal-content" }, hAsync("slot", { key: '98ed7a23ca4c84de297aa71a7b15c6fa9a2666bf' })), hAsync("div", { key: '7d0ed4f725857a77d916004967d88d5e9c66a5de', class: "pds-modal__footer" }, hAsync("slot", { key: '437b8ab71722e6bad1caee076020c5bb216a2aad', name: "footer" })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsModalCss$1; }
@@ -3519,7 +3519,7 @@ class MockPdsModal {
     }; }
 }
 
-/* pds-icons v9.16.0, ES Modules */
+/* pds-icons v9.18.0, ES Modules */
 
 const addCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1'/></svg>";
 const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
@@ -3547,6 +3547,7 @@ const pdsAccordionCss = ":host{display:block}details{--number-animation-transfor
 class PdsAccordion {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.pdsAccordionToggle = createEvent(this, "pdsAccordionToggle");
         /**
          * Can be used to manually set the open state of the accordion.
          * @defaultValue false
@@ -3563,13 +3564,13 @@ class PdsAccordion {
         };
     }
     handleOpenState(newValue) {
-        this.isOpen = newValue;
+        this.pdsAccordionToggle.emit(newValue);
     }
     componentDidLoad() {
         this.detailsEl.addEventListener('toggle', this.handleToggle);
     }
     render() {
-        return (hAsync(Host, { key: 'd53fcdad106563a15bb6d1631cf29c9f1a43828e', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: 'cc3cda2e1e4df8c1b9ed7762329cfa082b1df756' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), hAsync("summary", { key: 'd2ee68e36d384e1701909647e5ded2eecb9309e0', part: "accordion-button" }, hAsync("slot", { key: '7c68d676a7928d53ff6785c71a0f3b08c4a2176b', name: "label" }, "Details"), hAsync("pds-icon", { key: '523c340fc5741f4cbf792f5a5a39f537f6db588c', icon: downSmall, part: "accordion-icon" })), hAsync("div", { key: '87a896973b005365494b82a8200646a8b67b27e5', part: "accordion-body", class: "pds-accordion__body" }, hAsync("slot", { key: 'd307f6de804cfa3e9a39646058e9ea1fb465abda' })))));
+        return (hAsync(Host, { key: 'dd45657cb2bfe2e26f3a2fcad6a941559f1968c5', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: '9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), hAsync("summary", { key: '59152e8eece069bedd0109d1952dc1de95bc5d9a', part: "accordion-button" }, hAsync("slot", { key: '73881348e657d880c60a5420a758217789f03b0c', name: "label" }, "Details"), hAsync("pds-icon", { key: 'dfe5c28de56ef76bda50f36a406ac2072ed4bd77', icon: downSmall, part: "accordion-icon" })), hAsync("div", { key: '08d019728935164bb315035369044dd513a2c9db', part: "accordion-body", class: "pds-accordion__body" }, hAsync("slot", { key: 'a67ce7ec1acf795827db51465b80c1ecad96a3e3' })))));
     }
     static get watchers() { return {
         "isOpen": ["handleOpenState"]
@@ -11599,11 +11600,11 @@ class PdsModal {
         return (hAsync("dialog", { key: '22ca55ddcc3aaf6e1158940d1fec23c9622b7810', class: {
                 'pds-modal__backdrop': true,
                 'open': this.open
-            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '456929b5fa8ee7297fc11ffee1441a698cb2f3bc', class: {
+            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '803acd0d7a80886efd58c9eeb1af94b40c049de8', class: {
                 'pds-modal': true,
                 [`pds-modal--${this.size}`]: true,
                 'pds-modal--scrollable': this.scrollable
-            } }, hAsync("slot", { key: 'f6981ab3a8c5b13a48d4e791979760e1cf8a28a4' }))));
+            }, part: "modal" }, hAsync("slot", { key: '227deb370e056365f188724bdb2fbabe6062ab77' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18059,7 +18060,7 @@ class PdsText {
         /**
          * Determines what semantic text tag to render.
          */
-        this.tag = "p";
+        this.tag = 'p';
     }
     handleTruncateChange(newValue) {
         if (newValue) {
@@ -18098,13 +18099,23 @@ class PdsText {
         const Tag = this.tag;
         const typeClasses = `
       pds-text
-      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}
-      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}
-      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}
-      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}
-      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}
+      ${this.align !== undefined && this.align.trim() !== ''
+            ? `pds-text--align-${this.align}`
+            : ''}
+      ${this.gutter !== undefined && this.gutter.trim() !== ''
+            ? `pds-text--gutter-${this.gutter}`
+            : ''}
+      ${this.size !== undefined && this.size.trim() !== ''
+            ? `pds-text--size-${this.size}`
+            : ''}
+      ${this.weight !== undefined && this.weight.trim() !== ''
+            ? `pds-text--weight-${this.weight}`
+            : ''}
+      ${this.decoration !== undefined && this.decoration.trim() !== ''
+            ? `pds-text--decoration-${this.decoration}`
+            : ''}
     `;
-        return (hAsync(Tag, { key: 'e5d4fa802fbc1a66c21d6e959fb2228f8cac1902', ref: (el) => this.contentEl = el, style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '4ff0b2cb3a185fd97ef296262790379df832b7b8' })));
+        return (hAsync(Tag, { key: '1d4952d18c09b26a5f2c7f64574be86c90cca553', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '62a5caff5274601b79f35025c9382e2430118cdc' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pine-ds/core",
-  "version": "3.19.0",
+  "version": "3.21.0",
   "type": "module",
   "license": "MIT",
   "description": "Base components for Pine Design System",
@@ -85,7 +85,7 @@
     "@babel/preset-env": "^7.22.10",
     "@chromatic-com/storybook": "^4.1.3",
     "@mdx-js/rollup": "^3.1.1",
-    "@pine-ds/doc-components": "^3.19.0",
+    "@pine-ds/doc-components": "^3.21.0",
     "@stencil-community/eslint-plugin": "^0.8.0",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.2.0",

package/dist/pine-core/p-220cbe98.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","getElement","pdsModalCss","PdsModal","constructor","hostRef","this","pdsModalOpen","pdsModalClose","focusableElements","backdropDismiss","open","size","scrollable","focusableElementsArray","handleBackdropClick","e","target","classList","contains","stopPropagation","isInnermostModal","hideModal","handleKeyDown","key","preventDefault","length","firstFocusableElement","lastFocusableElement","activeElement","document","isFirstElement","isLastElement","shiftKey","focusElement","componentDidLoad","modalRef","el","querySelector","addEventListener","disconnectedCallback","removeEventListener","handleOpenChange","newValue","showModal","updateFocusableElements","selector","join","Array","from","querySelectorAll","filter","style","window","getComputedStyle","display","visibility","setInitialFocus","firstElement","element","focus","setTimeout","shadowRoot","focusableInShadow","error","console","previousActiveElement","emit","close","getBackdropZIndex","modal","backdrop","parseInt","zIndex","openModals","thisBackdrop","modalZIndexes","map","maxZIndex","Math","max","thisZIndex","render","class","componentId","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-226e45be.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["System","register","exports","registerInstance","createEvent","h","getElement","setters","module","r","c","a","execute","pdsModalCss","PdsModal","class_1","hostRef","_this","this","pdsModalOpen","pdsModalClose","focusableElements","backdropDismiss","open","size","scrollable","focusableElementsArray","handleBackdropClick","e","target","classList","contains","stopPropagation","isInnermostModal","hideModal","handleKeyDown","key","preventDefault","length","firstFocusableElement","lastFocusableElement","activeElement","document","isFirstElement","isLastElement","shiftKey","focusElement","prototype","componentDidLoad","modalRef","el","querySelector","addEventListener","disconnectedCallback","removeEventListener","handleOpenChange","newValue","showModal","updateFocusableElements","selector","join","Array","from","querySelectorAll","filter","style","window","getComputedStyle","display","visibility","setInitialFocus","firstElement","element","focus","setTimeout","shadowRoot","focusableInShadow","error","console","previousActiveElement","emit","close","getBackdropZIndex","modal","backdrop","parseInt","zIndex","openModals","thisBackdrop","modalZIndexes","map","maxZIndex","Math","max","apply","thisZIndex","render","class","concat","componentId","onClick","_a","Object","defineProperty"],"sources":["module.ts"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-9e8296fc.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as a}from"./p-DHPhrb5T.js";import{d as n}from"./p-BFkDH5XU.js";const o=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";const r=class{constructor(i){e(this,i);this.isOpen=false;this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""}}handleOpenState(e){this.isOpen=e}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return i(a,{key:"d53fcdad106563a15bb6d1631cf29c9f1a43828e",class:"pds-accordion",id:this.componentId},i("details",Object.assign({key:"cc3cda2e1e4df8c1b9ed7762329cfa082b1df756"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),i("summary",{key:"d2ee68e36d384e1701909647e5ded2eecb9309e0",part:"accordion-button"},i("slot",{key:"7c68d676a7928d53ff6785c71a0f3b08c4a2176b",name:"label"},"Details"),i("pds-icon",{key:"523c340fc5741f4cbf792f5a5a39f537f6db588c",icon:n,part:"accordion-icon"})),i("div",{key:"87a896973b005365494b82a8200646a8b67b27e5",part:"accordion-body",class:"pds-accordion__body"},i("slot",{key:"d307f6de804cfa3e9a39646058e9ea1fb465abda"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};r.style=o;export{r as pds_accordion};
-//# sourceMappingURL=p-9e8296fc.entry.js.map

package/dist/pine-core/p-9e8296fc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","downSmall","pdsAccordionCss","PdsAccordion","constructor","hostRef","this","isOpen","handleToggle","detailsEl","open","getOpenAttribute","handleOpenState","newValue","componentDidLoad","addEventListener","render","key","class","id","componentId","Object","assign","ref","el","part","name","icon","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,8BACtCC,MAAiB,kBAE/B,MAAMC,EAAkB,oiDAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GAKvBC,KAAKC,OAAS,MACdD,KAAKE,aAAe,KAChBF,KAAKC,OAASD,KAAKG,UAAUC,IAAI,EAErCJ,KAAKK,iBAAmB,KACpB,GAAIL,KAAKC,SAAW,MAAO,CACvB,MAAO,CAAEG,KAAM,KACnB,CACA,MAAO,EAAE,CAEjB,CACA,eAAAE,CAAgBC,GACZP,KAAKC,OAASM,CAClB,CACA,gBAAAC,GACIR,KAAKG,UAAUM,iBAAiB,SAAUT,KAAKE,aACnD,CACA,MAAAQ,GACI,OAAQjB,EAAEC,EAAM,CAAEiB,IAAK,2CAA4CC,MAAO,gBAAiBC,GAAIb,KAAKc,aAAerB,EAAE,UAAWsB,OAAOC,OAAO,CAAEL,IAAK,4CAA8CX,KAAKK,mBAAoB,CAAEY,IAAMC,GAAQlB,KAAKG,UAAYe,IAAQzB,EAAE,UAAW,CAAEkB,IAAK,2CAA4CQ,KAAM,oBAAsB1B,EAAE,OAAQ,CAAEkB,IAAK,2CAA4CS,KAAM,SAAW,WAAY3B,EAAE,WAAY,CAAEkB,IAAK,2CAA4CU,KAAM1B,EAAWwB,KAAM,oBAAsB1B,EAAE,MAAO,CAAEkB,IAAK,2CAA4CQ,KAAM,iBAAkBP,MAAO,uBAAyBnB,EAAE,OAAQ,CAAEkB,IAAK,+CAClrB,CACA,mBAAWW,GAAa,MAAO,CAC3BrB,OAAU,CAAC,mBACZ,GAEPJ,EAAa0B,MAAQ3B,SAEZC","ignoreList":[]}

package/dist/pine-core/p-B48FyOD0.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-B48FyOD0.system.js","sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n  text-decoration-color: var(--pine-color-text-tertiary);\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 12%;\n  text-underline-offset: 0.3rem;\n  text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n  text-decoration: line-through;\n}\n\n/* stylelint-disable */\nh1 {\n  font: var(--pine-typography-heading-1);\n  letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n  font: var(--pine-typography-heading-2);\n  letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n  font: var(--pine-typography-heading-3);\n  letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n  font: var(--pine-typography-heading-4);\n  letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n  font: var(--pine-typography-heading-5);\n  letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n  font: var(--pine-typography-heading-6);\n  letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n}\n/* stylelint-enable */\n\ncode, pre {\n  font-family: monospace;\n  letter-spacing: 0;\n  line-height: 1;\n}\n\nem {\n  font-style: normal;\n}\n\nstrong {\n  font-weight: bolder;\n}\n\n:host([truncate]) > * {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host([italic]) > * {\n  font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n  color: var(--color, var(--pine-color-text));\n  margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n  2xl: var(--pine-font-size-body-2xl),\n  xl: var(--pine-font-size-body-xl),\n  lg: var(--pine-font-size-body-lg),\n  md: var(--pine-font-size-body-md),\n  sm: var(--pine-font-size-body-sm),\n  xs: var(--pine-font-size-body-xs),\n  2xs: var(--pine-font-size-body-2xs),\n  h1: var(--pine-font-size-heading-1),\n  h2: var(--pine-font-size-heading-2),\n  h3: var(--pine-font-size-heading-3),\n  h4: var(--pine-font-size-heading-4),\n  h5: var(--pine-font-size-heading-5),\n  h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n  @each $key, $value in $type-sizes {\n    .pds-text--size-#{$key} {\n      font-size: $value;\n    }\n  }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n  extra-light: var(--pine-font-weight-extra-light),\n  light: var(--pine-font-weight-light),\n  regular: var(--pine-font-weight-regular),\n  medium: var(--pine-font-weight-medium),\n  semibold: var(--pine-font-weight-semi-bold),\n  bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n  @each $key, $value in $type-weights {\n    .pds-text--weight-#{$key} {\n      font-weight: $value;\n    }\n  }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n  2xl: var(--pine-dimension-2xl),\n  xl: var(--pine-dimension-xl),\n  lg: var(--pine-dimension-lg),\n  md: var(--pine-dimension-md),\n  sm: var(--pine-dimension-sm),\n  xs: var(--pine-dimension-xs),\n  2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n  @each $key, $value in $type-gutters {\n    .pds-text--gutter-#{$key} {\n      margin-block-end: $value;\n    }\n  }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n  start: start,\n  center: center,\n  end: end,\n  justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n  @each $key, $value in $type-alignments {\n    .pds-text--align-#{$key} {\n      text-align: $value;\n    }\n  }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element, Watch } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\nimport { setupTruncationTooltip } from '../../utils/truncation-tooltip';\n\n/**\n * @part content - The text content container\n */\n@Component({\n  tag: 'pds-text',\n  styleUrl: 'pds-text.scss',\n  shadow: true,\n})\nexport class PdsText {\n  @Element() el: HTMLPdsTextElement;\n  private contentEl: HTMLElement;\n  private truncationCleanup: (() => void) | null = null;\n  /**\n   * Sets the text alignment.\n   */\n  @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Sets the text color.\n   */\n  @Prop() color?: string;\n\n  /**\n   * Sets the text decoration.\n   */\n  @Prop() decoration?:\n  | 'strikethrough'\n  | 'underline-dotted';\n\n  /**\n   * Set the bottom margin for the text.\n   */\n  @Prop() gutter?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * If set or `true`, the text will be italic.\n   */\n  @Prop() italic?: boolean;\n\n  /**\n   * Sets the font size.\n   */\n  @Prop() size?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\n  /**\n   * Sets the font weight.\n   */\n  @Prop() weight?:\n  | 'extra-light'\n  | 'light'\n  | 'regular'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\n  /**\n   * Determines what semantic text tag to render.\n   */\n  @Prop() tag:\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'p'\n  | 'code'\n  | 'pre'\n  | 'strong'\n  | 'em' = \"p\";\n\n  /**\n   * If set or `true`, the text will be truncated. Must add a `width` to the element.\n   * When text overflows, a tooltip showing the full text will appear on hover/focus.\n   * Note: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility.\n   */\n  @Prop({ reflect: true }) truncate?: boolean;\n\n  @Watch('truncate')\n  handleTruncateChange(newValue: boolean) {\n    if (newValue) {\n      this.initTruncationTooltip();\n    } else {\n      this.destroyTruncationTooltip();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.truncate) {\n      this.initTruncationTooltip();\n    }\n  }\n\n  disconnectedCallback() {\n    this.destroyTruncationTooltip();\n  }\n\n  private initTruncationTooltip() {\n    // Clean up any existing tooltip before setting up a new one\n    this.destroyTruncationTooltip();\n\n    if (this.contentEl) {\n      this.truncationCleanup = setupTruncationTooltip({\n        hostEl: this.el,\n        contentEl: this.contentEl,\n        getTooltipText: () => this.el.textContent || '',\n      });\n    }\n  }\n\n  private destroyTruncationTooltip() {\n    if (this.truncationCleanup) {\n      this.truncationCleanup();\n      this.truncationCleanup = null;\n    }\n  }\n\n  render() {\n    const Tag = this.tag;\n\n    const typeClasses = `\n      pds-text\n      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n    `;\n\n    return (\n      <Tag\n        ref={(el) => this.contentEl = el}\n        style={this.color && setColor(this.color)}\n        class={typeClasses}\n        part=\"content\"\n        tabIndex={this.truncate ? 0 : undefined}\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAAA,MAAM,UAAU,GAAG,6+GAA6+G;;YCYn/G,OAAO,uBAAA,MAAA;MALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQU,QAAA,IAAiB,CAAA,iBAAA,GAAwB,IAAI;MAgErD;;MAEG;MACK,QAAA,IAAG,CAAA,GAAA,GAWF,GAAG;MAwEb;MA9DC,IAAA,oBAAoB,CAAC,QAAiB,EAAA;cACpC,IAAI,QAAQ,EAAE;kBACZ,IAAI,CAAC,qBAAqB,EAAE;;mBACvB;kBACL,IAAI,CAAC,wBAAwB,EAAE;;;UAInC,gBAAgB,GAAA;MACd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;kBACjB,IAAI,CAAC,qBAAqB,EAAE;;;UAIhC,oBAAoB,GAAA;cAClB,IAAI,CAAC,wBAAwB,EAAE;;UAGzB,qBAAqB,GAAA;;cAE3B,IAAI,CAAC,wBAAwB,EAAE;MAE/B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,YAAA,IAAI,CAAC,iBAAiB,GAAG,sBAAsB,CAAC;sBAC9C,MAAM,EAAE,IAAI,CAAC,EAAE;sBACf,SAAS,EAAE,IAAI,CAAC,SAAS;sBACzB,cAAc,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC,WAAW,IAAI,EAAE;MAChD,aAAA,CAAC;;;UAIE,wBAAwB,GAAA;MAC9B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;kBAC1B,IAAI,CAAC,iBAAiB,EAAE;MACxB,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;;UAIjC,MAAM,GAAA;MACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;MAEpB,QAAA,MAAM,WAAW,GAAG;;QAEhB,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;QAC3F,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,iBAAA,EAAoB,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;QAC/F,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,EAAE;QACvF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,iBAAA,EAAoB,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;QAC/F,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,qBAAA,EAAwB,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG,EAAE;KAClH;MAED,QAAA,QACE,EAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAE,EAChC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,SAAS,EAAA,EAEvC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;"}

package/dist/pine-core/p-C8y7SAd7.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-C8y7SAd7.system.js","sources":["src/components/pds-accordion/pds-accordion.scss?tag=pds-accordion&encapsulation=shadow","src/components/pds-accordion/pds-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndetails {\n  --number-animation-transform-timing: 200ms;\n\n  border-radius: var(--pine-dimension-xs);\n\n  pds-icon {\n    transform: scaleY(1);\n  }\n}\n\n/* stylelint-disable-next-line */\ndetails[open] {\n  background-color: var(--pine-color-background-container);\n\n  summary {\n    color: var(--pine-color-text-active);\n    font-weight: var(--pine-font-weight-semi-bold);\n\n    pds-icon {\n      transform: scaleY(-1);\n    }\n  }\n}\n\nsummary {\n  background-color: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-xs);\n  color: var(--pine-color-text-muted);\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size-body-md);\n  font-weight: var(--pine-font-weight-medium);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding-block: calc(var(--pine-dimension-2xs) * 1.5);\n  padding-inline-end: var(--pine-dimension-2xs);\n  padding-inline-start: var(--pine-dimension-xs);\n\n  // Removes marker on Firefox/Chrome\n  /* stylelint-disable-next-line */\n  align-items: center;\n  display: flex;\n\n  // Removes marker on Safari\n  &::-webkit-details-marker {\n    display: none;\n  }\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    color: var(--pine-color-text);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    position: relative;\n  }\n\n  pds-icon {\n    margin-inline-start: auto;\n  }\n}\n\n.pds-accordion__body {\n  padding-block-end: calc(var(--pine-dimension-sm) + 2);\n  padding-inline: calc(var(--pine-dimension-2xs) * 1.5);\n}\n","import { Component, h, Host, Prop, Watch } from '@stencil/core';\nimport { downSmall } from '@pine-ds/icons/icons';\n\n/**\n * @part accordion-body - Accordion body styles.\n * @part accordion-button - Accordion button/trigger styles.\n * @part accordion-icon - Accordion icon styles.\n * @slot (default) - Accordion body content.\n * @slot label - Accordion trigger button content.\n */\n@Component({\n  tag: 'pds-accordion',\n  styleUrls: ['pds-accordion.scss'],\n  shadow: true,\n})\nexport class PdsAccordion {\n  private detailsEl: HTMLDetailsElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   * @defaultValue null\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Can be used to manually set the open state of the accordion.\n   * @defaultValue false\n   */\n  @Prop({\n    attribute: 'open',\n    mutable: true,\n    reflect: true,\n  }) isOpen: boolean = false;\n\n  @Watch('isOpen')\n  handleOpenState(newValue: boolean) {\n    this.isOpen = newValue;\n  }\n\n  private handleToggle = () => {\n    this.isOpen = this.detailsEl.open;\n  };\n\n  private getOpenAttribute = () => {\n    if (this.isOpen !== false) {\n      return { open: true };\n    }\n    return '';\n  };\n\n  componentDidLoad() {\n    this.detailsEl.addEventListener('toggle', this.handleToggle);\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-accordion\" id={this.componentId}>\n        <details {...this.getOpenAttribute()} ref={(el) => (this.detailsEl = el as HTMLDetailsElement)}>\n          <summary part=\"accordion-button\">\n            <slot name=\"label\">Details</slot>\n            <pds-icon icon={downSmall} part=\"accordion-icon\" />\n          </summary>\n          <div part=\"accordion-body\" class=\"pds-accordion__body\">\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,miDAAmiD;;YCe9iD,YAAY,4BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAcE;;;MAGG;MAKA,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;MAOlB,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;kBAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI;MACnC,SAAC;MAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;MAC9B,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;MACzB,gBAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;;MAEvB,YAAA,OAAO,EAAE;MACX,SAAC;MAqBF;MAlCC,IAAA,eAAe,CAAC,QAAiB,EAAA;MAC/B,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ;;UAcxB,gBAAgB,GAAA;cACd,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;;UAG9D,MAAM,GAAA;MACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,eAAe,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9C,CAAA,CAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAa,IAAI,CAAC,gBAAgB,EAAE,EAAE,EAAA,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAwB,CAAC,EAAA,CAAA,EAC5F,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,kBAAkB,EAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAe,EAAA,SAAA,CAAA,EACjC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,gBAAgB,GAAG,CAC3C,EACV,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,qBAAqB,EAAA,EACpD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACE,CACL;;;;;;;;;;;;;;"}

package/dist/pine-core/p-a24c75c2.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["System","register","exports","registerInstance","createEvent","h","getElement","setters","module","r","c","a","execute","pdsModalCss","MockPdsModal","class_1","hostRef","this","pdsModalOpen","pdsModalClose","pdsModalBackdropClick","size","scrollable","backdropDismiss","open","prototype","showModal","emit","hideModal","handleBackdropClick","event","backdrop","el","querySelector","target","handleKeyDown","key","preventDefault","componentDidLoad","render","modalClasses","_a","concat","backdropClasses","class","role","componentId","name","Object","defineProperty","style"],"sources":["module.ts"],"mappings":"8hDAAAA,OAAOC,SAAS,CAAC,2BAA2B,SAAWC,GACrD,aACA,IAAIC,EAAkBC,EAAaC,EAAGC,EACtC,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBL,EAAmBK,EAAOC,EAC1BL,EAAcI,EAAOE,EACrBL,EAAIG,EAAOH,EACXC,EAAaE,EAAOG,CACtB,GACAC,QAAS,WAEP,IAAMC,EAAc,w+EAEpB,IAAMC,EAAeZ,EAAQ,iBAAgB,WACzC,SAAAa,EAAYC,GACRb,EAAiBc,KAAMD,GACvBC,KAAKC,aAAed,EAAYa,KAAM,gBACtCA,KAAKE,cAAgBf,EAAYa,KAAM,iBACvCA,KAAKG,sBAAwBhB,EAAYa,KAAM,yBAI/CA,KAAKI,KAAO,KAKZJ,KAAKK,WAAa,KAIlBL,KAAKM,gBAAkB,KAIvBN,KAAKO,KAAO,KAChB,CAIMT,EAAAU,UAAAC,UAAN,W,qFACIT,KAAKO,KAAO,KACZP,KAAKC,aAAaS,O,iBAKhBZ,EAAAU,UAAAG,UAAN,W,qFACIX,KAAKO,KAAO,MACZP,KAAKE,cAAcQ,O,iBAMvBZ,EAAAU,UAAAI,oBAAA,SAAoBC,GAChB,IAAMC,EAAWd,KAAKe,GAAGC,cAAc,wBAEvC,GAAIH,EAAMI,SAAWH,GAAYd,KAAKM,kBAAoB,KAAM,CAC5DN,KAAKG,sBAAsBO,OAC3BV,KAAKW,WACT,CACJ,EAMAb,EAAAU,UAAAU,cAAA,SAAcL,GACV,GAAIA,EAAMM,MAAQ,UAAYnB,KAAKO,OAAS,KAAM,CAE9CM,EAAMO,iBAEN,GAAIpB,KAAKM,kBAAoB,KAAM,CAC/BN,KAAKW,WACT,CACJ,CACJ,EACAb,EAAAU,UAAAa,iBAAA,WAEA,EACAvB,EAAAU,UAAAc,OAAA,W,MACI,IAAMC,GAAYC,EAAA,CACd,YAAa,MACbA,EAAC,cAAAC,OAAczB,KAAKI,OAAS,KAC7BoB,EAAA,yBAAyBxB,KAAKK,W,GAElC,IAAMqB,EAAkB,CACpB,sBAAuB,KACvBnB,KAAQP,KAAKO,MAEjB,OAAQnB,EAAE,MAAO,CAAE+B,IAAK,2CAA4CQ,MAAOD,GAAmBtC,EAAE,MAAO,CAAE+B,IAAK,2CAA4CQ,MAAOJ,EAAcK,KAAM,SAAU,aAAc,OAAQ,kBAAmB5B,KAAK6B,YAAc,GAAAJ,OAAGzB,KAAK6B,YAAW,YAAa,MAAQzC,EAAE,MAAO,CAAE+B,IAAK,2CAA4CQ,MAAO,qBAAuBvC,EAAE,OAAQ,CAAE+B,IAAK,2CAA4CW,KAAM,YAAc1C,EAAE,MAAO,CAAE+B,IAAK,2CAA4CQ,MAAO,qBAAuBvC,EAAE,OAAQ,CAAE+B,IAAK,8CAAgD/B,EAAE,MAAO,CAAE+B,IAAK,2CAA4CQ,MAAO,qBAAuBvC,EAAE,OAAQ,CAAE+B,IAAK,2CAA4CW,KAAM,aAC1wB,EACAC,OAAAC,eAAIlC,EAAAU,UAAA,KAAE,C,IAAN,WAAW,OAAOnB,EAAWW,KAAO,E,qCACxC,OAAAF,CAAA,CAjF6C,IAkF7CD,EAAaoC,MAAQrC,CAEtB,EAEJ","ignoreList":[]}

package/dist/pine-core/p-e1815c34.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","getElement","pdsModalCss","MockPdsModal","constructor","hostRef","this","pdsModalOpen","pdsModalClose","pdsModalBackdropClick","size","scrollable","backdropDismiss","open","showModal","emit","hideModal","handleBackdropClick","event","backdrop","el","querySelector","target","handleKeyDown","key","preventDefault","componentDidLoad","render","modalClasses","backdropClasses","class","role","componentId","name","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAkB,kBAE5E,MAAMC,EAAc,w+EAEpB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,aAAeR,EAAYO,KAAM,gBACtCA,KAAKE,cAAgBT,EAAYO,KAAM,iBACvCA,KAAKG,sBAAwBV,EAAYO,KAAM,yBAI/CA,KAAKI,KAAO,KAKZJ,KAAKK,WAAa,KAIlBL,KAAKM,gBAAkB,KAIvBN,KAAKO,KAAO,KAChB,CAIA,eAAMC,GACFR,KAAKO,KAAO,KACZP,KAAKC,aAAaQ,MACtB,CAIA,eAAMC,GACFV,KAAKO,KAAO,MACZP,KAAKE,cAAcO,MACvB,CAKA,mBAAAE,CAAoBC,GAChB,MAAMC,EAAWb,KAAKc,GAAGC,cAAc,wBAEvC,GAAIH,EAAMI,SAAWH,GAAYb,KAAKM,kBAAoB,KAAM,CAC5DN,KAAKG,sBAAsBM,OAC3BT,KAAKU,WACT,CACJ,CAMA,aAAAO,CAAcL,GACV,GAAIA,EAAMM,MAAQ,UAAYlB,KAAKO,OAAS,KAAM,CAE9CK,EAAMO,iBAEN,GAAInB,KAAKM,kBAAoB,KAAM,CAC/BN,KAAKU,WACT,CACJ,CACJ,CACA,gBAAAU,GAEA,CACA,MAAAC,GACI,MAAMC,EAAe,CACjB,YAAa,KACb,CAAC,cAActB,KAAKI,QAAS,KAC7B,wBAAyBJ,KAAKK,YAElC,MAAMkB,EAAkB,CACpB,sBAAuB,KACvBhB,KAAQP,KAAKO,MAEjB,OAAQb,EAAE,MAAO,CAAEwB,IAAK,2CAA4CM,MAAOD,GAAmB7B,EAAE,MAAO,CAAEwB,IAAK,2CAA4CM,MAAOF,EAAcG,KAAM,SAAU,aAAc,OAAQ,kBAAmBzB,KAAK0B,YAAc,GAAG1B,KAAK0B,sBAAwB,MAAQhC,EAAE,MAAO,CAAEwB,IAAK,2CAA4CM,MAAO,qBAAuB9B,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CS,KAAM,YAAcjC,EAAE,MAAO,CAAEwB,IAAK,2CAA4CM,MAAO,qBAAuB9B,EAAE,OAAQ,CAAEwB,IAAK,8CAAgDxB,EAAE,MAAO,CAAEwB,IAAK,2CAA4CM,MAAO,qBAAuB9B,EAAE,OAAQ,CAAEwB,IAAK,2CAA4CS,KAAM,aAC1wB,CACA,MAAIb,GAAO,OAAOnB,EAAWK,KAAO,GAExCH,EAAa+B,MAAQhC,SAEZC","ignoreList":[]}

package/dist/pine-core/p-f795d3fe.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-5D9wXQuJ.system.js","./p-6I02BpQf.system.js"],(function(e){"use strict";var n,i,a,t;return{setters:[function(e){n=e.r;i=e.h;a=e.H},function(e){t=e.d}],execute:function(){var o=":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}";var r=e("pds_accordion",function(){function e(e){var i=this;n(this,e);this.isOpen=false;this.handleToggle=function(){i.isOpen=i.detailsEl.open};this.getOpenAttribute=function(){if(i.isOpen!==false){return{open:true}}return""}}e.prototype.handleOpenState=function(e){this.isOpen=e};e.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};e.prototype.render=function(){var e=this;return i(a,{key:"d53fcdad106563a15bb6d1631cf29c9f1a43828e",class:"pds-accordion",id:this.componentId},i("details",Object.assign({key:"cc3cda2e1e4df8c1b9ed7762329cfa082b1df756"},this.getOpenAttribute(),{ref:function(n){return e.detailsEl=n}}),i("summary",{key:"d2ee68e36d384e1701909647e5ded2eecb9309e0",part:"accordion-button"},i("slot",{key:"7c68d676a7928d53ff6785c71a0f3b08c4a2176b",name:"label"},"Details"),i("pds-icon",{key:"523c340fc5741f4cbf792f5a5a39f537f6db588c",icon:t,part:"accordion-icon"})),i("div",{key:"87a896973b005365494b82a8200646a8b67b27e5",part:"accordion-body",class:"pds-accordion__body"},i("slot",{key:"d307f6de804cfa3e9a39646058e9ea1fb465abda"}))))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["handleOpenState"]}},enumerable:false,configurable:true});return e}());r.style=o}}}));
-//# sourceMappingURL=p-f795d3fe.system.entry.js.map

package/dist/pine-core/p-f795d3fe.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["System","register","exports","registerInstance","h","Host","downSmall","setters","module","r","H","d","execute","pdsAccordionCss","PdsAccordion","class_1","hostRef","_this","this","isOpen","handleToggle","detailsEl","open","getOpenAttribute","prototype","handleOpenState","newValue","componentDidLoad","addEventListener","render","key","class","id","componentId","Object","assign","ref","el","part","name","icon","defineProperty","style"],"sources":["module.ts"],"mappings":"AAAAA,OAAOC,SAAS,CAAC,yBAA0B,2BAA2B,SAAWC,GAC/E,aACA,IAAIC,EAAkBC,EAAGC,EAAMC,EAC/B,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBL,EAAmBK,EAAOC,EAC1BL,EAAII,EAAOJ,EACXC,EAAOG,EAAOE,CAChB,EAAG,SAAUF,GACXF,EAAYE,EAAOG,CACrB,GACAC,QAAS,WAEP,IAAMC,EAAkB,oiDAExB,IAAMC,EAAeZ,EAAQ,gBAAe,WACxC,SAAAa,EAAYC,GAAZ,IAAAC,EAAAC,KACIf,EAAiBe,KAAMF,GAKvBE,KAAKC,OAAS,MACdD,KAAKE,aAAe,WAChBH,EAAKE,OAASF,EAAKI,UAAUC,IACjC,EACAJ,KAAKK,iBAAmB,WACpB,GAAIN,EAAKE,SAAW,MAAO,CACvB,MAAO,CAAEG,KAAM,KACnB,CACA,MAAO,EACX,CACJ,CACAP,EAAAS,UAAAC,gBAAA,SAAgBC,GACZR,KAAKC,OAASO,CAClB,EACAX,EAAAS,UAAAG,iBAAA,WACIT,KAAKG,UAAUO,iBAAiB,SAAUV,KAAKE,aACnD,EACAL,EAAAS,UAAAK,OAAA,eAAAZ,EAAAC,KACI,OAAQd,EAAEC,EAAM,CAAEyB,IAAK,2CAA4CC,MAAO,gBAAiBC,GAAId,KAAKe,aAAe7B,EAAE,UAAW8B,OAAOC,OAAO,CAAEL,IAAK,4CAA8CZ,KAAKK,mBAAoB,CAAEa,IAAK,SAACC,GAAO,OAACpB,EAAKI,UAAYgB,CAAlB,IAA0BjC,EAAE,UAAW,CAAE0B,IAAK,2CAA4CQ,KAAM,oBAAsBlC,EAAE,OAAQ,CAAE0B,IAAK,2CAA4CS,KAAM,SAAW,WAAYnC,EAAE,WAAY,CAAE0B,IAAK,2CAA4CU,KAAMlC,EAAWgC,KAAM,oBAAsBlC,EAAE,MAAO,CAAE0B,IAAK,2CAA4CQ,KAAM,iBAAkBP,MAAO,uBAAyB3B,EAAE,OAAQ,CAAE0B,IAAK,+CAClrB,EACAI,OAAAO,eAAW1B,EAAA,WAAQ,C,IAAnB,WAAwB,MAAO,CAC3BI,OAAU,CAAC,mBACZ,E,qCACP,OAAAJ,CAAA,CA9B4C,IA+B5CD,EAAa4B,MAAQ7B,CAEtB,EAEJ","ignoreList":[]}