@pine-ds/core 3.26.3 → 3.27.0

package/components/form.js

@@ -1,62 +1 @@
-/**
- * Create id for messaging
- */
-const messageId = (id, messageType) => {
-    return `${id}__${messageType}-message`;
-};
-/**
- * Assign aria-description id to relate messages with form element
- */
-const assignDescription = (id, invalid, helperMessage) => {
-    if (!helperMessage)
-        return;
-    let relatedId = messageId(id, 'helper');
-    if (invalid)
-        relatedId = messageId(id, 'error');
-    return relatedId;
-};
-/**
- * Updates the `invalid` prop of a form element based on it's values validity
- */
-const isRequired = (target, component) => {
-    if (!target || !component)
-        return;
-    if (component.required === true) {
-        (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;
-    }
-};
-/**
- * Exposes a readonly type property on a custom form element to match native form element behavior.
- * This makes the type property enumerable and accessible via element.type, matching native HTML elements.
- * The property is non-configurable, preventing it from being redefined or deleted at runtime.
- *
- * @param element - The custom element to add the type property to
- * @param type - The type value (string literal) or a getter function that returns the type
- */
-function exposeTypeProperty(element, type) {
-    if (Object.getOwnPropertyDescriptor(element, 'type'))
-        return;
-    Object.defineProperty(element, 'type', {
-        get: typeof type === 'function' ? type : () => type,
-        enumerable: true,
-        configurable: false
-    });
-}
-/**
- * Determines if code is running in Stencil's spec test environment.
- * Stencil's mock-doc logs console.error on any ElementInternals
- * property access during spec tests. Use this guard to skip
- * ElementInternals calls in the mock environment.
- *
- * Uses __STENCIL_SPEC_TESTS__ (the same env var Stencil's mock-doc checks)
- * to avoid false positives in downstream consumer test suites.
- */
-const isSpecTest = () => {
-    var _a;
-    return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.__STENCIL_SPEC_TESTS__) === 'true';
-};
-
-export { assignDescription as a, isRequired as b, exposeTypeProperty as e, isSpecTest as i, messageId as m };
-//# sourceMappingURL=form.js.map
-
-//# sourceMappingURL=form.js.map
+const e=(e,r)=>`${e}__${r}-message`,r=(r,t,n)=>{if(!n)return;let o=e(r,"helper");return t&&(o=e(r,"error")),o},t=(e,r)=>{e&&r&&!0===r.required&&(r.invalid=!1===e.checkValidity())};function n(e,r){Object.getOwnPropertyDescriptor(e,"type")||Object.defineProperty(e,"type",{get:"function"==typeof r?r:()=>r,enumerable:!0,configurable:!1})}const o=()=>{var e;return"undefined"!=typeof process&&"true"===(null===(e=process.env)||void 0===e?void 0:e.__STENCIL_SPEC_TESTS__)};export{r as a,t as b,n as e,o as i,e as m}

package/components/index.d.ts

@@ -131,4 +131,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
 export * from '../dist/types';

package/components/index.js

