@pine-ds/core 4.5.0 → 4.6.0

package/components/attributes.js

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

package/components/mock-pds-modal.js

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