@pine-ds/core 3.26.4 → 3.27.0

package/components/pds-container.js

@@ -1,61 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsContainerCss = ":host{display:block;margin-inline:auto;max-width:var(--pine-container-max-width, none);width:100%}:host(.pds-container--sm){--pine-container-max-width:340px}:host(.pds-container--md){--pine-container-max-width:520px}:host(.pds-container--lg){--pine-container-max-width:700px}:host(.pds-container--xl){--pine-container-max-width:1064px}:host(.pds-container--full){--pine-container-max-width:1440px}";
-
-const NAMED_SIZES = new Set(['sm', 'md', 'lg', 'xl', 'full']);
-const PdsContainer$1 = /*@__PURE__*/ proxyCustomElement(class PdsContainer extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Sets the semantic HTML tag rendered as the inner container element.
-         * @default 'div'
-         */
-        this.tag = 'div';
-        /**
-         * If `true`, the container is centered horizontally using `margin-inline: auto`.
-         * @default true
-         */
-        this.centered = true;
-    }
-    render() {
-        const Tag = this.tag;
-        const isNamed = this.size !== undefined && NAMED_SIZES.has(this.size);
-        const customSize = this.size !== undefined && !isNamed ? this.size : undefined;
-        const hostStyle = {};
-        if (customSize)
-            hostStyle['--pine-container-max-width'] = customSize;
-        if (!this.centered)
-            hostStyle['margin-inline'] = '0';
-        return (h(Host, { key: 'b8055b9add2e9abfeaf61f233a0f22e559829eb2', class: { [`pds-container--${this.size}`]: isNamed }, style: Object.keys(hostStyle).length ? hostStyle : undefined }, h(Tag, { key: '8aac62d1a6639063d10b8c51539ca0bc3ca0bae4', part: "container" }, h("slot", { key: '747e55553b7660159ee9d0192ccb8ed29a99f0b0' }))));
-    }
-    static get style() { return pdsContainerCss; }
-}, [257, "pds-container", {
-        "size": [1],
-        "tag": [1],
-        "centered": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsContainer$1);
-            }
-            break;
-    } });
-}
-
-const PdsContainer = PdsContainer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsContainer, defineCustomElement };
-//# sourceMappingURL=pds-container.js.map
-
-//# sourceMappingURL=pds-container.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as n,Host as i,transformTag as s}from"@stencil/core/internal/client";const a=new Set(["sm","md","lg","xl","full"]),o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tag="div",this.centered=!0}render(){const t=this.tag,e=void 0!==this.size&&a.has(this.size),s=void 0===this.size||e?void 0:this.size,o={};return s&&(o["--pine-container-max-width"]=s),this.centered||(o["margin-inline"]="0"),n(i,{key:"b8055b9add2e9abfeaf61f233a0f22e559829eb2",class:{["pds-container--"+this.size]:e},style:Object.keys(o).length?o:void 0},n(t,{key:"8aac62d1a6639063d10b8c51539ca0bc3ca0bae4",part:"container"},n("slot",{key:"747e55553b7660159ee9d0192ccb8ed29a99f0b0"})))}static get style(){return":host{display:block;margin-inline:auto;max-width:var(--pine-container-max-width, none);width:100%}:host(.pds-container--sm){--pine-container-max-width:340px}:host(.pds-container--md){--pine-container-max-width:520px}:host(.pds-container--lg){--pine-container-max-width:700px}:host(.pds-container--xl){--pine-container-max-width:1064px}:host(.pds-container--full){--pine-container-max-width:1440px}"}},[257,"pds-container",{size:[1],tag:[1],centered:[4]}]),c=o,d=function(){"undefined"!=typeof customElements&&["pds-container"].forEach((t=>{"pds-container"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{c as PdsContainer,d as defineCustomElement}

package/components/pds-copytext.js