@@ -1,54 +1 @@
-export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { MockPdsModal, defineCustomElement as defineCustomElementMockPdsModal } from './mock-pds-modal.js';
-export { PdsAccordion, defineCustomElement as defineCustomElementPdsAccordion } from './pds-accordion.js';
-export { PdsAlert, defineCustomElement as defineCustomElementPdsAlert } from './pds-alert.js';
-export { PdsAvatar, defineCustomElement as defineCustomElementPdsAvatar } from './pds-avatar.js';
-export { PdsBox, defineCustomElement as defineCustomElementPdsBox } from './pds-box.js';
-export { PdsButton, defineCustomElement as defineCustomElementPdsButton } from './pds-button.js';
-export { PdsCheckbox, defineCustomElement as defineCustomElementPdsCheckbox } from './pds-checkbox.js';
-export { PdsChip, defineCustomElement as defineCustomElementPdsChip } from './pds-chip.js';
-export { PdsCombobox, defineCustomElement as defineCustomElementPdsCombobox } from './pds-combobox.js';
-export { PdsContainer, defineCustomElement as defineCustomElementPdsContainer } from './pds-container.js';
-export { PdsCopytext, defineCustomElement as defineCustomElementPdsCopytext } from './pds-copytext.js';
-export { PdsDivider, defineCustomElement as defineCustomElementPdsDivider } from './pds-divider.js';
-export { PdsDropdownMenu, defineCustomElement as defineCustomElementPdsDropdownMenu } from './pds-dropdown-menu.js';
-export { PdsDropdownMenuItem, defineCustomElement as defineCustomElementPdsDropdownMenuItem } from './pds-dropdown-menu-item.js';
-export { PdsDropdownMenuSeparator, defineCustomElement as defineCustomElementPdsDropdownMenuSeparator } from './pds-dropdown-menu-separator.js';
-export { PdsFilter, defineCustomElement as defineCustomElementPdsFilter } from './pds-filter.js';
-export { PdsFilters, defineCustomElement as defineCustomElementPdsFilters } from './pds-filters.js';
-export { PdsIcon, defineCustomElement as defineCustomElementPdsIcon } from './pds-icon.js';
-export { PdsImage, defineCustomElement as defineCustomElementPdsImage } from './pds-image.js';
-export { PdsInput, defineCustomElement as defineCustomElementPdsInput } from './pds-input.js';
-export { PdsLink, defineCustomElement as defineCustomElementPdsLink } from './pds-link.js';
-export { PdsLoader, defineCustomElement as defineCustomElementPdsLoader } from './pds-loader.js';
-export { PdsModal, defineCustomElement as defineCustomElementPdsModal } from './pds-modal.js';
-export { PdsModalContent, defineCustomElement as defineCustomElementPdsModalContent } from './pds-modal-content.js';
-export { PdsModalFooter, defineCustomElement as defineCustomElementPdsModalFooter } from './pds-modal-footer.js';
-export { PdsModalHeader, defineCustomElement as defineCustomElementPdsModalHeader } from './pds-modal-header.js';
-export { PdsMultiselect, defineCustomElement as defineCustomElementPdsMultiselect } from './pds-multiselect.js';
-export { PdsPopover, defineCustomElement as defineCustomElementPdsPopover } from './pds-popover.js';
-export { PdsProgress, defineCustomElement as defineCustomElementPdsProgress } from './pds-progress.js';
-export { PdsProperty, defineCustomElement as defineCustomElementPdsProperty } from './pds-property.js';
-export { PdsRadio, defineCustomElement as defineCustomElementPdsRadio } from './pds-radio.js';
-export { PdsRadioGroup, defineCustomElement as defineCustomElementPdsRadioGroup } from './pds-radio-group.js';
-export { PdsRow, defineCustomElement as defineCustomElementPdsRow } from './pds-row.js';
-export { PdsSelect, defineCustomElement as defineCustomElementPdsSelect } from './pds-select.js';
-export { PdsSortable, defineCustomElement as defineCustomElementPdsSortable } from './pds-sortable.js';
-export { PdsSortableItem, defineCustomElement as defineCustomElementPdsSortableItem } from './pds-sortable-item.js';
-export { PdsSwitch, defineCustomElement as defineCustomElementPdsSwitch } from './pds-switch.js';
-export { PdsTab, defineCustomElement as defineCustomElementPdsTab } from './pds-tab.js';
-export { PdsTable, defineCustomElement as defineCustomElementPdsTable } from './pds-table.js';
-export { PdsTableBody, defineCustomElement as defineCustomElementPdsTableBody } from './pds-table-body.js';
-export { PdsTableCell, defineCustomElement as defineCustomElementPdsTableCell } from './pds-table-cell.js';
-export { PdsTableHead, defineCustomElement as defineCustomElementPdsTableHead } from './pds-table-head.js';
-export { PdsTableHeadCell, defineCustomElement as defineCustomElementPdsTableHeadCell } from './pds-table-head-cell.js';
-export { PdsTableRow, defineCustomElement as defineCustomElementPdsTableRow } from './pds-table-row.js';
-export { PdsTabpanel, defineCustomElement as defineCustomElementPdsTabpanel } from './pds-tabpanel.js';
-export { PdsTabs, defineCustomElement as defineCustomElementPdsTabs } from './pds-tabs.js';
-export { PdsText, defineCustomElement as defineCustomElementPdsText } from './pds-text.js';
-export { PdsTextarea, defineCustomElement as defineCustomElementPdsTextarea } from './pds-textarea.js';
-export { PdsToast, defineCustomElement as defineCustomElementPdsToast } from './pds-toast.js';
-export { PdsTooltip, defineCustomElement as defineCustomElementPdsTooltip } from './pds-tooltip.js';
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{MockPdsModal,defineCustomElement as defineCustomElementMockPdsModal}from"./mock-pds-modal.js";export{PdsAccordion,defineCustomElement as defineCustomElementPdsAccordion}from"./pds-accordion.js";export{PdsAlert,defineCustomElement as defineCustomElementPdsAlert}from"./pds-alert.js";export{PdsAvatar,defineCustomElement as defineCustomElementPdsAvatar}from"./pds-avatar.js";export{PdsBox,defineCustomElement as defineCustomElementPdsBox}from"./pds-box.js";export{PdsButton,defineCustomElement as defineCustomElementPdsButton}from"./pds-button.js";export{PdsCheckbox,defineCustomElement as defineCustomElementPdsCheckbox}from"./pds-checkbox.js";export{PdsChip,defineCustomElement as defineCustomElementPdsChip}from"./pds-chip.js";export{PdsCombobox,defineCustomElement as defineCustomElementPdsCombobox}from"./pds-combobox.js";export{PdsContainer,defineCustomElement as defineCustomElementPdsContainer}from"./pds-container.js";export{PdsCopytext,defineCustomElement as defineCustomElementPdsCopytext}from"./pds-copytext.js";export{PdsDivider,defineCustomElement as defineCustomElementPdsDivider}from"./pds-divider.js";export{PdsDropdownMenu,defineCustomElement as defineCustomElementPdsDropdownMenu}from"./pds-dropdown-menu.js";export{PdsDropdownMenuItem,defineCustomElement as defineCustomElementPdsDropdownMenuItem}from"./pds-dropdown-menu-item.js";export{PdsDropdownMenuSeparator,defineCustomElement as defineCustomElementPdsDropdownMenuSeparator}from"./pds-dropdown-menu-separator.js";export{PdsFilter,defineCustomElement as defineCustomElementPdsFilter}from"./pds-filter.js";export{PdsFilters,defineCustomElement as defineCustomElementPdsFilters}from"./pds-filters.js";export{PdsIcon,defineCustomElement as defineCustomElementPdsIcon}from"./pds-icon.js";export{PdsImage,defineCustomElement as defineCustomElementPdsImage}from"./pds-image.js";export{PdsInput,defineCustomElement as defineCustomElementPdsInput}from"./pds-input.js";export{PdsLink,defineCustomElement as defineCustomElementPdsLink}from"./pds-link.js";export{PdsLoader,defineCustomElement as defineCustomElementPdsLoader}from"./pds-loader.js";export{PdsModal,defineCustomElement as defineCustomElementPdsModal}from"./pds-modal.js";export{PdsModalContent,defineCustomElement as defineCustomElementPdsModalContent}from"./pds-modal-content.js";export{PdsModalFooter,defineCustomElement as defineCustomElementPdsModalFooter}from"./pds-modal-footer.js";export{PdsModalHeader,defineCustomElement as defineCustomElementPdsModalHeader}from"./pds-modal-header.js";export{PdsMultiselect,defineCustomElement as defineCustomElementPdsMultiselect}from"./pds-multiselect.js";export{PdsPopover,defineCustomElement as defineCustomElementPdsPopover}from"./pds-popover.js";export{PdsProgress,defineCustomElement as defineCustomElementPdsProgress}from"./pds-progress.js";export{PdsProperty,defineCustomElement as defineCustomElementPdsProperty}from"./pds-property.js";export{PdsRadio,defineCustomElement as defineCustomElementPdsRadio}from"./pds-radio.js";export{PdsRadioGroup,defineCustomElement as defineCustomElementPdsRadioGroup}from"./pds-radio-group.js";export{PdsRow,defineCustomElement as defineCustomElementPdsRow}from"./pds-row.js";export{PdsSelect,defineCustomElement as defineCustomElementPdsSelect}from"./pds-select.js";export{PdsSortable,defineCustomElement as defineCustomElementPdsSortable}from"./pds-sortable.js";export{PdsSortableItem,defineCustomElement as defineCustomElementPdsSortableItem}from"./pds-sortable-item.js";export{PdsSwitch,defineCustomElement as defineCustomElementPdsSwitch}from"./pds-switch.js";export{PdsTab,defineCustomElement as defineCustomElementPdsTab}from"./pds-tab.js";export{PdsTable,defineCustomElement as defineCustomElementPdsTable}from"./pds-table.js";export{PdsTableBody,defineCustomElement as defineCustomElementPdsTableBody}from"./pds-table-body.js";export{PdsTableCell,defineCustomElement as defineCustomElementPdsTableCell}from"./pds-table-cell.js";export{PdsTableHead,defineCustomElement as defineCustomElementPdsTableHead}from"./pds-table-head.js";export{PdsTableHeadCell,defineCustomElement as defineCustomElementPdsTableHeadCell}from"./pds-table-head-cell.js";export{PdsTableRow,defineCustomElement as defineCustomElementPdsTableRow}from"./pds-table-row.js";export{PdsTabpanel,defineCustomElement as defineCustomElementPdsTabpanel}from"./pds-tabpanel.js";export{PdsTabs,defineCustomElement as defineCustomElementPdsTabs}from"./pds-tabs.js";export{PdsText,defineCustomElement as defineCustomElementPdsText}from"./pds-text.js";export{PdsTextarea,defineCustomElement as defineCustomElementPdsTextarea}from"./pds-textarea.js";export{PdsToast,defineCustomElement as defineCustomElementPdsToast}from"./pds-toast.js";export{PdsTooltip,defineCustomElement as defineCustomElementPdsTooltip}from"./pds-tooltip.js";

