@pine-ds/core 4.3.0 → 4.4.0

package/components/closest.js

@@ -1 +1 @@
-const s=(c,o)=>o&&("closest"in o&&o.closest(c)||s(c,o.getRootNode().host));export{s as c}
+const o=(t,e)=>e&&("closest"in e&&e.closest(t)||o(t,e.getRootNode().host)),t=(o,t)=>{for(let e=t;e;e=e instanceof ShadowRoot?e.host:e.parentNode)if(e===o)return!0;return!1};export{o as a,t as c}

package/components/floating-ui.dom.js

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

package/components/i18n-format.js

@@ -1 +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}
+function n(n,t){return t?n.replace(/\{(\w+)\}/g,((n,e)=>e in t?String(t[e]):`{${e}}`)):n}function t(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"}function e(e,o,u,c){let r="other";try{r=new Intl.PluralRules(t(e)).select(o)}catch(n){}return n(u[r]||u.other||u.one||"{count}",Object.assign({count:o},c))}export{n as f,e as p,t as r}

package/components/index.d.ts

@@ -21,6 +21,8 @@ export { PdsContainer as PdsContainer } from '../dist/types/components/pds-conta
 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 { PdsDatepicker as PdsDatepicker } from '../dist/types/components/pds-datepicker/pds-datepicker';
+export { defineCustomElement as defineCustomElementPdsDatepicker } from './pds-datepicker';
 export { PdsDivider as PdsDivider } from '../dist/types/components/pds-divider/pds-divider';
 export { defineCustomElement as defineCustomElementPdsDivider } from './pds-divider';
 export { PdsDrawer as PdsDrawer } from '../dist/types/components/pds-drawer/pds-drawer';

package/components/index.js

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

package/components/index2.js

@@ -1 +1 @@
-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}
+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='M8 1a1 1 0 0 1 1 1v1h6V2a1 1 0 1 1 2 0v1.002c.476.003.891.013 1.252.042.562.046 1.079.145 1.564.392a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564C22 7.29 22 7.954 22 8.758v8.483c0 .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 18.71 2 18.046 2 17.242V8.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-.392.361-.03.777-.04 1.252-.042V2a1 1 0 0 1 1-1M7 5.002c-.446.003-.795.012-1.089.036-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C4 7.361 4 7.943 4 8.8V9h16v-.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-.18A15 15 0 0 0 17 5.002V6a1 1 0 1 1-2 0V5H9v1a1 1 0 1 1-2 0zM20 11H4v6.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.18C6.361 21 6.943 21 7.8 21h8.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.889z'/></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='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>",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='M15.707 5.293a1 1 0 0 1 0 1.414L10.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0'/></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='M8.293 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L13.586 12 8.293 6.707a1 1 0 0 1 0-1.414'/></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='M20.707 5.293a1 1 0 0 1 0 1.414l-11 11a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L9 15.586 19.293 5.293a1 1 0 0 1 1.414 0'/></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='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>",w="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>",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='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>",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 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>",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.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>",i="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>",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='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>",h="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>",n="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>",p="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>",x="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,t as b,v as c,e as d,x as e,w as f,o as g,d as h,i,l as j,c as k,m as l,g as m,s as n,h as r,n as t,p as u}

package/components/mock-pds-modal.js

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