@@ -1,154 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as copy } from './index2.js';
-import { s as setupTruncationTooltip } from './truncation-tooltip.js';
-import { d as defineCustomElement$4 } from './pds-button2.js';
-import { d as defineCustomElement$3 } from './pds-icon2.js';
-import { d as defineCustomElement$2 } from './pds-loader2.js';
-
-const pdsCopytextCss = ":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}";
-
-const PdsCopytext$1 = /*@__PURE__*/ proxyCustomElement(class PdsCopytext extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsCopyTextClick = createEvent(this, "pdsCopyTextClick", 7);
-        this.truncationCleanup = null;
-        /**
-         * Determines whether `copytext` should have a visible border.
-         * @defaultValue true
-         */
-        this.border = true;
-        /**
-         * Determines whether `copytext` should expand to the full width of its container.
-         * @defaultValue false
-         */
-        this.fullWidth = false;
-        /**
-         * Determines whether the `value` should truncate and display with an ellipsis.
-         * When text overflows, a tooltip showing the full value will appear on hover/focus.
-         * @defaultValue false
-         */
-        this.truncate = false;
-        this.copyToClipboard = async (value) => {
-            try {
-                if (typeof navigator.clipboard !== 'undefined') {
-                    await navigator.clipboard.writeText(value);
-                    this.pdsCopyTextClick.emit('Copied to clipboard');
-                }
-            }
-            catch (err) {
-                this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);
-            }
-        };
-        this.handleClick = () => {
-            this.copyToClipboard(this.value);
-        };
-    }
-    handleTruncateChange(newValue) {
-        if (newValue) {
-            this.initTruncationTooltip();
-        }
-        else {
-            this.destroyTruncationTooltip();
-        }
-    }
-    handleValueChange() {
-        if (this.truncate) {
-            this.initTruncationTooltip();
-        }
-    }
-    componentDidLoad() {
-        if (this.truncate) {
-            this.initTruncationTooltip();
-        }
-    }
-    disconnectedCallback() {
-        this.destroyTruncationTooltip();
-    }
-    initTruncationTooltip() {
-        this.destroyTruncationTooltip();
-        if (this.valueSpanEl) {
-            this.truncationCleanup = setupTruncationTooltip({
-                hostEl: this.el,
-                contentEl: this.valueSpanEl,
-                getTooltipText: () => this.value || '',
-            });
-        }
-    }
-    destroyTruncationTooltip() {
-        if (this.truncationCleanup) {
-            this.truncationCleanup();
-            this.truncationCleanup = null;
-        }
-    }
-    classNames() {
-        const classNames = ['pds-copytext'];
-        if (this.border) {
-            classNames.push('pds-copytext--bordered');
-        }
-        if (this.fullWidth) {
-            classNames.push('pds-copytext--full-width');
-        }
-        if (this.truncate) {
-            classNames.push('pds-copytext--truncated');
-        }
-        return classNames.join(' ');
-    }
-    render() {
-        return (h(Host, { key: '43a3870fa4c24416e2e6e99dd7c423a5c32ac91e', class: this.classNames(), id: this.componentId }, h("pds-button", { key: 'f0735d3f245dd7150e88b3dd1a191c3ee86b6293', type: "button", variant: "unstyled", onClick: this.handleClick }, h("span", { key: 'ddf7cf205f9bb11dd4b4111435bb7efc15b0af61', ref: (el) => this.valueSpanEl = el }, this.value), h("pds-icon", { key: '0f35d997eb1766631ac6098bdb12d0aff9813012', icon: copy, size: "16px" }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "truncate": ["handleTruncateChange"],
-        "value": ["handleValueChange"]
-    }; }
-    static get style() { return pdsCopytextCss; }
-}, [257, "pds-copytext", {
-        "border": [516],
-        "componentId": [1, "component-id"],
-        "fullWidth": [4, "full-width"],
-        "truncate": [4],
-        "value": [1]
-    }, undefined, {
-        "truncate": ["handleTruncateChange"],
-        "value": ["handleValueChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-copytext", "pds-button", "pds-icon", "pds-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-copytext":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsCopytext$1);
-            }
-            break;
-        case "pds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pds-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsCopytext = PdsCopytext$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsCopytext, defineCustomElement };
-//# sourceMappingURL=pds-copytext.js.map
-
-//# sourceMappingURL=pds-copytext.js.map
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";import{f as d}from"./index2.js";import{s as p}from"./truncation-tooltip.js";import{d as r}from"./pds-button2.js";import{d as a}from"./pds-icon2.js";import{d as c}from"./pds-loader2.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsCopyTextClick=o(this,"pdsCopyTextClick",7),this.truncationCleanup=null,this.border=!0,this.fullWidth=!1,this.truncate=!1,this.copyToClipboard=async t=>{try{void 0!==navigator.clipboard&&(await navigator.clipboard.writeText(t),this.pdsCopyTextClick.emit("Copied to clipboard"))}catch(t){this.pdsCopyTextClick.emit("Error writing text to clipboard: "+t)}},this.handleClick=()=>{this.copyToClipboard(this.value)}}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}handleValueChange(){this.truncate&&this.initTruncationTooltip()}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.valueSpanEl&&(this.truncationCleanup=p({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:()=>this.value||""}))}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}classNames(){const t=["pds-copytext"];return this.border&&t.push("pds-copytext--bordered"),this.fullWidth&&t.push("pds-copytext--full-width"),this.truncate&&t.push("pds-copytext--truncated"),t.join(" ")}render(){return s(n,{key:"43a3870fa4c24416e2e6e99dd7c423a5c32ac91e",class:this.classNames(),id:this.componentId},s("pds-button",{key:"f0735d3f245dd7150e88b3dd1a191c3ee86b6293",type:"button",variant:"unstyled",onClick:this.handleClick},s("span",{key:"ddf7cf205f9bb11dd4b4111435bb7efc15b0af61",ref:t=>this.valueSpanEl=t},this.value),s("pds-icon",{key:"7ba6d0452e1726ff951ec46433f838669961c277","aria-hidden":"true",icon:d,size:"16px"})))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}}static get style(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"}},[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]},void 0,{truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}]),l=h,u=function(){"undefined"!=typeof customElements&&["pds-copytext","pds-button","pds-icon","pds-loader"].forEach((t=>{switch(t){case"pds-copytext":customElements.get(i(t))||customElements.define(i(t),h);break;case"pds-button":customElements.get(i(t))||r();break;case"pds-icon":customElements.get(i(t))||a();break;case"pds-loader":customElements.get(i(t))||c()}}))};export{l as PdsCopytext,u as defineCustomElement}

package/components/pds-divider.js

@@ -1,58 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsDividerCss = ".pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";
-
-const PdsDivider$1 = /*@__PURE__*/ proxyCustomElement(class PdsDivider extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Sets divider to display vertically.
-         * @defaultValue false
-         */
-        this.vertical = false;
-    }
-    classNames() {
-        const classNames = ['pds-divider'];
-        if (this.vertical) {
-            classNames.push('pds-divider--vertical');
-        }
-        if (this.offset) {
-            const offsetClassName = 'pds-divider--offset-' + this.offset;
-            classNames.push(offsetClassName);
-        }
-        return classNames.join(' ');
-    }
-    render() {
-        return (h(Host, { key: 'c3a01882db1119b8397353aaed193813cba0bfb8', id: this.componentId }, h("hr", { key: 'fe20a28dbd2f10cec125df4dbb4ba7a2837628f1', class: this.classNames() })));
-    }
-    static get style() { return pdsDividerCss; }
-}, [257, "pds-divider", {
-        "componentId": [1, "component-id"],
-        "offset": [1],
-        "vertical": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsDivider$1);
-            }
-            break;
-    } });
-}
-
-const PdsDivider = PdsDivider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsDivider, defineCustomElement };
-//# sourceMappingURL=pds-divider.js.map
-
-//# sourceMappingURL=pds-divider.js.map
+import{proxyCustomElement as i,HTMLElement as d,h as e,Host as n,transformTag as s}from"@stencil/core/internal/client";const r=i(class extends d{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.vertical=!1}classNames(){const i=["pds-divider"];return this.vertical&&i.push("pds-divider--vertical"),this.offset&&i.push("pds-divider--offset-"+this.offset),i.join(" ")}render(){return e(n,{key:"c3a01882db1119b8397353aaed193813cba0bfb8",id:this.componentId},e("hr",{key:"fe20a28dbd2f10cec125df4dbb4ba7a2837628f1",class:this.classNames()}))}static get style(){return".pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}"}},[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]),a=r,p=function(){"undefined"!=typeof customElements&&["pds-divider"].forEach((i=>{"pds-divider"===i&&(customElements.get(s(i))||customElements.define(s(i),r))}))};export{a as PdsDivider,p as defineCustomElement}