package/components/index2.js

@@ -1,20 +1 @@
-/* pds-icons v9.21.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>";
-const checkCircleFilled = "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 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m5.207 8.707a1 1 0 0 0-1.414-1.414L10.5 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z'/></svg>";
-const copy = "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='M11.162 1h7.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.031.375.031.83.031 1.356v7.678c0 .527 0 .981-.03 1.356-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H17v1.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.356.031H5.16c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167C1 19.82 1 19.365 1 18.838v-7.677c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C4.18 7 4.635 7 5.161 7H7V5.161c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M5.2 9c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 0 0-.437.437c-.025.05-.063.15-.085.422C3 10.25 3 10.623 3 11.2v7.6c0 .577 0 .949.024 1.232.022.272.06.373.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C4.25 21 4.623 21 5.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.373-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C15 19.75 15 19.377 15 18.8v-7.6c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 0 0-.437-.437c-.05-.025-.15-.063-.422-.085C13.75 9 13.377 9 12.8 9zM17 15v-3.838c0-.528 0-.982-.03-1.357-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296A18 18 0 0 0 12.838 7H9V5.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h7.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422C21 4.25 21 4.623 21 5.2v7.6c0 .577 0 .949-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085C19.75 15 19.377 15 18.8 15z'/></svg>";
-const danger = "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 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1'/></svg>";
-const downSmall = "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>";
-const enlarge = "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='M11.293 3.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414L12 5.414 7.707 9.707a1 1 0 0 1-1.414-1.414zm-5 11a1 1 0 0 1 1.414 0L12 18.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414'/></svg>";
-const handle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path d='M2.833 7.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1zM2.833 14.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1z'/></svg>";
-const launch = "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='M14 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V5.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L18.586 4H15a1 1 0 0 1-1-1M7.759 4H10a1 1 0 1 1 0 2H7.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C4 8.361 4 8.943 4 9.8v6.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C6.361 20 6.943 20 7.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V14a1 1 0 1 1 2 0v2.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C2 17.71 2 17.046 2 16.242V9.758c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 4 6.954 4 7.758 4'/></svg>";
-const remove = "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 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414'/></svg>";
-const trash = "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='M11.162 1h1.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.028.336.03.736.031 1.195h4a1 1 0 1 1 0 2h-1v10.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H9.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C4 18.71 4 18.046 4 17.242V7H3a1 1 0 1 1 0-2h4c0-.459.003-.86.03-1.195.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M6 7v10.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C8.361 21 8.943 21 9.8 21h4.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V7zm9-2H9c0-.465.004-.783.024-1.032.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h1.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422.02.249.023.567.024 1.032m-5 5.5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1'/></svg>";
-const upSmall = "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='M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z'/></svg>";
-const userFilled = "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='M8.786 14.5h6.428c.727 0 1.222 0 1.654.076a5 5 0 0 1 4.056 4.056c.076.432.076.927.076 1.654 0 .158.005.318-.023.474a1.5 1.5 0 0 1-1.216 1.217c-.137.024-.28.023-.351.023Q12 21.961 4.59 22c-.07 0-.214.001-.35-.023a1.5 1.5 0 0 1-1.217-1.216c-.028-.157-.023-.317-.023-.475 0-.727 0-1.222.076-1.654a5 5 0 0 1 4.056-4.056c.432-.076.927-.076 1.654-.076M6.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/></svg>";
-
-export { addCircle as a, checkCircleFilled as b, caretDown as c, downSmall as d, userFilled as e, copy as f, enlarge as g, danger as h, handle as i, launch as l, remove as r, trash as t, upSmall as u };
-//# sourceMappingURL=index2.js.map
-
-//# sourceMappingURL=index2.js.map
+const a="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>",s="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>",v="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 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m5.207 8.707a1 1 0 0 0-1.414-1.414L10.5 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z'/></svg>",c="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='M11.162 1h7.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.031.375.031.83.031 1.356v7.678c0 .527 0 .981-.03 1.356-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H17v1.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.356.031H5.16c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167C1 19.82 1 19.365 1 18.838v-7.677c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C4.18 7 4.635 7 5.161 7H7V5.161c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M5.2 9c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 0 0-.437.437c-.025.05-.063.15-.085.422C3 10.25 3 10.623 3 11.2v7.6c0 .577 0 .949.024 1.232.022.272.06.373.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C4.25 21 4.623 21 5.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.373-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C15 19.75 15 19.377 15 18.8v-7.6c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 0 0-.437-.437c-.05-.025-.15-.063-.422-.085C13.75 9 13.377 9 12.8 9zM17 15v-3.838c0-.528 0-.982-.03-1.357-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296A18 18 0 0 0 12.838 7H9V5.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h7.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422C21 4.25 21 4.623 21 5.2v7.6c0 .577 0 .949-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085C19.75 15 19.377 15 18.8 15z'/></svg>",l="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 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1'/></svg>",g="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>",t="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='M11.293 3.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414L12 5.414 7.707 9.707a1 1 0 0 1-1.414-1.414zm-5 11a1 1 0 0 1 1.414 0L12 18.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414'/></svg>",w="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path d='M2.833 7.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1zM2.833 14.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1z'/></svg>",d="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='M14 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V5.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L18.586 4H15a1 1 0 0 1-1-1M7.759 4H10a1 1 0 1 1 0 2H7.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C4 8.361 4 8.943 4 9.8v6.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C6.361 20 6.943 20 7.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V14a1 1 0 1 1 2 0v2.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C2 17.71 2 17.046 2 16.242V9.758c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 4 6.954 4 7.758 4'/></svg>",e="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 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414'/></svg>",o="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='M11.162 1h1.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.028.336.03.736.031 1.195h4a1 1 0 1 1 0 2h-1v10.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H9.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C4 18.71 4 18.046 4 17.242V7H3a1 1 0 1 1 0-2h4c0-.459.003-.86.03-1.195.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M6 7v10.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C8.361 21 8.943 21 9.8 21h4.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V7zm9-2H9c0-.465.004-.783.024-1.032.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h1.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422.02.249.023.567.024 1.032m-5 5.5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1'/></svg>",i="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='M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z'/></svg>",m="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='M8.786 14.5h6.428c.727 0 1.222 0 1.654.076a5 5 0 0 1 4.056 4.056c.076.432.076.927.076 1.654 0 .158.005.318-.023.474a1.5 1.5 0 0 1-1.216 1.217c-.137.024-.28.023-.351.023Q12 21.961 4.59 22c-.07 0-.214.001-.35-.023a1.5 1.5 0 0 1-1.217-1.216c-.028-.157-.023-.317-.023-.475 0-.727 0-1.222.076-1.654a5 5 0 0 1 4.056-4.056c.432-.076.927-.076 1.654-.076M6.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/></svg>";export{a,v as b,s as c,g as d,m as e,c as f,t as g,l as h,w as i,d as l,e as r,o as t,i as u}

package/components/mock-pds-modal.js

@@ -1,119 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const pdsModalCss = ".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";
-
-const MockPdsModal$1 = /*@__PURE__*/ proxyCustomElement(class MockPdsModal extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.pdsModalOpen = createEvent(this, "pdsModalOpen", 7);
-        this.pdsModalClose = createEvent(this, "pdsModalClose", 7);
-        this.pdsModalBackdropClick = createEvent(this, "pdsModalBackdropClick", 7);
-        /**
-         * The size of the modal
-         */
-        this.size = 'md';
-        /**
-         * Whether the modal content should be scrollable
-         * @default true
-         */
-        this.scrollable = true;
-        /**
-         * Whether the modal can be dismissed by clicking the backdrop or pressing Escape
-         */
-        this.backdropDismiss = true;
-        /**
-         * Whether the modal is open
-         */
-        this.open = false;
-    }
-    /**
-     * Shows the modal
-     */
-    async showModal() {
-        this.open = true;
-        this.pdsModalOpen.emit();
-    }
-    /**
-     * Hides the modal
-     */
-    async hideModal() {
-        this.open = false;
-        this.pdsModalClose.emit();
-    }
-    /**
-     * Listen for click events on the backdrop
-     */
-    // Using direct method instead of @Listen to avoid ESLint warning
-    handleBackdropClick(event) {
-        const backdrop = this.el.querySelector('.pds-modal__backdrop');
-        // Check if the click was directly on the backdrop (not on a child element)
-        if (event.target === backdrop && this.backdropDismiss === true) {
-            this.pdsModalBackdropClick.emit();
-            this.hideModal();
-        }
-    }
-    /**
-     * Listen for keydown events to handle Escape key
-     * Should only close on Escape if backdropDismiss is enabled
-     */
-    // Using direct method instead of @Listen to avoid ESLint warning
-    handleKeyDown(event) {
-        if (event.key === 'Escape' && this.open === true) {
-            // Always prevent default to mirror native dialog behavior blocking
-            event.preventDefault();
-            // Only close if backdropDismiss is enabled
-            if (this.backdropDismiss === true) {
-                this.hideModal();
-            }
-        }
-    }
-    componentDidLoad() {
-        // No need to do anything in componentDidLoad for the mock
-    }
-    render() {
-        const modalClasses = {
-            'pds-modal': true,
-            [`pds-modal--${this.size}`]: true,
-            'pds-modal--scrollable': this.scrollable
-        };
-        const backdropClasses = {
-            'pds-modal__backdrop': true,
-            'open': this.open,
-        };
-        return (h("div", { key: '6e7f71b339764894e1f17d253fc3c8e0243e4f90', class: backdropClasses }, h("div", { key: '25b2f82c1af743156d152880631d4294dfec68b5', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null, part: "modal" }, h("div", { key: '6bc97e805daee5e5dd547fa0b919a05cf1b6a6a1', class: "pds-modal__header" }, h("slot", { key: 'd9e7c248d983e3c055ed7e0aea5a4d5a15dfea12', name: "header" })), h("div", { key: '5608ee069b59cb34dc812bde22f83c6bce7e6904', class: "pds-modal-content" }, h("slot", { key: '6e3e790330598e1bde733350e5e216d269426e51' })), h("div", { key: '381f3c4e1c9c83b0687e1f1484b64334e388d669', class: "pds-modal__footer" }, h("slot", { key: '6e3a3cb64623de59a409072ab9c1bf65af8c2f6c', name: "footer" })))));
-    }
-    get el() { return this; }
-    static get style() { return pdsModalCss; }
-}, [260, "mock-pds-modal", {
-        "componentId": [1, "component-id"],
-        "size": [1],
-        "scrollable": [4],
-        "backdropDismiss": [4, "backdrop-dismiss"],
-        "open": [1028],
-        "showModal": [64],
-        "hideModal": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mock-pds-modal"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mock-pds-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MockPdsModal$1);
-            }
-            break;
-    } });
-}
-
-const MockPdsModal = MockPdsModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MockPdsModal, defineCustomElement };
-//# sourceMappingURL=mock-pds-modal.js.map
-
-//# sourceMappingURL=mock-pds-modal.js.map
+import{proxyCustomElement as e,HTMLElement as a,createEvent as d,h as o,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.pdsModalOpen=d(this,"pdsModalOpen",7),this.pdsModalClose=d(this,"pdsModalClose",7),this.pdsModalBackdropClick=d(this,"pdsModalBackdropClick",7),this.size="md",this.scrollable=!0,this.backdropDismiss=!0,this.open=!1}async showModal(){this.open=!0,this.pdsModalOpen.emit()}async hideModal(){this.open=!1,this.pdsModalClose.emit()}handleBackdropClick(e){const a=this.el.querySelector(".pds-modal__backdrop");e.target===a&&!0===this.backdropDismiss&&(this.pdsModalBackdropClick.emit(),this.hideModal())}handleKeyDown(e){"Escape"===e.key&&!0===this.open&&(e.preventDefault(),!0===this.backdropDismiss&&this.hideModal())}componentDidLoad(){}render(){return o("div",{key:"6e7f71b339764894e1f17d253fc3c8e0243e4f90",class:{"pds-modal__backdrop":!0,open:this.open}},o("div",{key:"25b2f82c1af743156d152880631d4294dfec68b5",class:{"pds-modal":!0,["pds-modal--"+this.size]:!0,"pds-modal--scrollable":this.scrollable},role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?this.componentId+"-heading":null,part:"modal"},o("div",{key:"6bc97e805daee5e5dd547fa0b919a05cf1b6a6a1",class:"pds-modal__header"},o("slot",{key:"d9e7c248d983e3c055ed7e0aea5a4d5a15dfea12",name:"header"})),o("div",{key:"5608ee069b59cb34dc812bde22f83c6bce7e6904",class:"pds-modal-content"},o("slot",{key:"6e3e790330598e1bde733350e5e216d269426e51"})),o("div",{key:"381f3c4e1c9c83b0687e1f1484b64334e388d669",class:"pds-modal__footer"},o("slot",{key:"6e3a3cb64623de59a409072ab9c1bf65af8c2f6c",name:"footer"}))))}get el(){return this}static get style(){return".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}"}},[260,"mock-pds-modal",{componentId:[1,"component-id"],size:[1],scrollable:[4],backdropDismiss:[4,"backdrop-dismiss"],open:[1028],showModal:[64],hideModal:[64]}]),t=s,r=function(){"undefined"!=typeof customElements&&["mock-pds-modal"].forEach((e=>{"mock-pds-modal"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{t as MockPdsModal,r as defineCustomElement}

package/components/pds-accordion.js

@@ -1,74 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as downSmall } from './index2.js';
-import { d as defineCustomElement$2 } from './pds-icon2.js';
-
-const pdsAccordionCss = ":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 PdsAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PdsAccordion extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsAccordionToggle = createEvent(this, "pdsAccordionToggle", 7);
-        /**
-         * Can be used to manually set the open state of the accordion.
-         * @defaultValue false
-         */
-        this.isOpen = false;
-        this.handleToggle = () => {
-            this.isOpen = this.detailsEl.open;
-        };
-        this.getOpenAttribute = () => {
-            if (this.isOpen !== false) {
-                return { open: true };
-            }
-            return '';
-        };
-    }
-    handleOpenState(newValue) {
-        this.pdsAccordionToggle.emit(newValue);
-    }
-    componentDidLoad() {
-        this.detailsEl.addEventListener('toggle', this.handleToggle);
-    }
-    render() {
-        return (h(Host, { key: 'dd45657cb2bfe2e26f3a2fcad6a941559f1968c5', class: "pds-accordion", id: this.componentId }, h("details", Object.assign({ key: '9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), h("summary", { key: '59152e8eece069bedd0109d1952dc1de95bc5d9a', part: "accordion-button" }, h("slot", { key: '73881348e657d880c60a5420a758217789f03b0c', name: "label" }, "Details"), h("pds-icon", { key: 'dfe5c28de56ef76bda50f36a406ac2072ed4bd77', icon: downSmall, part: "accordion-icon" })), h("div", { key: '08d019728935164bb315035369044dd513a2c9db', part: "accordion-body", class: "pds-accordion__body" }, h("slot", { key: 'a67ce7ec1acf795827db51465b80c1ecad96a3e3' })))));
-    }
-    static get watchers() { return {
-        "isOpen": ["handleOpenState"]
-    }; }
-    static get style() { return pdsAccordionCss; }
-}, [257, "pds-accordion", {
-        "componentId": [1, "component-id"],
-        "isOpen": [1540, "open"]
-    }, undefined, {
-        "isOpen": ["handleOpenState"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-accordion", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsAccordion$1);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsAccordion = PdsAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsAccordion, defineCustomElement };
-//# sourceMappingURL=pds-accordion.js.map
-
-//# sourceMappingURL=pds-accordion.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as n,h as o,Host as a,transformTag as t}from"@stencil/core/internal/client";import{d as s}from"./index2.js";import{d as r}from"./pds-icon2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsAccordionToggle=n(this,"pdsAccordionToggle",7),this.isOpen=!1,this.handleToggle=()=>{this.isOpen=this.detailsEl.open},this.getOpenAttribute=()=>!1!==this.isOpen?{open:!0}:""}handleOpenState(e){this.pdsAccordionToggle.emit(e)}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return o(a,{key:"dd45657cb2bfe2e26f3a2fcad6a941559f1968c5",class:"pds-accordion",id:this.componentId},o("details",Object.assign({key:"9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),o("summary",{key:"59152e8eece069bedd0109d1952dc1de95bc5d9a",part:"accordion-button"},o("slot",{key:"73881348e657d880c60a5420a758217789f03b0c",name:"label"},"Details"),o("pds-icon",{key:"35fbb0c45bc97ce3b69fd8184ef085230253d675","aria-hidden":"true",icon:s,part:"accordion-icon"})),o("div",{key:"c9bb44d8135560b0e486a730830642387c87a67a",part:"accordion-body",class:"pds-accordion__body"},o("slot",{key:"f18d2a5a87d5d2653ce92766bc34c4506b88d4f4"}))))}static get watchers(){return{isOpen:[{handleOpenState:0}]}}static get style(){return":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)}"}},[257,"pds-accordion",{componentId:[1,"component-id"],isOpen:[1540,"open"]},void 0,{isOpen:[{handleOpenState:0}]}]),c=d,p=function(){"undefined"!=typeof customElements&&["pds-accordion","pds-icon"].forEach((e=>{switch(e){case"pds-accordion":customElements.get(t(e))||customElements.define(t(e),d);break;case"pds-icon":customElements.get(t(e))||r()}}))};export{c as PdsAccordion,p as defineCustomElement}

package/components/pds-alert.js

@@ -1,115 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './pds-box2.js';
-import { d as defineCustomElement$3 } from './pds-icon2.js';
-import { d as defineCustomElement$2 } from './pds-text2.js';
-
-const pdsAlertTokensCss = ":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}";
-
-const pdsAlertCss = ":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:0;margin-block-start:0}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";
-
-const PdsAlert$1 = /*@__PURE__*/ proxyCustomElement(class PdsAlert extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsAlertDismissClick = createEvent(this, "pdsAlertDismissClick", 7);
-        /**
-         * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.
-         */
-        this.small = false;
-        /**
-         * If true, shows the dismiss button. If false, the dismiss button is hidden.
-         * @defaultValue false
-         */
-        this.dismissible = false;
-        /**
-         * If true, the leading icon is hidden.
-         * @defaultValue false
-         */
-        this.hideIcon = false;
-        /**
-         * Sets the style variant of the alert.
-         * @defaultValue 'default'
-         */
-        this.variant = 'default';
-        this.hasActionsContent = false;
-        this.handleCloseClick = () => {
-            this.pdsAlertDismissClick.emit();
-        };
-    }
-    componentWillRender() {
-        // Check if the actions slot has any content.
-        // If not, hide the actions container to prevent empty space.
-        const actionsSlot = this.el.querySelector('[slot="actions"]');
-        this.hasActionsContent = !!actionsSlot;
-    }
-    renderActions(isSmall) {
-        return (h("pds-box", { class: isSmall ? "pds-alert__actions--small" : "pds-alert__actions", gap: "sm", flex: isSmall ? "none" : undefined, "align-items": isSmall ? undefined : "center" }, h("slot", { name: "actions" })));
-    }
-    renderContent() {
-        if (this.small) {
-            return (h("pds-box", { display: "flex", gap: "md", "align-items": "center" }, h("pds-text", { truncate: this.small, class: "pds-alert__description--small", color: "var(--pds-alert-color-text)", tag: "p" }, h("slot", null)), this.hasActionsContent && this.renderActions(true)));
-        }
-        return (h("div", null, h("pds-text", { class: "pds-alert__description", color: "var(--pds-alert-color-text)", tag: "p" }, h("slot", null)), this.hasActionsContent && this.renderActions(false)));
-    }
-    render() {
-        const iconMap = {
-            danger: 'warning-filled',
-            default: 'info-circle-filled',
-            info: 'info-circle-filled',
-            success: 'check-circle-filled',
-            warning: 'info-circle-filled',
-        };
-        // Get the icon name based on the current variant
-        const iconName = iconMap[this.variant] || iconMap.default;
-        return (h(Host, { key: 'fb36c6626a4b775971032936f3cc876d2471fc71', class: "pds-alert", id: this.componentId, variant: this.variant }, h("pds-box", { key: '5f80f68bfce168e11b9e83760b4a8d08b4a73b6b', class: `pds-alert__container pds-alert__container--${this.variant}`, "background-color": "var(--pds-alert-background)", "border-color": "var(--pds-alert-border-color)", "border-radius": "md", border: true, display: "block" }, h("pds-box", { key: '905b10e7132f0af4a37c4302f3a36fa48a6bcd68', gap: "sm", display: "flex", "align-items": this.small ? "center" : undefined }, !this.hideIcon && (h("pds-icon", { key: '278a614c942b76d923624c8df102e0138f39b142', class: `pds-alert__icon ${this.small ? 'pds-alert__icon--small' : ''}`, color: "var(--pds-alert-color-icon)", icon: iconName, size: "var(--pds-alert-icon-size)" })), h("pds-box", { key: '48b11184d688ebe68248b0d9198d491d42bb51c4', class: "pds-alert__content-wrapper", direction: "column", gap: "xs", flex: "grow" }, this.heading && !this.small && (h("pds-text", { key: '53930d08b766a91f8db5ef349d5bb7ac70e0a5cd', class: "pds-alert__heading", color: "var(--pds-alert-color-text)", size: "h5", tag: "h3", weight: "medium" }, this.heading)), this.renderContent()), this.dismissible && (h("button", { key: '95f4cd20c9e0fa9e652ebe7c9015aa73dad233d0', class: "pds-alert__dismiss", type: "button", part: "dismiss", "aria-label": "Dismiss alert", onClick: this.handleCloseClick }, h("pds-icon", { key: '3a8e7d24d602839c7250033f06899c1dc46467ce', icon: "remove", size: "var(--pds-alert-icon-size)", "aria-hidden": "true", color: "var(--pds-alert-color-dismiss)" })))))));
-    }
-    get el() { return this; }
-    static get style() { return pdsAlertTokensCss + pdsAlertCss; }
-}, [257, "pds-alert", {
-        "componentId": [1, "component-id"],
-        "heading": [1],
-        "small": [4],
-        "dismissible": [4],
-        "hideIcon": [4, "hide-icon"],
-        "variant": [1],
-        "hasActionsContent": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-alert", "pds-box", "pds-icon", "pds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-alert":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsAlert$1);
-            }
-            break;
-        case "pds-box":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsAlert = PdsAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsAlert, defineCustomElement };
-//# sourceMappingURL=pds-alert.js.map
-
-//# sourceMappingURL=pds-alert.js.map
+import{proxyCustomElement as r,HTMLElement as e,createEvent as o,h as l,Host as i,transformTag as n}from"@stencil/core/internal/client";import{d as a}from"./pds-box2.js";import{d as s}from"./pds-icon2.js";import{d as c}from"./pds-text2.js";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pdsAlertDismissClick=o(this,"pdsAlertDismissClick",7),this.small=!1,this.dismissible=!1,this.hideIcon=!1,this.variant="default",this.hasActionsContent=!1,this.handleCloseClick=()=>{this.pdsAlertDismissClick.emit()}}componentWillRender(){const r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r}renderActions(r){return l("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":void 0,"align-items":r?void 0:"center"},l("slot",{name:"actions"}))}renderContent(){return this.small?l("pds-box",{display:"flex",gap:"md","align-items":"center"},l("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},l("slot",null)),this.hasActionsContent&&this.renderActions(!0)):l("div",null,l("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},l("slot",null)),this.hasActionsContent&&this.renderActions(!1))}render(){const r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};return l(i,{key:"fb36c6626a4b775971032936f3cc876d2471fc71",class:"pds-alert",id:this.componentId,variant:this.variant},l("pds-box",{key:"5f80f68bfce168e11b9e83760b4a8d08b4a73b6b",class:"pds-alert__container pds-alert__container--"+this.variant,"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:!0,display:"block"},l("pds-box",{key:"905b10e7132f0af4a37c4302f3a36fa48a6bcd68",gap:"sm",display:"flex","align-items":this.small?"center":void 0},!this.hideIcon&&l("pds-icon",{key:"278a614c942b76d923624c8df102e0138f39b142",class:"pds-alert__icon "+(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:r[this.variant]||r.default,size:"var(--pds-alert-icon-size)"}),l("pds-box",{key:"48b11184d688ebe68248b0d9198d491d42bb51c4",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&l("pds-text",{key:"53930d08b766a91f8db5ef349d5bb7ac70e0a5cd",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&l("button",{key:"95f4cd20c9e0fa9e652ebe7c9015aa73dad233d0",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":"Dismiss alert",onClick:this.handleCloseClick},l("pds-icon",{key:"3a8e7d24d602839c7250033f06899c1dc46467ce",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))}get el(){return this}static get style(){return":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}:host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:0;margin-block-start:0}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}"}},[257,"pds-alert",{componentId:[1,"component-id"],heading:[1],small:[4],dismissible:[4],hideIcon:[4,"hide-icon"],variant:[1],hasActionsContent:[32]}]),p=t,d=function(){"undefined"!=typeof customElements&&["pds-alert","pds-box","pds-icon","pds-text"].forEach((r=>{switch(r){case"pds-alert":customElements.get(n(r))||customElements.define(n(r),t);break;case"pds-box":customElements.get(n(r))||a();break;case"pds-icon":customElements.get(n(r))||s();break;case"pds-text":customElements.get(n(r))||c()}}))};export{p as PdsAlert,d as defineCustomElement}