@pine-ds/core 4.0.0-mercury.0 → 4.1.0

package/components/attributes.js

@@ -0,0 +1 @@
+const a=(a,i=[])=>{const r={};return i.forEach((i=>{a.hasAttribute(i)&&(null!==a.getAttribute(i)&&(r[i]=a.getAttribute(i)),a.removeAttribute(i))})),r},i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=r=>a(r,i);export{a,r as i}

package/components/closest.js

@@ -1,11 +1 @@
-// This helper function is similar to Element.closest(),
-// however it also traverses shadow DOM boundaries.
-const closest = (selector, el) => {
-    return (el &&
-        (('closest' in el && el.closest(selector)) ||
-            closest(selector, el.getRootNode().host)));
-};
-
-export { closest as c };
-
-//# sourceMappingURL=closest.js.map
+const s=(c,o)=>o&&("closest"in o&&o.closest(c)||s(c,o.getRootNode().host));export{s as c}

package/components/floating-ui.dom.js

@@ -0,0 +1 @@
+const t=Math.min,n=Math.max,e=Math.round,o=Math.floor,r=t=>({x:t,y:t}),i={left:"right",right:"left",bottom:"top",top:"bottom"};function c(e,o,r){return n(e,t(o,r))}function l(t,n){return"function"==typeof t?t(n):t}function a(t){return t.split("-")[0]}function s(t){return t.split("-")[1]}function u(t){return"x"===t?"y":"x"}function f(t){return"y"===t?"height":"width"}function d(t){const n=t[0];return"t"===n||"b"===n?"y":"x"}function m(t){return u(d(t))}function y(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const h=["left","right"],p=["right","left"],w=["top","bottom"],x=["bottom","top"];function g(t){const n=a(t);return i[n]+t.slice(n.length)}function v(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function b(t,n,e){let{reference:o,floating:r}=t;const i=d(n),c=m(n),l=f(c),u=a(n),y="y"===i,h=o.x+o.width/2-r.width/2,p=o.y+o.height/2-r.height/2,w=o[l]/2-r[l]/2;let x;switch(u){case"top":x={x:h,y:o.y-r.height};break;case"bottom":x={x:h,y:o.y+o.height};break;case"right":x={x:o.x+o.width,y:p};break;case"left":x={x:o.x-r.width,y:p};break;default:x={x:o.x,y:o.y}}switch(s(n)){case"start":x[c]-=w*(e&&y?-1:1);break;case"end":x[c]+=w*(e&&y?-1:1)}return x}async function A(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:c,elements:a,strategy:s}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:y=0}=l(n,t),h=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(y),p=a[m?"floating"===d?"reference":"floating":d],w=v(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(p)))||e?p:p.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:u,rootBoundary:f,strategy:s})),x="floating"===d?{x:o,y:r,width:c.floating.width,height:c.floating.height}:c.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),b=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},A=v(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:x,offsetParent:g,strategy:s}):x);return{top:(w.top-A.top+h.top)/b.y,bottom:(A.bottom-w.bottom+h.bottom)/b.y,left:(w.left-A.left+h.left)/b.x,right:(A.right-w.right+h.right)/b.x}}const S=new Set(["left","top"]);function R(){return"undefined"!=typeof window}function F(t){return O(t)?(t.nodeName||"").toLowerCase():"#document"}function k(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function C(t){var n;return null==(n=(O(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function O(t){return!!R()&&(t instanceof Node||t instanceof k(t).Node)}function T(t){return!!R()&&(t instanceof Element||t instanceof k(t).Element)}function M(t){return!!R()&&(t instanceof HTMLElement||t instanceof k(t).HTMLElement)}function P(t){return!(!R()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof k(t).ShadowRoot)}function z(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=H(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&"inline"!==r&&"contents"!==r}function D(t){return/^(table|td|th)$/.test(F(t))}function L(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const E=/transform|translate|scale|rotate|perspective|filter/,B=/paint|layout|strict|content/,$=t=>!!t&&"none"!==t;let I;function N(t){const n=T(t)?H(t):t;return $(n.transform)||$(n.translate)||$(n.scale)||$(n.rotate)||$(n.perspective)||!j()&&($(n.backdropFilter)||$(n.filter))||E.test(n.willChange||"")||B.test(n.contain||"")}function j(){return null==I&&(I="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),I}function q(t){return/^(html|body|#document)$/.test(F(t))}function H(t){return k(t).getComputedStyle(t)}function V(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function W(t){if("html"===F(t))return t;const n=t.assignedSlot||t.parentNode||P(t)&&t.host||C(t);return P(n)?n.host:n}function X(t){const n=W(t);return q(n)?t.ownerDocument?t.ownerDocument.body:t.body:M(n)&&z(n)?n:X(n)}function Y(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=X(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),c=k(r);if(i){const t=_(c);return n.concat(c,c.visualViewport||[],z(r)?r:[],t&&e?Y(t):[])}return n.concat(r,Y(r,[],e))}function _(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function G(t){const n=H(t);let o=parseFloat(n.width)||0,r=parseFloat(n.height)||0;const i=M(t),c=i?t.offsetWidth:o,l=i?t.offsetHeight:r,a=e(o)!==c||e(r)!==l;return a&&(o=c,r=l),{width:o,height:r,$:a}}function J(t){return T(t)?t:t.contextElement}function K(t){const n=J(t);if(!M(n))return r(1);const o=n.getBoundingClientRect(),{width:i,height:c,$:l}=G(n);let a=(l?e(o.width):o.width)/i,s=(l?e(o.height):o.height)/c;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const Q=r(0);function U(t){const n=k(t);return j()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:Q}function Z(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const i=t.getBoundingClientRect(),c=J(t);let l=r(1);n&&(o?T(o)&&(l=K(o)):l=K(t));const a=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==k(t))&&n}(c,e,o)?U(c):r(0);let s=(i.left+a.x)/l.x,u=(i.top+a.y)/l.y,f=i.width/l.x,d=i.height/l.y;if(c){const t=k(c),n=o&&T(o)?k(o):o;let e=t,r=_(e);for(;r&&o&&n!==e;){const t=K(r),n=r.getBoundingClientRect(),o=H(r),i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,c=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,u*=t.y,f*=t.x,d*=t.y,s+=i,u+=c,e=k(r),r=_(e)}}return v({width:f,height:d,x:s,y:u})}function tt(t,n){const e=V(t).scrollLeft;return n?n.left+e:Z(C(t)).left+e}function nt(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-tt(t,e),y:e.top+n.scrollTop}}function et(t,e,o){let i;if("viewport"===e)i=function(t,n){const e=k(t),o=C(t),r=e.visualViewport;let i=o.clientWidth,c=o.clientHeight,l=0,a=0;if(r){i=r.width,c=r.height;const t=j();(!t||t&&"fixed"===n)&&(l=r.offsetLeft,a=r.offsetTop)}const s=tt(o);if(s<=0){const t=o.ownerDocument,n=t.body,e=getComputedStyle(n),r="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)||0,c=Math.abs(o.clientWidth-n.clientWidth-r);c<=25&&(i-=c)}else s<=25&&(i+=s);return{width:i,height:c,x:l,y:a}}(t,o);else if("document"===e)i=function(t){const e=C(t),o=V(t),r=t.ownerDocument.body,i=n(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),c=n(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let l=-o.scrollLeft+tt(t);const a=-o.scrollTop;return"rtl"===H(r).direction&&(l+=n(e.clientWidth,r.clientWidth)-i),{width:i,height:c,x:l,y:a}}(C(t));else if(T(e))i=function(t,n){const e=Z(t,!0,"fixed"===n),o=e.top+t.clientTop,i=e.left+t.clientLeft,c=M(t)?K(t):r(1);return{width:t.clientWidth*c.x,height:t.clientHeight*c.y,x:i*c.x,y:o*c.y}}(e,o);else{const n=U(t);i={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return v(i)}function ot(t,n){const e=W(t);return!(e===n||!T(e)||q(e))&&("fixed"===H(e).position||ot(e,n))}function rt(t,n,e){const o=M(n),i=C(n),c="fixed"===e,l=Z(t,!0,c,n);let a={scrollLeft:0,scrollTop:0};const s=r(0);function u(){s.x=tt(i)}if(o||!o&&!c)if(("body"!==F(n)||z(i))&&(a=V(n)),o){const t=Z(n,!0,c,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}else i&&u();c&&!o&&i&&u();const f=!i||o||c?r(0):nt(i,a);return{x:l.left+a.scrollLeft-s.x-f.x,y:l.top+a.scrollTop-s.y-f.y,width:l.width,height:l.height}}function it(t){return"static"===H(t).position}function ct(t,n){if(!M(t)||"fixed"===H(t).position)return null;if(n)return n(t);let e=t.offsetParent;return C(t)===e&&(e=e.ownerDocument.body),e}function lt(t,n){const e=k(t);if(L(t))return e;if(!M(t)){let n=W(t);for(;n&&!q(n);){if(T(n)&&!it(n))return n;n=W(n)}return e}let o=ct(t,n);for(;o&&D(o)&&it(o);)o=ct(o,n);return o&&q(o)&&it(o)&&!N(o)?e:o||function(t){let n=W(t);for(;M(n)&&!q(n);){if(N(n))return n;if(L(n))return null;n=W(n)}return null}(t)||e}const at={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const c="fixed"===i,l=C(o),a=!!n&&L(n.floating);if(o===l||a&&c)return e;let s={scrollLeft:0,scrollTop:0},u=r(1);const f=r(0),d=M(o);if((d||!d&&!c)&&(("body"!==F(o)||z(l))&&(s=V(o)),d)){const t=Z(o);u=K(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!l||d||c?r(0):nt(l,s);return{width:e.width*u.x,height:e.height*u.y,x:e.x*u.x-s.scrollLeft*u.x+f.x+m.x,y:e.y*u.y-s.scrollTop*u.y+f.y+m.y}},getDocumentElement:C,getClippingRect:function(e){let{element:o,boundary:r,rootBoundary:i,strategy:c}=e;const l=[..."clippingAncestors"===r?L(o)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=Y(t,[],!1).filter((t=>T(t)&&"body"!==F(t))),r=null;const i="fixed"===H(t).position;let c=i?W(t):t;for(;T(c)&&!q(c);){const n=H(c),e=N(c);e||"fixed"!==n.position||(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&("absolute"===r.position||"fixed"===r.position)||z(c)&&!e&&ot(t,c))?o=o.filter((t=>t!==c)):r=n,c=W(c)}return n.set(t,o),o}(o,this._c):[].concat(r),i],a=et(o,l[0],c);let s=a.top,u=a.right,f=a.bottom,d=a.left;for(let e=1;e<l.length;e++){const r=et(o,l[e],c);s=n(r.top,s),u=t(r.right,u),f=t(r.bottom,f),d=n(r.left,d)}return{width:u-d,height:f-s,x:d,y:s}},getOffsetParent:lt,getElementRects:async function(t){const n=this.getOffsetParent||lt,e=this.getDimensions,o=await e(t.floating);return{reference:rt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=G(t);return{width:n,height:e}},getScale:K,isElement:T,isRTL:function(t){return"rtl"===H(t).direction}};function st(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function ut(e,r,i,c){void 0===c&&(c={});const{ancestorScroll:l=!0,ancestorResize:a=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=c,d=J(e),m=l||a?[...d?Y(d):[],...r?Y(r):[]]:[];m.forEach((t=>{l&&t.addEventListener("scroll",i,{passive:!0}),a&&t.addEventListener("resize",i)}));const y=d&&u?function(e,r){let i,c=null;const l=C(e);function a(){var t;clearTimeout(i),null==(t=c)||t.disconnect(),c=null}return function s(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),a();const d=e.getBoundingClientRect(),{left:m,top:y,width:h,height:p}=d;if(u||r(),!h||!p)return;const w={rootMargin:-o(y)+"px "+-o(l.clientWidth-(m+h))+"px "+-o(l.clientHeight-(y+p))+"px "+-o(m)+"px",threshold:n(0,t(1,f))||1};let x=!0;function g(t){const n=t[0].intersectionRatio;if(n!==f){if(!x)return s();n?s(!1,n):i=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==n||st(d,e.getBoundingClientRect())||s(),x=!1}try{c=new IntersectionObserver(g,{...w,root:l.ownerDocument})}catch(t){c=new IntersectionObserver(g,w)}c.observe(e)}(!0),a}(d,i):null;let h,p=-1,w=null;s&&(w=new ResizeObserver((t=>{let[n]=t;n&&n.target===d&&w&&r&&(w.unobserve(r),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=w)||t.observe(r)}))),i()})),d&&!f&&w.observe(d),r&&w.observe(r));let x=f?Z(e):null;return f&&function t(){const n=Z(e);x&&!st(x,n)&&i(),x=n,h=requestAnimationFrame(t)}(),i(),()=>{var t;m.forEach((t=>{l&&t.removeEventListener("scroll",i),a&&t.removeEventListener("resize",i)})),null==y||y(),null==(t=w)||t.disconnect(),w=null,f&&cancelAnimationFrame(h)}}const ft=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:c,middlewareData:u}=n,f=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),c=a(e),u=s(e),f="y"===d(e),m=S.has(c)?-1:1,y=i&&f?-1:1,h=l(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:x}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return u&&"number"==typeof x&&(w="end"===u?-1*x:x),f?{x:w*y,y:p*m}:{x:p*m,y:w*y}}(n,t);return c===(null==(e=u.offset)?void 0:e.placement)&&null!=(o=u.arrow)&&o.alignmentOffset?{}:{x:r+f.x,y:i+f.y,data:{...f,placement:c}}}}},dt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r,platform:i}=n,{mainAxis:s=!0,crossAxis:f=!1,limiter:m={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...y}=l(t,n),h={x:e,y:o},p=await i.detectOverflow(n,y),w=d(a(r)),x=u(w);let g=h[x],v=h[w];s&&(g=c(g+p["y"===x?"top":"left"],g,g-p["y"===x?"bottom":"right"])),f&&(v=c(v+p["y"===w?"top":"left"],v,v-p["y"===w?"bottom":"right"]));const b=m.fn({...n,[x]:g,[w]:v});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[x]:s,[w]:f}}}}}},mt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:c,initialPlacement:u,platform:v,elements:b}=n,{mainAxis:A=!0,crossAxis:S=!0,fallbackPlacements:R,fallbackStrategy:F="bestFit",fallbackAxisSideDirection:k="none",flipAlignment:C=!0,...O}=l(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const T=a(r),M=d(u),P=a(u)===u,z=await(null==v.isRTL?void 0:v.isRTL(b.floating)),D=R||(P||!C?[g(u)]:function(t){const n=g(t);return[y(t),n,y(n)]}(u)),L="none"!==k;!R&&L&&D.push(...function(t,n,e,o){const r=s(t);let i=function(t,n,e){switch(t){case"top":case"bottom":return e?n?p:h:n?h:p;case"left":case"right":return n?w:x;default:return[]}}(a(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(y)))),i}(u,C,k,z));const E=[u,...D],B=await v.detectOverflow(n,O),$=[];let I=(null==(o=i.flip)?void 0:o.overflows)||[];if(A&&$.push(B[T]),S){const t=function(t,n,e){void 0===e&&(e=!1);const o=s(t),r=m(t),i=f(r);let c="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(c=g(c)),[c,g(c)]}(r,c,z);$.push(B[t[0]],B[t[1]])}if(I=[...I,{placement:r,overflows:$}],!$.every((t=>t<=0))){var N,j;const t=((null==(N=i.flip)?void 0:N.index)||0)+1,n=E[t];if(n&&("alignment"!==S||M===d(n)||I.every((t=>d(t.placement)!==M||t.overflows[0]>0))))return{data:{index:t,overflows:I},reset:{placement:n}};let e=null==(j=I.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:j.placement;if(!e)switch(F){case"bestFit":{var q;const t=null==(q=I.filter((t=>{if(L){const n=d(t.placement);return n===M||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:q[0];t&&(e=t);break}case"initialPlacement":e=u}if(r!==e)return{reset:{placement:e}}}return{}}}},yt=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(o){var r,i;const{placement:c,rects:u,platform:f,elements:m}=o,{apply:y=()=>{},...h}=l(e,o),p=await f.detectOverflow(o,h),w=a(c),x=s(c),g="y"===d(c),{width:v,height:b}=u.floating;let A,S;"top"===w||"bottom"===w?(A=w,S=x===(await(null==f.isRTL?void 0:f.isRTL(m.floating))?"start":"end")?"left":"right"):(S=w,A="end"===x?"top":"bottom");const R=b-p.top-p.bottom,F=v-p.left-p.right;let k=t(b-p[A],R),C=t(v-p[S],F);if(null!=(r=o.middlewareData.shift)&&r.enabled.x&&(C=F),null!=(i=o.middlewareData.shift)&&i.enabled.y&&(k=R),!o.middlewareData.shift&&!x){const t=n(p.left,0),e=n(p.right,0),o=n(p.top,0),r=n(p.bottom,0);g?C=v-2*(0!==t||0!==e?t+e:n(p.left,p.right)):k=b-2*(0!==o||0!==r?o+r:n(p.top,p.bottom))}await y({...o,availableWidth:C,availableHeight:k});const O=await f.getDimensions(m.floating);return v!==O.width||b!==O.height?{reset:{rects:!0}}:{}}}},ht=(t,n,e)=>{const o=new Map,r={platform:at,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:c}=e,l=c.detectOverflow?c:{...c,detectOverflow:A},a=await(null==c.isRTL?void 0:c.isRTL(n));let s=await c.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=b(s,o,a),d=o,m=0;const y={};for(let e=0;e<i.length;e++){const h=i[e];if(!h)continue;const{name:p,fn:w}=h,{x,y:g,data:v,reset:A}=await w({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:y,rects:s,platform:l,elements:{reference:t,floating:n}});u=null!=x?x:u,f=null!=g?g:f,y[p]={...y[p],...v},A&&m<50&&(m++,"object"==typeof A&&(A.placement&&(d=A.placement),A.rects&&(s=!0===A.rects?await c.getElementRects({reference:t,floating:n,strategy:r}):A.rects),({x:u,y:f}=b(s,d,a))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:y}})(t,n,{...r,platform:i})};export{ut as a,yt as b,ht as c,mt as f,ft as o,dt as s}

package/components/form.js

@@ -0,0 +1 @@
+const e=(e,o)=>`${e}__${o}-message`,o=(o,n,t,r)=>{const s=Boolean(r),a=Boolean(t);return n&&s?e(o,"error"):a?e(o,"helper"):void 0},n=(e,o)=>{e&&o&&!0===o.required&&(o.invalid=!1===e.checkValidity())};function t(e,o){Object.getOwnPropertyDescriptor(e,"type")||Object.defineProperty(e,"type",{get:"function"==typeof o?o:()=>o,enumerable:!0,configurable:!1})}const r=()=>{var e;return"undefined"!=typeof process&&"true"===(null===(e=process.env)||void 0===e?void 0:e.__STENCIL_SPEC_TESTS__)};export{o as a,n as b,t as e,r as i,e as m}

package/components/i18n-format.js

@@ -0,0 +1 @@
+function n(n,t){return t?n.replace(/\{(\w+)\}/g,((n,e)=>e in t?String(t[e]):`{${e}}`)):n}function t(t,e,o,u){let c="other";try{c=new Intl.PluralRules(function(n){var t;const e=n&&"function"==typeof n.closest?null===(t=n.closest("[lang]"))||void 0===t?void 0:t.getAttribute("lang"):null,o="undefined"!=typeof document?document.documentElement.lang:"";return e||o||"en"}(t)).select(e)}catch(n){}return n(o[c]||o.other||o.one||"{count}",Object.assign({count:e},u))}export{n as f,t as p}

package/components/index.d.ts

@@ -1,6 +1,10 @@
 /* PineCore custom elements */
+export { MockPdsModal as MockPdsModal } from '../dist/types/components/pds-modal/test/mock-pds-modal';
+export { defineCustomElement as defineCustomElementMockPdsModal } from './mock-pds-modal';
 export { PdsAccordion as PdsAccordion } from '../dist/types/components/pds-accordion/pds-accordion';
 export { defineCustomElement as defineCustomElementPdsAccordion } from './pds-accordion';
+export { PdsAlert as PdsAlert } from '../dist/types/components/pds-alert/pds-alert';
+export { defineCustomElement as defineCustomElementPdsAlert } from './pds-alert';
 export { PdsAvatar as PdsAvatar } from '../dist/types/components/pds-avatar/pds-avatar';
 export { defineCustomElement as defineCustomElementPdsAvatar } from './pds-avatar';
 export { PdsBox as PdsBox } from '../dist/types/components/pds-box/pds-box';
@@ -11,10 +15,24 @@ export { PdsCheckbox as PdsCheckbox } from '../dist/types/components/pds-checkbo
 export { defineCustomElement as defineCustomElementPdsCheckbox } from './pds-checkbox';
 export { PdsChip as PdsChip } from '../dist/types/components/pds-chip/pds-chip';
 export { defineCustomElement as defineCustomElementPdsChip } from './pds-chip';
+export { PdsCombobox as PdsCombobox } from '../dist/types/components/pds-combobox/pds-combobox';
+export { defineCustomElement as defineCustomElementPdsCombobox } from './pds-combobox';
+export { PdsContainer as PdsContainer } from '../dist/types/components/pds-container/pds-container';
+export { defineCustomElement as defineCustomElementPdsContainer } from './pds-container';
 export { PdsCopytext as PdsCopytext } from '../dist/types/components/pds-copytext/pds-copytext';
 export { defineCustomElement as defineCustomElementPdsCopytext } from './pds-copytext';
 export { PdsDivider as PdsDivider } from '../dist/types/components/pds-divider/pds-divider';
 export { defineCustomElement as defineCustomElementPdsDivider } from './pds-divider';
+export { PdsDropdownMenu as PdsDropdownMenu } from '../dist/types/components/pds-dropdown-menu/pds-dropdown-menu';
+export { defineCustomElement as defineCustomElementPdsDropdownMenu } from './pds-dropdown-menu';
+export { PdsDropdownMenuItem as PdsDropdownMenuItem } from '../dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item';
+export { defineCustomElement as defineCustomElementPdsDropdownMenuItem } from './pds-dropdown-menu-item';
+export { PdsDropdownMenuSeparator as PdsDropdownMenuSeparator } from '../dist/types/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator';
+export { defineCustomElement as defineCustomElementPdsDropdownMenuSeparator } from './pds-dropdown-menu-separator';
+export { PdsFilter as PdsFilter } from '../dist/types/components/pds-filters/pds-filter/pds-filter';
+export { defineCustomElement as defineCustomElementPdsFilter } from './pds-filter';
+export { PdsFilters as PdsFilters } from '../dist/types/components/pds-filters/pds-filters';
+export { defineCustomElement as defineCustomElementPdsFilters } from './pds-filters';
 export { PdsImage as PdsImage } from '../dist/types/components/pds-image/pds-image';
 export { defineCustomElement as defineCustomElementPdsImage } from './pds-image';
 export { PdsInput as PdsInput } from '../dist/types/components/pds-input/pds-input';
@@ -23,12 +41,30 @@ export { PdsLink as PdsLink } from '../dist/types/components/pds-link/pds-link';
 export { defineCustomElement as defineCustomElementPdsLink } from './pds-link';
 export { PdsLoader as PdsLoader } from '../dist/types/components/pds-loader/pds-loader';
 export { defineCustomElement as defineCustomElementPdsLoader } from './pds-loader';
+export { PdsModal as PdsModal } from '../dist/types/components/pds-modal/pds-modal';
+export { defineCustomElement as defineCustomElementPdsModal } from './pds-modal';
+export { PdsModalContent as PdsModalContent } from '../dist/types/components/pds-modal/pds-modal-content/pds-modal-content';
+export { defineCustomElement as defineCustomElementPdsModalContent } from './pds-modal-content';
+export { PdsModalFooter as PdsModalFooter } from '../dist/types/components/pds-modal/pds-modal-footer/pds-modal-footer';
+export { defineCustomElement as defineCustomElementPdsModalFooter } from './pds-modal-footer';
+export { PdsModalHeader as PdsModalHeader } from '../dist/types/components/pds-modal/pds-modal-header/pds-modal-header';
+export { defineCustomElement as defineCustomElementPdsModalHeader } from './pds-modal-header';
+export { PdsMultiselect as PdsMultiselect } from '../dist/types/components/pds-multiselect/pds-multiselect';
+export { defineCustomElement as defineCustomElementPdsMultiselect } from './pds-multiselect';
+export { PdsPopover as PdsPopover } from '../dist/types/components/pds-popover/pds-popover';
+export { defineCustomElement as defineCustomElementPdsPopover } from './pds-popover';
 export { PdsProgress as PdsProgress } from '../dist/types/components/pds-progress/pds-progress';
 export { defineCustomElement as defineCustomElementPdsProgress } from './pds-progress';
+export { PdsProperty as PdsProperty } from '../dist/types/components/pds-property/pds-property';
+export { defineCustomElement as defineCustomElementPdsProperty } from './pds-property';
 export { PdsRadio as PdsRadio } from '../dist/types/components/pds-radio/pds-radio';
 export { defineCustomElement as defineCustomElementPdsRadio } from './pds-radio';
+export { PdsRadioGroup as PdsRadioGroup } from '../dist/types/components/pds-radio-group/pds-radio-group';
+export { defineCustomElement as defineCustomElementPdsRadioGroup } from './pds-radio-group';
 export { PdsRow as PdsRow } from '../dist/types/components/pds-row/pds-row';
 export { defineCustomElement as defineCustomElementPdsRow } from './pds-row';
+export { PdsSelect as PdsSelect } from '../dist/types/components/pds-select/pds-select';
+export { defineCustomElement as defineCustomElementPdsSelect } from './pds-select';
 export { PdsSortable as PdsSortable } from '../dist/types/components/pds-sortable/pds-sortable';
 export { defineCustomElement as defineCustomElementPdsSortable } from './pds-sortable';
 export { PdsSortableItem as PdsSortableItem } from '../dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item';
@@ -53,8 +89,12 @@ export { PdsTabpanel as PdsTabpanel } from '../dist/types/components/pds-tabs/pd
 export { defineCustomElement as defineCustomElementPdsTabpanel } from './pds-tabpanel';
 export { PdsTabs as PdsTabs } from '../dist/types/components/pds-tabs/pds-tabs';
 export { defineCustomElement as defineCustomElementPdsTabs } from './pds-tabs';
+export { PdsText as PdsText } from '../dist/types/components/pds-text/pds-text';
+export { defineCustomElement as defineCustomElementPdsText } from './pds-text';
 export { PdsTextarea as PdsTextarea } from '../dist/types/components/pds-textarea/pds-textarea';
 export { defineCustomElement as defineCustomElementPdsTextarea } from './pds-textarea';
+export { PdsToast as PdsToast } from '../dist/types/components/pds-toast/pds-toast';
+export { defineCustomElement as defineCustomElementPdsToast } from './pds-toast';
 export { PdsTooltip as PdsTooltip } from '../dist/types/components/pds-tooltip/pds-tooltip';
 export { defineCustomElement as defineCustomElementPdsTooltip } from './pds-tooltip';
 
@@ -91,4 +131,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
 export * from '../dist/types';

package/components/index.js

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

package/components/index2.js

@@ -1,14 +1 @@
-/* pds-icons v7.4.2, ES Modules */
-const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.862 4.862c.26-.26.682-.26.943 0L8 11.057l6.195-6.195a.667.667 0 1 1 .943.943L8.471 12.47a.667.667 0 0 1-.942 0L.862 5.805a.667.667 0 0 1 0-.943'/></svg>";
-const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m4.473 5.807L7.14 11.14c-.26.26-.68.26-.94 0L3.533 8.473a.664.664 0 1 1 .94-.94l2.194 2.194 4.86-4.86c.26-.26.68-.26.94 0 .266.253.266.68.006.94'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const copy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g fill-rule='evenodd' clip-path='url(#a)'><path d='M10 5.333c0-.368.299-.666.667-.666h4c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666v-4a.667.667 0 1 1 1.333 0V14h8V6h-3.333A.667.667 0 0 1 10 5.333'/><path d='M.667 1.333c0-.368.298-.666.666-.666h9.334c.368 0 .666.298.666.666v9.334a.667.667 0 0 1-.666.666H1.333a.667.667 0 0 1-.666-.666zM2 2v8h8V2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const downSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M3.594 5.594a.89.89 0 0 1 1.257 0L7.778 8.52l2.927-2.927a.889.889 0 0 1 1.257 1.257l-3.556 3.555a.89.89 0 0 1-1.257 0L3.594 6.851a.89.89 0 0 1 0-1.257'/></svg>";
-const handle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M.667 5.333a.667.667 0 0 0 0 1.334h14.666a.667.667 0 1 0 0-1.334zm0 4.667a.667.667 0 0 0 0 1.333h14.666a.667.667 0 1 0 0-1.333z'/></svg>";
-const launch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path fill-rule='evenodd' d='M15.138.862a.66.66 0 0 1 .195.461v5.344a.667.667 0 0 1-1.333 0V2.943L7.805 9.138a.667.667 0 1 1-.943-.943L13.057 2H9.333a.667.667 0 0 1 0-1.333h5.333c.171 0 .342.065.472.195M1.333 2a.667.667 0 0 0-.666.667v12c0 .368.298.666.666.666h12a.667.667 0 0 0 .667-.666V10a.667.667 0 0 0-1.333 0v4H2V3.333h4A.667.667 0 0 0 6 2z'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-const remove = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path d='M13.138 3.805a.667.667 0 0 0-.943-.943L8 7.057 3.805 2.862a.667.667 0 1 0-.943.943L7.057 8l-4.195 4.195a.667.667 0 1 0 .943.943L8 8.943l4.195 4.195a.667.667 0 0 0 .943-.943L8.943 8z'/></svg>";
-const upSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M7.15 5.594a.89.89 0 0 1 1.256 0l3.556 3.555a.889.889 0 0 1-1.257 1.257L7.778 7.48 4.85 10.406A.889.889 0 1 1 3.594 9.15z'/></svg>";
-const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M12.222 8.925A5.98 5.98 0 0 1 8 10.667a5.98 5.98 0 0 1-4.222-1.742A7.34 7.34 0 0 0 0 15.333c0 .368.299.667.667.667h14.666a.667.667 0 0 0 .667-.667 7.34 7.34 0 0 0-3.778-6.408'/><path d='M8 9.333A4.667 4.667 0 1 0 8 0a4.667 4.667 0 0 0 0 9.333'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
-
-export { copy as a, caretDown as b, checkCircleFilled as c, downSmall as d, upSmall as e, handle as h, launch as l, remove as r, userFilled as u };
-
-//# sourceMappingURL=index2.js.map
+const a="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1'/></svg>",s="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>",v="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m5.207 8.707a1 1 0 0 0-1.414-1.414L10.5 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z'/></svg>",c="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M11.162 1h7.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.031.375.031.83.031 1.356v7.678c0 .527 0 .981-.03 1.356-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H17v1.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.356.031H5.16c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167C1 19.82 1 19.365 1 18.838v-7.677c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C4.18 7 4.635 7 5.161 7H7V5.161c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M5.2 9c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 0 0-.437.437c-.025.05-.063.15-.085.422C3 10.25 3 10.623 3 11.2v7.6c0 .577 0 .949.024 1.232.022.272.06.373.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C4.25 21 4.623 21 5.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.373-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C15 19.75 15 19.377 15 18.8v-7.6c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 0 0-.437-.437c-.05-.025-.15-.063-.422-.085C13.75 9 13.377 9 12.8 9zM17 15v-3.838c0-.528 0-.982-.03-1.357-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296A18 18 0 0 0 12.838 7H9V5.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h7.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422C21 4.25 21 4.623 21 5.2v7.6c0 .577 0 .949-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085C19.75 15 19.377 15 18.8 15z'/></svg>",l="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1'/></svg>",g="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>",t="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M11.293 3.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414L12 5.414 7.707 9.707a1 1 0 0 1-1.414-1.414zm-5 11a1 1 0 0 1 1.414 0L12 18.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414'/></svg>",w="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path d='M2.833 7.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1zM2.833 14.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1z'/></svg>",d="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M14 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V5.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L18.586 4H15a1 1 0 0 1-1-1M7.759 4H10a1 1 0 1 1 0 2H7.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C4 8.361 4 8.943 4 9.8v6.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C6.361 20 6.943 20 7.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V14a1 1 0 1 1 2 0v2.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C2 17.71 2 17.046 2 16.242V9.758c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 4 6.954 4 7.758 4'/></svg>",e="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414'/></svg>",o="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M11.162 1h1.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.028.336.03.736.031 1.195h4a1 1 0 1 1 0 2h-1v10.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H9.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C4 18.71 4 18.046 4 17.242V7H3a1 1 0 1 1 0-2h4c0-.459.003-.86.03-1.195.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M6 7v10.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C8.361 21 8.943 21 9.8 21h4.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V7zm9-2H9c0-.465.004-.783.024-1.032.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h1.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422.02.249.023.567.024 1.032m-5 5.5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1'/></svg>",i="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z'/></svg>",m="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M8.786 14.5h6.428c.727 0 1.222 0 1.654.076a5 5 0 0 1 4.056 4.056c.076.432.076.927.076 1.654 0 .158.005.318-.023.474a1.5 1.5 0 0 1-1.216 1.217c-.137.024-.28.023-.351.023Q12 21.961 4.59 22c-.07 0-.214.001-.35-.023a1.5 1.5 0 0 1-1.217-1.216c-.028-.157-.023-.317-.023-.475 0-.727 0-1.222.076-1.654a5 5 0 0 1 4.056-4.056c.432-.076.927-.076 1.654-.076M6.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/></svg>";export{a,v as b,s as c,g as d,m as e,c as f,t as g,l as h,w as i,d as l,e as r,o as t,i as u}

package/components/mock-pds-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface MockPdsModal extends Components.MockPdsModal, HTMLElement {}
+export const MockPdsModal: {
+    prototype: MockPdsModal;
+    new (): MockPdsModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/mock-pds-modal.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as d,createEvent as o,h as i,transformTag as e}from"@stencil/core/internal/client";const s=a(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.pdsModalOpen=o(this,"pdsModalOpen",7),this.pdsModalClose=o(this,"pdsModalClose",7),this.pdsModalBackdropClick=o(this,"pdsModalBackdropClick",7),this.size="md",this.scrollable=!0,this.backdropDismiss=!0,this.open=!1}async showModal(){this.open=!0,this.pdsModalOpen.emit()}async hideModal(){this.open=!1,this.pdsModalClose.emit()}handleBackdropClick(a){const d=this.el.querySelector(".pds-modal__backdrop");a.target===d&&!0===this.backdropDismiss&&(this.pdsModalBackdropClick.emit(),this.hideModal())}handleKeyDown(a){"Escape"===a.key&&!0===this.open&&(a.preventDefault(),!0===this.backdropDismiss&&this.hideModal())}componentDidLoad(){}render(){return i("div",{key:"cb0c1ce177b2c5bbc03c6310d1c61c2e56c87371",class:{"pds-modal__backdrop":!0,open:this.open}},i("div",{key:"0f25e178dafa91d9c9721180c933faacb03b9360",class:{"pds-modal":!0,["pds-modal--"+this.size]:!0,"pds-modal--scrollable":this.scrollable},role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?this.componentId+"-heading":null,part:"modal"},i("div",{key:"849c0e574e020c828b3ef8a89e39ffdd6f8da68f",class:"pds-modal__header"},i("slot",{key:"0c8bcac99adafbbfe67641e3782722bbe1ac13be",name:"header"})),i("div",{key:"5da01ac584f1b6d1ec8b535f6be2ac9f06ac2218",class:"pds-modal-content"},i("slot",{key:"60ab585878ef793930fb18c363c284249123f423"})),i("div",{key:"ec6f26f3fa36175cf1a6acc34807c2528b8ed886",class:"pds-modal__footer"},i("slot",{key:"da9896baba61891eceb7805c6967741fa86906dc",name:"footer"}))))}get el(){return this}static get style(){return".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}"}},[260,"mock-pds-modal",{componentId:[1,"component-id"],size:[1],scrollable:[4],backdropDismiss:[4,"backdrop-dismiss"],open:[1028],showModal:[64],hideModal:[64]}]),t=s,r=function(){"undefined"!=typeof customElements&&["mock-pds-modal"].forEach((a=>{"mock-pds-modal"===a&&(customElements.get(e(a))||customElements.define(e(a),s))}))};export{t as MockPdsModal,r as defineCustomElement}

package/components/pds-accordion.js

@@ -1,68 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as downSmall } from './index2.js';
-import { d as defineCustomElement$2 } from './pds-icon2.js';
-
-const pdsAccordionCss = ":host{display:block}details{--border-radius-default:var(--pine-border-radius-100);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-content-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-300);--color-text-default:var(--pine-color-charcoal-200);--color-text-active:var(--pine-color-charcoal-500);--color-text-hover:var(--pine-color-charcoal-300);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-summary-padding-block:var(--pine-spacing-050);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);border-radius:var(--border-radius-default);padding-inline:var(--spacing-details-padding-inline)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}details[open]{background-color:var(--color-content-background)}details[open] summary{color:var(--color-text-active);font:var(--typography-default)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}summary{border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}";
-const PdsAccordionStyle0 = pdsAccordionCss;
-
-const PdsAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PdsAccordion extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.handleToggle = () => {
-            this.isOpen = this.detailsEl.open;
-        };
-        this.getOpenAttribute = () => {
-            if (this.isOpen !== false) {
-                return { open: true };
-            }
-            return '';
-        };
-        this.componentId = undefined;
-        this.isOpen = false;
-    }
-    handleOpenState(newValue) {
-        this.isOpen = newValue;
-    }
-    componentDidLoad() {
-        this.detailsEl.addEventListener('toggle', this.handleToggle);
-    }
-    render() {
-        return (h(Host, { key: '228d08704d0e735ed515308df91a7880c2c450ed', class: "pds-accordion", id: this.componentId }, h("details", Object.assign({ key: '442e319353f611a5f3d3de767de8dc0f86d2540e' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), h("summary", { key: 'c3b11619644caee3ba90854e608072436ae0ac34' }, h("slot", { key: 'fb9b2fa1c0e6a8ddce8e9575b31da5c248f075d5', name: "label" }, "Details"), h("pds-icon", { key: '3435405fa293d47aa240a6bfa947fe0707c1154a', icon: downSmall })), h("div", { key: 'a35cb679b545fbbd408a4217764b66eabd495c6e', class: "pds-accordion__body" }, h("slot", { key: 'fa6efbc3624c1c1152eabca17201c24801eef3ee' })))));
-    }
-    static get watchers() { return {
-        "isOpen": ["handleOpenState"]
-    }; }
-    static get style() { return PdsAccordionStyle0; }
-}, [1, "pds-accordion", {
-        "componentId": [1, "component-id"],
-        "isOpen": [1540, "open"]
-    }, undefined, {
-        "isOpen": ["handleOpenState"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-accordion", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsAccordion$1);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsAccordion = PdsAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsAccordion, defineCustomElement };
-
-//# sourceMappingURL=pds-accordion.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as n,h as o,Host as a,transformTag as t}from"@stencil/core/internal/client";import{d as s}from"./index2.js";import{d as r}from"./pds-icon2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsAccordionToggle=n(this,"pdsAccordionToggle",7),this.isOpen=!1,this.handleToggle=()=>{this.isOpen=this.detailsEl.open},this.getOpenAttribute=()=>!1!==this.isOpen?{open:!0}:""}handleOpenState(e){this.pdsAccordionToggle.emit(e)}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return o(a,{key:"dd45657cb2bfe2e26f3a2fcad6a941559f1968c5",class:"pds-accordion",id:this.componentId},o("details",Object.assign({key:"9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e"},this.getOpenAttribute(),{ref:e=>this.detailsEl=e}),o("summary",{key:"59152e8eece069bedd0109d1952dc1de95bc5d9a",part:"accordion-button"},o("slot",{key:"73881348e657d880c60a5420a758217789f03b0c",name:"label"},"Details"),o("pds-icon",{key:"35fbb0c45bc97ce3b69fd8184ef085230253d675","aria-hidden":"true",icon:s,part:"accordion-icon"})),o("div",{key:"c9bb44d8135560b0e486a730830642387c87a67a",part:"accordion-body",class:"pds-accordion__body"},o("slot",{key:"f18d2a5a87d5d2653ce92766bc34c4506b88d4f4"}))))}static get watchers(){return{isOpen:[{handleOpenState:0}]}}static get style(){return":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}"}},[257,"pds-accordion",{componentId:[1,"component-id"],isOpen:[1540,"open"]},void 0,{isOpen:[{handleOpenState:0}]}]),c=d,p=function(){"undefined"!=typeof customElements&&["pds-accordion","pds-icon"].forEach((e=>{switch(e){case"pds-accordion":customElements.get(t(e))||customElements.define(t(e),d);break;case"pds-icon":customElements.get(t(e))||r()}}))};export{c as PdsAccordion,p as defineCustomElement}

package/components/pds-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface PdsAlert extends Components.PdsAlert, HTMLElement {}
+export const PdsAlert: {
+    prototype: PdsAlert;
+    new (): PdsAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/pds-alert.js

@@ -0,0 +1 @@
+import{proxyCustomElement as r,HTMLElement as e,createEvent as o,h as i,Host as l,transformTag as n}from"@stencil/core/internal/client";import{d as a}from"./pds-box2.js";import{d as s}from"./pds-icon2.js";import{d as c}from"./pds-text2.js";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pdsAlertDismissClick=o(this,"pdsAlertDismissClick",7),this.small=!1,this.dismissible=!1,this.hideIcon=!1,this.variant="default",this.dismissLabel="Dismiss alert",this.hasActionsContent=!1,this.handleCloseClick=()=>{this.pdsAlertDismissClick.emit()}}componentWillRender(){const r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r}renderActions(r){return i("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":void 0,"align-items":r?void 0:"center"},i("slot",{name:"actions"}))}renderContent(){return this.small?i("pds-box",{display:"flex",gap:"md","align-items":"center"},i("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(!0)):i("div",null,i("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(!1))}render(){const r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};return i(l,{key:"b143df0c24c077e412894f5f77f1bd7c0ced1c92",class:"pds-alert",id:this.componentId,variant:this.variant},i("pds-box",{key:"928e3852507a1776069ee80906443ef650607ce7",class:"pds-alert__container pds-alert__container--"+this.variant,"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:!0,display:"block"},i("pds-box",{key:"778046ab1c651a57e910e45fe00944a74a3c32f7",gap:"sm",display:"flex","align-items":this.small?"center":void 0},!this.hideIcon&&i("pds-icon",{key:"0199ef3e12a8dc9da20006fc8c4e133f83f4caf4",class:"pds-alert__icon "+(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:r[this.variant]||r.default,size:"var(--pds-alert-icon-size)"}),i("pds-box",{key:"b7b973c0c6154d72f90a585a116ea76ac48cc6e4",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&i("pds-text",{key:"c969f9a7eabdc31bc2faca247033e89cc15caea0",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&i("button",{key:"168c21de5a0112a65b73a854add4393fea9ede6f",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":this.dismissLabel,onClick:this.handleCloseClick},i("pds-icon",{key:"f8e9311a4934c1b8458879cd6244a99e3a730be2",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))}get el(){return this}static get style(){return":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}:host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:0;margin-block-start:0}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}"}},[257,"pds-alert",{componentId:[1,"component-id"],heading:[1],small:[4],dismissible:[4],hideIcon:[4,"hide-icon"],variant:[1],dismissLabel:[1,"dismiss-label"],hasActionsContent:[32]}]),p=t,d=function(){"undefined"!=typeof customElements&&["pds-alert","pds-box","pds-icon","pds-text"].forEach((r=>{switch(r){case"pds-alert":customElements.get(n(r))||customElements.define(n(r),t);break;case"pds-box":customElements.get(n(r))||a();break;case"pds-icon":customElements.get(n(r))||s();break;case"pds-text":customElements.get(n(r))||c()}}))};export{p as PdsAlert,d as defineCustomElement}

package/components/pds-avatar.js

@@ -1,103 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as checkCircleFilled, u as userFilled } from './index2.js';
-import { d as defineCustomElement$2 } from './pds-icon2.js';
-
-const pdsAvatarCss = ":host{display:inline-block}div{--color-background-container:var(--pine-color-blue-100);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-spacing-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";
-const PdsAvatarStyle0 = pdsAvatarCss;
-
-const PdsAvatar$1 = /*@__PURE__*/ proxyCustomElement(class PdsAvatar extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.renderAssetWrapper = () => {
-            const style = {
-                height: this.avatarSize(),
-                width: this.avatarSize()
-            };
-            return (h("div", { style: style, part: "asset-wrapper" }, this.renderIconOrImage(), this.renderBadge()));
-        };
-        this.renderAvatar = () => {
-            return (this.dropdown
-                ?
-                    h("button", { class: "pds-avatar__button", type: "button", "aria-label": "Avatar dropdown trigger" }, this.renderAssetWrapper())
-                :
-                    this.renderAssetWrapper());
-        };
-        this.renderBadge = () => (this.badge
-            // Percentage is average size of icon in relation to total avatar size
-            // of all preset sizes found in Figma.
-            // Used to allow icons to scale to container size
-            && h("pds-icon", { class: "pds-avatar__badge", icon: checkCircleFilled, size: "33.53%" }));
-        this.renderIconOrImage = () => (this.image
-            ? h("img", { alt: this.alt, src: this.image })
-            // Percentage is average size of icon in relation to total avatar size
-            // of all preset sizes found in Figma.
-            // Used to allow icons to scale to container size
-            : h("pds-icon", { color: "var(--pine-color-blue-400)", icon: userFilled, size: "33.53%" }));
-        this.classNames = () => ({
-            'pds-avatar': true,
-            [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector
-            [`pds-avatar--${this.variant}`]: this.variant === 'admin'
-        });
-        this.alt = null;
-        this.badge = false;
-        this.componentId = undefined;
-        this.dropdown = false;
-        this.image = null;
-        this.size = 'lg';
-        this.variant = 'customer';
-    }
-    avatarSize() {
-        const sizes = {
-            xs: '24px',
-            sm: '32px',
-            md: '40px',
-            lg: '56px',
-            xl: '64px',
-        };
-        if (sizes[this.size]) {
-            return sizes[this.size];
-        }
-        else {
-            return this.size;
-        }
-    }
-    render() {
-        return (h(Host, { key: '8c43a9de8b7799b5aafff0c12c2e95e53bed2041', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
-    }
-    static get style() { return PdsAvatarStyle0; }
-}, [1, "pds-avatar", {
-        "alt": [1],
-        "badge": [4],
-        "componentId": [1, "component-id"],
-        "dropdown": [4],
-        "image": [1],
-        "size": [513],
-        "variant": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-avatar", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsAvatar$1);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsAvatar = PdsAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsAvatar, defineCustomElement };
-
-//# sourceMappingURL=pds-avatar.js.map
+import{proxyCustomElement as a,HTMLElement as i,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{b as e,e as n}from"./index2.js";import{d as o}from"./pds-icon2.js";const d=a(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.alt=null,this.badge=!1,this.dropdown=!1,this.image=null,this.initials=null,this.size="lg",this.status=null,this.statusRing=!1,this.variant="customer",this.triggerLabel="Avatar dropdown trigger",this.renderAssetWrapper=()=>{const a={height:this.avatarSize(),width:this.avatarSize()};return t("div",{style:a,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge(),this.renderStatus())},this.renderAvatar=()=>this.dropdown?t("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":this.triggerLabel},this.renderAssetWrapper()):this.renderAssetWrapper(),this.renderBadge=()=>this.badge&&!this.status&&t("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:e,size:"33.53%"}),this.renderStatus=()=>{var a;return this.status?t("span",this.dropdown?{class:"pds-avatar__status",part:"status","aria-hidden":"true"}:{class:"pds-avatar__status",part:"status",role:"img","aria-label":null!==(a=this.statusLabel)&&void 0!==a?a:this.status+" status"}):null},this.renderIconOrImage=()=>this.image?t("img",{alt:this.alt,src:this.image}):this.initials?t("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},t("text",{x:"16",y:"20"},this.initials)):t("pds-icon",{color:"var(--pine-color-brand)",icon:n,size:"33.53%"}),this.classNames=()=>({"pds-avatar":!0,"pds-avatar--has-image":""!==this.image&&null!==this.image,"pds-avatar--has-initials":""!==this.initials&&null!==this.initials,["pds-avatar--"+this.variant]:"admin"===this.variant,"pds-avatar--status-ring":!!this.status&&this.statusRing})}avatarSize(){const a={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};return a[this.size]?a[this.size]:this.size}render(){return t(s,{key:"fe2bd31070db6840c79d7054ac50802e8f14f572",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}static get style(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"}},[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],initials:[1],size:[513],status:[513],statusLabel:[1,"status-label"],statusRing:[4,"status-ring"],variant:[513],triggerLabel:[1,"trigger-label"]}]),l=d,p=function(){"undefined"!=typeof customElements&&["pds-avatar","pds-icon"].forEach((a=>{switch(a){case"pds-avatar":customElements.get(r(a))||customElements.define(r(a),d);break;case"pds-icon":customElements.get(r(a))||o()}}))};export{l as PdsAvatar,p as defineCustomElement}