package/components/pds-button2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as n,Host as e,transformTag as d}from"@stencil/core/internal/client";import{h as i}from"./utils.js";import{a as s,c as a}from"./index2.js";import{d as l}from"./pds-icon2.js";import{d as p}from"./pds-loader2.js";const u=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.pdsClick=r(this,"pdsClick",7),this.disabled=!1,this.fullWidth=!1,this.icon=null,this.iconOnly=!1,this.loading=!1,this.type="button",this.size="default",this.variant="primary",this.hasStartContent=!1,this.hasEndContent=!1,this.handleStartSlotChange=o=>{this.hasStartContent=o.target.assignedElements({flatten:!0}).length>0},this.handleEndSlotChange=o=>{this.hasEndContent=o.target.assignedElements({flatten:!0}).length>0},this.handleClick=o=>{if(this.loading)o.preventDefault();else if(this.disabled)o.preventDefault();else{if(!this.href&&"button"!=this.type&&i(this.el)){const t=this.el.closest("form");if(t){o.preventDefault();const r=document.createElement("button");r.type=this.type,r.style.display="none",t.appendChild(r),r.click(),r.remove()}}this.pdsClick.emit(o)}}}handleFormKeyDown(o){if(o.defaultPrevented)return;if("Enter"!==o.key||"submit"!==this.type||this.href||this.disabled)return;const t=o.target;if(!t||"function"!=typeof t.matches)return;const r=this.el.closest("form");if(r&&t&&r.contains(t)&&(t.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||t.matches("pds-input")||t.matches("pds-select")||t.matches("pds-switch")||t.matches("pds-checkbox")||t.matches("pds-radio"))){const t=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]')).filter((o=>"pds-button"===o.tagName.toLowerCase()?"submit"===o.type&&!o.disabled:!o.hasAttribute("disabled")));t.length>0&&t[0]===this.el&&(o.preventDefault(),this.el.click())}}classNames(){const o=["pds-button"];return this.variant&&o.push("pds-button--"+this.variant),this.size&&"default"!==this.size&&o.push("pds-button--"+this.size),this.iconOnly&&o.push("pds-button--icon-only"),this.loading&&o.push("pds-button--loading"),o.join(" ")}renderStartContent(){return"filter"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"}):Boolean(this.icon&&"disclosure"!==this.variant)?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasStartContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))}renderEndContent(){return this.iconOnly?null:"disclosure"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasEndContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))}render(){const o={class:this.classNames(),part:"button"},t=this.href?"a":"button",r=this.loading||this.iconOnly,d=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text "+(r?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":!0,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},n(t,Object.assign({},(()=>Object.assign(Object.assign({},o),this.href?{download:this.download,href:this.disabled?null:this.href,target:this.target}:{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value}))()),d))}get el(){return this}static get style(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--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-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"}},[257,"pds-button",{componentId:[1,"component-id"],download:[1],disabled:[516],fullWidth:[4,"full-width"],href:[1],icon:[1],iconOnly:[4,"icon-only"],loading:[4],name:[1],target:[1],type:[1],value:[1],size:[1],variant:[1],hasStartContent:[32],hasEndContent:[32]},[[16,"keydown","handleFormKeyDown"]]]);function c(){"undefined"!=typeof customElements&&["pds-button","pds-icon","pds-loader"].forEach((o=>{switch(o){case"pds-button":customElements.get(d(o))||customElements.define(d(o),u);break;case"pds-icon":customElements.get(d(o))||l();break;case"pds-loader":customElements.get(d(o))||p()}}))}export{u as P,c as d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as r,h as n,Host as e,transformTag as i}from"@stencil/core/internal/client";import{h as d}from"./utils.js";import{a as s,c as a}from"./index2.js";import{d as l}from"./pds-icon2.js";import{d as p}from"./pds-loader2.js";const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsClick=r(this,"pdsClick",7),this.disabled=!1,this.fullWidth=!1,this.icon=null,this.iconOnly=!1,this.loading=!1,this.type="button",this.size="default",this.variant="primary",this.hasStartContent=!1,this.hasEndContent=!1,this.triggerExpanded=null,this.triggerHasPopup=null,this.syncTriggerAria=()=>{this.triggerExpanded=this.el.getAttribute("aria-expanded"),this.triggerHasPopup=this.el.getAttribute("aria-haspopup"),this.forwardAriaControls()},this.handleStartSlotChange=t=>{this.hasStartContent=t.target.assignedElements({flatten:!0}).length>0},this.handleEndSlotChange=t=>{this.hasEndContent=t.target.assignedElements({flatten:!0}).length>0},this.handleClick=t=>{if(this.loading)t.preventDefault();else if(this.disabled)t.preventDefault();else{if(!this.href&&"button"!=this.type&&d(this.el)){const o=this.el.closest("form");if(o){t.preventDefault();const r=document.createElement("button");r.type=this.type,r.style.display="none",o.appendChild(r),r.click(),r.remove()}}this.pdsClick.emit(t)}}}connectedCallback(){this.syncTriggerAria(),"undefined"!=typeof MutationObserver&&(this.triggerAriaObserver=new MutationObserver(this.syncTriggerAria),this.triggerAriaObserver.observe(this.el,{attributeFilter:["aria-controls","aria-expanded","aria-haspopup"]}))}disconnectedCallback(){var t;null===(t=this.triggerAriaObserver)||void 0===t||t.disconnect(),this.triggerAriaObserver=void 0}componentDidRender(){this.forwardAriaControls()}handleFormKeyDown(t){if(t.defaultPrevented)return;if("Enter"!==t.key||"submit"!==this.type||this.href||this.disabled)return;const o=t.target;if(!o||"function"!=typeof o.matches)return;const r=this.el.closest("form");if(r&&o&&r.contains(o)&&(o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio"))){const o=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]')).filter((t=>"pds-button"===t.tagName.toLowerCase()?"submit"===t.type&&!t.disabled:!t.hasAttribute("disabled")));o.length>0&&o[0]===this.el&&(t.preventDefault(),this.el.click())}}forwardAriaControls(){var t,o;if(!this.contentEl||!("ariaControlsElements"in this.contentEl))return;const r=(null!==(o=null===(t=this.el.getAttribute("aria-controls"))||void 0===t?void 0:t.split(/\s+/).filter(Boolean))&&void 0!==o?o:[]).map((t=>this.findInAncestorRoots(t))).filter((t=>null!==t));this.contentEl.ariaControlsElements=r.length>0?r:null}findInAncestorRoots(t){let o=this.el.getRootNode();for(;o instanceof ShadowRoot;){const r=o.getElementById(t);if(r)return r;o=o.host.getRootNode()}return o instanceof Document?o.getElementById(t):null}classNames(){const t=["pds-button"];return this.variant&&t.push("pds-button--"+this.variant),this.size&&"default"!==this.size&&t.push("pds-button--"+this.size),this.iconOnly&&t.push("pds-button--icon-only"),this.loading&&t.push("pds-button--loading"),t.join(" ")}renderStartContent(){return"filter"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"}):Boolean(this.icon&&"disclosure"!==this.variant)?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasStartContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))}renderEndContent(){return this.iconOnly?null:"disclosure"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasEndContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))}render(){const t={"aria-expanded":this.triggerExpanded,"aria-haspopup":this.triggerHasPopup,class:this.classNames(),part:"button",ref:t=>this.contentEl=t},o=this.href?"a":"button",r=this.loading||this.iconOnly,i=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text "+(r?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":!0,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,Object.assign({"aria-disabled":this.disabled?"true":null},null!=this.componentId?{id:this.componentId}:{},{onClick:this.handleClick,variant:this.variant}),n(o,Object.assign({},(()=>Object.assign(Object.assign({},t),this.href?{download:this.download,href:this.disabled?null:this.href,target:this.target}:{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value}))()),i))}static get delegatesFocus(){return!0}get el(){return this}static get style(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--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-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"}},[273,"pds-button",{componentId:[1,"component-id"],download:[1],disabled:[516],fullWidth:[4,"full-width"],href:[1],icon:[1],iconOnly:[4,"icon-only"],loading:[4],name:[1],target:[1],type:[1],value:[1],size:[1],variant:[1],hasStartContent:[32],hasEndContent:[32],triggerExpanded:[32],triggerHasPopup:[32]},[[16,"keydown","handleFormKeyDown"]]]);function c(){"undefined"!=typeof customElements&&["pds-button","pds-icon","pds-loader"].forEach((t=>{switch(t){case"pds-button":customElements.get(i(t))||customElements.define(i(t),u);break;case"pds-icon":customElements.get(i(t))||l();break;case"pds-loader":customElements.get(i(t))||p()}}))}export{u as P,c as d}

