@pine-ds/core 4.4.3 → 4.4.4

package/components/attributes.js

@@ -1 +1 @@
-const a=(a,i=[])=>{const r={};return i.forEach((i=>{a.hasAttribute(i)&&(null!==a.getAttribute(i)&&(r[i]=a.getAttribute(i)),a.removeAttribute(i))})),r},i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=r=>a(r,i);export{a,r as i}
+const a=(a,r)=>{Object.entries(r).forEach((([r,e])=>{a.getAttribute(r)!==e&&a.setAttribute(r,e)}))},r=a=>"string"==typeof a?a.split(/\s+/).filter(Boolean):Object.keys(a).filter((r=>a[r])),e=(a,r=[])=>{const e={};return r.forEach((r=>{a.hasAttribute(r)&&(null!==a.getAttribute(r)&&(e[r]=a.getAttribute(r)),a.removeAttribute(r))})),e},i=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],t=a=>e(a,i);class s{constructor(){this.styling={classes:[],styles:{}},this.observer=null}record(a,e={},i={}){this.styling={classes:r(a),styles:e,attributes:i}}connect(a){var e;null!==(e=this.observer)&&void 0!==e||(this.observer=((a,e)=>{if("undefined"==typeof MutationObserver)return null;const i=new MutationObserver((i=>{const t=e(),s=i.filter((a=>"class"===a.attributeName&&null!=a.oldValue)).flatMap((e=>r(e.oldValue).filter((r=>((a,r)=>{const e=`sc-${a.localName}`;return"hydrated"===r||r===e||r===`${e}-h`||r===`${e}-s`})(a,r)))));((a,{classes:r,styles:e})=>{const i=r.filter((r=>!a.classList.contains(r)));i.length>0&&a.classList.add(...i),Object.entries(e).forEach((([r,e])=>{e&&""===a.style.getPropertyValue(r)&&a.style.setProperty(r,e)}))})(a,Object.assign(Object.assign({},t),{classes:[...t.classes,...s]})),i.forEach((({attributeName:r,oldValue:e})=>{var i;const s=null===(i=t.attributes)||void 0===i?void 0:i[r];null==e||null==s||!1===s||a.hasAttribute(r)||a.setAttribute(r,e)}))}));return i.observe(a,{attributes:!0,attributeOldValue:!0}),i})(a,(()=>this.styling)))}disconnect(){var a;null===(a=this.observer)||void 0===a||a.disconnect(),this.observer=null}}export{s as H,e as a,t as i,a as s}

package/components/closest.js

@@ -1 +1 @@
-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}
+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{t as a,o as c}

