@descope/web-components-ui 3.20.1 → 3.20.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +6 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/DescopeDev.js.map +1 -1
- package/dist/umd/descope-collapsible-container.js +1 -1
- package/dist/umd/descope-collapsible-container.js.map +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +42 -42
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,2294,6367,6724],{97376(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+IDwvc3ZnPiA="},96945(t,e,n){"use strict";n.r(e),n.d(e,{CollapsibleContainerClass:()=>g,componentName:()=>h}),n(63595),n(56737);var i=n(88961),s=n(72270),r=n(63200),o=n(25964),a=n(97376),l=n.n(a),c=n(66434);const h=(0,o.xE)("collapsible-container");class d extends((0,s.qu)({componentName:h,baseSelector:"slot"})){static get observedAttributes(){return["collapsed","collapsible","text"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper">\n <descope-text st-host-direction="ltr">\n <div class="header">\n <div class="title">\n <div class="icon">\n <descope-icon st-fill="currentcolor" src=${l()}></descope-icon>\n </div>\n <span></span>\n </div>\n </div>\n </descope-text>\n <div class="content">\n <slot></slot>\n </div>\n </div>\n\t`,(0,o.fz)(`\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .title {\n display: contents;\n }\n /* attach icon */\n :host([attach-icon="true"]) .header {\n display: block;\n }\n :host([attach-icon="true"]) .title {\n display: inline-flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${c.s.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,this),this.header=this.shadowRoot.querySelector(".header"),this.content=this.shadowRoot.querySelector("div.content"),this.icon=this.header.querySelector("descope-icon"),this.headerText=this.header.querySelector("span"),this.textComponent=this.shadowRoot.querySelector("descope-text")}get isCollapsible(){return"true"===this.getAttribute("collapsible")}calcContentHeight(){return this.content.offsetHeight||this.content.scrollHeight}get isCollapsed(){return"true"===this.getAttribute("collapsed")}toggle(){this.setAttribute("collapsed",this.isCollapsed?"false":"true")}collapse(t=!1){const e=()=>{this.content.style.maxHeight="0px"};if(this.icon.classList.add("rotate"),!t)return e();this.content.style.maxHeight=this.calcContentHeight()+"px",setTimeout(e)}expand(t=!1){const e=()=>{this.content.style.maxHeight=""};if(this.icon.classList.remove("rotate"),!t)return e();this.content.addEventListener("transitionend",e,{once:!0}),this.content.style.maxHeight=this.calcContentHeight()+"px"}#t=!1;init(){super.init?.(),this.#t=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),(0,o.EA)(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const t=this.getAttribute("text")||"";this.headerText.innerText=t}attributeChangedCallback(t,e,n){"text"!==t?this.isCollapsed&&this.isCollapsible?this.collapse(this.#t):this.expand(this.#t):this.updateHeaderText()}}const p={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",iconAndText:()=>".header, .title",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},g=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{selector:p.host,property:"width"},hostDirection:{selector:p.host,property:"direction"},verticalPadding:[{selector:p.wrapper,property:"padding-top"},{selector:p.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:p.wrapper,property:"padding-left"},{selector:p.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:p.wrapper},backgroundImage:{selector:p.wrapper},backgroundPositionX:{selector:p.wrapper},backgroundPositionY:{selector:p.wrapper},backgroundSize:{selector:p.wrapper},backgroundRepeat:{selector:p.wrapper},borderRadius:{selector:p.wrapper},borderColor:{selector:p.wrapper},borderStyle:{selector:p.wrapper},borderWidth:{selector:p.wrapper},boxShadow:{selector:p.wrapper},headerIconOrder:{selector:p.iconWrapper,property:"order"},headerCursor:{selector:p.header,property:"cursor"},headerGap:{selector:p.iconAndText,property:"gap"},textGrow:{selector:p.text,property:"flex-grow"},textDirection:{selector:p.text,property:"direction"},iconAnimationDuration:{selector:p.icon,property:"transition-duration"},contentAnimationDuration:{selector:p.content,property:"transition-duration"}}}),i.VO,i.tQ)(d);customElements.define(h,g)},98538(t,e,n){"use strict";n.d(e,{S:()=>l,T:()=>a});var i=n(88961),s=n(25964),r=n(8512),o=n(63200);const a=(0,s.xE)("icon"),l=(0,o.Zz)((0,i.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)((0,i.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){"use strict";n.r(e),n.d(e,{IconClass:()=>i.S,componentName:()=>i.T}),n(53455);var i=n(98538);customElements.define(i.T,i.S)},8512(t,e,n){"use strict";n.d(e,{T:()=>l,q:()=>d});var i=n(88961),s=n(72270),r=n(63200),o=n(25964),a=n(18782);const l=(0,o.xE)("image"),c=["src","src-dark"];class h extends((0,s.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const d=(0,r.Zz)((0,i.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),i.VO,i.tQ)(h)},18782(t,e,n){"use strict";n.d(e,{m:()=>r});var i=n(25414);const s=t=>{const e=i.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=s(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),i=await e.text();n=s(i)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},53455(t,e,n){"use strict";n.r(e),n.d(e,{ImageClass:()=>i.q,componentName:()=>i.T});var i=n(8512);customElements.define(i.T,i.q)},66434(t,e,n){"use strict";n.d(e,{T:()=>a,s:()=>h});var i=n(88961),s=n(63200),r=n(25964),o=n(72270);const a=(0,r.xE)("text");class l extends((0,o.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,r.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:c}={host:{selector:()=>":host"}},h=(0,s.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),i.VO,i.tQ)(l)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>i.s,componentName:()=>i.T});var i=n(66434);customElements.define(i.T,i.s)}}]);
|
|
1
|
+
(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,2294,6367,6724],{97376(t){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+IDwvc3ZnPiA="},96945(t,e,n){"use strict";n.r(e),n.d(e,{CollapsibleContainerClass:()=>g,componentName:()=>h}),n(63595),n(56737);var s=n(88961),i=n(72270),r=n(63200),o=n(25964),a=n(97376),l=n.n(a),c=n(66434);const h=(0,o.xE)("collapsible-container");class d extends((0,i.qu)({componentName:h,baseSelector:"slot"})){static get observedAttributes(){return["collapsed","collapsible","text"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper">\n <descope-text st-host-direction="ltr">\n <div class="header">\n <div class="title">\n <div class="icon">\n <descope-icon st-fill="currentcolor" src=${l()}></descope-icon>\n </div>\n <span></span>\n </div>\n </div>\n </descope-text>\n <div class="content">\n <slot></slot>\n </div>\n </div>\n\t`,(0,o.fz)(`\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .title {\n display: contents;\n }\n :host([attach-icon="true"]) .header {\n display: block;\n }\n :host([attach-icon="true"]) .title {\n display: inline-flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${c.s.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,this),this.header=this.shadowRoot.querySelector(".header"),this.content=this.shadowRoot.querySelector("div.content"),this.icon=this.header.querySelector("descope-icon"),this.headerText=this.header.querySelector("span"),this.textComponent=this.shadowRoot.querySelector("descope-text")}get isCollapsible(){return"true"===this.getAttribute("collapsible")}calcContentHeight(){return this.content.offsetHeight||this.content.scrollHeight}get isCollapsed(){return"true"===this.getAttribute("collapsed")}toggle(){this.setAttribute("collapsed",this.isCollapsed?"false":"true")}collapse(t=!1){const e=()=>{this.content.style.maxHeight="0px"};if(this.icon.classList.add("rotate"),!t)return e();this.content.style.maxHeight=this.calcContentHeight()+"px",setTimeout(e)}expand(t=!1){const e=()=>{this.content.style.maxHeight=""};if(this.icon.classList.remove("rotate"),!t)return e();this.content.addEventListener("transitionend",e,{once:!0}),this.content.style.maxHeight=this.calcContentHeight()+"px"}#t=!1;init(){super.init?.(),this.#t=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),(0,o.EA)(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const t=this.getAttribute("text")||"";this.headerText.innerText=t}attributeChangedCallback(t,e,n){"text"!==t?this.isCollapsed&&this.isCollapsible?this.collapse(this.#t):this.expand(this.#t):this.updateHeaderText()}}const p={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",iconAndText:()=>".header, .title",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},g=(0,r.Zz)((0,s.RF)({mappings:{hostWidth:{selector:p.host,property:"width"},hostDirection:{selector:p.host,property:"direction"},verticalPadding:[{selector:p.wrapper,property:"padding-top"},{selector:p.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:p.wrapper,property:"padding-left"},{selector:p.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:p.wrapper},backgroundImage:{selector:p.wrapper},backgroundPositionX:{selector:p.wrapper},backgroundPositionY:{selector:p.wrapper},backgroundSize:{selector:p.wrapper},backgroundRepeat:{selector:p.wrapper},borderRadius:{selector:p.wrapper},borderColor:{selector:p.wrapper},borderStyle:{selector:p.wrapper},borderWidth:{selector:p.wrapper},boxShadow:{selector:p.wrapper},headerIconOrder:{selector:p.iconWrapper,property:"order"},headerCursor:{selector:p.header,property:"cursor"},headerGap:{selector:p.iconAndText,property:"gap"},textGrow:{selector:p.text,property:"flex-grow"},textDirection:{selector:p.text,property:"direction"},iconAnimationDuration:{selector:p.icon,property:"transition-duration"},contentAnimationDuration:{selector:p.content,property:"transition-duration"}}}),s.VO,s.tQ)(d);customElements.define(h,g)},98538(t,e,n){"use strict";n.d(e,{S:()=>l,T:()=>a});var s=n(88961),i=n(25964),r=n(8512),o=n(63200);const a=(0,i.xE)("icon"),l=(0,o.Zz)((0,s.RF)({mappings:{fill:[{},{property:r.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),s.VO,s.tQ)((0,s.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},56737(t,e,n){"use strict";n.r(e),n.d(e,{IconClass:()=>s.S,componentName:()=>s.T}),n(53455);var s=n(98538);customElements.define(s.T,s.S)},8512(t,e,n){"use strict";n.d(e,{T:()=>l,q:()=>d});var s=n(88961),i=n(72270),r=n(63200),o=n(25964),a=n(18782);const l=(0,o.xE)("image"),c=["src","src-dark"];class h extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const d=(0,r.Zz)((0,s.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),s.VO,s.tQ)(h)},18782(t,e,n){"use strict";n.d(e,{m:()=>r});var s=n(25414);const i=t=>{const e=s.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),s=await e.text();n=i(s)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},53455(t,e,n){"use strict";n.r(e),n.d(e,{ImageClass:()=>s.q,componentName:()=>s.T});var s=n(8512);customElements.define(s.T,s.q)},66434(t,e,n){"use strict";n.d(e,{T:()=>a,s:()=>h});var s=n(88961),i=n(63200),r=n(25964),o=n(72270);const a=(0,r.xE)("text");class l extends((0,o.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',(0,r.fz)("\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:c}={host:{selector:()=>":host"}},h=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,s.DM)({triggers:[{attr:"full-width",value:"true"}]}),s.VO,s.tQ)(l)},63595(t,e,n){"use strict";n.r(e),n.d(e,{TextClass:()=>s.s,componentName:()=>s.T});var s=n(66434);customElements.define(s.T,s.s)}}]);
|
|
2
2
|
//# sourceMappingURL=descope-collapsible-container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descope-collapsible-container.js","mappings":"oIAAAA,EAAAC,QAAA,q0BCeO,MAAAC,GAAsB,EAAAC,EAAAC,IAAgB,yBAE7C,MAAAC,WAAsC,EAAAC,EAAAC,IAAe,CACrDL,gBACAM,aAAA,UAEA,6BAAAC,GACA,wCACA,CAEA,WAAAC,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,kOAMmBC,iNAYrD,EAAAb,EAAAc,IACJ,4xBAmCwBC,EAAAC,EAASC,WAAAC,qmBA6BjCT,MAGAA,KAAAU,OAAAV,KAAAW,WAAAC,cAAA,WACAZ,KAAAa,QAAAb,KAAAW,WAAAC,cAAA,eACAZ,KAAAc,KAAAd,KAAAU,OAAAE,cAAA,gBACAZ,KAAAe,WAAAf,KAAAU,OAAAE,cAAA,QACAZ,KAAAgB,cAAAhB,KAAAW,WAAAC,cAAA,eACA,CAEA,iBAAAK,GACA,eAAAjB,KAAAkB,aAAA,cACA,CAEA,iBAAAC,GACA,OAAAnB,KAAAa,QAAAO,cAAApB,KAAAa,QAAAQ,YACA,CAEA,eAAAC,GACA,eAAAtB,KAAAkB,aAAA,YACA,CAEA,MAAAK,GACAvB,KAAAwB,aAAA,YAAAxB,KAAAsB,YAAA,eACA,CAEA,QAAAG,CAAAC,GAAA,GACA,MAAAC,EAAA,KACA3B,KAAAa,QAAAe,MAAAC,UAAA,OAGA,GADA7B,KAAAc,KAAAgB,UAAAC,IAAA,WACAL,EAAA,OAAAC,IAEA3B,KAAAa,QAAAe,MAAAC,UAAA7B,KAAAmB,oBAAA,KACAa,WAAAL,EACA,CAEA,MAAAM,CAAAP,GAAA,GACA,MAAAC,EAAA,KACA3B,KAAAa,QAAAe,MAAAC,UAAA,IAGA,GADA7B,KAAAc,KAAAgB,UAAAI,OAAA,WACAR,EAAA,OAAAC,IAEA3B,KAAAa,QAAAsB,iBAAA,gBAAAR,EAAA,CAA4DS,MAAA,IAC5DpC,KAAAa,QAAAe,MAAAC,UAAA7B,KAAAmB,oBAAA,IACA,CAEAkB,IAAA,EAEA,IAAAC,GACAvC,MAAAuC,SAGAtC,MAAAqC,GAAA,EAEArC,KAAAU,OAAAyB,iBAAA,aACAnC,KAAAiB,eACAjB,KAAAuB,YAEI,EAAAhC,EAAAgD,IAAYvC,KAAAA,KAAAgB,cAAA,CAChBwB,aAAA,0CACAC,SAAA,CAAkB,8CAElB,CAEA,gBAAAC,GACA,MAAAC,EAAA3C,KAAAkB,aAAA,YACAlB,KAAAe,WAAA6B,UAAAD,CACA,CAEA,wBAAAE,CAAAC,EAAAC,EAAAC,GACA,SAAAF,EAIA9C,KAAAsB,aAAAtB,KAAAiB,cAEAjB,KAAAyB,SAAAzB,MAAAqC,GAEArC,KAAAiC,OAAAjC,MAAAqC,GAPArC,KAAA0C,kBASA,EAGA,MAAAO,EAAA,CACAC,KAAA,YACApC,KAAA,mBACAqC,YAAA,YACAzC,OAAA,cACA0C,YAAA,sBACAT,KAAA,WACAU,QAAA,eACAxC,QAAA,mBAGOyC,GAAkC,EAAAC,EAAAC,KACvC,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAC,UAAA,CAAmBC,SAAAZ,EAAAC,KAAAY,SAAA,SACnBC,cAAA,CAAuBF,SAAAZ,EAAAC,KAAAY,SAAA,aACvBE,gBAAA,CACA,CAAUH,SAAAZ,EAAAI,QAAAS,SAAA,eACV,CAAUD,SAAAZ,EAAAI,QAAAS,SAAA,mBAEVG,kBAAA,CACA,CAAUJ,SAAAZ,EAAAI,QAAAS,SAAA,gBACV,CAAUD,SAAAZ,EAAAI,QAAAS,SAAA,kBAGVI,cAAA,GACAC,eAAA,GACAC,WAAA,GACAC,IAAA,IAAc,CAAIP,SAAA,eAElBQ,gBAAA,CAAyBT,SAAAZ,EAAAI,SACzBkB,gBAAA,CAAyBV,SAAAZ,EAAAI,SACzBmB,oBAAA,CAA6BX,SAAAZ,EAAAI,SAC7BoB,oBAAA,CAA6BZ,SAAAZ,EAAAI,SAC7BqB,eAAA,CAAwBb,SAAAZ,EAAAI,SACxBsB,iBAAA,CAA0Bd,SAAAZ,EAAAI,SAE1BuB,aAAA,CAAsBf,SAAAZ,EAAAI,SACtBwB,YAAA,CAAqBhB,SAAAZ,EAAAI,SACrByB,YAAA,CAAqBjB,SAAAZ,EAAAI,SACrB0B,YAAA,CAAqBlB,SAAAZ,EAAAI,SAErB2B,UAAA,CAAmBnB,SAAAZ,EAAAI,SAEnB4B,gBAAA,CAAyBpB,SAAAZ,EAAAE,YAAAW,SAAA,SACzBoB,aAAA,CAAsBrB,SAAAZ,EAAAvC,OAAAoD,SAAA,UACtBqB,UAAA,CAAmBtB,SAAAZ,EAAAG,YAAAU,SAAA,OACnBsB,SAAA,CAAkBvB,SAAAZ,EAAAN,KAAAmB,SAAA,aAClBuB,cAAA,CAAuBxB,SAAAZ,EAAAN,KAAAmB,SAAA,aACvBwB,sBAAA,CACAzB,SAAAZ,EAAAnC,KACAgD,SAAA,uBAEAyB,yBAAA,CACA1B,SAAAZ,EAAApC,QACAiD,SAAA,0BAIEL,EAAA+B,GACA/B,EAAAgC,GAjDuC,CAkDzChG,GC7PAiG,eAAAC,OAAsBrG,EAAegE,sGCM9B,MAAAhE,GAAsB,EAAAsG,EAAApG,IAAgB,QAEtCqG,GAAkB,EAAAC,EAAAtC,KACvB,EAAAuC,EAAArC,IAAgB,CAClBC,SAAA,CACAqC,KAAA,IAAe,CAAIlC,SAAUmC,EAAAC,EAAU1F,WAAAwF,OACvCG,OAAA,CAAgBtC,SAAA,aAChBuC,MAAA,CAAevC,SAAA,gBAGbkC,EAAAP,GACAO,EAAAN,GATuB,EAWvB,EAAAM,EAAAM,IAAW,CACbC,MAAA,GACAC,eAAA,gBACA3E,MAAA,iKAQA4E,iBAAA,oDACAlH,8HC/BAoG,eAAAC,OAAsBc,EAAAC,EAAeD,EAAAE,iHCQ9B,MAAArH,GAAsB,EAAAsH,EAAApH,IAAgB,SAE7CqH,EAAA,mBAEA,MAAAC,WAAuB,EAAAC,EAAApH,IAAe,CACtCL,gBACAM,aAAA,UAEA,6BAAAC,GACA,OAAAgH,CACA,CAEA,WAAA/G,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,2BAIlC,EAAAyG,EAAAvG,IACJ,6UAoBAL,KAEA,CAEA,IAAAsC,GACAvC,MAAAuC,SACAtC,KAAAgH,iBAAAhH,KAAAiH,OACA,CAEA,aAAAC,GACAlH,KAAAmH,aACA,CAEA,gBAAAH,CAAAI,GACAA,EACApH,KAAA8B,UAAAI,OAAA,UAEAlC,KAAA8B,UAAAC,IAAA,SAEA,CAEA,WAAAsF,GACA,OAAArH,KAAAkB,aAAA,UACA,CAEA,aAAAoG,GACA,OAAAtH,KAAAkB,aAAA,MACA,CAEA,YAAAqG,GACA,OAAAvH,KAAAkB,aAAA,OAAoClB,KAAAwH,mBACpC,CAEA,UAAAP,GACA,OAAAjH,KAAAuH,UAAAvH,KAAAsH,SACA,CAKA,eAAAG,CAAAC,GAEA,CAAAA,KAAAA,EAAAC,iBAAA,YAEAC,QAAAC,IACAA,EAAArG,aACA,OACA,OAAesG,EAAAtH,WAAAwF,SAA+B6B,EAAA3G,aAAA,mBAG9C,CAEA,WAAAiG,GACAnH,KAAAgH,iBAAAhH,KAAAiH,SAEI,EAAAc,EAAAC,GAAWhI,KAAAiH,OAAAjH,KAAAqH,SAAAY,KAAAC,IACflI,KAAAG,UAAA,GACA+H,IACAlI,KAAAyH,gBAAAS,GACAlI,KAAAmI,YAAAD,KAGA,CAGA,YAAAE,CAAAC,GACA,MAAAC,EAAAtI,KAAAkB,aAAAmH,GACA,OAAArI,KAAAiH,SAAAqB,CACA,CAEA,wBAAAzF,CAAA0F,EAAAxF,EAAAC,GACAjD,MAAA8C,2BAAA0F,EAAAxF,EAAAC,GAEAD,IAAAC,GAEAhD,KAAAoI,aAAAG,IACAvI,KAAAmH,aAEA,EAGO,MAAAW,GAAmB,EAAAU,EAAAhF,KACxB,EAAAuC,EAAArC,IAAgB,CAClBC,SAAA,CACAqC,KAAA,GACAG,OAAA,CAAgBtC,SAAA,aAChBuC,MAAA,CAAevC,SAAA,gBAGbkC,EAAAP,GACAO,EAAAN,GATwB,CAU1BqB,8DC7IA,MAgBA2B,EAAA9F,IAEA,MAAA+F,EAAgBC,EAAAC,EAASC,SAAAlG,EAAA,CACzBmG,aAAA,CAAoBC,KAAA,EAAAC,YAAA,GAEpBC,SAAA,UAEAC,YAAA,WAOA,OAJA,IAAAC,WAEAC,gBAAAV,EAAA,iBACA9H,cAAA,QAIOyI,EAAAC,MAAAjB,EAAAhB,KACP,IACA,IAAAQ,EACA,GA7BA,CAAAQ,GAAAA,EAAAkB,WAFA,8BA+BAC,CAAAnB,GAAA,CAEA,MAAAoB,EAAAC,KAAArB,EAAAsB,MAAAC,KACA/B,EAAAY,EAAAgB,EACA,MAAM,WAxCN,CAAAI,IACA,MAAAC,EAAAD,EAAAC,MAAA,8BACA,OAAAA,EAAAA,EAAA,SAsCMC,CAAA1B,GAAA,CAEN,MAAA2B,QAAAC,MAAA5B,GACA1F,QAAAqH,EAAArH,OACAkF,EAAAY,EAAA9F,EACA,MAEAkF,EAtCA,EAAAQ,EAAAhB,KACA,MAAAQ,EAAAqC,SAAAC,cAAA,OAGA,OAFAtC,EAAArG,aAAA,MAAA6G,GACAR,EAAArG,aAAA,MAAA6F,GACAQ,GAkCAuC,CAAA/B,EAAAhB,GAMA,OAHAQ,EAAAjG,MAAAyI,YAAA,oBACAxC,EAAAjG,MAAAyI,YAAA,qBAEAxC,CACA,CAAI,MACJ,WACA,qGCxDAnC,eAAAC,OAAsB2E,EAAA5D,EAAe4D,EAAApE,uGCY9B,MAAA5G,GAAsB,EAAAiL,EAAA/K,IAAgB,QAE7C,MAAAgL,WAAsB,EAAAC,EAAA9K,IAAe,CACrCL,gBACAM,aAAA,kBAEA,WAAAE,GACAC,QAEAC,KAAAC,aAAA,CAAwBC,KAAA,SAAcC,UAAA,iDAIlC,EAAAoK,EAAAlK,IACJ,iLAUAL,KAEA,CAEA,iBAAA0K,GACA,eAAA1K,KAAAkB,aAAA,kBACA,CAEA,IAAAoB,GACAvC,MAAAuC,QAEI,EAAAiI,EAAAI,IAAe3K,KAAA,KACnB,MAAA4K,IAAA5K,KAAA6K,WAAAC,OACA9K,KAAA4B,MAAAmJ,SAAAH,GAAA5K,KAAA0K,cAAA,WAEA,EAGA,MAAAxH,KAAQA,GAAO,CACfA,KAAA,CAAUW,SAAA,cAGHvD,GAAkB,EAAA0K,EAAAxH,KACvB,EAAAuC,EAAArC,IAAgB,CAClBC,SAAA,CACAC,UAAA,IAAmBV,EAAAY,SAAA,SACnBC,cAAA,IAAuBb,EAAAY,SAAA,aACvBmH,SAAA,GACAC,UAAA,EAAoBpH,SAAA,UACpBrD,eAAA,CAAwBqD,SAAA,eACxBqH,kBAAA,CAA2BrH,SAAA,kBAC3BsH,WAAA,GACAC,UAAA,GACAC,cAAA,GACAC,WAAA,GACAC,UAAA,GACAC,WAAA,GACA1G,YAAA,GACAD,YAAA,GACAD,YAAA,OAGE,EAAAkB,EAAA2F,IAAY,CAAGC,SAAA,EAAaC,KAAA,aAAAC,MAAA,WAC5B9F,EAAAP,GACAO,EAAAN,GAtBuB,CAuBzB+E,qGCjFA9E,eAAAC,OAAsBmG,EAAApF,EAAeoF,EAAAvL","sources":["webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/chevron.svg","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/CollapsibleContainerClass.js","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+IDwvc3ZnPiA=\"","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n forwardAttrs,\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport chevronIcon from './chevron.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('collapsible-container');\n\nclass RawCollapsibleContainer extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return ['collapsed', 'collapsible', 'text'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <descope-text st-host-direction=\"ltr\">\n <div class=\"header\">\n <div class=\"title\">\n <div class=\"icon\">\n <descope-icon st-fill=\"currentcolor\" src=${chevronIcon}></descope-icon>\n </div>\n <span></span>\n </div>\n </div>\n </descope-text>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n\t`;\n\n injectStyle(\n `\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .title {\n display: contents;\n }\n /* attach icon */\n :host([attach-icon=\"true\"]) .header {\n display: block;\n }\n :host([attach-icon=\"true\"]) .title {\n display: inline-flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${TextClass.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,\n this,\n );\n\n this.header = this.shadowRoot.querySelector('.header');\n this.content = this.shadowRoot.querySelector('div.content');\n this.icon = this.header.querySelector('descope-icon');\n this.headerText = this.header.querySelector('span');\n this.textComponent = this.shadowRoot.querySelector('descope-text');\n }\n\n get isCollapsible() {\n return this.getAttribute('collapsible') === 'true';\n }\n\n calcContentHeight() {\n return this.content.offsetHeight || this.content.scrollHeight;\n }\n\n get isCollapsed() {\n return this.getAttribute('collapsed') === 'true';\n }\n\n toggle() {\n this.setAttribute('collapsed', this.isCollapsed ? 'false' : 'true');\n }\n\n collapse(animated = false) {\n const final = () => {\n this.content.style.maxHeight = '0px';\n };\n this.icon.classList.add('rotate');\n if (!animated) return final();\n\n this.content.style.maxHeight = this.calcContentHeight() + 'px';\n setTimeout(final);\n }\n\n expand(animated = false) {\n const final = () => {\n this.content.style.maxHeight = '';\n };\n this.icon.classList.remove('rotate');\n if (!animated) return final();\n\n this.content.addEventListener('transitionend', final, { once: true });\n this.content.style.maxHeight = this.calcContentHeight() + 'px';\n }\n\n #isComponentMounted = false;\n\n init() {\n super.init?.();\n // we want to animate the collapse/expand only after the first time the component is connected\n // so when setting a default value for the collapsed attribute, it will not animate\n this.#isComponentMounted = true;\n\n this.header.addEventListener('click', () => {\n if (!this.isCollapsible) return;\n this.toggle();\n });\n forwardAttrs(this, this.textComponent, {\n includeAttrs: ['text-align', 'text-variant', 'text-mode'],\n mapAttrs: { 'text-mode': 'mode', 'text-variant': 'variant' },\n });\n }\n\n updateHeaderText() {\n const text = this.getAttribute('text') || '';\n this.headerText.innerText = text;\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n if (name === 'text') {\n this.updateHeaderText();\n return;\n }\n const collapsed = this.isCollapsed && this.isCollapsible;\n if (collapsed) {\n this.collapse(this.#isComponentMounted);\n } else {\n this.expand(this.#isComponentMounted);\n }\n }\n}\n\nconst selectors = {\n host: () => ':host',\n icon: () => 'descope-icon',\n iconWrapper: () => '.icon',\n header: () => '.header',\n iconAndText: () => '.header, .title',\n text: () => 'span',\n wrapper: () => '.wrapper',\n content: () => 'div.content',\n};\n\nexport const CollapsibleContainerClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: selectors.host, property: 'width' },\n hostDirection: { selector: selectors.host, property: 'direction' },\n verticalPadding: [\n { selector: selectors.wrapper, property: 'padding-top' },\n { selector: selectors.wrapper, property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { selector: selectors.wrapper, property: 'padding-left' },\n { selector: selectors.wrapper, property: 'padding-right' },\n ],\n\n flexDirection: {},\n justifyContent: {},\n alignItems: {},\n gap: [{}, { property: 'margin-top' }],\n\n backgroundColor: { selector: selectors.wrapper },\n backgroundImage: { selector: selectors.wrapper },\n backgroundPositionX: { selector: selectors.wrapper },\n backgroundPositionY: { selector: selectors.wrapper },\n backgroundSize: { selector: selectors.wrapper },\n backgroundRepeat: { selector: selectors.wrapper },\n\n borderRadius: { selector: selectors.wrapper },\n borderColor: { selector: selectors.wrapper },\n borderStyle: { selector: selectors.wrapper },\n borderWidth: { selector: selectors.wrapper },\n\n boxShadow: { selector: selectors.wrapper },\n\n headerIconOrder: { selector: selectors.iconWrapper, property: 'order' },\n headerCursor: { selector: selectors.header, property: 'cursor' },\n headerGap: { selector: selectors.iconAndText, property: 'gap' },\n textGrow: { selector: selectors.text, property: 'flex-grow' },\n textDirection: { selector: selectors.text, property: 'direction' },\n iconAnimationDuration: {\n selector: selectors.icon,\n property: 'transition-duration',\n },\n contentAnimationDuration: {\n selector: selectors.content,\n property: 'transition-duration',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawCollapsibleContainer);\n","import '@descope-ui/descope-text'\nimport '@descope-ui/descope-icon'\nimport { componentName, CollapsibleContainerClass } from './CollapsibleContainerClass';\n\ncustomElements.define(componentName, CollapsibleContainerClass);\n\nexport { CollapsibleContainerClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["module","exports","componentName","componentsHelpers","xE","RawCollapsibleContainer","baseClasses","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","chevron_default","fz","TextClass","s","cssVarList","textLineHeight","header","shadowRoot","querySelector","content","icon","headerText","textComponent","isCollapsible","getAttribute","calcContentHeight","offsetHeight","scrollHeight","isCollapsed","toggle","setAttribute","collapse","animated","final","style","maxHeight","classList","add","setTimeout","expand","remove","addEventListener","once","isComponentMounted","init","EA","includeAttrs","mapAttrs","updateHeaderText","text","innerText","attributeChangedCallback","name","oldValue","newValue","selectors","host","iconWrapper","iconAndText","wrapper","CollapsibleContainerClass","utils","Zz","componentsMixins","RF","mappings","hostWidth","selector","property","hostDirection","verticalPadding","horizontalPadding","flexDirection","justifyContent","alignItems","gap","backgroundColor","backgroundImage","backgroundPositionX","backgroundPositionY","backgroundSize","backgroundRepeat","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","headerIconOrder","headerCursor","headerGap","textGrow","textDirection","iconAnimationDuration","contentAnimationDuration","VO","tQ","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","fill","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","tz","slots","wrappedEleName","excludeAttrsSync","_IconClass__WEBPACK_IMPORTED_MODULE_1__","T","S","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","fontSize","textColor","textLetterSpacing","textShadow","textAlign","textTransform","fontFamily","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"descope-collapsible-container.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/chevron.svg","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/CollapsibleContainerClass.js","webpack://@descope/web-components-ui/../components/descope-collapsible-container/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+IDwvc3ZnPiA=\"","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n forwardAttrs,\n getComponentName,\n injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport chevronIcon from './chevron.svg';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('collapsible-container');\n\nclass RawCollapsibleContainer extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return ['collapsed', 'collapsible', 'text'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <descope-text st-host-direction=\"ltr\">\n <div class=\"header\">\n <div class=\"title\">\n <div class=\"icon\">\n <descope-icon st-fill=\"currentcolor\" src=${chevronIcon}></descope-icon>\n </div>\n <span></span>\n </div>\n </div>\n </descope-text>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n\t`;\n\n injectStyle(\n `\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .title {\n display: contents;\n }\n :host([attach-icon=\"true\"]) .header {\n display: block;\n }\n :host([attach-icon=\"true\"]) .title {\n display: inline-flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${TextClass.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,\n this,\n );\n\n this.header = this.shadowRoot.querySelector('.header');\n this.content = this.shadowRoot.querySelector('div.content');\n this.icon = this.header.querySelector('descope-icon');\n this.headerText = this.header.querySelector('span');\n this.textComponent = this.shadowRoot.querySelector('descope-text');\n }\n\n get isCollapsible() {\n return this.getAttribute('collapsible') === 'true';\n }\n\n calcContentHeight() {\n return this.content.offsetHeight || this.content.scrollHeight;\n }\n\n get isCollapsed() {\n return this.getAttribute('collapsed') === 'true';\n }\n\n toggle() {\n this.setAttribute('collapsed', this.isCollapsed ? 'false' : 'true');\n }\n\n collapse(animated = false) {\n const final = () => {\n this.content.style.maxHeight = '0px';\n };\n this.icon.classList.add('rotate');\n if (!animated) return final();\n\n this.content.style.maxHeight = this.calcContentHeight() + 'px';\n setTimeout(final);\n }\n\n expand(animated = false) {\n const final = () => {\n this.content.style.maxHeight = '';\n };\n this.icon.classList.remove('rotate');\n if (!animated) return final();\n\n this.content.addEventListener('transitionend', final, { once: true });\n this.content.style.maxHeight = this.calcContentHeight() + 'px';\n }\n\n #isComponentMounted = false;\n\n init() {\n super.init?.();\n // we want to animate the collapse/expand only after the first time the component is connected\n // so when setting a default value for the collapsed attribute, it will not animate\n this.#isComponentMounted = true;\n\n this.header.addEventListener('click', () => {\n if (!this.isCollapsible) return;\n this.toggle();\n });\n forwardAttrs(this, this.textComponent, {\n includeAttrs: ['text-align', 'text-variant', 'text-mode'],\n mapAttrs: { 'text-mode': 'mode', 'text-variant': 'variant' },\n });\n }\n\n updateHeaderText() {\n const text = this.getAttribute('text') || '';\n this.headerText.innerText = text;\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n if (name === 'text') {\n this.updateHeaderText();\n return;\n }\n const collapsed = this.isCollapsed && this.isCollapsible;\n if (collapsed) {\n this.collapse(this.#isComponentMounted);\n } else {\n this.expand(this.#isComponentMounted);\n }\n }\n}\n\nconst selectors = {\n host: () => ':host',\n icon: () => 'descope-icon',\n iconWrapper: () => '.icon',\n header: () => '.header',\n iconAndText: () => '.header, .title',\n text: () => 'span',\n wrapper: () => '.wrapper',\n content: () => 'div.content',\n};\n\nexport const CollapsibleContainerClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: selectors.host, property: 'width' },\n hostDirection: { selector: selectors.host, property: 'direction' },\n verticalPadding: [\n { selector: selectors.wrapper, property: 'padding-top' },\n { selector: selectors.wrapper, property: 'padding-bottom' },\n ],\n horizontalPadding: [\n { selector: selectors.wrapper, property: 'padding-left' },\n { selector: selectors.wrapper, property: 'padding-right' },\n ],\n\n flexDirection: {},\n justifyContent: {},\n alignItems: {},\n gap: [{}, { property: 'margin-top' }],\n\n backgroundColor: { selector: selectors.wrapper },\n backgroundImage: { selector: selectors.wrapper },\n backgroundPositionX: { selector: selectors.wrapper },\n backgroundPositionY: { selector: selectors.wrapper },\n backgroundSize: { selector: selectors.wrapper },\n backgroundRepeat: { selector: selectors.wrapper },\n\n borderRadius: { selector: selectors.wrapper },\n borderColor: { selector: selectors.wrapper },\n borderStyle: { selector: selectors.wrapper },\n borderWidth: { selector: selectors.wrapper },\n\n boxShadow: { selector: selectors.wrapper },\n\n headerIconOrder: { selector: selectors.iconWrapper, property: 'order' },\n headerCursor: { selector: selectors.header, property: 'cursor' },\n headerGap: { selector: selectors.iconAndText, property: 'gap' },\n textGrow: { selector: selectors.text, property: 'flex-grow' },\n textDirection: { selector: selectors.text, property: 'direction' },\n iconAnimationDuration: {\n selector: selectors.icon,\n property: 'transition-duration',\n },\n contentAnimationDuration: {\n selector: selectors.content,\n property: 'transition-duration',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawCollapsibleContainer);\n","import '@descope-ui/descope-text'\nimport '@descope-ui/descope-icon'\nimport { componentName, CollapsibleContainerClass } from './CollapsibleContainerClass';\n\ncustomElements.define(componentName, CollapsibleContainerClass);\n\nexport { CollapsibleContainerClass, componentName };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-height: 100%;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n componentName,\n }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n"," \nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.getSrc);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') || '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get getSrc() {\n return this.themeSrc || this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n \n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.getSrc);\n\n createImage(this.getSrc, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.getSrc === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n injectStyle,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n componentName,\n baseSelector: ':host > slot',\n}) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot part=\"text-wrapper\"></slot>\n `;\n\n injectStyle(\n `\n :host {\n display: inline-block;\n line-height: 1em;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n `,\n this,\n );\n }\n\n get hideWhenEmpty() {\n return this.getAttribute('hide-when-empty') === 'true';\n }\n\n init() {\n super.init();\n\n observeChildren(this, () => {\n const hasChildren = !!this.childNodes.length;\n this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n });\n }\n}\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n textColor: [{ property: 'color' }],\n textLineHeight: { property: 'line-height' },\n textLetterSpacing: { property: 'letter-spacing' },\n textShadow: {},\n textAlign: {},\n textTransform: {},\n fontFamily: {},\n fontStyle: {},\n fontWeight: {},\n borderWidth: {},\n borderStyle: {},\n borderColor: {},\n },\n }),\n stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["module","exports","componentName","componentsHelpers","xE","RawCollapsibleContainer","baseClasses","qu","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","chevron_default","fz","TextClass","s","cssVarList","textLineHeight","header","shadowRoot","querySelector","content","icon","headerText","textComponent","isCollapsible","getAttribute","calcContentHeight","offsetHeight","scrollHeight","isCollapsed","toggle","setAttribute","collapse","animated","final","style","maxHeight","classList","add","setTimeout","expand","remove","addEventListener","once","isComponentMounted","init","EA","includeAttrs","mapAttrs","updateHeaderText","text","innerText","attributeChangedCallback","name","oldValue","newValue","selectors","host","iconWrapper","iconAndText","wrapper","CollapsibleContainerClass","utils","Zz","componentsMixins","RF","mappings","hostWidth","selector","property","hostDirection","verticalPadding","horizontalPadding","flexDirection","justifyContent","alignItems","gap","backgroundColor","backgroundImage","backgroundPositionX","backgroundPositionY","backgroundSize","backgroundRepeat","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","headerIconOrder","headerCursor","headerGap","textGrow","textDirection","iconAnimationDuration","contentAnimationDuration","VO","tQ","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","fill","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","tz","slots","wrappedEleName","excludeAttrsSync","_IconClass__WEBPACK_IMPORTED_MODULE_1__","T","S","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attrName","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","_ImageClass__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","RawText","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","hideWhenEmpty","Ge","hasChildren","childNodes","length","display","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","fontSize","textColor","textLetterSpacing","textShadow","textAlign","textTransform","fontFamily","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"sourceRoot":""}
|