package/components/pds-checkbox2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{e as n,i as s,a as d,m as c}from"./form.js";import{h as l}from"./index2.js";import{i as h}from"./attributes.js";import{d as p}from"./pds-icon2.js";const b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsCheckboxChange=i(this,"pdsCheckboxChange",7),this.pdsCheckboxInput=i(this,"pdsCheckboxInput",7),this.inheritedAttributes={},this._type="checkbox",this.checked=!1,this.handleCheckboxChange=e=>{if(this.disabled)return;const r=e.target;this.checked=r.checked,this.updateFormValue(),this.pdsCheckboxChange.emit({checked:r.checked,value:this.value})},this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})}}updateIndeterminate(){this.indeterminate=void 0}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.indeterminate&&e.push("is-indeterminate"),this.disabled&&e.push("is-disabled"),e.join("  ")}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){s()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const r=this.value||"on";this.checked=e.get(this.name)===r}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el))}render(){return t(o,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},t("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},t("input",Object.assign({key:"bf6c15908ed3b1cebc35ce10eddd4b420a2d2b4e",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),t("span",{key:"dd8d96a9907c5f237ab52508a70adcc0ed1b7eb5",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"8928bea1a022825777e40635ae91e7bdedaaea67",class:"pds-checkbox__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"e09485a38fb7c66d9dbfa68eddf758e3cd0d81c8",class:"pds-checkbox__message pds-checkbox__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"0bea5bbdc7817b6f2136a7c1a8e67811f4119dce",icon:l,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{updateIndeterminate:0},{checkedChanged:0}]}}static get style(){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)}:host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked::after{border-color:var(--pine-color-white)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-text-primary);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-text-primary);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.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-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}'}},[65,"pds-checkbox",{checked:[1028],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[1028],invalid:[4],label:[1],hideLabel:[4,"hide-label"],name:[1],required:[4],value:[1]},void 0,{checked:[{updateIndeterminate:0},{checkedChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["pds-checkbox","pds-icon"].forEach((e=>{switch(e){case"pds-checkbox":customElements.get(a(e))||customElements.define(a(e),b);break;case"pds-icon":customElements.get(a(e))||p()}}))}export{b as P,m as d}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{e as n,i as s,a as d,m as c}from"./form.js";import{h as l}from"./index2.js";import{i as h}from"./attributes.js";import{d as p}from"./pds-icon2.js";const b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsCheckboxChange=r(this,"pdsCheckboxChange",7),this.pdsCheckboxInput=r(this,"pdsCheckboxInput",7),this.inheritedAttributes={},this._type="checkbox",this.hasLabelSlot=!1,this.checked=!1,this.handleCheckboxChange=e=>{if(this.disabled)return;const i=e.target;this.checked=i.checked,this.updateFormValue(),this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})},this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}updateIndeterminate(){this.indeterminate=void 0}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.indeterminate&&e.push("is-indeterminate"),this.disabled&&e.push("is-disabled"),this.hasLabelSlot&&e.push("has-label-slot"),e.join("  ")}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){s()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el)),this.updateHasLabelSlot()}render(){return t(o,{key:"aef1cece81ef5b59ee50d31f8542ffe627230734",class:this.classNames()},t("label",{key:"ad41c1039f2d11ff52e362e5e45d4c25e1d71b71",htmlFor:this.componentId},t("input",Object.assign({key:"180959e7154129ecbfe6a9151e13610d4799ece2",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),t("span",{key:"37917f2d69bc0927d38fd8400f48201a451e1d4f",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"b406e52494565eec642ebc3449a95319cf772398",name:"label",onSlotchange:this.updateHasLabelSlot},this.label))),this.helperMessage&&t("div",{key:"3fb5410f4c504da78c64511e9bf0058b4a7aa23b",class:"pds-checkbox__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"af9a7771b1b5444fc3e994e7c7904557a2507e3a",class:"pds-checkbox__message pds-checkbox__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"13f8ba65484f33df384dcff6179e756321c3238d",icon:l,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{updateIndeterminate:0},{checkedChanged:0}]}}static get style(){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)}:host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked::after{border-color:var(--pine-color-white)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-text-primary);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-text-primary);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}:host(.has-label-slot) label{-ms-flex-align:center;align-items:center}:host(.has-label-slot) input{-webkit-margin-before:0;margin-block-start:0}.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-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}'}},[321,"pds-checkbox",{checked:[1028],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[1028],invalid:[4],label:[1],hideLabel:[4,"hide-label"],name:[1],required:[4],value:[1],hasLabelSlot:[32]},void 0,{checked:[{updateIndeterminate:0},{checkedChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["pds-checkbox","pds-icon"].forEach((e=>{switch(e){case"pds-checkbox":customElements.get(a(e))||customElements.define(a(e),b);break;case"pds-icon":customElements.get(a(e))||p()}}))}export{b as P,m as d}

package/components/pds-chip2.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as o,createEvent as e,h as n,Host as r,transformTag as p}from"@stencil/core/internal/client";import{d as c,r as s}from"./index2.js";import{s as t}from"./truncation-tooltip.js";import{n as d}from"./utils.js";import{d as h}from"./pds-icon2.js";const a={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"},l=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pdsTagCloseClick=e(this,"pdsTagCloseClick",7),this.truncationCleanup=null,this.dot=!1,this.sentiment="neutral",this.variant="text",this.dismissLabel="Remove",this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()}}componentDidRender(){this.maxWidth&&this.labelTextEl?this.labelTextEl!==this.tooltipBoundEl&&this.initTruncationTooltip():this.tooltipBoundEl&&this.destroyTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.labelTextEl&&(this.truncationCleanup=t({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:()=>this.el.textContent||"",manageTabIndex:"dropdown"!==this.effectiveVariant}),this.tooltipBoundEl=this.labelTextEl)}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null),this.tooltipBoundEl=null}get effectiveSize(){var i;return null!==(i=this.size)&&void 0!==i?i:"md"}classNames(){const i=["pds-chip"],o=this.effectiveSize;o&&"md"!==o&&i.push("pds-chip--"+o);const e="brand"===this.sentiment?"text":this.variant;return e&&i.push("pds-chip--"+e),this.sentiment&&i.push("pds-chip--"+this.sentiment),i.join(" ")}get effectiveVariant(){return"brand"===this.sentiment?"text":this.variant}get iconSize(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}}setChipContent(){const i="brand"!==this.sentiment&&this.dot;return"dropdown"===this.effectiveVariant?n("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},n("slot",null)),n("pds-icon",{icon:c,size:this.iconSize,"aria-hidden":"true"})):n("span",{class:"pds-chip__label"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},n("slot",null)))}get hostStyles(){const i={};this.maxWidth&&(i["--pds-chip-max-width"]=this.maxWidth);const o=d(this.dotColor,{semanticMap:a});void 0!==o&&(i["--pds-chip-dot-color"]=o);const e=d(this.iconColor,{semanticMap:a});return void 0!==e&&(i["--pds-chip-icon-color"]=e),i}renderCloseButton(){return n(this.removeUrl?"a":"button",Object.assign({},(()=>{if(this.removeUrl){const i={class:"pds-chip__close",href:this.removeUrl,"aria-label":this.dismissLabel};this.removeTarget&&(i.target=this.removeTarget),this.removeHttpMethod&&(i["data-method"]=this.removeHttpMethod,i["data-turbo-method"]=this.removeHttpMethod);const o=[];return"_blank"===this.removeTarget&&o.push("noopener","noreferrer"),this.removeHttpMethod&&"get"!==this.removeHttpMethod&&o.push("nofollow"),o.length>0&&(i.rel=o.join(" ")),i}return{class:"pds-chip__close",type:"button","aria-label":this.dismissLabel}})(),{onClick:this.handleCloseClick}),n("pds-icon",{icon:s,size:this.iconSize}))}render(){return n(r,{key:"323831a875b5f0e786e1e835c230d6950c71d009",class:this.classNames(),id:this.componentId,style:this.hostStyles},this.setChipContent(),"tag"===this.effectiveVariant&&this.renderCloseButton())}get el(){return this}static get style(){return":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}:host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__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-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}"}},[257,"pds-chip",{componentId:[1,"component-id"],dot:[4],dotColor:[1,"dot-color"],icon:[1],iconColor:[1,"icon-color"],size:[1],sentiment:[1],variant:[1],removeUrl:[1,"remove-url"],removeHttpMethod:[1,"remove-http-method"],removeTarget:[1,"remove-target"],dismissLabel:[1,"dismiss-label"],maxWidth:[513,"max-width"]}]);function v(){"undefined"!=typeof customElements&&["pds-chip","pds-icon"].forEach((i=>{switch(i){case"pds-chip":customElements.get(p(i))||customElements.define(p(i),l);break;case"pds-icon":customElements.get(p(i))||h()}}))}export{l as P,v as d}
+import{proxyCustomElement as i,HTMLElement as o,createEvent as e,h as n,Host as r,transformTag as p}from"@stencil/core/internal/client";import{d as c,r as s}from"./index2.js";import{s as t}from"./truncation-tooltip.js";import{n as d}from"./utils.js";import{d as h}from"./pds-icon2.js";const a={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"},l=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pdsTagCloseClick=e(this,"pdsTagCloseClick",7),this.truncationCleanup=null,this.dot=!1,this.sentiment="neutral",this.variant="text",this.dismissLabel="Remove",this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()}}componentDidRender(){this.maxWidth&&this.labelTextEl?this.labelTextEl!==this.tooltipBoundEl&&this.initTruncationTooltip():this.tooltipBoundEl&&this.destroyTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.labelTextEl&&(this.truncationCleanup=t({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:()=>this.el.textContent||"",manageTabIndex:"dropdown"!==this.effectiveVariant}),this.tooltipBoundEl=this.labelTextEl)}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null),this.tooltipBoundEl=null}get effectiveSize(){var i;return null!==(i=this.size)&&void 0!==i?i:"md"}classNames(){const i=["pds-chip"],o=this.effectiveSize;o&&"md"!==o&&i.push("pds-chip--"+o);const e="brand"===this.sentiment?"text":this.variant;return e&&i.push("pds-chip--"+e),this.sentiment&&i.push("pds-chip--"+this.sentiment),i.join(" ")}get effectiveVariant(){return"brand"===this.sentiment?"text":this.variant}get iconSize(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}}setChipContent(){const i="brand"!==this.sentiment&&this.dot;return"dropdown"===this.effectiveVariant?n("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},n("slot",null)),n("pds-icon",{icon:c,size:this.iconSize,"aria-hidden":"true"})):n("span",{class:"pds-chip__label"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},n("slot",null)))}get hostStyles(){const i={};this.maxWidth&&(i["--pds-chip-max-width"]=this.maxWidth);const o=d(this.dotColor,{semanticMap:a});void 0!==o&&(i["--pds-chip-dot-color"]=o);const e=d(this.iconColor,{semanticMap:a});return void 0!==e&&(i["--pds-chip-icon-color"]=e),i}renderCloseButton(){return n(this.removeUrl?"a":"button",Object.assign({},(()=>{if(this.removeUrl){const i={class:"pds-chip__close",href:this.removeUrl,"aria-label":this.dismissLabel};this.removeTarget&&(i.target=this.removeTarget),this.removeHttpMethod&&(i["data-method"]=this.removeHttpMethod,i["data-turbo-method"]=this.removeHttpMethod);const o=[];return"_blank"===this.removeTarget&&o.push("noopener","noreferrer"),this.removeHttpMethod&&"get"!==this.removeHttpMethod&&o.push("nofollow"),o.length>0&&(i.rel=o.join(" ")),i}return{class:"pds-chip__close",type:"button","aria-label":this.dismissLabel}})(),{onClick:this.handleCloseClick}),n("pds-icon",{icon:s,size:this.iconSize}))}render(){return n(r,{key:"065b561b3532d724a420b3fb1e4abaccd05b8879",class:this.classNames(),id:this.componentId,style:this.hostStyles},this.setChipContent(),"tag"===this.effectiveVariant&&this.renderCloseButton())}get el(){return this}static get style(){return":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}:host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__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-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}"}},[257,"pds-chip",{componentId:[1,"component-id"],dot:[4],dotColor:[1,"dot-color"],icon:[1],iconColor:[1,"icon-color"],size:[1],sentiment:[1],variant:[1],removeUrl:[1,"remove-url"],removeHttpMethod:[1,"remove-http-method"],removeTarget:[1,"remove-target"],dismissLabel:[1,"dismiss-label"],maxWidth:[513,"max-width"]}]);function v(){"undefined"!=typeof customElements&&["pds-chip","pds-icon"].forEach((i=>{switch(i){case"pds-chip":customElements.get(p(i))||customElements.define(p(i),l);break;case"pds-icon":customElements.get(p(i))||h()}}))}export{l as P,v as d}