@pine-ds/core 4.4.4 → 4.6.0

package/components/attributes.js

@@ -1 +1 @@
-const a=(a,r)=>{Object.entries(r).forEach((([r,e])=>{a.getAttribute(r)!==e&&a.setAttribute(r,e)}))},r=a=>"string"==typeof a?a.split(/\s+/).filter(Boolean):Object.keys(a).filter((r=>a[r])),e=(a,r=[])=>{const e={};return r.forEach((r=>{a.hasAttribute(r)&&(null!==a.getAttribute(r)&&(e[r]=a.getAttribute(r)),a.removeAttribute(r))})),e},i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],t=a=>e(a,i);class s{constructor(){this.styling={classes:[],styles:{}},this.observer=null}record(a,e={},i={}){this.styling={classes:r(a),styles:e,attributes:i}}connect(a){var e;null!==(e=this.observer)&&void 0!==e||(this.observer=((a,e)=>{if("undefined"==typeof MutationObserver)return null;const i=new MutationObserver((i=>{const t=e(),s=i.filter((a=>"class"===a.attributeName&&null!=a.oldValue)).flatMap((e=>r(e.oldValue).filter((r=>((a,r)=>{const e=`sc-${a.localName}`;return"hydrated"===r||r===e||r===`${e}-h`||r===`${e}-s`})(a,r)))));((a,{classes:r,styles:e})=>{const i=r.filter((r=>!a.classList.contains(r)));i.length>0&&a.classList.add(...i),Object.entries(e).forEach((([r,e])=>{e&&""===a.style.getPropertyValue(r)&&a.style.setProperty(r,e)}))})(a,Object.assign(Object.assign({},t),{classes:[...t.classes,...s]})),i.forEach((({attributeName:r,oldValue:e})=>{var i;const s=null===(i=t.attributes)||void 0===i?void 0:i[r];null==e||null==s||!1===s||a.hasAttribute(r)||a.setAttribute(r,e)}))}));return i.observe(a,{attributes:!0,attributeOldValue:!0}),i})(a,(()=>this.styling)))}disconnect(){var a;null===(a=this.observer)||void 0===a||a.disconnect(),this.observer=null}}export{s as H,e as a,t as i,a as s}
+const e=e=>"string"==typeof e?e.split(/\s+/).filter(Boolean):Object.keys(e).filter((a=>e[a])),a=new Set,r=()=>{const e=Array.from(a);a.clear(),e.forEach((e=>e()))},t="host",i=(a,r,t)=>([...e(null!=t?t:""),...Array.from(r.classList)].filter((e=>((e,a)=>{const r=`sc-${e.localName}`;return"hydrated"===a||a===r||a===`${r}-h`||a===`${r}-s`})(r,e))).forEach((e=>a.add(e))),Array.from(a)),s=Symbol.for("@pine-ds/core/restoreWarnings"),n=()=>{var e;const a=globalThis;return null!==(e=a[s])&&void 0!==e?e:a[s]=new WeakMap},l=(e,t,i,s=t)=>{let l=0,o=!1;return(...u)=>{if(l>=5){if(!o){if(o=!0,i&&((e,a)=>{var r;const t=null!==(r=n().get(e))&&void 0!==r?r:new Set;return n().set(e,t),!!t.has(a)||(t.add(a),!1)})(i,s))return;console.warn("%s",t,i)}}else e(...u)&&(0===l&&(()=>{if(a.add((()=>l=0)),a.size>1)return;if("undefined"==typeof MessageChannel)return void setTimeout(r);const e=new MessageChannel;e.port1.onmessage=()=>{e.port1.close(),r()},e.port2.postMessage(null)})(),l+=1)}},o=Symbol.for("@pine-ds/core/keepPineHydrated"),u=()=>{if("undefined"==typeof MutationObserver||"undefined"==typeof document)return;const e=globalThis;if(e[o])return;const a=new WeakMap,r=new WeakMap,s=new MutationObserver((e=>{e.forEach((({target:e,oldValue:s})=>{const n=e;if(!n.localName.startsWith("pds-"))return;if(null==s&&!r.has(n))return;r.has(n)||r.set(n,new Set);const o=i(r.get(n),n,s);o.length>0&&(e=>{let r=a.get(e);return r||(r=l((a=>{const r=a.filter((a=>!e.classList.contains(a)));return r.length>0&&e.classList.add(...r),r.length>0}),`${e.localName}: stopped putting back its hydrated and scope classes, as another script keeps removing them.`,e,t),a.set(e,r)),r})(n)(o)}))}));s.observe(document,{subtree:!0,attributes:!0,attributeFilter:["class"],attributeOldValue:!0}),e[o]=s},c=(e,a)=>{let r=!1;return Object.entries(a).forEach((([a,t])=>{e.getAttribute(a)!==t&&(e.setAttribute(a,t),r=!0)})),r},d=(e,a=[])=>{const r={};return a.forEach((a=>{e.hasAttribute(a)&&(null!==e.getAttribute(a)&&(r[a]=e.getAttribute(a)),e.removeAttribute(a))})),r},p=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],b=e=>d(e,p);class h{constructor(){this.styling={classes:[],styles:{}},this.observer=null}record(a,r={},t={}){this.styling={classes:e(a),styles:r,attributes:t}}connect(e){var a;null!==(a=this.observer)&&void 0!==a||(this.observer=((e,a)=>{if("undefined"==typeof MutationObserver)return null;const r=e.tagName.toLowerCase(),s=new Set,n=new MutationObserver(l((r=>{const t=a(),n=r.filter((e=>"class"===e.attributeName)).flatMap((a=>i(s,e,a.oldValue)));let l=((e,{classes:a,styles:r})=>{const t=a.filter((a=>!e.classList.contains(a)));t.length>0&&e.classList.add(...t);const i=Object.entries(r).filter((([a,r])=>r&&""===e.style.getPropertyValue(a)));return i.forEach((([a,r])=>e.style.setProperty(a,r))),t.length>0||i.length>0})(e,Object.assign(Object.assign({},t),{classes:[...t.classes,...n]}));return r.forEach((({attributeName:a,oldValue:r})=>{var i;const s=null===(i=t.attributes)||void 0===i?void 0:i[a];null==r||null==s||!1===s||e.hasAttribute(a)||(e.setAttribute(a,r),l=!0)})),l}),`${r}: stopped restoring its host, as another script keeps changing it. Use props instead.`,e,t));return n.observe(e,{attributes:!0,attributeOldValue:!0}),n})(e,(()=>this.styling)))}disconnect(){var e;null===(e=this.observer)||void 0===e||e.disconnect(),this.observer=null}}export{h as H,d as a,b as i,u as k,l,c as s}