package/components/pds-dropdown-menu-item.js

@@ -1,128 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './pds-icon2.js';
-import { d as defineCustomElement$2 } from './pds-link2.js';
-
-const pdsDropdownMenuItemCss = ":host{cursor:pointer;display:-ms-flexbox;display:flex;width:100%;}:host(.is-disabled){cursor:not-allowed !important;opacity:0.5 !important}:host(.is-disabled) .pds-dropdown-menu-item__content{cursor:not-allowed !important;pointer-events:none !important}.pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;width:100%;}.pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-background-muted);color:var(--pine-color-text-hover)}.pds-dropdown-menu-item__content{}.pds-dropdown-menu-item__content:focus,.pds-dropdown-menu-item__content:focus-visible,.pds-dropdown-menu-item__content.has-focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host(.destructive) .pds-dropdown-menu-item__content{--pds-context-link-color:var(--pine-color-danger);--pds-context-link-color-hover:var(--pine-color-danger-hover);-ms-flex-align:center;align-items:center;color:var(--pine-color-danger)}:host(.destructive) .pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-danger-disabled);color:var(--pine-color-danger-hover)}:host(.destructive) .pds-dropdown-menu-item__content:focus,:host(.destructive) .pds-dropdown-menu-item__content:focus-visible,:host(.destructive) .pds-dropdown-menu-item__content.has-focus{background-color:var(--pine-color-danger-disabled);outline:var(--pine-outline-focus-danger);outline-offset:var(--pine-border-width)}pds-link::part(link):focus,pds-link::part(link):focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:none}pds-link::part(link){-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);margin:calc(var(--pine-dimension-xs) * -1);padding:var(--pine-dimension-xs);text-decoration:none;width:calc(100% + var(--pine-dimension-xs) * 2)}";
-
-const PdsDropdownMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class PdsDropdownMenuItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsClick = createEvent(this, "pdsClick", 7);
-        /**
-         * It determines whether or not the dropdown-item is destructive.
-         * @defaultValue false
-         */
-        this.destructive = false;
-        /**
-         * It determines whether or not the dropdown-item is disabled.
-         * @defaultValue false
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the link should open in a new tab and display an external icon.
-         * This is a simpler alternative to using `target="_blank"` for the common case.
-         * @defaultValue false
-         */
-        this.external = false;
-        this.hasFocus = false;
-        this.handleFocus = () => {
-            this.hasFocus = true;
-        };
-        this.handleBlur = () => {
-            this.hasFocus = false;
-        };
-        this.handleKeyDown = (event) => {
-            // Handle keyboard events
-            if (!this.disabled && (event.key === 'Enter')) {
-                // Only prevent default for button elements or Space key
-                // For links with Enter key, we want the default navigation behavior
-                if (!this.href) {
-                    event.preventDefault();
-                }
-                this.handleClick();
-            }
-        };
-    }
-    /**
-     * Trigger the click event
-     */
-    async clickItem() {
-        this.handleClick();
-    }
-    ;
-    handleClick() {
-        var _a;
-        // Filter only pds-dropdown-menu-item elements and find the index of the current item
-        const menuItems = Array.from(this.host.parentNode.children).filter((child) => child.tagName.toLowerCase() === 'pds-dropdown-menu-item');
-        const itemIndex = menuItems.indexOf(this.host);
-        // Get the text content from the slotted content
-        const content = ((_a = this.host.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
-        this.pdsClick.emit({
-            itemIndex,
-            item: this.host,
-            content
-        });
-    }
-    renderElement() {
-        if (this.href !== undefined) {
-            return (h("pds-link", { download: this.download, href: this.disabled ? null : this.href, external: this.external, target: this.target, class: {
-                    'pds-dropdown-menu-item__content': true,
-                    'has-focus': this.hasFocus
-                }, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-disabled": this.disabled ? 'true' : null }, h("slot", null)));
-        }
-        return (h("button", { class: {
-                'pds-dropdown-menu-item__content': true,
-                'has-focus': this.hasFocus
-            }, tabIndex: this.disabled ? -1 : 0, type: "button", part: "button", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, h("slot", null)));
-    }
-    render() {
-        return (h(Host, { key: 'd2a6c182b330dae3738650002a4643c0f1fd3d1a', id: this.componentId, class: { 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }, onClick: () => !this.disabled && this.handleClick(), role: "none", tabIndex: -1, "aria-disabled": this.disabled ? 'true' : null }, this.renderElement()));
-    }
-    get host() { return this; }
-    static get style() { return pdsDropdownMenuItemCss; }
-}, [257, "pds-dropdown-menu-item", {
-        "componentId": [1, "component-id"],
-        "destructive": [4],
-        "disabled": [516],
-        "download": [1],
-        "href": [1],
-        "external": [516],
-        "target": [513],
-        "hasFocus": [32],
-        "clickItem": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-dropdown-menu-item", "pds-icon", "pds-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-dropdown-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsDropdownMenuItem$1);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsDropdownMenuItem = PdsDropdownMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsDropdownMenuItem, defineCustomElement };
-//# sourceMappingURL=pds-dropdown-menu-item.js.map
-
-//# sourceMappingURL=pds-dropdown-menu-item.js.map
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./pds-icon2.js";import{d}from"./pds-link2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsClick=n(this,"pdsClick",7),this.destructive=!1,this.disabled=!1,this.external=!1,this.hasFocus=!1,this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key||(this.href||e.preventDefault(),this.handleClick())}}async clickItem(){this.handleClick()}handleClick(){var e;const t=Array.from(this.host.parentNode.children).filter((e=>"pds-dropdown-menu-item"===e.tagName.toLowerCase())).indexOf(this.host),n=(null===(e=this.host.textContent)||void 0===e?void 0:e.trim())||"";this.pdsClick.emit({itemIndex:t,item:this.host,content:n})}renderElement(){return void 0!==this.href?o("pds-link",{download:this.download,href:this.disabled?null:this.href,external:this.external,target:this.target,class:{"pds-dropdown-menu-item__content":!0,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,"aria-disabled":this.disabled?"true":null},o("slot",null)):o("button",{class:{"pds-dropdown-menu-item__content":!0,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,type:"button",part:"button",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.disabled,"aria-disabled":this.disabled?"true":null},o("slot",null))}render(){return o(i,{key:"d2a6c182b330dae3738650002a4643c0f1fd3d1a",id:this.componentId,class:{"is-disabled":this.disabled,destructive:!this.disabled&&this.destructive},onClick:()=>!this.disabled&&this.handleClick(),role:"none",tabIndex:-1,"aria-disabled":this.disabled?"true":null},this.renderElement())}get host(){return this}static get style(){return":host{cursor:pointer;display:-ms-flexbox;display:flex;width:100%;}:host(.is-disabled){cursor:not-allowed !important;opacity:0.5 !important}:host(.is-disabled) .pds-dropdown-menu-item__content{cursor:not-allowed !important;pointer-events:none !important}.pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;width:100%;}.pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-background-muted);color:var(--pine-color-text-hover)}.pds-dropdown-menu-item__content{}.pds-dropdown-menu-item__content:focus,.pds-dropdown-menu-item__content:focus-visible,.pds-dropdown-menu-item__content.has-focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host(.destructive) .pds-dropdown-menu-item__content{--pds-context-link-color:var(--pine-color-danger);--pds-context-link-color-hover:var(--pine-color-danger-hover);-ms-flex-align:center;align-items:center;color:var(--pine-color-danger)}:host(.destructive) .pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-danger-disabled);color:var(--pine-color-danger-hover)}:host(.destructive) .pds-dropdown-menu-item__content:focus,:host(.destructive) .pds-dropdown-menu-item__content:focus-visible,:host(.destructive) .pds-dropdown-menu-item__content.has-focus{background-color:var(--pine-color-danger-disabled);outline:var(--pine-outline-focus-danger);outline-offset:var(--pine-border-width)}pds-link::part(link):focus,pds-link::part(link):focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:none}pds-link::part(link){-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);margin:calc(var(--pine-dimension-xs) * -1);padding:var(--pine-dimension-xs);text-decoration:none;width:calc(100% + var(--pine-dimension-xs) * 2)}"}},[257,"pds-dropdown-menu-item",{componentId:[1,"component-id"],destructive:[4],disabled:[516],download:[1],href:[1],external:[516],target:[513],hasFocus:[32],clickItem:[64]}]),l=a,c=function(){"undefined"!=typeof customElements&&["pds-dropdown-menu-item","pds-icon","pds-link"].forEach((e=>{switch(e){case"pds-dropdown-menu-item":customElements.get(s(e))||customElements.define(s(e),a);break;case"pds-icon":customElements.get(s(e))||r();break;case"pds-link":customElements.get(s(e))||d()}}))};export{l as PdsDropdownMenuItem,c as defineCustomElement}

package/components/pds-dropdown-menu-separator.js

@@ -1,46 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsDropdownMenuSeparatorCss = ":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}";
-
-const PdsDropdownMenuSeparator$1 = /*@__PURE__*/ proxyCustomElement(class PdsDropdownMenuSeparator extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * It determines whether or not the dropdown-item is disabled.
-         * @defaultValue false
-         */
-        this.disabled = false;
-    }
-    render() {
-        return (h(Host, { key: '1058ea61d2ad7c311ee162b909df2531f3589e4c', id: this.componentId }, h("hr", { key: 'a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b' })));
-    }
-    static get style() { return pdsDropdownMenuSeparatorCss; }
-}, [257, "pds-dropdown-menu-separator", {
-        "componentId": [1, "component-id"],
-        "disabled": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-dropdown-menu-separator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-dropdown-menu-separator":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsDropdownMenuSeparator$1);
-            }
-            break;
-    } });
-}
-
-const PdsDropdownMenuSeparator = PdsDropdownMenuSeparator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsDropdownMenuSeparator, defineCustomElement };
-//# sourceMappingURL=pds-dropdown-menu-separator.js.map
-
-//# sourceMappingURL=pds-dropdown-menu-separator.js.map
+import{proxyCustomElement as e,HTMLElement as n,h as r,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return r(o,{key:"1058ea61d2ad7c311ee162b909df2531f3589e4c",id:this.componentId},r("hr",{key:"a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b"}))}static get style(){return":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}"}},[1,"pds-dropdown-menu-separator",{componentId:[1,"component-id"],disabled:[4]}]),i=s,d=function(){"undefined"!=typeof customElements&&["pds-dropdown-menu-separator"].forEach((e=>{"pds-dropdown-menu-separator"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))};export{i as PdsDropdownMenuSeparator,d as defineCustomElement}