@pine-ds/core 4.4.3 → 4.4.4

package/dist/esm-es5/pds-copytext.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{a as copy}from"./index-DxI-61GK.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-_902ENWC.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsCopytextCss=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick");this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:e=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)}}t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;return h(Host,{key:"5a72c4f71f1d5573b6e708a8a0e0e003a7915935",class:this.classNames(),id:this.componentId},h("pds-button",{key:"eb14f7f0137a9ba13d4ce8f54edda0f5aedd1be0",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"aaa00e1272559dc2b808757b6323753ff45574b0",ref:function(e){return t.valueSpanEl=e}},this.value),h("pds-icon",{key:"4c383f7f4b7d696bda724989c6462d0c8aafcbc1","aria-hidden":"true",icon:copy,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}();PdsCopytext.style=pdsCopytextCss();export{PdsCopytext as pds_copytext};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{H as HostStylingKeeper}from"./attributes-myrJDwbR.js";import{a as copy}from"./index-DxI-61GK.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-_902ENWC.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsCopytextCss=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick");this.hostKeeper=new HostStylingKeeper;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};t.prototype.restoreBorderDefault=function(t){this.border=restoreReflectedDefault(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return h(Host,{key:"1c43941f808f58a53f1c445e0f5693985c793c35",class:e,id:this.componentId},h("pds-button",{key:"d771d2587a11f1b27bded17b5df5e649ea93cd90",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"0d4fd25220cac636b328fd1ee1aba40d07296265",ref:function(e){return t.valueSpanEl=e}},this.value),h("pds-icon",{key:"832a044c10843bb90833301cc3f3ea1f7b755f42","aria-hidden":"true",icon:copy,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}();PdsCopytext.style=pdsCopytextCss();export{PdsCopytext as pds_copytext};

package/dist/esm-es5/pds-drawer-content.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerContentCss=function(){return"pds-drawer-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}.pds-drawer-content{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:var(--pine-dimension-md);width:100%}.pds-modal--scrollable pds-drawer-content{overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-drawer-content{overflow-y:visible}"};var PdsDrawerContent=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer-content"),".pds-drawer-content")};e.prototype.render=function(){return h("div",{key:"b4b41258eccaae8e0a9df90a75fb30d65a7ac9c4",class:"pds-drawer-content"},h("slot",{key:"ef90ed5b3f84b51a2938e1d8fd021b971c1c0de9"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerContent.style=pdsDrawerContentCss();export{PdsDrawerContent as pds_drawer_content};
+import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerContentCss=function(){return"pds-drawer-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}.pds-drawer-content{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:var(--pine-dimension-md);width:100%}.pds-modal--scrollable pds-drawer-content{overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-drawer-content{overflow-y:visible}"};var PdsDrawerContent=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer-content"),".pds-drawer-content")};e.prototype.render=function(){return h("div",{key:"b15b087506c1292f9d67e531e8d935069749c09d",class:"pds-drawer-content"},h("slot",{key:"9c60ca75c7905e7e994f9c41eee213b962afb833"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerContent.style=pdsDrawerContentCss();export{PdsDrawerContent as pds_drawer_content};

package/dist/esm-es5/pds-drawer-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerFooterCss=function(){return"pds-drawer-footer{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__footer{-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-sm);-ms-flex-pack:end;justify-content:flex-end;padding:var(--pine-dimension-md);width:100%}"};var PdsDrawerFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer__footer"),".pds-drawer__footer")};e.prototype.render=function(){return h("footer",{key:"383f7cb7a95a71bd03b2e328cd4b41117e17c631",class:"pds-drawer__footer"},h("slot",{key:"e9e9b6c7fef502c8004223bc8611e8d798ecb966"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerFooter.style=pdsDrawerFooterCss();export{PdsDrawerFooter as pds_drawer_footer};
+import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerFooterCss=function(){return"pds-drawer-footer{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__footer{-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-sm);-ms-flex-pack:end;justify-content:flex-end;padding:var(--pine-dimension-md);width:100%}"};var PdsDrawerFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer__footer"),".pds-drawer__footer")};e.prototype.render=function(){return h("footer",{key:"a4eec0aff617c605b94f8d3b9ec1e2d98cded6fb",class:"pds-drawer__footer"},h("slot",{key:"6dc379c940e37edfd05d99728be9dff58ca1d717"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerFooter.style=pdsDrawerFooterCss();export{PdsDrawerFooter as pds_drawer_footer};

package/dist/esm-es5/pds-drawer-header.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerHeaderCss=function(){return"pds-drawer-header{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__header{-ms-flex-align:center;align-items:center;-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-md);width:100%}"};var PdsDrawerHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer__header"),".pds-drawer__header")};e.prototype.render=function(){return h("header",{key:"5524b12af7c07d322ebd6726bd1a28320a838e77",class:"pds-drawer__header"},h("slot",{key:"8212060c5c48a53d05d320bb625ce2b6dce7c6c3"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerHeader.style=pdsDrawerHeaderCss();export{PdsDrawerHeader as pds_drawer_header};
+import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerHeaderCss=function(){return"pds-drawer-header{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__header{-ms-flex-align:center;align-items:center;-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-md);width:100%}"};var PdsDrawerHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-drawer__header"),".pds-drawer__header")};e.prototype.render=function(){return h("header",{key:"6b9338e5dbf7a7e580c11b28c95ca53693528382",class:"pds-drawer__header"},h("slot",{key:"0990fbcf94c0c438b98cf1e8945f1e2fd9aa33dc"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDrawerHeader.style=pdsDrawerHeaderCss();export{PdsDrawerHeader as pds_drawer_header};

package/dist/esm-es5/pds-drawer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{c as containsComposed,a as closest}from"./closest-DHPzKMVS.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerCss=function(){return".pds-drawer__modal>.pds-modal__backdrop{-ms-flex-align:stretch;align-items:stretch;background-color:transparent;pointer-events:none}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-drawer__modal>.pds-modal__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.pds-drawer__modal>.pds-modal__backdrop[aria-modal]::before{content:none}.pds-drawer__modal>.pds-modal__backdrop>.pds-modal{border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%;pointer-events:auto;width:var(--pds-drawer-width, 500px)}.pds-drawer{display:contents}.pds-drawer.pds-drawer--end .pds-drawer__modal>.pds-modal__backdrop{-ms-flex-pack:end;justify-content:flex-end}.pds-drawer.pds-drawer--start .pds-drawer__modal>.pds-modal__backdrop{-ms-flex-pack:start;justify-content:flex-start}.pds-drawer.pds-drawer--sm{--pds-drawer-width:360px}.pds-drawer.pds-drawer--md{--pds-drawer-width:500px}"};var PORTALED_OVERLAY_SELECTOR=".pds-popover, .pds-tooltip, .pds-combobox-dropdown-portal";var PdsDrawer=function(){function r(r){registerInstance(this,r);this.pdsDrawerOpen=createEvent(this,"pdsDrawerOpen");this.pdsDrawerClose=createEvent(this,"pdsDrawerClose");this.open=false;this.side="end";this.size="md";this.scrollable=true;this.lightDismiss=true;this.initialFocus="auto"}r.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector("pds-modal.pds-drawer__modal .pds-modal"),"pds-modal.pds-drawer__modal",".pds-modal")};r.prototype.handleModalClose=function(r){if(r.target!==this.modalEl)return;this.open=false;this.pdsDrawerClose.emit()};r.prototype.handleModalOpen=function(r){if(r.target!==this.modalEl)return;this.pdsDrawerOpen.emit()};r.prototype.handleOutsidePointerDown=function(r){if(!this.lightDismiss||!this.open)return;var e=r.target;if(!e)return;if(this.el.contains(e))return;if(e.closest(PORTALED_OVERLAY_SELECTOR))return;var d=e.closest(".pds-datepicker-calendar-portal");var s=d===null||d===void 0?void 0:d.pdsDatepicker;if(s&&(containsComposed(this.el,s)||closest(PORTALED_OVERLAY_SELECTOR,s)))return;if(e.closest("pds-modal"))return;this.open=false};r.prototype.render=function(){var r;var e=this;return h(Host,{key:"0ca6f9e5c49323c0b72c6338ecd172262afdd999",class:(r={"pds-drawer":true},r["pds-drawer--".concat(this.side)]=true,r["pds-drawer--".concat(this.size)]=true,r)},h("pds-modal",{key:"5b87fdc3aaedaa7cc7efe43482314dae8621d8c6",class:"pds-drawer__modal",ref:function(r){return e.modalEl=r},componentId:this.componentId,open:this.open,scrollable:this.scrollable,disableTopLayer:true,backdropDismiss:this.lightDismiss,disableInitialFocus:this.initialFocus==="none"},h("slot",{key:"dde3adec14308881defd57f75df9393bf9f9f48f"})))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsDrawer.style=pdsDrawerCss();export{PdsDrawer as pds_drawer};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{c as containsComposed,a as closest}from"./closest-DHPzKMVS.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsDrawerCss=function(){return".pds-drawer__modal>.pds-modal__backdrop{-ms-flex-align:stretch;align-items:stretch;background-color:transparent;pointer-events:none}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-drawer__modal>.pds-modal__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.pds-drawer__modal>.pds-modal__backdrop[aria-modal]::before{content:none}.pds-drawer__modal>.pds-modal__backdrop>.pds-modal{border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%;pointer-events:auto;width:var(--pds-drawer-width, 500px)}.pds-drawer{display:contents}.pds-drawer.pds-drawer--end .pds-drawer__modal>.pds-modal__backdrop{-ms-flex-pack:end;justify-content:flex-end}.pds-drawer.pds-drawer--start .pds-drawer__modal>.pds-modal__backdrop{-ms-flex-pack:start;justify-content:flex-start}.pds-drawer.pds-drawer--sm{--pds-drawer-width:360px}.pds-drawer.pds-drawer--md{--pds-drawer-width:500px}"};var PORTALED_OVERLAY_SELECTOR=".pds-popover, .pds-tooltip, .pds-combobox-dropdown-portal";var PdsDrawer=function(){function r(r){registerInstance(this,r);this.pdsDrawerOpen=createEvent(this,"pdsDrawerOpen");this.pdsDrawerClose=createEvent(this,"pdsDrawerClose");this.open=false;this.side="end";this.size="md";this.scrollable=true;this.lightDismiss=true;this.initialFocus="auto"}r.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector("pds-modal.pds-drawer__modal .pds-modal"),"pds-modal.pds-drawer__modal",".pds-modal")};r.prototype.handleModalClose=function(r){if(r.target!==this.modalEl)return;this.open=false;this.pdsDrawerClose.emit()};r.prototype.handleModalOpen=function(r){if(r.target!==this.modalEl)return;this.pdsDrawerOpen.emit()};r.prototype.handleOutsidePointerDown=function(r){if(!this.lightDismiss||!this.open)return;var e=r.target;if(!e)return;if(this.el.contains(e))return;if(e.closest(PORTALED_OVERLAY_SELECTOR))return;var s=e.closest(".pds-datepicker-calendar-portal");var t=s===null||s===void 0?void 0:s.pdsDatepicker;if(t&&(containsComposed(this.el,t)||closest(PORTALED_OVERLAY_SELECTOR,t)))return;if(e.closest("pds-modal"))return;this.open=false};r.prototype.render=function(){var r;var e=this;return h(Host,{key:"166bc90b45d29f64f11b6840e7c6ae798bf14261",class:(r={"pds-drawer":true},r["pds-drawer--".concat(this.side)]=true,r["pds-drawer--".concat(this.size)]=true,r)},h("pds-modal",{key:"2faa1cee1f34a85e9df0cabb8e78803982414982",class:"pds-drawer__modal",ref:function(r){return e.modalEl=r},componentId:this.componentId,open:this.open,scrollable:this.scrollable,disableTopLayer:true,backdropDismiss:this.lightDismiss,disableInitialFocus:this.initialFocus==="none"},h("slot",{key:"93968e612756c398f6d1faf9383f6c88c420da28"})))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsDrawer.style=pdsDrawerCss();export{PdsDrawer as pds_drawer};

package/dist/esm-es5/pds-dropdown-menu.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift}from"./floating-ui.dom-BPqJgIq6.js";var pdsDropdownMenuCss=function(){return":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}"};var PdsDropdownMenu=function(){function i(i){var e=this;registerInstance(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();e.triggerEl=t[0];e.triggerEl.onclick=e.handleClick;e.triggerEl.setAttribute("aria-haspopup","menu");e.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var r=t.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(r.length>0){var s=r.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}e.menuItems=t.filter((function(i){var e=i.tagName.toLowerCase();return e==="pds-dropdown-menu-item"||e==="a"||e==="button"}))};this.toggleDropdown=function(){e.isOpen=!e.isOpen;if(e.isOpen){e.openDropdown()}else{e.closeDropdown()}};this.openDropdown=function(){var i;var t=function(){computePosition(e.triggerEl,e.panelEl,{placement:e.placement,strategy:"fixed",middleware:[offset(6),flip(),shift({padding:5})]}).then((function(i){var t=i.x,n=i.y;Object.assign(e.panelEl.style,{left:"".concat(t,"px"),top:"".concat(n,"px")})}))};t();e.cleanupAutoUpdate=autoUpdate(e.triggerEl,e.panelEl,t);(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");e.isOpen=true;e.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=function(){var i;(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");e.isOpen=false;if(e.cleanupAutoUpdate){e.cleanupAutoUpdate();e.cleanupAutoUpdate=null}e.triggerEl.setAttribute("aria-expanded","false");e.currentFocusIndex=-1;if(e.isFocusInMenu()){e.triggerEl.focus()}};this.handleClick=function(){e.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.disconnectedCallback=function(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}};i.prototype.isFocusInMenu=function(){var i=this.host.getRootNode().activeElement;return i!=null&&this.host.contains(i)};i.prototype.isItemDisabled=function(i){var e=i.tagName.toLowerCase();if(e==="pds-dropdown-menu-item"){return i.disabled}else if(e==="button"){return i.disabled}else if(e==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(e){if(e===i)return true;if(e.tagName.toLowerCase()==="pds-dropdown-menu-item"){var t=e.shadowRoot;if(t===null||t===void 0?void 0:t.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var e,t,n,r,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var o=this.menuItems[i];var a=o.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=o;var h=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("button");var l=((r=(n=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(h){h.focus()}else if(l){l.focus()}else{d.focus()}}else{o.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var e=0;while(e<this.menuItems.length&&this.isItemDisabled(this.menuItems[e])){e++}if(e<this.menuItems.length){this.focusItemByIndex(e)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var t=this.menuItems.length-1;while(t>=0&&this.isItemDisabled(this.menuItems[t])){t--}if(t>=0){this.focusItemByIndex(t)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var r=document.activeElement;var s=r===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return h(Host,{key:"a49d859ea4b881c025620b3bad3157af8ceceb36",id:this.componentId},h("slot",{key:"2669398c6b6f0ad4037ba34695b0880afa4c69b9",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),h("pds-box",{key:"e2a6d7892bfe4ead980df8f702e5387e62d6bd05","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},h("slot",{key:"70fa9b2ac96f528ae0ebd28486b5a934fb705413",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsDropdownMenu.style=pdsDropdownMenuCss();export{PdsDropdownMenu as pds_dropdown_menu};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{s as setAttributesIfChanged}from"./attributes-myrJDwbR.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift}from"./floating-ui.dom-BPqJgIq6.js";var pdsDropdownMenuCss=function(){return":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}"};var PdsDropdownMenu=function(){function i(i){var t=this;registerInstance(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.triggerObserver=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();t.triggerEl=e[0];if(t.triggerEl){t.triggerEl.onclick=t.handleClick;t.syncTriggerAria()}t.observeTrigger()};this.syncTriggerAria=function(){if(!t.triggerEl)return;setAttributesIfChanged(t.triggerEl,{"aria-haspopup":"menu","aria-expanded":String(t.isOpen)})};this.handleSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var s=e.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(s.length>0){var r=s.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(r,". ")+"Expected: ".concat(n.join(", ")))}t.menuItems=e.filter((function(i){var t=i.tagName.toLowerCase();return t==="pds-dropdown-menu-item"||t==="a"||t==="button"}))};this.toggleDropdown=function(){t.isOpen=!t.isOpen;if(t.isOpen){t.openDropdown()}else{t.closeDropdown()}};this.openDropdown=function(){var i;var e=function(){computePosition(t.triggerEl,t.panelEl,{placement:t.placement,strategy:"fixed",middleware:[offset(6),flip(),shift({padding:5})]}).then((function(i){var e=i.x,n=i.y;Object.assign(t.panelEl.style,{left:"".concat(e,"px"),top:"".concat(n,"px")})}))};e();t.cleanupAutoUpdate=autoUpdate(t.triggerEl,t.panelEl,e);(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");t.isOpen=true;t.syncTriggerAria()};this.closeDropdown=function(){var i;(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");t.isOpen=false;if(t.cleanupAutoUpdate){t.cleanupAutoUpdate();t.cleanupAutoUpdate=null}t.syncTriggerAria();t.currentFocusIndex=-1;if(t.isFocusInMenu()){t.triggerEl.focus()}};this.handleClick=function(){t.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.connectedCallback=function(){this.observeTrigger();this.syncTriggerAria()};i.prototype.disconnectedCallback=function(){var i;if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null};i.prototype.observeTrigger=function(){var i;(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null;if(!this.triggerEl||typeof MutationObserver==="undefined")return;this.triggerObserver=new MutationObserver(this.syncTriggerAria);this.triggerObserver.observe(this.triggerEl,{attributes:true,attributeFilter:["aria-haspopup","aria-expanded"]})};i.prototype.isFocusInMenu=function(){var i=this.host.getRootNode().activeElement;return i!=null&&this.host.contains(i)};i.prototype.isItemDisabled=function(i){var t=i.tagName.toLowerCase();if(t==="pds-dropdown-menu-item"){return i.disabled}else if(t==="button"){return i.disabled}else if(t==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(t){if(t===i)return true;if(t.tagName.toLowerCase()==="pds-dropdown-menu-item"){var e=t.shadowRoot;if(e===null||e===void 0?void 0:e.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var t,e,n,s,r;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var o=this.menuItems[i];var a=o.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=o;var u=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("button");var h=((s=(n=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"))||((r=d.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"));if(u){u.focus()}else if(h){h.focus()}else{d.focus()}}else{o.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var t=0;while(t<this.menuItems.length&&this.isItemDisabled(this.menuItems[t])){t++}if(t<this.menuItems.length){this.focusItemByIndex(t)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var e=this.menuItems.length-1;while(e>=0&&this.isItemDisabled(this.menuItems[e])){e--}if(e>=0){this.focusItemByIndex(e)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var s=document.activeElement;var r=s===this.triggerEl;var n=this.getFocusedItemIndex();if(r&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return h(Host,{key:"9d67972cf15c22bc666c32b86dcd8f143160ee0a",id:this.componentId},h("slot",{key:"e9cbc0612ce0e8c2bf55e1dc7930eda075fcc173",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),h("pds-box",{key:"6fed3f11cf962a97f8ebb3cc69bd76efb425c464","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},h("slot",{key:"b8757512713b913f3ee56d9518897e7ed3c3b830",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsDropdownMenu.style=pdsDropdownMenuCss();export{PdsDropdownMenu as pds_dropdown_menu};

package/dist/esm-es5/pds-input.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{b as danger}from"./index-DxI-61GK.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;cancelDebouncedEvent(this.pdsInput);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i);flushDebouncedEvent(r)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,o=r.invalid,d=o===void 0?false:o,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":d||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"8c0829cc3502e5fa1fe52584d84b9345fcb0f3fd","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"cf754e6fc72d2cf900e541a469a8e0ba62851538",class:"pds-input"},a&&h("div",{key:"f55793898eb2840322ec9a79daed186420ef0d90",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"2a7deac2a9443b1a648133a799b69414b96314e3",htmlFor:i,class:"pds-input__label"},h("span",{key:"75dc7787e0132c4f62272307867a8066f9cf6ce2"},a,this.required&&h("span",{key:"c7c413addd2b3f275031596598b030c02f647969",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"eaf09d07c4fbc84ef835d2c7b4f00e252394f5ed",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"dca2390b44e430f0ab1d29daa4ce630ac3b12881",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,d,s,t),"aria-invalid":d?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"0bd7859f44185ed0c1478833518cb5829ffea4ad",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"c40016f5bb03e292e01430c2940aff0ebb98abb5",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"54985d775ddf951b50cae4796b7847e98de7434f","aria-hidden":"true",icon:danger,size:"small"}),t)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-myrJDwbR.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{b as danger}from"./index-DxI-61GK.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;cancelDebouncedEvent(this.pdsInput);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i);flushDebouncedEvent(r)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,o=r.invalid,d=o===void 0?false:o,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":d||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"8c0829cc3502e5fa1fe52584d84b9345fcb0f3fd","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"cf754e6fc72d2cf900e541a469a8e0ba62851538",class:"pds-input"},a&&h("div",{key:"f55793898eb2840322ec9a79daed186420ef0d90",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"2a7deac2a9443b1a648133a799b69414b96314e3",htmlFor:i,class:"pds-input__label"},h("span",{key:"75dc7787e0132c4f62272307867a8066f9cf6ce2"},a,this.required&&h("span",{key:"c7c413addd2b3f275031596598b030c02f647969",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"eaf09d07c4fbc84ef835d2c7b4f00e252394f5ed",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"dca2390b44e430f0ab1d29daa4ce630ac3b12881",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,d,s,t),"aria-invalid":d?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"0bd7859f44185ed0c1478833518cb5829ffea4ad",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"c40016f5bb03e292e01430c2940aff0ebb98abb5",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"54985d775ddf951b50cae4796b7847e98de7434f","aria-hidden":"true",icon:danger,size:"small"}),t)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};

package/dist/esm-es5/pds-loader.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-bLhIfh0N.js";var pdsLoaderCss=function(){return":host{--loader-color:var(--pine-color-primary);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}"};var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.getSvgStyle=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}}}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return h(Host,{key:"173f7ae2d2f49807144df2faa8d8a765f92da235",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"05bc278d18ef2470d87676b3a53d691a6a9872dd",class:"pds-loader--spinner"},h("svg",{key:"fcfc87492dd5cdbc7bf471089a038bd8b057f6ec",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"d9f6aecc7e5a8b03e2d18f79125fd6190b27803c"},h("linearGradient",{key:"7851a1b709bccac7704b3822e1aae292d3a68e2d",id:"spinner-secondHalf"},h("stop",{key:"3d4a75792365cad4ea417794dca6c440859f8ce3",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"7287acab80b1ea32f884cf69ceb19989603e0882",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"0ec8d95161c24d14773ebee01c189f269079b79d",id:"spinner-firstHalf"},h("stop",{key:"2a7cea30b2bf2044a14f29f4d64728150669d048",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"608bd5cc1c7b9014a5f183d9e06efe4a0c119616",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"36016dc3bd8a2e4f03f4f287881bfe1b7ce15494",class:"pds-loader__spinner-path"},h("path",{key:"9410bff29a42cd469ed0f52510a36f7d173b2247",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"66e8283575e53ca52edd12e95c6545406d39c361",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"1c8a7526bc763ac62f0e8c762ab47cb2bca0ec89",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"2c8f9596beb8010778e0cf79f006970769da9795",class:"pds-loader--typing"},h("span",{key:"587cd8da845d1223a5e8b2d199d049ccc1ed78aa"}),h("span",{key:"972f7844a5f2469adbb04b15ebf41e49eb5c0354"}),h("span",{key:"575511989d50f6d9436b846cadec1a5a4fa57c1e"})),h("div",{key:"70f1b43a79a1d2605145a5ea6fe86e0a6059889d",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"9a981b8530200aa91916017180266edaea6da9ac",name:"label"},"Loading...")))};return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{H as HostStylingKeeper}from"./attributes-myrJDwbR.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";var pdsLoaderCss=function(){return":host{--loader-color:var(--pine-color-primary);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}"};var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.hostKeeper=new HostStylingKeeper;this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.getSvgStyle=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}}}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.restoreSizeDefault=function(e){this.size=restoreReflectedDefault(this.el,"size",e,"md")};e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){var e="pds-loader ".concat(this.isLoading?"":"pds-loader--hidden");var i={"aria-hidden":this.isLoading?null:"true","aria-busy":this.isLoading?"true":null,"aria-live":"polite"};this.hostKeeper.record(e,{},i);return h(Host,Object.assign({key:"81f97b8a6adf4d2c0e5516aa2af9054e200629e1",class:e},i),this.variant==="spinner"&&h("div",{key:"6e25806c83d6ddeb1141acdd083654867c6ff8a2",class:"pds-loader--spinner"},h("svg",{key:"4798f27facfcf57da8d408319527fc6083489107",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"0c64abfabc18ccd51ef41017e088f6ec10736d61"},h("linearGradient",{key:"3aa61edf6250dc827bf925938b69008860f96596",id:"spinner-secondHalf"},h("stop",{key:"2693d8a866492ef4ca98cbc4beb5f9f1a34a8b52",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"ae229fdc73733e4d6ab15a6663e67b574bd49b40",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"8ddbb46a1a387113d74a82cc4e3e0e9c7e12d573",id:"spinner-firstHalf"},h("stop",{key:"d166a3c1ae37c3afa898351683b07f5c4d0ee906",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"e4c9790bc9a645d752aa56c238fb8708310208b5",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"8b3897ff925d4207f9060e2fb69afa657b1b8fe3",class:"pds-loader__spinner-path"},h("path",{key:"603ef195d1fc64d2059d9fbfeb9b14e2bdb1cabe",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"a649ac9538248f5a22d48008377e18f4407efad9",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"37f3772b61d1459959cc4d8c0b5c729dbd6953ff",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"e510c2e6498a5542ce6e6573fdc03e8770121cd7",class:"pds-loader--typing"},h("span",{key:"bbf4f5a328175f06b221d9abc73118505a09455d"}),h("span",{key:"9a7e80b28e1455ef9d0c1bdb330a6425a3037709"}),h("span",{key:"f8aa1eb4f822a6d0e2a14a982bbe99866a97815b"})),h("div",{key:"3492189495798a2ea861d0dcb460f1b25d43d565",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"c1a19415b513a2a5f76a53d64b0ef5fbb4a5d100",name:"label"},"Loading...")))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{restoreSizeDefault:0}]}},enumerable:false,configurable:true});return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};

package/dist/esm-es5/pds-modal-content.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalContentCss=function(){return"pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}"};var PdsModalContent=function(){function t(t){registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal-content"),".pds-modal-content")};t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var n=o.scrollHeight>o.clientHeight;if(!n){this.border="none";return}var r=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var d=r+i;var a=3;var l=r<=a;var c=d>=s-a;if(l&&c){this.border="none"}else if(l&&!c){this.border="bottom"}else if(!l&&c){this.border="top"}else{this.border="both"}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight="none"}return}var r=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=r?r.offsetHeight:0;var d=s?s.offsetHeight:0;if(i>0||d>0){var a=Math.round(window.innerHeight*.06);var l=i+d+48+a+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return h(Host,{key:"3e8352c946c3646a485ca505e11de3ace3906435"},h("div",{key:"d1fb3cb8f2c7ce0c3b19787152d93c1a0ac84b72",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"6d263b4960a3cffe985ee3af6d6e22e97ded4b7e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsModalContent.style=pdsModalContentCss();export{PdsModalContent as pds_modal_content};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalContentCss=function(){return"pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}"};var PdsModalContent=function(){function t(t){registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal-content"),".pds-modal-content")};t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var n=o.scrollHeight>o.clientHeight;if(!n){this.border="none";return}var r=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var d=r+i;var a=3;var l=r<=a;var c=d>=s-a;if(l&&c){this.border="none"}else if(l&&!c){this.border="bottom"}else if(!l&&c){this.border="top"}else{this.border="both"}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight="none"}return}var r=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=r?r.offsetHeight:0;var d=s?s.offsetHeight:0;if(i>0||d>0){var a=Math.round(window.innerHeight*.06);var l=i+d+48+a+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return h(Host,{key:"f66dbdd08d6af3f87b0a6e8f30e1948b2f674e34"},h("div",{key:"ac0469cbfe48002d5bc7f401e0dc30926cfd4421",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"26a8a45ab4dcd0349da68304fa3cacc64603208a"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsModalContent.style=pdsModalContentCss();export{PdsModalContent as pds_modal_content};

package/dist/esm-es5/pds-modal-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalFooterCss=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var PdsModalFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};e.prototype.render=function(){return h("footer",{key:"ed10ed9c8ab3a472ec9e4d20683c4c209877a6c2",class:"pds-modal__footer"},h("slot",{key:"35765b1624e35dfc540620b7fca20dba3a5c2ca7"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalFooter.style=pdsModalFooterCss();export{PdsModalFooter as pds_modal_footer};
+import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalFooterCss=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var PdsModalFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};e.prototype.render=function(){return h("footer",{key:"1148892c2d6b9a461f6c04a670fceda76c1be53a",class:"pds-modal__footer"},h("slot",{key:"ccd754674c82c415f8c056c9dda6327df35dbd03"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalFooter.style=pdsModalFooterCss();export{PdsModalFooter as pds_modal_footer};

package/dist/esm-es5/pds-modal-header.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalHeaderCss=function(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"};var PdsModalHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__header"),".pds-modal__header")};e.prototype.render=function(){return h("header",{key:"247373607b807a1428d5b3e7726bd88b6c23776b",class:"pds-modal__header"},h("slot",{key:"75e7cbf018c82809d23ad4095546af2cd5a01823"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalHeader.style=pdsModalHeaderCss();export{PdsModalHeader as pds_modal_header};
+import{r as registerInstance,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalHeaderCss=function(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"};var PdsModalHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__header"),".pds-modal__header")};e.prototype.render=function(){return h("header",{key:"030153b84f1ea1cb133c9ccec3ad86583995974f",class:"pds-modal__header"},h("slot",{key:"3a479e7047f3e845a65c37d60539648c8ff78602"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalHeader.style=pdsModalHeaderCss();export{PdsModalHeader as pds_modal_header};

package/dist/esm-es5/pds-modal.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-bLhIfh0N.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalCss=function(){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}'};var PRESET_SIZES=["sm","md","lg","fullscreen"];var isCustomLength=function(t){return/^[a-z0-9.%+\-*/(), ]+$/i.test(t)&&/\d/.test(t)&&(typeof CSS==="undefined"||CSS.supports("max-width",t))};var PdsModal=function(){function t(t){var i=this;registerInstance(this,t);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){var e,n,a;if(!i.open)return;if(t.key==="Escape"){var o=t;if(!("__pdsActiveElementAtEscape"in o)){var r=document.activeElement;o.__pdsActiveElementAtEscape=r;var d=(e=r===null||r===void 0?void 0:r.closest("dialog"))!==null&&e!==void 0?e:null;o.__pdsTopLayerDialogAtEscape=d;o.__pdsTopLayerDialogWasModalAtEscape=!!(d&&d.matches(":modal"))}var s=o.__pdsActiveElementAtEscape;if(i.disableTopLayer&&s&&s!==document.body&&!i.el.contains(s)&&i.isStackedAboveOverlay(s,(n=o.__pdsTopLayerDialogAtEscape)!==null&&n!==void 0?n:null,(a=o.__pdsTopLayerDialogWasModalAtEscape)!==null&&a!==void 0?a:false)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;i.updateFocusableElements();if(i.focusableElements.length===0)return;var l=i.focusableElements[0];var p=i.focusableElements[i.focusableElements.length-1];var c=document.activeElement;var u=c===l||l.contains(c);var h=c===p||p.contains(c);if(t.shiftKey&&u){t.preventDefault();i.focusElement(p)}else if(!t.shiftKey&&h){t.preventDefault();i.focusElement(l)}}}}t.prototype.componentWillLoad=function(){this.warnOnInvalidSize()};t.prototype.sizeChanged=function(){this.warnOnInvalidSize()};t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown);if(this.open){this.showModal()}};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){if(typeof t.checkVisibility==="function")return t.checkVisibility({checkVisibilityCSS:true});var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(i){i.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){var i,e;t.updateFocusableElements();if(t.disableInitialFocus){var n=document.activeElement;var a=n!==null&&n!==document.body&&!((i=t.modalRef)===null||i===void 0?void 0:i.contains(n));if(!a){if(t.previousActiveElement!==document.body&&typeof((e=t.previousActiveElement)===null||e===void 0?void 0:e.focus)==="function"){t.previousActiveElement.focus()}else if(n instanceof HTMLElement){n.blur()}}}else{t.setInitialFocus()}t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){if(this.modalRef){try{t=document.activeElement;i=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;if(!i&&this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isStackedAboveOverlay=function(t,i,e){if(i&&i!==this.modalRef&&e){return true}var n=this.getBackdropZIndex(this.el);var a=t;while(a&&a!==document.body){var o=getComputedStyle(a);var r=parseInt(o.zIndex,10);if(o.position!=="static"&&!isNaN(r)&&r>n){return true}a=a.parentElement}return false};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var n=i.map((function(i){return t.getBackdropZIndex(i)}));var a=Math.max.apply(Math,n);var o=this.getBackdropZIndex(this.el);return o===a};t.prototype.resolveSize=function(){var t;var i=((t=this.size)!==null&&t!==void 0?t:"").trim()||"md";if(PRESET_SIZES.includes(i))return[i];return isCustomLength(i)?["custom",i]:[undefined]};t.prototype.warnOnInvalidSize=function(){if(this.resolveSize()[0]!==undefined)return;console.warn('pds-modal: invalid size "'.concat(String(this.size).slice(0,50),'", using md'))};t.prototype.render=function(){var t;var i=this.resolveSize(),e=i[0],n=e===void 0?"md":e,a=i[1];return h("dialog",{key:"aa352ccc057e4d6183f8c17349bc71857208a928",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"12799824edbeea42a6f7f91e0172c6ecbde93337",class:(t={"pds-modal":true},t["pds-modal--".concat(n)]=true,t["pds-modal--scrollable"]=this.scrollable,t),style:a!==undefined?{"--pds-modal-max-width":a}:undefined,part:"modal"},h("slot",{key:"f517c6466d65f141fba2d41cfe36d1b8d5f29930"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-bLhIfh0N.js";import{a as closest}from"./closest-DHPzKMVS.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalCss=function(){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}'};var PRESET_SIZES=["sm","md","lg","fullscreen"];var isCustomLength=function(t){return/^[a-z0-9.%+\-*/(), ]+$/i.test(t)&&/\d/.test(t)&&(typeof CSS==="undefined"||CSS.supports("max-width",t))};var TABBABLE=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function collectTabbable(t,i){for(var e=0,n=Array.from(t.children);e<n.length;e++){var r=n[e];visitTabbable(r,i)}}var isTabStop=function(t){var i;return t.tabIndex>=0||t.isContentEditable&&!t.hasAttribute("tabindex")&&!((i=t.parentElement)===null||i===void 0?void 0:i.isContentEditable)};function visitTabbable(t,i){var e,n,r,o;if(t.hasAttribute("inert"))return;if(t.localName==="slot"){var a=t;if(((n=(e=a.assignedNodes)===null||e===void 0?void 0:e.call(a,{flatten:true}))!==null&&n!==void 0?n:[]).length===0)return collectTabbable(t,i);for(var d=0,s=a.assignedElements({flatten:true});d<s.length;d++){var l=s[d];visitTabbable(l,i)}return}var u=((r=t.shadowRoot)===null||r===void 0?void 0:r.delegatesFocus)===true;if(t instanceof HTMLElement&&!u&&isTabStop(t)&&t.matches(TABBABLE)&&!t.matches(":disabled")){i.push(t)}collectTabbable((o=t.shadowRoot)!==null&&o!==void 0?o:t,i)}var groupedRadio=function(t){return t instanceof HTMLInputElement&&t.type==="radio"&&t.name!==""?t:null};function oneRadioPerGroup(t){var i=[];var e=function(t){var e=groupedRadio(t);if(e===null)return"continue";var n=i.find((function(t){var i=t[0];return i.name===e.name&&i.form===e.form&&i.getRootNode()===e.getRootNode()}));if(n)n.push(e);else i.push([e])};for(var n=0,r=t;n<r.length;n++){var o=r[n];e(o)}var a=new Set(i.map((function(t){var i;return(i=t.find((function(t){return t.checked})))!==null&&i!==void 0?i:t[0]})));return t.filter((function(t){return groupedRadio(t)===null||a.has(t)}))}function containsComposed(t,i){for(var e=i;e;e=e instanceof ShadowRoot?e.host:e.parentNode){if(e===t)return true}return false}function deepActiveElement(){var t;var i=document.activeElement;while((t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.activeElement)i=i.shadowRoot.activeElement;return i}var PdsModal=function(){function t(t){var i=this;registerInstance(this,t);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){var e,n,r;if(!i.open)return;if(t.key==="Escape"){var o=t;if(!("__pdsActiveElementAtEscape"in o)){var a=document.activeElement;o.__pdsActiveElementAtEscape=a;var d=(e=a===null||a===void 0?void 0:a.closest("dialog"))!==null&&e!==void 0?e:null;o.__pdsTopLayerDialogAtEscape=d;o.__pdsTopLayerDialogWasModalAtEscape=!!(d&&d.matches(":modal"))}var s=o.__pdsActiveElementAtEscape;if(i.disableTopLayer&&s&&s!==document.body&&!i.el.contains(s)&&i.isStackedAboveOverlay(s,(n=o.__pdsTopLayerDialogAtEscape)!==null&&n!==void 0?n:null,(r=o.__pdsTopLayerDialogWasModalAtEscape)!==null&&r!==void 0?r:false)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;if(t.defaultPrevented)return;var l=deepActiveElement();if(!l||i.modalDialogAbove(l))return;i.updateFocusableElements();if(i.focusableElements.length===0)return;var u=i.focusableElements[0];var c=i.focusableElements[i.focusableElements.length-1];var p=i.stopIndex(l);var f=p===0;var h=p===i.focusableElements.length-1;if(t.shiftKey&&f){t.preventDefault();i.focusElement(c)}else if(!t.shiftKey&&h){t.preventDefault();i.focusElement(u)}}}}t.prototype.componentWillLoad=function(){this.warnOnInvalidSize()};t.prototype.sizeChanged=function(){this.warnOnInvalidSize()};t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown);if(this.open){this.showModal()}};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;this.focusableElements=[];collectTabbable(this.modalRef,this.focusableElements);this.focusableElements=this.focusableElements.filter((function(t){if(typeof t.checkVisibility==="function")return t.checkVisibility({checkVisibilityCSS:true});var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}));this.focusableElements=oneRadioPerGroup(this.focusableElements)};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){t===null||t===void 0?void 0:t.focus()};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){var i,e;t.updateFocusableElements();if(t.disableInitialFocus){var n=document.activeElement;var r=n!==null&&n!==document.body&&!((i=t.modalRef)===null||i===void 0?void 0:i.contains(n));if(!r){if(t.previousActiveElement!==document.body&&typeof((e=t.previousActiveElement)===null||e===void 0?void 0:e.focus)==="function"){t.previousActiveElement.focus()}else if(n instanceof HTMLElement){n.blur()}}}else{t.setInitialFocus()}t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){if(this.modalRef){try{t=document.activeElement;i=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;if(!i&&this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isStackedAboveOverlay=function(t,i,e){if(i&&i!==this.modalRef&&e){return true}var n=this.getBackdropZIndex(this.el);var r=t;while(r&&r!==document.body){var o=getComputedStyle(r);var a=parseInt(o.zIndex,10);if(o.position!=="static"&&!isNaN(a)&&a>n){return true}r=r.parentElement}return false};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var n=i.map((function(i){return t.getBackdropZIndex(i)}));var r=Math.max.apply(Math,n);var o=this.getBackdropZIndex(this.el);return o===r};t.prototype.modalDialogAbove=function(t){var i;for(var e=closest("dialog[open]",t);e instanceof HTMLElement;){if(e===this.modalRef)return false;if(e.matches(":modal"))return true;e=closest("dialog[open]",(i=e.parentElement)!==null&&i!==void 0?i:e.getRootNode().host)}return false};t.prototype.stopIndex=function(t){var i=this.focusableElements.indexOf(t);if(i>=0)return i;for(var e=this.focusableElements.length-1;e>=0;e--){if(containsComposed(this.focusableElements[e],t))return e}return-1};t.prototype.resolveSize=function(){var t;var i=((t=this.size)!==null&&t!==void 0?t:"").trim()||"md";if(PRESET_SIZES.includes(i))return[i];return isCustomLength(i)?["custom",i]:[undefined]};t.prototype.warnOnInvalidSize=function(){if(this.resolveSize()[0]!==undefined)return;console.warn('pds-modal: invalid size "'.concat(String(this.size).slice(0,50),'", using md'))};t.prototype.render=function(){var t;var i=this.resolveSize(),e=i[0],n=e===void 0?"md":e,r=i[1];return h("dialog",{key:"b6714c7e77d80bf2370f2170ffce029abe147d81",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"8c3319f53dd8c79c9e952785277e9e82e28b651e",class:(t={"pds-modal":true},t["pds-modal--".concat(n)]=true,t["pds-modal--scrollable"]=this.scrollable,t),style:r!==undefined?{"--pds-modal-max-width":r}:undefined,part:"modal"},h("slot",{key:"8c6f9cc1a20b515659344ad041512de52761800d"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};

package/dist/esm-es5/pds-popover.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{c as containsComposed}from"./closest-DHPzKMVS.js";var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.triggerEl=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right";this.handleTriggerSlotChange=function(t){var e=t.target;var s=e.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick)}if(s.length>0){i.triggerEl=s[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick)}else{i.triggerEl=null}};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var e=t.composedPath();var s=e.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!s){t.preventDefault()}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}}}t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var e=typeof window!=="undefined"?window.Event:global.Event;var s=new e("slotchange");Object.defineProperty(s,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(s)}else{this.linkTriggerToPortal()}};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return;this.triggerEl.setAttribute("aria-expanded",String(this.active));this.triggerEl.setAttribute("aria-controls",this.portalEl.id)};t.prototype.disconnectedCallback=function(){this.isComponentMounted=false;if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding="var(--pine-dimension-md)";if(!this.componentId){var t=PdsPopover.instanceCounter++;this.portalEl.id="pds-popover-portal-".concat(t)}else{this.portalEl.id="".concat(this.componentId,"-portal")}this.portalEl.setAttribute("aria-modal","false");document.body.appendChild(this.portalEl);this.addPortalFocusStyles()};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i)return;var e=document.createElement("style");e.setAttribute("data-pds-popover-focus",t);e.textContent="\n      #".concat(t,":focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #").concat(t,':focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #').concat(t," {\n        border: var(--pine-border);\n      }\n    ");document.head.appendChild(e)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var s=e===null||e===void 0?void 0:e.querySelector("slot");if(s){var n=s.assignedNodes();n.forEach((function(i){var e;var s=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(s||n){return}var r=document.createComment("pds-popover-placeholder");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(r,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:r})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,e=t.placeholder;if(e.parentNode){e.parentNode.insertBefore(i,e);e.parentNode.removeChild(e)}}));this.movedNodes=[]};t.prototype.removePortal=function(){if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i&&i.parentNode){i.parentNode.removeChild(i)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","true")}this.updatePortalContent();this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();if(this.popoverType==="auto"){this.addLightDismissListeners()}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){if(!this.active||!this.portalEl)return[2];this.active=false;t=this.portalEl.contains(document.activeElement);if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","false")}this.restorePortalContent();this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,e,s,n;var r=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(r<=this.openTimestamp){return}var o=t.target;var a=(e=(i=o).closest)===null||e===void 0?void 0:e.call(i,".pds-datepicker-calendar-portal");var h=a===null||a===void 0?void 0:a.pdsDatepicker;if(h&&(containsComposed(this.portalEl,h)||containsComposed(this.triggerEl,h)))return;var u=(s=this.portalEl)===null||s===void 0?void 0:s.contains(o);var c=(n=this.triggerEl)===null||n===void 0?void 0:n.contains(o);if(!u&&!c){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.hide()}};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var e=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var s=0;var n=0;var r=8;switch(this.placement){case"top":s=i.top-e.height-r;n=i.left+(i.width-e.width)/2;break;case"top-start":s=i.top-e.height-r;n=i.left;break;case"top-end":s=i.top-e.height-r;n=i.right-e.width;break;case"right":s=i.top+(i.height-e.height)/2;n=i.right+r;break;case"right-start":s=i.top;n=i.right+r;break;case"right-end":s=i.bottom-e.height;n=i.right+r;break;case"bottom":s=i.bottom+r;n=i.left+(i.width-e.width)/2;break;case"bottom-start":s=i.bottom+r;n=i.left;break;case"bottom-end":s=i.bottom+r;n=i.right-e.width;break;case"left":s=i.top+(i.height-e.height)/2;n=i.left-e.width-r;break;case"left-start":s=i.top;n=i.left-e.width-r;break;case"left-end":s=i.bottom-e.height;n=i.left-e.width-r;break}this.portalEl.style.top="".concat(s,"px");this.portalEl.style.left="".concat(n,"px");setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"7f02e4a9af4d2dc4cafb9187fc2263edaa79af86",id:this.componentId},h("span",{key:"128828d5fc52478b3e9670418a8e9c2d5ce6e7f6",class:"pds-popover__trigger-wrapper"},h("slot",{key:"c479f39a3653d6627a20d05c3a87ea1a5e2bebf2",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"e730149edce755c8789ec700c0a95dfa4b4ab835",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"2f5ab80b4d75c114568d364ce9a74a658e426766",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{c as containsComposed}from"./closest-DHPzKMVS.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setAttributesIfChanged}from"./attributes-myrJDwbR.js";var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.hasLoaded=false;this.generatedPortalId=null;this.triggerEl=null;this.triggerObserver=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right";this.handleTriggerSlotChange=function(t){var e=t.target;var s=e.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick)}if(s.length>0){i.triggerEl=s[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick)}else{i.triggerEl=null}i.observeTrigger()};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var e=t.composedPath();var s=e.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!s){t.preventDefault()}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}}}t.prototype.restorePlacementDefault=function(t){this.placement=restoreReflectedDefault(this.el,"placement",t,"right")};t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();this.hasLoaded=true;var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var e=typeof window!=="undefined"?window.Event:global.Event;var s=new e("slotchange");Object.defineProperty(s,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(s)}else{this.linkTriggerToPortal()}};t.prototype.observeTrigger=function(){var t=this;var i;(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null;if(this.triggerEl==null||typeof MutationObserver==="undefined")return;this.triggerObserver=new MutationObserver((function(){return t.linkTriggerToPortal()}));this.triggerObserver.observe(this.triggerEl,{attributes:true,attributeFilter:["aria-expanded","aria-controls"]})};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return;setAttributesIfChanged(this.triggerEl,{"aria-expanded":String(this.active),"aria-controls":this.portalEl.id})};t.prototype.connectedCallback=function(){var t=this;var i;if(!this.hasLoaded)return;this.isComponentMounted=true;this.createPortal();(i=this.triggerEl)===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);this.observeTrigger();this.linkTriggerToPortal();if(this.active){requestAnimationFrame((function(){return t.handlePopoverPositioning()}))}};t.prototype.disconnectedCallback=function(){var t;if(this.el.isConnected)return;this.isComponentMounted=false;if(this.active){this.restorePortalContent();this.active=false;this.linkTriggerToPortal();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}(t=this.triggerObserver)===null||t===void 0?void 0:t.disconnect();this.triggerObserver=null;this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){var t;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding="var(--pine-dimension-md)";if(!this.componentId){(t=this.generatedPortalId)!==null&&t!==void 0?t:this.generatedPortalId="pds-popover-portal-".concat(PdsPopover.instanceCounter++);this.portalEl.id=this.generatedPortalId}else{this.portalEl.id="".concat(this.componentId,"-portal")}this.portalEl.setAttribute("aria-modal","false");document.body.appendChild(this.portalEl);this.addPortalFocusStyles()};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i)return;var e=document.createElement("style");e.setAttribute("data-pds-popover-focus",t);e.textContent="\n      #".concat(t,":focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #").concat(t,':focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #').concat(t," {\n        border: var(--pine-border);\n      }\n    ");document.head.appendChild(e)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var s=e===null||e===void 0?void 0:e.querySelector("slot");if(s){var n=s.assignedNodes();n.forEach((function(i){var e;var s=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(s||n){return}var r=document.createComment("pds-popover-placeholder");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(r,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:r})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,e=t.placeholder;if(e.parentNode){e.parentNode.insertBefore(i,e);e.parentNode.removeChild(e)}}));this.movedNodes=[]};t.prototype.removePortal=function(){if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i&&i.parentNode){i.parentNode.removeChild(i)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();this.linkTriggerToPortal();this.updatePortalContent();this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();if(this.popoverType==="auto"){this.addLightDismissListeners()}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){if(!this.active||!this.portalEl)return[2];this.active=false;t=this.portalEl.contains(document.activeElement);this.linkTriggerToPortal();this.restorePortalContent();this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,e,s,n;var r=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(r<=this.openTimestamp){return}var o=t.target;var h=(e=(i=o).closest)===null||e===void 0?void 0:e.call(i,".pds-datepicker-calendar-portal");var a=h===null||h===void 0?void 0:h.pdsDatepicker;if(a&&(containsComposed(this.portalEl,a)||containsComposed(this.triggerEl,a)))return;var u=(s=this.portalEl)===null||s===void 0?void 0:s.contains(o);var l=(n=this.triggerEl)===null||n===void 0?void 0:n.contains(o);if(!u&&!l){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.hide()}};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var e=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var s=0;var n=0;var r=8;switch(this.placement){case"top":s=i.top-e.height-r;n=i.left+(i.width-e.width)/2;break;case"top-start":s=i.top-e.height-r;n=i.left;break;case"top-end":s=i.top-e.height-r;n=i.right-e.width;break;case"right":s=i.top+(i.height-e.height)/2;n=i.right+r;break;case"right-start":s=i.top;n=i.right+r;break;case"right-end":s=i.bottom-e.height;n=i.right+r;break;case"bottom":s=i.bottom+r;n=i.left+(i.width-e.width)/2;break;case"bottom-start":s=i.bottom+r;n=i.left;break;case"bottom-end":s=i.bottom+r;n=i.right-e.width;break;case"left":s=i.top+(i.height-e.height)/2;n=i.left-e.width-r;break;case"left-start":s=i.top;n=i.left-e.width-r;break;case"left-end":s=i.bottom-e.height;n=i.left-e.width-r;break}this.portalEl.style.top="".concat(s,"px");this.portalEl.style.left="".concat(n,"px");setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"66347d4922274d25504e5be134b36f05a3f12fdc",id:this.componentId},h("span",{key:"8f29d54d58cf0c66f86470c77c676716f1ab056f",class:"pds-popover__trigger-wrapper"},h("slot",{key:"5c89b687cfc01e67d3c11835e77755de88f03584",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"0ca9aff3021720098d86ec29eb69cbf149ef79a9",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"b73c3324d3322c41c68161e9ada51499c0e49cb0",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{placement:[{restorePlacementDefault:0}]}},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};

package/dist/esm-es5/pds-progress.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-bLhIfh0N.js";import{n as normalizeColorValue}from"./utils-OYK5-nwe.js";var pdsProgressCss=function(){return":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}"};var PdsProgress=function(){function r(r){registerInstance(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){var r=normalizeColorValue(this.fillColor);return h(Host,{key:"2aaabbb78cef6237b47408a6766936a4ce065e40",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"192ce4a08155a84577ed46d9dc342a744354213a",class:"pds-progress"},h("label",{key:"3e9f16f9a4c5d822ef6493d6457dbb657835903a",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"35b4cd422bb247b8ae8eeaa7c3ea231d312197c9",id:this.componentId,max:"100",style:r?{"--color-progress-fill":r}:{},value:this.percent})),this.showPercent&&h("div",{key:"a4952bcda7ab062da7ff706b519476f8e7fff898",class:"pds-progress__percentage"},this.percent,"%"))};return r}();PdsProgress.style=pdsProgressCss();export{PdsProgress as pds_progress};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{H as HostStylingKeeper}from"./attributes-myrJDwbR.js";import{n as normalizeColorValue}from"./utils-OYK5-nwe.js";var pdsProgressCss=function(){return":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}"};var PdsProgress=function(){function r(r){registerInstance(this,r);this.hostKeeper=new HostStylingKeeper;this.animated=false;this.percent=0;this.showPercent=false}r.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};r.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};r.prototype.render=function(){var r=normalizeColorValue(this.fillColor);var e=this.animated?{"is-animated":this.animated}:"";this.hostKeeper.record(e);return h(Host,{key:"5573a5c48eee2f7968835db92afdaebb73c1b85e",class:e},h("div",{key:"bb5cf260495be798f4272673884336022c28441e",class:"pds-progress"},h("label",{key:"017efa649ada73ec724b930e06bbf1ab19a18f61",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"e648d910b072b7b2ca1c4a92c0832bf6e2ef5406",id:this.componentId,max:"100",style:r?{"--color-progress-fill":r}:{},value:this.percent})),this.showPercent&&h("div",{key:"1f9f1733ff2cd6e2ec81e9a46759ff451cf158f7",class:"pds-progress__percentage"},this.percent,"%"))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsProgress.style=pdsProgressCss();export{PdsProgress as pds_progress};

package/dist/esm-es5/pds-radio-group.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var pdsRadioGroupCss=function(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"};var PdsRadioGroup=function(){function r(r){registerInstance(this,r);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}r.prototype.handlePropsChange=function(){this.updateChildRadios()};r.prototype.handleRadioChange=function(r){var e=r.target;if(e.type!=="radio"){return}if(e.checked){var i=e.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}};r.prototype.updateChildRadios=function(){var r=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(r.name){e.setAttribute("name",r.name)}else{e.removeAttribute("name")}if(r.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(r.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(r.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};r.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}};r.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};r.prototype.componentDidRender=function(){var r=this.el.querySelector(".pds-radio-group__radios");if(r===null)return;var e=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var i=function(){return Array.from(r.children).find((function(r){return r.matches(e)}))};var s=i();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(e){return r.insertBefore(e,s)}))}s.remove();s=i()}};r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}return r.join(" ")};r.prototype.getGapValue=function(){var r={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(r[this.gap]){return r[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};r.prototype.getAriaDescribedBy=function(){var r=[];if(this.errorMessage){r.push(messageId(this._groupId,"error"))}if(this.helperMessage){r.push(messageId(this._groupId,"helper"))}return r.length>0?r.join(" "):undefined};r.prototype.render=function(){var r=this;var e=this.getGapValue();var i=this.getAriaDescribedBy();return h(Host,{key:"3f35b3cea2933ed25174387fc45d80f0d6bceced",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":i,style:{"--pds-radio-group-gap":e}},this.groupLabel&&h("div",{key:"83764282e3049b0802e966c306654bbdda4f0c02",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"39c0e97e5280527d9ab597dcf4f5b0282b19d69a",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"ef827a254e8b9bac58f297f5bbd6a37f8e132677",onSlotchange:function(){return r.updateChildRadios()}})),this.helperMessage&&h("div",{key:"4d2f58d979a34e685d00f04483c20a0f9e286af2",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"c05a32676fd6fe8aee30e1ea5c476424e10945f3",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"1bc3177459e179af3709f1cacd329980a8a45df7",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return r}();PdsRadioGroup.style=pdsRadioGroupCss();export{PdsRadioGroup as pds_radio_group};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var pdsRadioGroupCss=function(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"};var PdsRadioGroup=function(){function r(r){registerInstance(this,r);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}r.prototype.handlePropsChange=function(){this.updateChildRadios()};r.prototype.handleRadioChange=function(r){var e=r.target;if(e.type!=="radio"){return}if(e.checked){var i=e.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}};r.prototype.updateChildRadios=function(){var r=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(r.name){e.setAttribute("name",r.name)}else{e.removeAttribute("name")}if(r.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(r.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(r.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};r.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}};r.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};r.prototype.componentDidRender=function(){var r=this.el.querySelector(".pds-radio-group__radios");if(r===null)return;var e=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var i=function(){return Array.from(r.children).find((function(r){return r.matches(e)}))};var s=i();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(e){return r.insertBefore(e,s)}))}s.remove();s=i()}};r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}return r.join(" ")};r.prototype.getGapValue=function(){var r={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(r[this.gap]){return r[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};r.prototype.getAriaDescribedBy=function(){var r=[];if(this.errorMessage){r.push(messageId(this._groupId,"error"))}if(this.helperMessage){r.push(messageId(this._groupId,"helper"))}return r.length>0?r.join(" "):undefined};r.prototype.render=function(){var r=this;var e=this.getGapValue();var i=this.getAriaDescribedBy();return h(Host,{key:"9dc78eb36bbc1b872f4320203dbbc64e43816ebf",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":i,style:{"--pds-radio-group-gap":e}},this.groupLabel&&h("div",{key:"7b6f95608dcf356b141ef5d590ff3070f83b5975",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"6e1a634c9b81ca3f3bbbe9c6590bcd4efc97e6ea",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"b5b16148f3c77d425a50b7ada8a822e9919ef5c5",onSlotchange:function(){return r.updateChildRadios()}})),this.helperMessage&&h("div",{key:"ca6b98f926b8d7a53fda630170ac037c99f5ee85",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"37b57e2622370364e619ea090712a7b79fe79501",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"6a362d048a67312b1b227f71cc4b8f821ae0817e",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return r}();PdsRadioGroup.style=pdsRadioGroupCss();export{PdsRadioGroup as pds_radio_group};

package/dist/esm-es5/pds-radio.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"4a8736c360681b399c4e70ef9e6612d4cb4f9285","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"093d96ac788d713eafb2e537c812145869dddad8",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"55fc5ab2a5a18734dbd8ed452c4e3794ece7fe15",icon:danger,size:"small"}),e.errorMessage)]};return h(Host,{key:"97d0f61aeb93bb29e3d21281e72775cb274de072",class:this.classNames()},this.hasImage()&&h("div",{key:"0d1fb05dc00617945350e9d1ffeec9e17fc4affa",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"1cd8494378269651730ea64f25af4e9572ede794",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{H as HostStylingKeeper}from"./attributes-myrJDwbR.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this.hostKeeper=new HostStylingKeeper;this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"add893cd82f79b9398589bd5c0a72d5ae4a90475","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"b58eed8681d1932397d38ffe82515987e6486e08",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"7374924219e59eab46a7ced9e7062c3e674b4451",icon:danger,size:"small"}),e.errorMessage)]};var r=this.classNames();this.hostKeeper.record(r);return h(Host,{key:"24269923f168d1d39ebfc1994619736f0dc8087a",class:r},this.hasImage()&&h("div",{key:"74a72bef89aa012047cbf3a1744fcd33f13bb464",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"99dbcfdac86cb7c012fd44eab607217e21304bab",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};