package/components/index.js

@@ -1 +1 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{T as TEXT_SIZES}from"./pds-text2.js";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{PdsDatepicker,defineCustomElement as defineCustomElementPdsDatepicker}from"./pds-datepicker.js";export{PdsDivider,defineCustomElement as defineCustomElementPdsDivider}from"./pds-divider.js";export{PdsDrawer,defineCustomElement as defineCustomElementPdsDrawer}from"./pds-drawer.js";export{PdsDrawerContent,defineCustomElement as defineCustomElementPdsDrawerContent}from"./pds-drawer-content.js";export{PdsDrawerFooter,defineCustomElement as defineCustomElementPdsDrawerFooter}from"./pds-drawer-footer.js";export{PdsDrawerHeader,defineCustomElement as defineCustomElementPdsDrawerHeader}from"./pds-drawer-header.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";
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{T as TEXT_SIZES}from"./pds-text2.js";export{k as keepPineHydrated}from"./attributes.js";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{PdsDatepicker,defineCustomElement as defineCustomElementPdsDatepicker}from"./pds-datepicker.js";export{PdsDivider,defineCustomElement as defineCustomElementPdsDivider}from"./pds-divider.js";export{PdsDrawer,defineCustomElement as defineCustomElementPdsDrawer}from"./pds-drawer.js";export{PdsDrawerContent,defineCustomElement as defineCustomElementPdsDrawerContent}from"./pds-drawer-content.js";export{PdsDrawerFooter,defineCustomElement as defineCustomElementPdsDrawerFooter}from"./pds-drawer-footer.js";export{PdsDrawerHeader,defineCustomElement as defineCustomElementPdsDrawerHeader}from"./pds-drawer-header.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/mock-pds-modal.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as d,createEvent as o,h as e,transformTag as i}from"@stencil/core/internal/client";const s=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.pdsModalOpen=o(this,"pdsModalOpen",7),this.pdsModalClose=o(this,"pdsModalClose",7),this.pdsModalBackdropClick=o(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(a){const d=this.el.querySelector(".pds-modal__backdrop");a.target===d&&!0===this.backdropDismiss&&(this.pdsModalBackdropClick.emit(),this.hideModal())}handleKeyDown(a){"Escape"===a.key&&!0===this.open&&(a.preventDefault(),!0===this.backdropDismiss&&this.hideModal())}componentDidLoad(){}render(){return e("div",{key:"1211583aae06cfa7726371ba18796d7704d9e468",class:{"pds-modal__backdrop":!0,open:this.open}},e("div",{key:"8376a213a21b8f5ee78b9e58e2265d27ce957307",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"},e("div",{key:"4dfcad52e69fa2f207ed09c3ee3a225a1d789e71",class:"pds-modal__header"},e("slot",{key:"8d9710b91f6f83bc20b2f93b9e4e9fa5f59ae2ce",name:"header"})),e("div",{key:"f3291bf921619eabb6d63aa80e006f94239325fc",class:"pds-modal-content"},e("slot",{key:"19dca53455f9943e394d8ed9ea722a1a591e5de6"})),e("div",{key:"835caa9692b1109649edc7d4daf308bb10ed0cd9",class:"pds-modal__footer"},e("slot",{key:"f30033b8f842923df9780b893d05428dc14452dc",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[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.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--custom{max-width:var(--pds-modal-max-width, 700px)}.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((a=>{"mock-pds-modal"===a&&(customElements.get(i(a))||customElements.define(i(a),s))}))};export{t as MockPdsModal,r as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as o,createEvent as d,h as e,transformTag as i}from"@stencil/core/internal/client";const s=a(class extends o{constructor(a){super(),!1!==a&&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(a){const o=this.el.querySelector(".pds-modal__backdrop");a.target===o&&!0===this.backdropDismiss&&(this.pdsModalBackdropClick.emit(),this.hideModal())}handleKeyDown(a){"Escape"===a.key&&!0===this.open&&(a.preventDefault(),!0===this.backdropDismiss&&this.hideModal())}componentDidLoad(){}render(){return e("div",{key:"3a526f6883d7e7df35985a145962f656621535c1",class:{"pds-modal__backdrop":!0,open:this.open}},e("div",{key:"3af0487dc8c8831903cd7c22ffbf3e708b067ad7",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"},e("div",{key:"94e6205042ee91dac0823901cc97b79e93a515f2",class:"pds-modal__header"},e("slot",{key:"ca04b575ccceabd431e3f5c57189f17f9aae6089",name:"header"})),e("div",{key:"f8327a261e70b622add1dd4ee21b5f8e8d91e603",class:"pds-modal-content"},e("slot",{key:"a1a9c30d0f5479b0004ace4544e3d96ae87465be"})),e("div",{key:"af5fa59922047eeec7cbf0a0e1ee4b472b16079c",class:"pds-modal__footer"},e("slot",{key:"3c469bf94bb3a26dfd8046a5eda481f9d55edca1",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[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.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--custom{max-width:var(--pds-modal-max-width, 700px)}.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((a=>{"mock-pds-modal"===a&&(customElements.get(i(a))||customElements.define(i(a),s))}))};export{t as MockPdsModal,r as defineCustomElement}