package/components/pds-avatar.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as i,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{b as e,e as n}from"./index2.js";import{d as o}from"./pds-icon2.js";const d=a(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.alt=null,this.badge=!1,this.dropdown=!1,this.image=null,this.initials=null,this.size="lg",this.status=null,this.statusRing=!1,this.variant="customer",this.triggerLabel="Avatar dropdown trigger",this.renderAssetWrapper=()=>{const a={height:this.avatarSize(),width:this.avatarSize()};return t("div",{style:a,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge(),this.renderStatus())},this.renderAvatar=()=>this.dropdown?t("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":this.triggerLabel},this.renderAssetWrapper()):this.renderAssetWrapper(),this.renderBadge=()=>this.badge&&!this.status&&t("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:e,size:"33.53%"}),this.renderStatus=()=>{var a;return this.status?t("span",this.dropdown?{class:"pds-avatar__status",part:"status","aria-hidden":"true"}:{class:"pds-avatar__status",part:"status",role:"img","aria-label":null!==(a=this.statusLabel)&&void 0!==a?a:this.status+" status"}):null},this.renderIconOrImage=()=>this.image?t("img",{alt:this.alt,src:this.image}):this.initials?t("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},t("text",{x:"16",y:"20"},this.initials)):t("pds-icon",{color:"var(--pine-color-brand)",icon:n,size:"33.53%"}),this.classNames=()=>({"pds-avatar":!0,"pds-avatar--has-image":""!==this.image&&null!==this.image,"pds-avatar--has-initials":""!==this.initials&&null!==this.initials,["pds-avatar--"+this.variant]:"admin"===this.variant,"pds-avatar--status-ring":!!this.status&&this.statusRing})}avatarSize(){const a={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};return a[this.size]?a[this.size]:this.size}render(){return t(s,{key:"fe2bd31070db6840c79d7054ac50802e8f14f572",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}static get style(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"}},[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],initials:[1],size:[513],status:[513],statusLabel:[1,"status-label"],statusRing:[4,"status-ring"],variant:[513],triggerLabel:[1,"trigger-label"]}]),l=d,p=function(){"undefined"!=typeof customElements&&["pds-avatar","pds-icon"].forEach((a=>{switch(a){case"pds-avatar":customElements.get(r(a))||customElements.define(r(a),d);break;case"pds-icon":customElements.get(r(a))||o()}}))};export{l as PdsAvatar,p as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{b as e,e as n}from"./index2.js";import{r as o}from"./reflected-attribute-default.js";import{d}from"./pds-icon2.js";const l=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.alt=null,this.badge=!1,this.dropdown=!1,this.image=null,this.initials=null,this.size="lg",this.status=null,this.statusRing=!1,this.variant="customer",this.triggerLabel="Avatar dropdown trigger",this.renderAssetWrapper=()=>{const a={height:this.avatarSize(),width:this.avatarSize()};return i("div",{style:a,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge(),this.renderStatus())},this.renderAvatar=()=>this.dropdown?i("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":this.triggerLabel},this.renderAssetWrapper()):this.renderAssetWrapper(),this.renderBadge=()=>this.badge&&!this.status&&i("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:e,size:"33.53%"}),this.renderStatus=()=>{var a;return this.status?i("span",this.dropdown?{class:"pds-avatar__status",part:"status","aria-hidden":"true"}:{class:"pds-avatar__status",part:"status",role:"img","aria-label":null!==(a=this.statusLabel)&&void 0!==a?a:this.status+" status"}):null},this.renderIconOrImage=()=>this.image?i("img",{alt:this.alt,src:this.image}):this.initials?i("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},i("text",{x:"16",y:"20"},this.initials)):i("pds-icon",{color:"var(--pine-color-brand)",icon:n,size:"33.53%"}),this.classNames=()=>({"pds-avatar":!0,"pds-avatar--has-image":""!==this.image&&null!==this.image,"pds-avatar--has-initials":""!==this.initials&&null!==this.initials,["pds-avatar--"+this.variant]:"admin"===this.variant,"pds-avatar--status-ring":!!this.status&&this.statusRing})}restoreSizeDefault(a){this.size=o(this.el,"size",a,"lg")}restoreVariantDefault(a){this.variant=o(this.el,"variant",a,"customer")}avatarSize(){const a={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};return a[this.size]?a[this.size]:this.size}render(){return i(r,{key:"2cfbbe25504088ba2cbb3dc923680365fa78a170",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}get el(){return this}static get watchers(){return{size:[{restoreSizeDefault:0}],variant:[{restoreVariantDefault:0}]}}static get style(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"}},[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],initials:[1],size:[1537],status:[513],statusLabel:[1,"status-label"],statusRing:[4,"status-ring"],variant:[1537],triggerLabel:[1,"trigger-label"]},void 0,{size:[{restoreSizeDefault:0}],variant:[{restoreVariantDefault:0}]}]),p=l,c=function(){"undefined"!=typeof customElements&&["pds-avatar","pds-icon"].forEach((a=>{switch(a){case"pds-avatar":customElements.get(s(a))||customElements.define(s(a),l);break;case"pds-icon":customElements.get(s(a))||d()}}))};export{p as PdsAvatar,c as defineCustomElement}