platformscode-new-react 0.0.59 → 0.0.61
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/index.cjs.js +3 -3
- package/dist/index.js +60 -63
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -218574,7 +218574,7 @@ a:focus {
|
|
|
218574
218574
|
}
|
|
218575
218575
|
.KCarousel-dots .KCarousel-dot.is-active {
|
|
218576
218576
|
background-color: var(--stepper-button-completed);
|
|
218577
|
-
}`,Fi=Hi,Le=d(class extends l{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.DIRECTION={LEFT:Symbol("LEFT"),RIGHT:Symbol("RIGHT")},this.variant="arrows",this.showDots=!0,this.steps=1,this.transitionDuration=600,this.size="md",this.cardsToShow=null,this.childWidth=0,this.childrenLength=0,this.cardsToShowState=0,this.currentSlideIndex=0}changeSlide(n){console.log(),n===this.DIRECTION.RIGHT&&this.currentSlideIndex<this.childrenLength-1?this.currentSlideIndex++:n===this.DIRECTION.LEFT&&this.currentSlideIndex>0&&this.currentSlideIndex--,this.updateSlidePosition()}updateSlidePosition(){if(this.slidesContainer){const n=-(this.currentSlideIndex*this.childWidth);this.slidesContainer.style.transform=`translateX(${n}px)`}}showLeftArrow(){return this.currentSlideIndex>0}showRightArrow(){return this.currentSlideIndex<this.childrenLength-1}isHighlighted(n){return n===this.currentSlideIndex}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("slot");t==null||t.addEventListener("slotchange",this.calculateChildWidth.bind(this)),this.calculateChildWidth(),this.updateChildrenLength()}calculateChildWidth(){const n=this.slidesContainer.querySelector(".KCarousel-slides > *");n&&(this.childWidth=n.clientWidth)}updateChildrenLength(){this.slidesContainer&&(this.childrenLength=this.slidesContainer.childElementCount)}render(){return console.log(this.childrenLength,"this.childrenLength"),console.log(this.currentSlideIndex,this.el.children.length,this.slidesContainer,"''''''''''''''''''''''''''''''"),e(D,{key:"451dc902573cac768709f0e74e42e26417235502",class:`KCarousel KCarousel--${this.variant} KCarousel--${this.size}`},this.variant!=="dots-only"&&e("div",{key:"a8f0d45efd9a55190d3f0122d19e827d220c9a00",class:"KCarousel-body"},this.variant==="arrows"&&e("a",{key:"4b24760c50e32e4578005a4a3a26337c93645a40",class:`KCarousel-arrow ${this.showLeftArrow()?"KCarousel-arrow--active":""} left`,onClick:()=>this.changeSlide(this.DIRECTION.LEFT)},e("dga-icon",{key:"888cf4928a87094b31ced2d5b56620aea5d07188",icon:"arrow-left-01",variant:"stroke",type:"rounded",size:24})),e("div",{key:"f4d831ac03909e2cc3af92ea93d923617fa30e28",class:"KCarousel-container",style:{overflow:"hidden",maxWidth:`${this.childWidth}px`}},e("div",{key:"3f96a1f269529e6a36f6269caf18d08622254a16",style:{display:"flex",transition:`transform ${this.transitionDuration}ms ease-in-out`},class:"KCarousel-slides",ref:n=>this.slidesContainer=n},e("slot",{key:"8675af6a0631f14f3443d9a6dff8807b09c282e5"}))),this.variant==="arrows"&&e("a",{key:"19699fde7c5b145b5dab06ac275038901e5d42f2",class:`KCarousel-arrow ${this.showRightArrow()?"KCarousel-arrow--active":""} right`,onClick:()=>this.changeSlide(this.DIRECTION.RIGHT)},e("dga-icon",{key:"6b4fc2f5cf8d0b47cdc809163152f56b1c0ad169",icon:"arrow-right-01",variant:"stroke",type:"rounded",size:24}))),["dots","dots-only"].includes(this.variant)&&e("div",{key:"518eb0d01439b2e844d5e51d577a8e48d8a6b843",class:"KCarousel-dots"},Array.from({length:this.childrenLength}).map((n,t)=>e("span",{class:{"KCarousel-dot":!0,"is-active":this.isHighlighted(t)},onClick:()=>{this.currentSlideIndex=t,this.updateSlidePosition()}}))))}get el(){return this}static get style(){return Fi}},[1,"dga-carousel-v2",{variant:[1],showDots:[4,"show-dots"],steps:[2],transitionDuration:[2,"transition-duration"],size:[1],cardsToShow:[2,"cards-to-show"],childWidth:[32],childrenLength:[32],cardsToShowState:[32],currentSlideIndex:[32]}]);function Re(){if(typeof customElements>"u")return;["dga-carousel-v2","dga-icon"].forEach(n=>{switch(n){case"dga-carousel-v2":customElements.get(n)||customElements.define(n,Le);break;case"dga-icon":customElements.get(n)||w();break}})}const Oe=d(class extends l{constructor(){super(),this.__registerHost(),this.variant="neutral"}render(){return e("div",{key:"280a8d9861480d415aafea438cbe4ca975c0c27d"},e("h1",{key:"cab4b1735afdf59a76ef5450c2d8c1894c958b67"},"Carousel Example"),e("div",{key:"7aa9ae547544ea84114ef6f0851efa339b43a58f",style:{padding:"50px",display:"flex",gap:"20px"}},e("div",{key:"3b99504de6891d3cd70afbe1d9d226047f799945",style:{display:"flex",flexDirection:"column",gap:"20px"}},e("dga-carousel-v2",{key:"24e4b41792b69a9b5e564e3ab286b44904993c20"},e("dga-carousel-v2-item",{key:"a549566b4017075a4cde96d1abd38533deb21c17"},e("img",{key:"8bd1ea36a5fcb5955a5e52af3e9a390a448b6251",src:"https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg",style:{height:"300px",width:"450px"}})),e("dga-carousel-v2-item",{key:"278c9e9f02bafefbec328f23f164873b5236d162"},e("img",{key:"f5183f85b1da913de966b6d05e2b5fe75bfff4b2",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"a9ecb8ee21dc24ebf5c23154ea292d1174fd2478"},e("img",{key:"771c4cbda917de9c4907f4c948f4d7e64ac49f45",src:"https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"3bdf94403659be09b4feb28ed473115567d21249"},e("img",{key:"389cb2326fbd3630fdc9011faaa1393e0000655f",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"41035907642e636872f39a96c63899e729bfa6b5"},e("img",{key:"092989fbd6e11b13c378efd56508495bd9837e31",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"ab341a083897d2a2f3462dd978e38182b470ce21"},e("img",{key:"3bc38096c6b20243fa3e224a911c796b6addc3e7",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"800717776ba4285ad3aafe511f7aaf455f2d71e8"},e("img",{key:"36c4b91b96e951c91085e6fb31d7ff258448dfff",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})))),e("div",{key:"8f1c1311bac855854fbb989006f1807e62360030",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-carousel-v2-usage",{variant:[32]}]);function Ui(){if(typeof customElements>"u")return;["dga-carousel-v2-usage","dga-carousel-v2","dga-icon"].forEach(n=>{switch(n){case"dga-carousel-v2-usage":customElements.get(n)||customElements.define(n,Oe);break;case"dga-carousel-v2":customElements.get(n)||Re();break;case"dga-icon":customElements.get(n)||w();break}})}const Wi=Oe,Vi=Ui,Ki=Le,Yi=Re,He=d(class extends l{constructor(){super(),this.__registerHost(),this.type="realistic",this.trend="positive",this.size="lg",this.showMarker=!1,this.data=[],this.lineColor=this.trend==="positive"?"#067647":"#B42318",this.fillColor=this.trend==="positive"?"#079455":"#D92D20",this.width=this.size==="lg"?328:128,this.height=64}handleSizeChange(){this.width=this.size==="lg"?328:128}getLinePath(){const n=this.getPoints();switch(this.type){case"realistic":return this.getSmoothPath(n);case"wavy":return this.getWavyPath(n);case"straight":return this.getStraightPath(n);case"layers":return this.getSmoothPath(n);default:return""}}getPoints(){return this.data.map((n,t)=>({x:t/(this.data.length-1)*this.width,y:this.height-n/Math.max(...this.data)*this.height}))}getSmoothPath(n){return n.reduce((t,i,r,a)=>{if(r===0)return`M ${i.x},${i.y}`;const g=a[r-1],h=(g.x+i.x)/2;return`${t} C ${h},${g.y} ${h},${i.y} ${i.x},${i.y}`},"")}getWavyPath(n){return n.reduce((t,i,r)=>r===0?`M ${i.x},${i.y}`:`${t} Q ${i.x-10},${i.y+10} ${i.x},${i.y}`,"")}getStraightPath(n){return n.reduce((t,i,r)=>r===0?`M ${i.x},${i.y}`:`${t} L ${i.x},${i.y}`,"")}getAreaPath(){return`${this.getLinePath()} L ${this.width},${this.height} L 0,${this.height} Z`}render(){const n=this.getLinePath(),t=this.getAreaPath();return e("svg",{key:"26be09f1197bbf429ed77c80d945edb6683c4d67",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},e("defs",{key:"f079dff4148d2c79a2d599b93d79bf78e8e9976d"},e("linearGradient",{key:"0ce9a96b117526e1d0150ef1fa07c22017c3082f",id:"areaGradient",x1:"0",x2:"0",y1:"0",y2:"1"},e("stop",{key:"c453ad493455d933709e67be2bcfcadc563c808e",offset:"0%","stop-color":this.fillColor,"stop-opacity":"0.25"}),e("stop",{key:"76c8ad18eab4257db7775a18c7deff2b9d09cb0e",offset:"100%","stop-color":this.fillColor,"stop-opacity":"0"}))),e("path",{key:"d557491fe47ec0fef4cacbeb3e473ace0d2ce8f2",d:t,fill:"url(#areaGradient)"}),e("path",{key:"03e27645c0a228de17f0565bb8b07446e433ea71",d:n,fill:"none",stroke:this.lineColor,"stroke-width":"2"}),this.showMarker&&this.getPoints().map(i=>e("circle",{cx:i.x,cy:i.y,r:"4",fill:"white",stroke:this.lineColor,"stroke-width":"2"})))}static get watchers(){return{size:["handleSizeChange"]}}},[0,"dga-chart",{type:[1],trend:[1],size:[1],showMarker:[4,"show-marker"],data:[16],lineColor:[32],fillColor:[32],width:[32],height:[32]},void 0,{size:["handleSizeChange"]}]);function Fe(){if(typeof customElements>"u")return;["dga-chart"].forEach(n=>{switch(n){case"dga-chart":customElements.get(n)||customElements.define(n,He);break}})}const Gi=He,Ni=Fe,Xi=Be,Zi=K,Ue=d(class extends l{constructor(){super(),this.__registerHost(),this.label=void 0,this.variant="success",this.size="md",this.leadIcon=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconProps=void 0,this.rounded=void 0,this.disabled=void 0,this.pressed=!1}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){return e("span",{key:"f93a0e4a4ca40062e5e362f338898322e9626ecf",tabindex:"0",class:`chip chip--${this.variant} chip--${this.size} ${this.rounded?"chip--rounded":""} ${this.disabled?"disabled":""} ${this.pressed?"pressed":""}`,onMouseDown:()=>this.pressed=!0,onMouseUp:()=>this.pressed=!1,"aria-disabled":this.disabled},this.leadIcon?e("span",{class:"chip-icon"},this.renderIcon(this.leadIcon,this.leadIconProps)):"",this.label,this.trailIcon?e("span",{class:"chip-icon"},this.renderIcon(this.trailIcon,this.trailIconProps)):"",e("slot",{key:"8dd87d3537675fbec803d6898ac53e3b1afd2c1a"}))}},[4,"dga-chip",{label:[1],variant:[1],size:[1],leadIcon:[8,"lead-icon"],leadIconProps:[16],trailIcon:[8,"trail-icon"],trailIconProps:[16],rounded:[4],disabled:[4],pressed:[32]}]);function Ji(){if(typeof customElements>"u")return;["dga-chip","dga-icon"].forEach(n=>{switch(n){case"dga-chip":customElements.get(n)||customElements.define(n,Ue);break;case"dga-icon":customElements.get(n)||w();break}})}const Qi=Ue,nr=Ji,We=d(class extends l{constructor(){super(),this.__registerHost(),this.icons={success:"hgi-solid hgi-sharp hgi-checkmark-circle-02",info:"hgi-solid hgi-sharp hgi-information-circle",neutral:"hgi-solid hgi-sharp hgi-information-circle",warning:"hgi-solid hgi-alert-02",critical:"hgi-solid hgi-alert-circle"},this.sizes={"200px":200,"160px":160,"120px":120,"80px":80,"64px":64},this.size="200px",this.text=void 0,this.variant="primary",this.icon=void 0,this.percentage=0}render(){const n=this.sizes[this.size]/10,t=(this.sizes[this.size]-n)/2,i=2*Math.PI*t,r=i*(1-this.percentage/100);return e("div",{key:"d3375e96b1625bb7282b37322ee2235dfeb6b75a",class:"circular-progress-bar","aria-size":this.size},e("div",{key:"88e362f8dd59ad398100d6eacaca8090040fe63a",class:"circular-progress-bar__label"},this.variant==="success"&&this.icon&&e("i",{key:"2da5c2699f0f443e758886e2af4537a49fb318b9",class:`circular-progress-bar__label--icon ${this.icons[this.icon]}`}),this.variant!=="success"&&e("h4",{key:"754f19c31dbb46b672e51cd185585780771a8899",class:"circular-progress-bar__label--percentage"},this.percentage,"%"),this.text&&e("h5",{key:"c0eb8475bc5c4e1be18ad93aabda442730029e05",class:`circular-progress-bar__label--text ${this.variant}`},this.text)),e("svg",{key:"3c9c4c2eb383c64a77201e0cf5b793df86e6d82f",width:this.sizes[this.size],height:this.sizes[this.size],viewBox:`0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}`},e("circle",{key:"9cef67a302daf063faf443e56b6855b4934d46ce",class:"track",fill:"none",stroke:"#e6e6e6",r:t,cx:this.sizes[this.size]/2,cy:this.sizes[this.size]/2,"stroke-width":n}),e("circle",{key:"0b26f3dc5479359e3c9873fe0c6b6644277d72d8",class:`tail tail--${this.variant}`,fill:"none",stroke:"currentColor",r:t,cx:this.sizes[this.size]/2,cy:this.sizes[this.size]/2,"stroke-width":n,"stroke-linecap":"round","stroke-dasharray":i,"stroke-dashoffset":r,transform:`rotate(-180 ${this.sizes[this.size]/2} ${this.sizes[this.size]/2})`,style:{transition:"stroke-dashoffset 0.5s ease"}})))}},[0,"dga-circular-progress-bar",{size:[1],text:[1],variant:[1],icon:[1],percentage:[2]}]);function er(){if(typeof customElements>"u")return;["dga-circular-progress-bar"].forEach(n=>{switch(n){case"dga-circular-progress-bar":customElements.get(n)||customElements.define(n,We);break}})}const or=We,tr=er,Ve=d(class extends l{constructor(){super(),this.__registerHost(),this.size="md",this.orientation="horizontal",this.external=!1,this.flush=!1,this.divider=!1,this.tabsList=[],this.extraClass=void 0,this.disabled=!1,this.activeTab=null}setActiveTab(n){this.activeTab=n}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){var n;return e("ul",{key:"5001e615bbc907d80f1763159f99337ba6c27808",class:`tabs-list tabs-list--${this.orientation} ${this.divider?"tabs-list--divider":""} ${this.flush?"flush":""} ${this.extraClass}`},(n=this.tabsList)===null||n===void 0?void 0:n.map((t,i)=>e("li",{key:i},this.external?e("a",{href:t.link,class:`tabs-list__item tabs-list__item--${this.size} ${this.activeTab===i?"tabs-list__item--active":""} ${this.disabled?"disabled":""}`,onClick:r=>{r.preventDefault(),!this.disabled&&this.setActiveTab(i)}},(t==null?void 0:t.tabIcon)&&e("div",{class:"tabs-list__icon"},this.renderIcon(t==null?void 0:t.tabIcon,t==null?void 0:t.iconProps)),e("div",{class:"tabs-list__label"},t==null?void 0:t.label)):e("a",{href:"#",class:`tabs-list__item tabs-list__item--${this.size} ${this.activeTab===i?"tabs-list__item--active":""} ${this.disabled?"disabled":""}`,onClick:r=>{r.preventDefault(),!this.disabled&&this.setActiveTab(i),t!=null&&t.onClick&&(t==null||t.onClick(r))}},(t==null?void 0:t.tabIcon)&&e("div",{class:"tabs-list__icon"},this.renderIcon(t==null?void 0:t.tabIcon,t==null?void 0:t.iconProps)),e("div",{class:"tabs-list__label"},t==null?void 0:t.label)))),this.orientation==="horizontal"&&e("dga-button",{key:"399e5fe617df8cd0baba91888602f75bde32e386",iconOnly:!0,iconProps:{size:17,variant:"solid"},iconType:"MoreHorizontalCircle01Icon",label:"Button",onClick:()=>{},size:"md",variant:"subtle",disabled:this.disabled}))}},[0,"dga-tabs",{size:[1],orientation:[1],external:[4],flush:[4],divider:[4],tabsList:[16],extraClass:[1,"extra-class"],disabled:[4],activeTab:[32]}]);function Ke(){if(typeof customElements>"u")return;["dga-tabs","dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-tabs":customElements.get(n)||customElements.define(n,Ve);break;case"dga-button":customElements.get(n)||R();break;case"dga-icon":customElements.get(n)||w();break}})}const ir=`@charset "UTF-8";
|
|
218577
|
+
}`,Fi=Hi,Le=d(class extends l{constructor(){super(),this.__registerHost(),this.DIRECTION={LEFT:Symbol("LEFT"),RIGHT:Symbol("RIGHT")},this.variant="arrows",this.showDots=!0,this.steps=1,this.transitionDuration=600,this.size="md",this.cardsToShow=null,this.childWidth=0,this.childrenLength=0,this.cardsToShowState=0,this.currentSlideIndex=0}changeSlide(n){console.log(),n===this.DIRECTION.RIGHT&&this.currentSlideIndex<this.childrenLength-1?this.currentSlideIndex++:n===this.DIRECTION.LEFT&&this.currentSlideIndex>0&&this.currentSlideIndex--,this.updateSlidePosition()}updateSlidePosition(){if(this.slidesContainer){const n=-(this.currentSlideIndex*this.childWidth);this.slidesContainer.style.transform=`translateX(${n}px)`}}showLeftArrow(){return this.currentSlideIndex>0}showRightArrow(){return this.currentSlideIndex<this.childrenLength-1}isHighlighted(n){return n===this.currentSlideIndex}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("slot");t==null||t.addEventListener("slotchange",this.calculateChildWidth.bind(this)),this.calculateChildWidth(),this.updateChildrenLength()}calculateChildWidth(){const n=this.slidesContainer.querySelector(".KCarousel-slides > *");n&&(this.childWidth=n.clientWidth)}updateChildrenLength(){this.slidesContainer&&(this.childrenLength=this.slidesContainer.childElementCount)}render(){return console.log(this.childrenLength,"this.childrenLength"),console.log(this.currentSlideIndex,this.el.children.length,this.slidesContainer,"''''''''''''''''''''''''''''''"),e(D,{key:"123ec93b9da51a39d8726010514fd3bda1e3f5aa",class:`KCarousel KCarousel--${this.variant} KCarousel--${this.size}`},this.variant!=="dots-only"&&e("div",{key:"0db634b6ba57cf75db8872fe83eb503699404aad",class:"KCarousel-body"},this.variant==="arrows"&&e("a",{key:"7643b368c46066e902c6039e2b09675b161fd1f1",class:`KCarousel-arrow ${this.showLeftArrow()?"KCarousel-arrow--active":""} left`,onClick:()=>this.changeSlide(this.DIRECTION.LEFT)},e("dga-icon",{key:"4fb1be832c8f2cfa52583890eab5d7b8890f5fc8",icon:"arrow-left-01",variant:"stroke",type:"rounded",size:24})),e("div",{key:"cf52b82d14c0ec92a86eb4b79918e0afc708b5a9",class:"KCarousel-container",style:{overflow:"hidden",maxWidth:`${this.childWidth}px`}},e("div",{key:"03955a23498b8b1ff4376cc7860b9900feb57751",style:{display:"flex",transition:`transform ${this.transitionDuration}ms ease-in-out`},class:"KCarousel-slides",ref:n=>this.slidesContainer=n},e("slot",{key:"d8ae29b84bc01f2e0bf29aa0ea722ecfe5e9a36e"}))),this.variant==="arrows"&&e("a",{key:"b30df9cb4875abde0edd39cf02a44562087036de",class:`KCarousel-arrow ${this.showRightArrow()?"KCarousel-arrow--active":""} right`,onClick:()=>this.changeSlide(this.DIRECTION.RIGHT)},e("dga-icon",{key:"8fe1473fb7f0fd71d0906f19ac8d3a3d51bf6e47",icon:"arrow-right-01",variant:"stroke",type:"rounded",size:24}))),["dots","dots-only"].includes(this.variant)&&e("div",{key:"ecf9c29d058de540ea748c19c9fc01e0d70ce8d4",class:"KCarousel-dots"},Array.from({length:this.childrenLength}).map((n,t)=>e("span",{class:{"KCarousel-dot":!0,"is-active":this.isHighlighted(t)},onClick:()=>{this.currentSlideIndex=t,this.updateSlidePosition()}}))))}get el(){return this}static get style(){return Fi}},[4,"dga-carousel-v2",{variant:[1],showDots:[4,"show-dots"],steps:[2],transitionDuration:[2,"transition-duration"],size:[1],cardsToShow:[2,"cards-to-show"],childWidth:[32],childrenLength:[32],cardsToShowState:[32],currentSlideIndex:[32]}]);function Re(){if(typeof customElements>"u")return;["dga-carousel-v2","dga-icon"].forEach(n=>{switch(n){case"dga-carousel-v2":customElements.get(n)||customElements.define(n,Le);break;case"dga-icon":customElements.get(n)||w();break}})}const Oe=d(class extends l{constructor(){super(),this.__registerHost(),this.variant="neutral"}render(){return e("div",{key:"280a8d9861480d415aafea438cbe4ca975c0c27d"},e("h1",{key:"cab4b1735afdf59a76ef5450c2d8c1894c958b67"},"Carousel Example"),e("div",{key:"7aa9ae547544ea84114ef6f0851efa339b43a58f",style:{padding:"50px",display:"flex",gap:"20px"}},e("div",{key:"3b99504de6891d3cd70afbe1d9d226047f799945",style:{display:"flex",flexDirection:"column",gap:"20px"}},e("dga-carousel-v2",{key:"24e4b41792b69a9b5e564e3ab286b44904993c20"},e("dga-carousel-v2-item",{key:"a549566b4017075a4cde96d1abd38533deb21c17"},e("img",{key:"8bd1ea36a5fcb5955a5e52af3e9a390a448b6251",src:"https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg",style:{height:"300px",width:"450px"}})),e("dga-carousel-v2-item",{key:"278c9e9f02bafefbec328f23f164873b5236d162"},e("img",{key:"f5183f85b1da913de966b6d05e2b5fe75bfff4b2",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"a9ecb8ee21dc24ebf5c23154ea292d1174fd2478"},e("img",{key:"771c4cbda917de9c4907f4c948f4d7e64ac49f45",src:"https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"3bdf94403659be09b4feb28ed473115567d21249"},e("img",{key:"389cb2326fbd3630fdc9011faaa1393e0000655f",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"41035907642e636872f39a96c63899e729bfa6b5"},e("img",{key:"092989fbd6e11b13c378efd56508495bd9837e31",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"ab341a083897d2a2f3462dd978e38182b470ce21"},e("img",{key:"3bc38096c6b20243fa3e224a911c796b6addc3e7",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})),e("dga-carousel-v2-item",{key:"800717776ba4285ad3aafe511f7aaf455f2d71e8"},e("img",{key:"36c4b91b96e951c91085e6fb31d7ff258448dfff",src:"https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg",style:{height:"300px",width:"450px",objectFit:"cover"}})))),e("div",{key:"8f1c1311bac855854fbb989006f1807e62360030",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-carousel-v2-usage",{variant:[32]}]);function Ui(){if(typeof customElements>"u")return;["dga-carousel-v2-usage","dga-carousel-v2","dga-icon"].forEach(n=>{switch(n){case"dga-carousel-v2-usage":customElements.get(n)||customElements.define(n,Oe);break;case"dga-carousel-v2":customElements.get(n)||Re();break;case"dga-icon":customElements.get(n)||w();break}})}const Wi=Oe,Vi=Ui,Ki=Le,Yi=Re,He=d(class extends l{constructor(){super(),this.__registerHost(),this.type="realistic",this.trend="positive",this.size="lg",this.showMarker=!1,this.data=[],this.lineColor=this.trend==="positive"?"#067647":"#B42318",this.fillColor=this.trend==="positive"?"#079455":"#D92D20",this.width=this.size==="lg"?328:128,this.height=64}handleSizeChange(){this.width=this.size==="lg"?328:128}getLinePath(){const n=this.getPoints();switch(this.type){case"realistic":return this.getSmoothPath(n);case"wavy":return this.getWavyPath(n);case"straight":return this.getStraightPath(n);case"layers":return this.getSmoothPath(n);default:return""}}getPoints(){return this.data.map((n,t)=>({x:t/(this.data.length-1)*this.width,y:this.height-n/Math.max(...this.data)*this.height}))}getSmoothPath(n){return n.reduce((t,i,r,a)=>{if(r===0)return`M ${i.x},${i.y}`;const g=a[r-1],h=(g.x+i.x)/2;return`${t} C ${h},${g.y} ${h},${i.y} ${i.x},${i.y}`},"")}getWavyPath(n){return n.reduce((t,i,r)=>r===0?`M ${i.x},${i.y}`:`${t} Q ${i.x-10},${i.y+10} ${i.x},${i.y}`,"")}getStraightPath(n){return n.reduce((t,i,r)=>r===0?`M ${i.x},${i.y}`:`${t} L ${i.x},${i.y}`,"")}getAreaPath(){return`${this.getLinePath()} L ${this.width},${this.height} L 0,${this.height} Z`}render(){const n=this.getLinePath(),t=this.getAreaPath();return e("svg",{key:"26be09f1197bbf429ed77c80d945edb6683c4d67",width:this.width,height:this.height,viewBox:`0 0 ${this.width} ${this.height}`},e("defs",{key:"f079dff4148d2c79a2d599b93d79bf78e8e9976d"},e("linearGradient",{key:"0ce9a96b117526e1d0150ef1fa07c22017c3082f",id:"areaGradient",x1:"0",x2:"0",y1:"0",y2:"1"},e("stop",{key:"c453ad493455d933709e67be2bcfcadc563c808e",offset:"0%","stop-color":this.fillColor,"stop-opacity":"0.25"}),e("stop",{key:"76c8ad18eab4257db7775a18c7deff2b9d09cb0e",offset:"100%","stop-color":this.fillColor,"stop-opacity":"0"}))),e("path",{key:"d557491fe47ec0fef4cacbeb3e473ace0d2ce8f2",d:t,fill:"url(#areaGradient)"}),e("path",{key:"03e27645c0a228de17f0565bb8b07446e433ea71",d:n,fill:"none",stroke:this.lineColor,"stroke-width":"2"}),this.showMarker&&this.getPoints().map(i=>e("circle",{cx:i.x,cy:i.y,r:"4",fill:"white",stroke:this.lineColor,"stroke-width":"2"})))}static get watchers(){return{size:["handleSizeChange"]}}},[0,"dga-chart",{type:[1],trend:[1],size:[1],showMarker:[4,"show-marker"],data:[16],lineColor:[32],fillColor:[32],width:[32],height:[32]},void 0,{size:["handleSizeChange"]}]);function Fe(){if(typeof customElements>"u")return;["dga-chart"].forEach(n=>{switch(n){case"dga-chart":customElements.get(n)||customElements.define(n,He);break}})}const Gi=He,Ni=Fe,Xi=Be,Zi=K,Ue=d(class extends l{constructor(){super(),this.__registerHost(),this.label=void 0,this.variant="success",this.size="md",this.leadIcon=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconProps=void 0,this.rounded=void 0,this.disabled=void 0,this.pressed=!1}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){return e("span",{key:"f93a0e4a4ca40062e5e362f338898322e9626ecf",tabindex:"0",class:`chip chip--${this.variant} chip--${this.size} ${this.rounded?"chip--rounded":""} ${this.disabled?"disabled":""} ${this.pressed?"pressed":""}`,onMouseDown:()=>this.pressed=!0,onMouseUp:()=>this.pressed=!1,"aria-disabled":this.disabled},this.leadIcon?e("span",{class:"chip-icon"},this.renderIcon(this.leadIcon,this.leadIconProps)):"",this.label,this.trailIcon?e("span",{class:"chip-icon"},this.renderIcon(this.trailIcon,this.trailIconProps)):"",e("slot",{key:"8dd87d3537675fbec803d6898ac53e3b1afd2c1a"}))}},[4,"dga-chip",{label:[1],variant:[1],size:[1],leadIcon:[8,"lead-icon"],leadIconProps:[16],trailIcon:[8,"trail-icon"],trailIconProps:[16],rounded:[4],disabled:[4],pressed:[32]}]);function Ji(){if(typeof customElements>"u")return;["dga-chip","dga-icon"].forEach(n=>{switch(n){case"dga-chip":customElements.get(n)||customElements.define(n,Ue);break;case"dga-icon":customElements.get(n)||w();break}})}const Qi=Ue,nr=Ji,We=d(class extends l{constructor(){super(),this.__registerHost(),this.icons={success:"hgi-solid hgi-sharp hgi-checkmark-circle-02",info:"hgi-solid hgi-sharp hgi-information-circle",neutral:"hgi-solid hgi-sharp hgi-information-circle",warning:"hgi-solid hgi-alert-02",critical:"hgi-solid hgi-alert-circle"},this.sizes={"200px":200,"160px":160,"120px":120,"80px":80,"64px":64},this.size="200px",this.text=void 0,this.variant="primary",this.icon=void 0,this.percentage=0}render(){const n=this.sizes[this.size]/10,t=(this.sizes[this.size]-n)/2,i=2*Math.PI*t,r=i*(1-this.percentage/100);return e("div",{key:"d3375e96b1625bb7282b37322ee2235dfeb6b75a",class:"circular-progress-bar","aria-size":this.size},e("div",{key:"88e362f8dd59ad398100d6eacaca8090040fe63a",class:"circular-progress-bar__label"},this.variant==="success"&&this.icon&&e("i",{key:"2da5c2699f0f443e758886e2af4537a49fb318b9",class:`circular-progress-bar__label--icon ${this.icons[this.icon]}`}),this.variant!=="success"&&e("h4",{key:"754f19c31dbb46b672e51cd185585780771a8899",class:"circular-progress-bar__label--percentage"},this.percentage,"%"),this.text&&e("h5",{key:"c0eb8475bc5c4e1be18ad93aabda442730029e05",class:`circular-progress-bar__label--text ${this.variant}`},this.text)),e("svg",{key:"3c9c4c2eb383c64a77201e0cf5b793df86e6d82f",width:this.sizes[this.size],height:this.sizes[this.size],viewBox:`0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}`},e("circle",{key:"9cef67a302daf063faf443e56b6855b4934d46ce",class:"track",fill:"none",stroke:"#e6e6e6",r:t,cx:this.sizes[this.size]/2,cy:this.sizes[this.size]/2,"stroke-width":n}),e("circle",{key:"0b26f3dc5479359e3c9873fe0c6b6644277d72d8",class:`tail tail--${this.variant}`,fill:"none",stroke:"currentColor",r:t,cx:this.sizes[this.size]/2,cy:this.sizes[this.size]/2,"stroke-width":n,"stroke-linecap":"round","stroke-dasharray":i,"stroke-dashoffset":r,transform:`rotate(-180 ${this.sizes[this.size]/2} ${this.sizes[this.size]/2})`,style:{transition:"stroke-dashoffset 0.5s ease"}})))}},[0,"dga-circular-progress-bar",{size:[1],text:[1],variant:[1],icon:[1],percentage:[2]}]);function er(){if(typeof customElements>"u")return;["dga-circular-progress-bar"].forEach(n=>{switch(n){case"dga-circular-progress-bar":customElements.get(n)||customElements.define(n,We);break}})}const or=We,tr=er,Ve=d(class extends l{constructor(){super(),this.__registerHost(),this.size="md",this.orientation="horizontal",this.external=!1,this.flush=!1,this.divider=!1,this.tabsList=[],this.extraClass=void 0,this.disabled=!1,this.activeTab=null}setActiveTab(n){this.activeTab=n}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){var n;return e("ul",{key:"5001e615bbc907d80f1763159f99337ba6c27808",class:`tabs-list tabs-list--${this.orientation} ${this.divider?"tabs-list--divider":""} ${this.flush?"flush":""} ${this.extraClass}`},(n=this.tabsList)===null||n===void 0?void 0:n.map((t,i)=>e("li",{key:i},this.external?e("a",{href:t.link,class:`tabs-list__item tabs-list__item--${this.size} ${this.activeTab===i?"tabs-list__item--active":""} ${this.disabled?"disabled":""}`,onClick:r=>{r.preventDefault(),!this.disabled&&this.setActiveTab(i)}},(t==null?void 0:t.tabIcon)&&e("div",{class:"tabs-list__icon"},this.renderIcon(t==null?void 0:t.tabIcon,t==null?void 0:t.iconProps)),e("div",{class:"tabs-list__label"},t==null?void 0:t.label)):e("a",{href:"#",class:`tabs-list__item tabs-list__item--${this.size} ${this.activeTab===i?"tabs-list__item--active":""} ${this.disabled?"disabled":""}`,onClick:r=>{r.preventDefault(),!this.disabled&&this.setActiveTab(i),t!=null&&t.onClick&&(t==null||t.onClick(r))}},(t==null?void 0:t.tabIcon)&&e("div",{class:"tabs-list__icon"},this.renderIcon(t==null?void 0:t.tabIcon,t==null?void 0:t.iconProps)),e("div",{class:"tabs-list__label"},t==null?void 0:t.label)))),this.orientation==="horizontal"&&e("dga-button",{key:"399e5fe617df8cd0baba91888602f75bde32e386",iconOnly:!0,iconProps:{size:17,variant:"solid"},iconType:"MoreHorizontalCircle01Icon",label:"Button",onClick:()=>{},size:"md",variant:"subtle",disabled:this.disabled}))}},[0,"dga-tabs",{size:[1],orientation:[1],external:[4],flush:[4],divider:[4],tabsList:[16],extraClass:[1,"extra-class"],disabled:[4],activeTab:[32]}]);function Ke(){if(typeof customElements>"u")return;["dga-tabs","dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-tabs":customElements.get(n)||customElements.define(n,Ve);break;case"dga-button":customElements.get(n)||R();break;case"dga-icon":customElements.get(n)||w();break}})}const ir=`@charset "UTF-8";
|
|
218578
218578
|
/*
|
|
218579
218579
|
0 - 600px: Phone
|
|
218580
218580
|
600 - 900px: Tablet portrait
|
|
@@ -225928,11 +225928,11 @@ a:focus {
|
|
|
225928
225928
|
}`,Ar=Ir,co=d(class extends l{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.label=void 0,this.variant="success",this.size="md",this.iconOnly=void 0,this.iconType=void 0,this.leadIcon=void 0,this.trailIcon=void 0,this.rounded=void 0,this.outlined=void 0}render(){return this.iconOnly?e("span",{class:`tag tag--${this.variant} ${this.outlined?`tag--${this.variant}-outlined`:""} tag--${this.size} ${this.rounded?"tag--rounded":""} tag--icon`},this.leadIcon&&e("span",{class:"tag-icon"},this.leadIcon),!this.leadIcon&&e("slot",null)):e("span",{class:`tag tag--${this.variant} ${this.outlined?`tag--${this.variant}-outlined`:""} tag--${this.size} ${this.rounded?"tag--rounded":""}`},this.leadIcon?e("span",{class:"tag-icon"},this.leadIcon):"",this.label,this.trailIcon?e("span",{class:"tag-icon"},this.trailIcon):"",e("slot",null))}static get style(){return Ar}},[1,"dga-tag",{label:[1],variant:[1],size:[1],iconOnly:[4,"icon-only"],iconType:[8,"icon-type"],leadIcon:[8,"lead-icon"],trailIcon:[8,"trail-icon"],rounded:[4],outlined:[4]}]);function H(){if(typeof customElements>"u")return;["dga-tag"].forEach(n=>{switch(n){case"dga-tag":customElements.get(n)||customElements.define(n,co);break}})}const so=d(class extends l{constructor(){super(),this.__registerHost(),this.type="parent",this.onColor=!1,this.level=1,this.badge=void 0,this.icon=void 0,this.externalLink=!1,this.text="link",this.link="/pages",this.expanded=!1,this.onExpand=void 0,this.disabled=!1,this.isExpanded=this.expanded}toggleTab(n){var t;this.type==="parent"&&(n.preventDefault(),this.isExpanded=!this.isExpanded,(t=this.onExpand)===null||t===void 0||t.call(this,this.isExpanded))}handleMouseEvents(n){const t=n==="add"?"add":"remove";this.tabRef.classList[t]("pressed")}render(){const n={class:`${this.type==="parent"?"sidepanel__menu-tab":"sidepanel__submenu-tab"}
|
|
225929
225929
|
${this.level>1?"sidepanel__submenu--sublevel":""}
|
|
225930
225930
|
${this.disabled?"disabled":""}
|
|
225931
|
-
${this.isExpanded?"active":""}`,onMouseDown:()=>this.handleMouseEvents("add"),onMouseUp:()=>this.handleMouseEvents("remove"),onMouseOut:()=>this.handleMouseEvents("remove"),ref:t=>this.tabRef=t};return this.externalLink?e("a",Object.assign({href:this.link},n,{tabindex:"0"}),this.icon&&e("span",{class:"sidepanel__menu-tab-icon"
|
|
225931
|
+
${this.isExpanded?"active":""}`,onMouseDown:()=>this.handleMouseEvents("add"),onMouseUp:()=>this.handleMouseEvents("remove"),onMouseOut:()=>this.handleMouseEvents("remove"),ref:t=>this.tabRef=t};return this.externalLink?e("a",Object.assign({href:this.link},n,{tabindex:"0"}),this.icon&&e("span",{class:"sidepanel__menu-tab-icon",innerHTML:this.icon}),e("span",{class:"sidepanel__menu-tab-label"},this.text),this.type==="parent"&&e("span",{class:"sidepanel__menu-tab-arrow"},e("i",{class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})," "),this.badge!==void 0&&e("dga-tag",{color:this.onColor?"on-color":"gray",label:this.badge>=100?"+99":this.badge.toString(),size:"sm"})):this.type==="parent"?e("a",Object.assign({href:"#"},n,{onClick:t=>this.toggleTab(t),tabindex:"0"}),this.icon&&e("span",{class:"sidepanel__menu-tab-icon",innerHTML:this.icon}),e("span",{class:"sidepanel__menu-tab-label"},this.text),e("span",{class:"sidepanel__menu-tab-arrow"},e("i",{class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})," "),this.badge!==void 0&&e("dga-tag",{color:this.onColor?"on-color":"gray",label:this.badge>=100?"+99":this.badge.toString(),size:"sm"})):e("stencil-route-link",Object.assign({url:this.link},n,{tabindex:"0"}),this.icon&&e("span",{class:"sidepanel__menu-tab-icon",innerHTML:this.icon}),e("span",{class:"sidepanel__menu-tab-label"},this.text),this.badge!==void 0&&e("dga-tag",{color:this.onColor?"on-color":"gray",label:this.badge>=100?"+99":this.badge.toString(),size:"sm"}))}},[0,"tab-link",{type:[1],onColor:[4,"on-color"],level:[2],badge:[2],icon:[1],externalLink:[4,"external-link"],text:[1],link:[1],expanded:[4],onExpand:[16],disabled:[4],isExpanded:[32]}]);function Y(){if(typeof customElements>"u")return;["tab-link","dga-tag"].forEach(n=>{switch(n){case"tab-link":customElements.get(n)||customElements.define(n,so);break;case"dga-tag":customElements.get(n)||H();break}})}const lo=d(class extends l{constructor(){super(),this.__registerHost(),this.route=void 0,this.childRoute=void 0,this.onChildExpanded=void 0}handleExpanded(n){n?this.submenuElement.style.maxHeight="fit-content":this.submenuElement.style.maxHeight="";const t=this.submenuElement.scrollHeight;this.onChildExpanded(n,t)}render(){return!this.childRoute.children||this.childRoute.children.length===0?e("li",{key:this.childRoute.path},e("tab-link",{text:this.childRoute.name,link:`${this.route.path}${this.childRoute.path}`,level:this.childRoute.level,type:"child",icon:this.childRoute.icon,badge:this.childRoute.badge,disabled:this.childRoute.disabled})):e("li",{key:this.childRoute.path},e("tab-link",{text:this.childRoute.name,link:`${this.route.path}${this.childRoute.path}`,type:"parent",icon:this.childRoute.icon,disabled:this.childRoute.disabled,onExpand:this.handleExpanded.bind(this)}),e("ul",{class:"sidepanel__submenu-list",ref:n=>this.submenuElement=n},this.childRoute.children.map((n,t)=>e("submenu-component",{key:t,route:this.route,childRoute:n}))))}},[0,"submenu-component",{route:[16],childRoute:[16],onChildExpanded:[16]}]);function G(){if(typeof customElements>"u")return;["submenu-component","dga-tag","submenu-component","tab-link"].forEach(n=>{switch(n){case"submenu-component":customElements.get(n)||customElements.define(n,lo);break;case"dga-tag":customElements.get(n)||H();break;case"submenu-component":customElements.get(n)||G();break;case"tab-link":customElements.get(n)||Y();break}})}const fo=d(class extends l{constructor(){super(),this.__registerHost(),this.route=void 0,this.isExpanded=!1}handleExpanded(n){this.isExpanded=n,n?this.submenuElement.style.maxHeight="fit-content":this.submenuElement.style.maxHeight=""}render(){return e(C,{key:"b99c8155b505cbf389c98c278ff3b7713417a5ae"},e("tab-link",{key:"76d7e2dd07dc7de13d70d692edd7601684f2bb22",text:this.route.name,type:this.route.children&&this.route.children.length>0?"parent":"child",icon:this.route.icon,link:this.route.path,onExpand:this.handleExpanded.bind(this),disabled:this.route.disabled}),this.route.children&&this.route.children.length>0&&e("ul",{key:"4cb0327b2992ce3a78de8e4c199e99e7ef02b62d",class:"sidepanel__submenu-list",ref:n=>this.submenuElement=n},this.route.children.map((n,t)=>e("submenu-component",{key:t,route:this.route,childRoute:n,onChildExpanded:i=>{i&&(this.submenuElement.style.maxHeight="fit-content")}}))))}},[0,"tab-component",{route:[16],isExpanded:[32]}]);function An(){if(typeof customElements>"u")return;["tab-component","dga-tag","submenu-component","tab-link"].forEach(n=>{switch(n){case"tab-component":customElements.get(n)||customElements.define(n,fo);break;case"dga-tag":customElements.get(n)||H();break;case"submenu-component":customElements.get(n)||G();break;case"tab-link":customElements.get(n)||Y();break}})}const bo=d(class extends l{constructor(){super(),this.__registerHost(),this.routes=[]}render(){return e("ul",{key:"4c8b2397cf812cab34718be2ff0b9d38b15654db",class:"sidepanel__menu-list"},this.routes.map((n,t)=>e("li",{key:x()},e("tab-component",{route:n}),t<this.routes.length-1&&e("div",{class:"sidepanel__menu-tab-divider"}))))}},[0,"side-panel-menu",{routes:[16]}]);function po(){if(typeof customElements>"u")return;["side-panel-menu","dga-tag","submenu-component","tab-component","tab-link"].forEach(n=>{switch(n){case"side-panel-menu":customElements.get(n)||customElements.define(n,bo);break;case"dga-tag":customElements.get(n)||H();break;case"submenu-component":customElements.get(n)||G();break;case"tab-component":customElements.get(n)||An();break;case"tab-link":customElements.get(n)||Y();break}})}const uo=d(class extends l{constructor(){super(),this.__registerHost(),this.background=void 0,this.overlay=void 0,this.border=void 0,this.collapsed=void 0,this.routes=void 0}render(){return console.log(this.routes,"routes"),e("div",{key:"c458d829e84048aea62ff086d8ca7aaf73282e24",class:`sidepanel ${this.background?`sidepanel--bg-${this.background}`:""}
|
|
225932
225932
|
${this.overlay?"sidepanel--overlay":""}
|
|
225933
225933
|
${this.border?"sidepanel--border":""}
|
|
225934
225934
|
${this.collapsed?"collapsed":""}
|
|
225935
|
-
`},e("side-panel-menu",{key:"0e6c5c0d5eeb7fc50eefa8bea8c2320f1302d4a9",routes:this.routes}))}},[0,"dga-drawer",{background:[1],overlay:[4],border:[4],collapsed:[4],routes:[16]}]);function Br(){if(typeof customElements>"u")return;["dga-drawer","dga-tag","side-panel-menu","submenu-component","tab-component","tab-link"].forEach(n=>{switch(n){case"dga-drawer":customElements.get(n)||customElements.define(n,uo);break;case"dga-tag":customElements.get(n)||H();break;case"side-panel-menu":customElements.get(n)||po();break;case"submenu-component":customElements.get(n)||G();break;case"tab-component":customElements.get(n)||An();break;case"tab-link":customElements.get(n)||Y();break}})}const Pr=uo,Dr=Br,ko=d(class extends l{constructor(){super(),this.__registerHost(),this.handleClickOutside=n=>{var t;this.containerRef&&!this.containerRef.contains(n.target)&&((t=this.btnRef)===null||t===void 0||t.classList.remove("open"))},this.id=x(),this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.getSelectedOptions=void 0,this.extraClass=void 0,this.optionList=[]}componentWillLoad(){this.initializeOptions()}initializeOptions(){const n=[...this.options].map(t=>(t.selected||(t.selected=!1),t));this.optionList=n}setSelectedOptions(n,t){const i=[...this.optionList];this.multiSelect?(i[t].selected=!i[t].selected,this.getSelectedOptions&&this.getSelectedOptions({selectedList:i.filter(r=>r.selected),selectedOption:n,selectedIndex:t})):(i.forEach(r=>r.selected=!1),i[t].selected=!i[t].selected,this.getSelectedOptions&&this.getSelectedOptions(n)),this.optionList=i}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleAddPressed(n){n.currentTarget.classList.add("active")}handleRemovePressed(n){n.currentTarget.classList.remove("active")}handleToggleDropdown(n){n.currentTarget.classList.toggle("open")}handleSelectSingleOption(n,t,i){var r;this.setSelectedOptions(t,i);const a=n.target,g=a.closest(".dropdown"),h=g.querySelector(".dropdown__label"),c=g.querySelector(".dropdown__option.selected");a.classList.contains("selected")||(h.classList.remove("dropdown__label--selection"),c==null||c.classList.remove("selected"),a.classList.add("selected"),h.textContent=(r=a.querySelector(".dropdown__option-label"))===null||r===void 0?void 0:r.textContent,h.classList.add("dropdown__label--selection")),g.querySelector(".dropdown__btn").classList.remove("open")}getSelectedChoices(n){const t={values:[],labels:[]};return n.querySelectorAll(".dropdown__option.selected").forEach(i=>{var r;const a=i.getAttribute("data-value"),g=(r=i.querySelector(".dropdown__option-label"))===null||r===void 0?void 0:r.textContent;t.values.push(a),t.labels.push(g)}),t}handleMultiOptionClicked(n,t,i){this.setSelectedOptions(t,i);const r=n.target;r.classList.toggle("selected");const a=r.closest(".dropdown"),g=a.querySelector(".dropdown__label"),{values:h,labels:c}=this.getSelectedChoices(a);a.setAttribute("data-value",h.join(", ")),g.textContent=c.join(", "),h.length?g.classList.add("dropdown__label--selection"):g.classList.remove("dropdown__label--selection")}render(){return e("div",{key:"163f7d55ad6e4fff492594a1c3274395d5d88378",id:this.id,ref:n=>this.containerRef=n,class:`dropdown dropdown--${this.size} ${this.error?"dropdown--error":""} ${this.variant!=="default"?`dropdown--${this.variant}`:""} ${this.disabled?"dropdown--disabled":""} ${this.readonly?"dropdown--readonly":""} ${this.multiSelect?"dropdown--multi-select":""} ${this.extraClass||""}`},e("button",{key:"29d11e4f542426e5777293d2ead6365a6a56a456",class:"dropdown__btn",ref:n=>this.btnRef=n,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},e("span",{key:"921ab6b0f173bf1a2d57e61e35d31c9f324d87b8",class:"dropdown__label"}),e("span",{key:"dcd7e2d4390f0ffd19bdb32f1c23eba0676b8ea6",class:"dropdown__label-placeholder"},this.placeholder),e("span",{key:"5ee7e21a4428aba0dfa0a7fad23c3c797d1d7795",class:"dropdown__chevron"},e("dga-icon",{key:"08ab5495f37b5f7d19de2075283d5733941d38e7",icon:"ArrowDown01Icon",variant:"stroke"}))),e("ul",{key:"96baa1e49d82a2c9ee84815dede0fad077a23515",class:"dropdown__list"},this.optionList.map((n,t)=>this.multiSelect?e("li",{key:n[this.trackBy]?n[this.trackBy]:x()},e("button",{class:"dropdown__option dropdown__option--checkbox","data-value":n[this.trackBy]?n[this.trackBy]:"",onClick:i=>this.handleMultiOptionClicked(i,n,t),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},e("div",{class:"dropdown__option-icon-container"},e("span",{class:"dropdown__option-icon"},e("i",{class:"hgi-solid hgi-tick-02",style:{fontSize:"20px"}}))),e("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""))):e("li",{key:n[this.trackBy]?n[this.trackBy]:x()},e("button",{class:"dropdown__option",type:"button",onClick:i=>this.handleSelectSingleOption(i,n,t),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this)},e("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""),e("span",{class:"dropdown__option-icon"},e("dga-icon",{icon:"Tick02Icon",variant:"solid"})))))))}get el(){return this}static get watchers(){return{options:["initializeOptions"]}}},[0,"dga-dropdown",{id:[1],placeholder:[1],size:[1],variant:[1],error:[4],disabled:[4],readonly:[4],multiSelect:[4,"multi-select"],options:[16],optionLabel:[1,"option-label"],trackBy:[1,"track-by"],getSelectedOptions:[16],extraClass:[1,"extra-class"],optionList:[32]},void 0,{options:["initializeOptions"]}]);function Er(){if(typeof customElements>"u")return;["dga-dropdown","dga-icon"].forEach(n=>{switch(n){case"dga-dropdown":customElements.get(n)||customElements.define(n,ko);break;case"dga-icon":customElements.get(n)||w();break}})}const jr=ko,Tr=Er,mo=d(class extends l{constructor(){super(),this.__registerHost(),this.iconFonts={xl:28,lg:24,md:20,sm:16},this.size="md",this.color="brand",this.variant="light",this.circle=!0,this.icon=void 0}render(){return e("div",{key:"c1f1814030e96d731f35296570c8c9f96a55cc7d",class:`dga-featured-icon ${this.circle?"dga-featured-icon--circle":""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}`},e("dga-icon",{key:"07d3e0671696e14e190f2d1e910db63f1c08ca08",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:this.iconFonts[this.size]}))}},[0,"dga-featured-icon",{size:[1],color:[1],variant:[1],circle:[4],icon:[16]}]);function Lr(){if(typeof customElements>"u")return;["dga-featured-icon","dga-icon"].forEach(n=>{switch(n){case"dga-featured-icon":customElements.get(n)||customElements.define(n,mo);break;case"dga-icon":customElements.get(n)||w();break}})}const Rr=mo,Or=Lr,vo=d(class extends l{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const n=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return e("div",{key:"251ea0a456a7186f146af07dfee5ee2dec02cc85",class:n},e("div",{key:"e37151f429664b8f389e49a7bdd3f714494521f3",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function wo(){if(typeof customElements>"u")return;["dga-loading"].forEach(n=>{switch(n){case"dga-loading":customElements.get(n)||customElements.define(n,vo);break}})}const xo=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFileSelection=n=>{const t=n.target;this.onChange&&this.onChange(n);const i=t.files;if(i){if(this.maximumFilesSize&&Array.from(i).some(g=>g.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const r=Array.from(i).map(a=>({name:a.name,uploadStatus:"pending"}));this.files=[...this.files,...r],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=n=>{n.preventDefault(),n.stopPropagation();const t=n.dataTransfer.files;if(t){const i=Array.from(t).map(r=>({name:r.name,uploadStatus:"pending"}));this.files=[...this.files,...i]}this.dragState=!1},this.addDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!0},this.removeDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!1},this.id=x(),this.name=x(),this.accept=void 0,this.multiple=void 0,this.title="Drag and drop files here to upload",this.fileTypesText="Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.",this.actionName="Browse Files",this.maximumFilesSize=void 0,this.disabled=!1,this.getUploadedFile=void 0,this.uploadFileOverSize=void 0,this.onChange=void 0,this.emitDeleteFile=void 0,this.files=[],this.dragState=!1}componentDidLoad(){const n=document.querySelector(".file-upload__drop-area");n.addEventListener("dragover",this.addDragOverClass),n.addEventListener("dragleave",this.removeDragOverClass),n.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const n=document.querySelector(".file-upload__drop-area");n.removeEventListener("dragover",this.addDragOverClass),n.removeEventListener("dragleave",this.removeDragOverClass),n.removeEventListener("drop",this.handleDrop)}handleDeleteFile(n,t){this.files=[...this.files.slice(0,n),...this.files.slice(n+1)],this.emitDeleteFile&&this.emitDeleteFile(t,n)}renderFile(n,t){return n.uploadStatus==="error"?e("div",{class:"file-upload__file-item--error"},e("div",{class:"file-upload__file-item"},e("span",{class:"file-upload__file-status file-upload__file-status--error"},e("i",{class:"hgi-solid hgi-alert-circle",style:{fontSize:"20px"}})),e("span",{class:"file-upload__file-name"},n.name),e("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(t,n)},e("span",{class:"btn-icon"},e("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),e("div",{class:"file-upload__file-item-msg"},n.errorMessage?n.errorMessage:"Here goes the helper text.")):e("div",{class:"file-upload__file-item"},e("span",{class:`file-upload__file-status file-upload__file-status--${n.uploadStatus}`},n.uploadStatus==="uploading"&&n.progress&&e("dga-loading",{size:"tiny",variant:"neutral"}),n.uploadStatus==="complete"&&e("i",{class:"hgi-solid hgi-checkmark-circle-02"})),e("span",{class:"file-upload__file-name"},n.name),e("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(t,n)},e("span",{class:"btn-icon"},e("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}}))))}render(){return e("div",{key:"89d5b9399b49d009c29dfb3262fe6d869ab57b25",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},e("input",{key:"23874e68419840843507a16c90a561bb0753f749",type:"file",id:this.id,name:this.name,class:"file-upload__input",accept:this.accept,multiple:this.multiple,"aria-hidden":"true",onChange:this.handleFileSelection,ref:n=>this.fileInputRef=n}),e("label",{key:"02ec4b2f9fa312ddad8b50b8b05484135ddb4b73",htmlFor:this.id,class:"file-upload__drop-area"},e("span",{key:"63ca89c63d6f032bd6fb66537f6f0eccbb480b67",class:"file-upload__icon"},e("i",{key:"b32b5102327dd8312ada4087d55ccfd177cde29f",class:"hgi-stroke hgi-file-upload",style:{fontSize:"20px"}})),e("div",{key:"b826b1b1ae3388227978a100c717947f3e80fd36",class:"file-upload__content"},e("p",{key:"b12e1a7f21f3d7b87c166f99c576f4e9560982a2",class:"file-upload__instructions"},this.title),e("p",{key:"e3572e65afb04ec2e440f1ad415e36ee6a477352",class:"file-upload__formats"},this.fileTypesText)),e("button",{key:"cd18caab698d0ac73450af45c696c6c250c6b5ae",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var n;return(n=this.fileInputRef)===null||n===void 0?void 0:n.click()}},e("span",{key:"72f5507ab9256bcd906eab41b883d4b7e8259dfc"},this.actionName))),e("div",{key:"5e227accaf5d0b87b16289942da9b81cf58728db",class:"file-upload__files-list"},this.files.map((n,t)=>this.renderFile(n,t))))}},[0,"dga-file-upload",{id:[1],name:[1],accept:[1],multiple:[4],title:[1],fileTypesText:[1,"file-types-text"],actionName:[1,"action-name"],maximumFilesSize:[2,"maximum-files-size"],disabled:[4],getUploadedFile:[16],uploadFileOverSize:[16],onChange:[16],emitDeleteFile:[16],files:[32],dragState:[32]}]);function Hr(){if(typeof customElements>"u")return;["dga-file-upload","dga-loading"].forEach(n=>{switch(n){case"dga-file-upload":customElements.get(n)||customElements.define(n,xo);break;case"dga-loading":customElements.get(n)||wo();break}})}const Fr=xo,Ur=Hr,Wr=`@charset "UTF-8";
|
|
225935
|
+
`},e("side-panel-menu",{key:"990a50fd29588749c0e5b7c36d90fc1187141af8",routes:this.routes}))}},[0,"dga-drawer",{background:[1],overlay:[4],border:[4],collapsed:[4],routes:[16]}]);function Br(){if(typeof customElements>"u")return;["dga-drawer","dga-tag","side-panel-menu","submenu-component","tab-component","tab-link"].forEach(n=>{switch(n){case"dga-drawer":customElements.get(n)||customElements.define(n,uo);break;case"dga-tag":customElements.get(n)||H();break;case"side-panel-menu":customElements.get(n)||po();break;case"submenu-component":customElements.get(n)||G();break;case"tab-component":customElements.get(n)||An();break;case"tab-link":customElements.get(n)||Y();break}})}const Pr=uo,Dr=Br,ko=d(class extends l{constructor(){super(),this.__registerHost(),this.handleClickOutside=n=>{var t;this.containerRef&&!this.containerRef.contains(n.target)&&((t=this.btnRef)===null||t===void 0||t.classList.remove("open"))},this.id=x(),this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.getSelectedOptions=void 0,this.extraClass=void 0,this.optionList=[]}componentWillLoad(){this.initializeOptions()}initializeOptions(){const n=[...this.options].map(t=>(t.selected||(t.selected=!1),t));this.optionList=n}setSelectedOptions(n,t){const i=[...this.optionList];this.multiSelect?(i[t].selected=!i[t].selected,this.getSelectedOptions&&this.getSelectedOptions({selectedList:i.filter(r=>r.selected),selectedOption:n,selectedIndex:t})):(i.forEach(r=>r.selected=!1),i[t].selected=!i[t].selected,this.getSelectedOptions&&this.getSelectedOptions(n)),this.optionList=i}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleAddPressed(n){n.currentTarget.classList.add("active")}handleRemovePressed(n){n.currentTarget.classList.remove("active")}handleToggleDropdown(n){n.currentTarget.classList.toggle("open")}handleSelectSingleOption(n,t,i){var r;this.setSelectedOptions(t,i);const a=n.target,g=a.closest(".dropdown"),h=g.querySelector(".dropdown__label"),c=g.querySelector(".dropdown__option.selected");a.classList.contains("selected")||(h.classList.remove("dropdown__label--selection"),c==null||c.classList.remove("selected"),a.classList.add("selected"),h.textContent=(r=a.querySelector(".dropdown__option-label"))===null||r===void 0?void 0:r.textContent,h.classList.add("dropdown__label--selection")),g.querySelector(".dropdown__btn").classList.remove("open")}getSelectedChoices(n){const t={values:[],labels:[]};return n.querySelectorAll(".dropdown__option.selected").forEach(i=>{var r;const a=i.getAttribute("data-value"),g=(r=i.querySelector(".dropdown__option-label"))===null||r===void 0?void 0:r.textContent;t.values.push(a),t.labels.push(g)}),t}handleMultiOptionClicked(n,t,i){this.setSelectedOptions(t,i);const r=n.target;r.classList.toggle("selected");const a=r.closest(".dropdown"),g=a.querySelector(".dropdown__label"),{values:h,labels:c}=this.getSelectedChoices(a);a.setAttribute("data-value",h.join(", ")),g.textContent=c.join(", "),h.length?g.classList.add("dropdown__label--selection"):g.classList.remove("dropdown__label--selection")}render(){return e("div",{key:"163f7d55ad6e4fff492594a1c3274395d5d88378",id:this.id,ref:n=>this.containerRef=n,class:`dropdown dropdown--${this.size} ${this.error?"dropdown--error":""} ${this.variant!=="default"?`dropdown--${this.variant}`:""} ${this.disabled?"dropdown--disabled":""} ${this.readonly?"dropdown--readonly":""} ${this.multiSelect?"dropdown--multi-select":""} ${this.extraClass||""}`},e("button",{key:"29d11e4f542426e5777293d2ead6365a6a56a456",class:"dropdown__btn",ref:n=>this.btnRef=n,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},e("span",{key:"921ab6b0f173bf1a2d57e61e35d31c9f324d87b8",class:"dropdown__label"}),e("span",{key:"dcd7e2d4390f0ffd19bdb32f1c23eba0676b8ea6",class:"dropdown__label-placeholder"},this.placeholder),e("span",{key:"5ee7e21a4428aba0dfa0a7fad23c3c797d1d7795",class:"dropdown__chevron"},e("dga-icon",{key:"08ab5495f37b5f7d19de2075283d5733941d38e7",icon:"ArrowDown01Icon",variant:"stroke"}))),e("ul",{key:"96baa1e49d82a2c9ee84815dede0fad077a23515",class:"dropdown__list"},this.optionList.map((n,t)=>this.multiSelect?e("li",{key:n[this.trackBy]?n[this.trackBy]:x()},e("button",{class:"dropdown__option dropdown__option--checkbox","data-value":n[this.trackBy]?n[this.trackBy]:"",onClick:i=>this.handleMultiOptionClicked(i,n,t),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},e("div",{class:"dropdown__option-icon-container"},e("span",{class:"dropdown__option-icon"},e("i",{class:"hgi-solid hgi-tick-02",style:{fontSize:"20px"}}))),e("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""))):e("li",{key:n[this.trackBy]?n[this.trackBy]:x()},e("button",{class:"dropdown__option",type:"button",onClick:i=>this.handleSelectSingleOption(i,n,t),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this)},e("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""),e("span",{class:"dropdown__option-icon"},e("dga-icon",{icon:"Tick02Icon",variant:"solid"})))))))}get el(){return this}static get watchers(){return{options:["initializeOptions"]}}},[0,"dga-dropdown",{id:[1],placeholder:[1],size:[1],variant:[1],error:[4],disabled:[4],readonly:[4],multiSelect:[4,"multi-select"],options:[16],optionLabel:[1,"option-label"],trackBy:[1,"track-by"],getSelectedOptions:[16],extraClass:[1,"extra-class"],optionList:[32]},void 0,{options:["initializeOptions"]}]);function Er(){if(typeof customElements>"u")return;["dga-dropdown","dga-icon"].forEach(n=>{switch(n){case"dga-dropdown":customElements.get(n)||customElements.define(n,ko);break;case"dga-icon":customElements.get(n)||w();break}})}const jr=ko,Tr=Er,mo=d(class extends l{constructor(){super(),this.__registerHost(),this.iconFonts={xl:28,lg:24,md:20,sm:16},this.size="md",this.color="brand",this.variant="light",this.circle=!0,this.icon=void 0}render(){return e("div",{key:"c1f1814030e96d731f35296570c8c9f96a55cc7d",class:`dga-featured-icon ${this.circle?"dga-featured-icon--circle":""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}`},e("dga-icon",{key:"07d3e0671696e14e190f2d1e910db63f1c08ca08",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:this.iconFonts[this.size]}))}},[0,"dga-featured-icon",{size:[1],color:[1],variant:[1],circle:[4],icon:[16]}]);function Lr(){if(typeof customElements>"u")return;["dga-featured-icon","dga-icon"].forEach(n=>{switch(n){case"dga-featured-icon":customElements.get(n)||customElements.define(n,mo);break;case"dga-icon":customElements.get(n)||w();break}})}const Rr=mo,Or=Lr,vo=d(class extends l{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const n=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return e("div",{key:"251ea0a456a7186f146af07dfee5ee2dec02cc85",class:n},e("div",{key:"e37151f429664b8f389e49a7bdd3f714494521f3",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function wo(){if(typeof customElements>"u")return;["dga-loading"].forEach(n=>{switch(n){case"dga-loading":customElements.get(n)||customElements.define(n,vo);break}})}const xo=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFileSelection=n=>{const t=n.target;this.onChange&&this.onChange(n);const i=t.files;if(i){if(this.maximumFilesSize&&Array.from(i).some(g=>g.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const r=Array.from(i).map(a=>({name:a.name,uploadStatus:"pending"}));this.files=[...this.files,...r],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=n=>{n.preventDefault(),n.stopPropagation();const t=n.dataTransfer.files;if(t){const i=Array.from(t).map(r=>({name:r.name,uploadStatus:"pending"}));this.files=[...this.files,...i]}this.dragState=!1},this.addDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!0},this.removeDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!1},this.id=x(),this.name=x(),this.accept=void 0,this.multiple=void 0,this.title="Drag and drop files here to upload",this.fileTypesText="Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.",this.actionName="Browse Files",this.maximumFilesSize=void 0,this.disabled=!1,this.getUploadedFile=void 0,this.uploadFileOverSize=void 0,this.onChange=void 0,this.emitDeleteFile=void 0,this.files=[],this.dragState=!1}componentDidLoad(){const n=document.querySelector(".file-upload__drop-area");n.addEventListener("dragover",this.addDragOverClass),n.addEventListener("dragleave",this.removeDragOverClass),n.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const n=document.querySelector(".file-upload__drop-area");n.removeEventListener("dragover",this.addDragOverClass),n.removeEventListener("dragleave",this.removeDragOverClass),n.removeEventListener("drop",this.handleDrop)}handleDeleteFile(n,t){this.files=[...this.files.slice(0,n),...this.files.slice(n+1)],this.emitDeleteFile&&this.emitDeleteFile(t,n)}renderFile(n,t){return n.uploadStatus==="error"?e("div",{class:"file-upload__file-item--error"},e("div",{class:"file-upload__file-item"},e("span",{class:"file-upload__file-status file-upload__file-status--error"},e("i",{class:"hgi-solid hgi-alert-circle",style:{fontSize:"20px"}})),e("span",{class:"file-upload__file-name"},n.name),e("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(t,n)},e("span",{class:"btn-icon"},e("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),e("div",{class:"file-upload__file-item-msg"},n.errorMessage?n.errorMessage:"Here goes the helper text.")):e("div",{class:"file-upload__file-item"},e("span",{class:`file-upload__file-status file-upload__file-status--${n.uploadStatus}`},n.uploadStatus==="uploading"&&n.progress&&e("dga-loading",{size:"tiny",variant:"neutral"}),n.uploadStatus==="complete"&&e("i",{class:"hgi-solid hgi-checkmark-circle-02"})),e("span",{class:"file-upload__file-name"},n.name),e("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(t,n)},e("span",{class:"btn-icon"},e("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}}))))}render(){return e("div",{key:"89d5b9399b49d009c29dfb3262fe6d869ab57b25",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},e("input",{key:"23874e68419840843507a16c90a561bb0753f749",type:"file",id:this.id,name:this.name,class:"file-upload__input",accept:this.accept,multiple:this.multiple,"aria-hidden":"true",onChange:this.handleFileSelection,ref:n=>this.fileInputRef=n}),e("label",{key:"02ec4b2f9fa312ddad8b50b8b05484135ddb4b73",htmlFor:this.id,class:"file-upload__drop-area"},e("span",{key:"63ca89c63d6f032bd6fb66537f6f0eccbb480b67",class:"file-upload__icon"},e("i",{key:"b32b5102327dd8312ada4087d55ccfd177cde29f",class:"hgi-stroke hgi-file-upload",style:{fontSize:"20px"}})),e("div",{key:"b826b1b1ae3388227978a100c717947f3e80fd36",class:"file-upload__content"},e("p",{key:"b12e1a7f21f3d7b87c166f99c576f4e9560982a2",class:"file-upload__instructions"},this.title),e("p",{key:"e3572e65afb04ec2e440f1ad415e36ee6a477352",class:"file-upload__formats"},this.fileTypesText)),e("button",{key:"cd18caab698d0ac73450af45c696c6c250c6b5ae",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var n;return(n=this.fileInputRef)===null||n===void 0?void 0:n.click()}},e("span",{key:"72f5507ab9256bcd906eab41b883d4b7e8259dfc"},this.actionName))),e("div",{key:"5e227accaf5d0b87b16289942da9b81cf58728db",class:"file-upload__files-list"},this.files.map((n,t)=>this.renderFile(n,t))))}},[0,"dga-file-upload",{id:[1],name:[1],accept:[1],multiple:[4],title:[1],fileTypesText:[1,"file-types-text"],actionName:[1,"action-name"],maximumFilesSize:[2,"maximum-files-size"],disabled:[4],getUploadedFile:[16],uploadFileOverSize:[16],onChange:[16],emitDeleteFile:[16],files:[32],dragState:[32]}]);function Hr(){if(typeof customElements>"u")return;["dga-file-upload","dga-loading"].forEach(n=>{switch(n){case"dga-file-upload":customElements.get(n)||customElements.define(n,xo);break;case"dga-loading":customElements.get(n)||wo();break}})}const Fr=xo,Ur=Hr,Wr=`@charset "UTF-8";
|
|
225936
225936
|
/*
|
|
225937
225937
|
0 - 600px: Phone
|
|
225938
225938
|
600 - 900px: Tablet portrait
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,7 @@ var yt = Object.defineProperty, _t = (o, n) => {
|
|
|
14
14
|
$instanceValues$: /* @__PURE__ */ new Map()
|
|
15
15
|
};
|
|
16
16
|
return t.$onReadyPromise$ = new Promise((i) => t.$onReadyResolve$ = i), o["s-p"] = [], o["s-rc"] = [], ge.set(o, t);
|
|
17
|
-
},
|
|
17
|
+
}, Hn = (o, n) => n in o, an = (o, n) => (0, console.error)(o, n), J = /* @__PURE__ */ new Map(), zt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Fn = "http://www.w3.org/1999/xlink", gn = typeof window < "u" ? window : {}, A = gn.document || { head: {} }, l = gn.HTMLElement || class {
|
|
18
18
|
}, q = {
|
|
19
19
|
$flags$: 0,
|
|
20
20
|
$resourcesUrl$: "",
|
|
@@ -130,8 +130,8 @@ var jt = (o) => {
|
|
|
130
130
|
}
|
|
131
131
|
const n = Q(o.vtag, o.vtext);
|
|
132
132
|
return n.$attrs$ = o.vattrs, n.$children$ = o.vchildren, n.$key$ = o.vkey, n.$name$ = o.vname, n;
|
|
133
|
-
},
|
|
134
|
-
const i =
|
|
133
|
+
}, Ht = (o, n) => o != null && !qn(o) ? n & 4 ? o === "false" ? !1 : o === "" || !!o : n & 2 ? parseFloat(o) : n & 1 ? String(o) : o : o, Ft = (o) => o, C = (o, n, t) => {
|
|
134
|
+
const i = Ft(o);
|
|
135
135
|
return {
|
|
136
136
|
emit: (r) => se(i, n, {
|
|
137
137
|
bubbles: !!(t & 4),
|
|
@@ -177,7 +177,7 @@ var jt = (o) => {
|
|
|
177
177
|
i & 10 && i & 2 && (t["s-sc"] = a, t.classList.add(a + "-h"), i & 2 && t.classList.add(a + "-s")), r();
|
|
178
178
|
}, le = (o, n) => "sc-" + o.$tagName$, Gn = (o, n, t, i, r, a) => {
|
|
179
179
|
if (t !== i) {
|
|
180
|
-
let g =
|
|
180
|
+
let g = Hn(o, n), h = n.toLowerCase();
|
|
181
181
|
if (n === "class") {
|
|
182
182
|
const c = o.classList, k = Xn(t), b = Xn(i);
|
|
183
183
|
c.remove(...k.filter((u) => u && !b.includes(u))), c.add(...b.filter((u) => u && !k.includes(u)));
|
|
@@ -189,7 +189,7 @@ var jt = (o) => {
|
|
|
189
189
|
} else if (n !== "key") if (n === "ref")
|
|
190
190
|
i && i(o);
|
|
191
191
|
else if (!o.__lookupSetter__(n) && n[0] === "o" && n[1] === "n") {
|
|
192
|
-
if (n[2] === "-" ? n = n.slice(3) :
|
|
192
|
+
if (n[2] === "-" ? n = n.slice(3) : Hn(gn, h) ? n = h.slice(2) : n = h[2] + n.slice(3), t || i) {
|
|
193
193
|
const c = n.endsWith(de);
|
|
194
194
|
n = n.replace(Yt, ""), t && q.rel(o, n, t, c), i && q.ael(o, n, i, c);
|
|
195
195
|
}
|
|
@@ -206,7 +206,7 @@ var jt = (o) => {
|
|
|
206
206
|
} catch {
|
|
207
207
|
}
|
|
208
208
|
let k = !1;
|
|
209
|
-
h !== (h = h.replace(/^xlink\:?/, "")) && (n = h, k = !0), i == null || i === !1 ? (i !== !1 || o.getAttribute(n) === "") && (k ? o.removeAttributeNS(
|
|
209
|
+
h !== (h = h.replace(/^xlink\:?/, "")) && (n = h, k = !0), i == null || i === !1 ? (i !== !1 || o.getAttribute(n) === "") && (k ? o.removeAttributeNS(Fn, n) : o.removeAttribute(n)) : (!g || a & 4 || r) && !c && (i = i === !0 ? "" : i, k ? o.setAttributeNS(Fn, n, i) : o.setAttribute(n, i));
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
212
|
}, Kt = /\s/, Xn = (o) => o ? o.split(Kt) : [], de = "Capture", Yt = new RegExp(de + "$"), fe = (o, n, t) => {
|
|
@@ -489,7 +489,7 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
|
|
|
489
489
|
return o.classList.add((n = T.hydratedSelectorName) != null ? n : "hydrated");
|
|
490
490
|
}, ti = (o, n) => L(o).$instanceValues$.get(n), ii = (o, n, t, i) => {
|
|
491
491
|
const r = L(o), a = o, g = r.$instanceValues$.get(n), h = r.$flags$, c = a;
|
|
492
|
-
t =
|
|
492
|
+
t = Ht(t, i.$members$[n][0]);
|
|
493
493
|
const k = Number.isNaN(g) && Number.isNaN(t);
|
|
494
494
|
if (t !== g && !k) {
|
|
495
495
|
r.$instanceValues$.set(n, t);
|
|
@@ -216196,7 +216196,7 @@ function Li() {
|
|
|
216196
216196
|
}
|
|
216197
216197
|
});
|
|
216198
216198
|
}
|
|
216199
|
-
const Oi = Te, Ri = Li,
|
|
216199
|
+
const Oi = Te, Ri = Li, Hi = `@charset "UTF-8";
|
|
216200
216200
|
/*
|
|
216201
216201
|
0 - 600px: Phone
|
|
216202
216202
|
600 - 900px: Tablet portrait
|
|
@@ -219779,9 +219779,9 @@ a:focus {
|
|
|
219779
219779
|
}
|
|
219780
219780
|
.KCarousel-dots .KCarousel-dot.is-active {
|
|
219781
219781
|
background-color: var(--stepper-button-completed);
|
|
219782
|
-
}`,
|
|
219782
|
+
}`, Fi = Hi, Le = /* @__PURE__ */ d(class extends l {
|
|
219783
219783
|
constructor() {
|
|
219784
|
-
super(), this.__registerHost(), this.
|
|
219784
|
+
super(), this.__registerHost(), this.DIRECTION = {
|
|
219785
219785
|
LEFT: Symbol("LEFT"),
|
|
219786
219786
|
RIGHT: Symbol("RIGHT")
|
|
219787
219787
|
}, this.variant = "arrows", this.showDots = !0, this.steps = 1, this.transitionDuration = 600, this.size = "md", this.cardsToShow = null, this.childWidth = 0, this.childrenLength = 0, this.cardsToShowState = 0, this.currentSlideIndex = 0;
|
|
@@ -219817,14 +219817,14 @@ a:focus {
|
|
|
219817
219817
|
this.slidesContainer && (this.childrenLength = this.slidesContainer.childElementCount);
|
|
219818
219818
|
}
|
|
219819
219819
|
render() {
|
|
219820
|
-
return console.log(this.childrenLength, "this.childrenLength"), console.log(this.currentSlideIndex, this.el.children.length, this.slidesContainer, "''''''''''''''''''''''''''''''"), e(E, { key: "
|
|
219820
|
+
return console.log(this.childrenLength, "this.childrenLength"), console.log(this.currentSlideIndex, this.el.children.length, this.slidesContainer, "''''''''''''''''''''''''''''''"), e(E, { key: "123ec93b9da51a39d8726010514fd3bda1e3f5aa", class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}` }, this.variant !== "dots-only" && e("div", { key: "0db634b6ba57cf75db8872fe83eb503699404aad", class: "KCarousel-body" }, this.variant === "arrows" && e("a", { key: "7643b368c46066e902c6039e2b09675b161fd1f1", class: `KCarousel-arrow ${this.showLeftArrow() ? "KCarousel-arrow--active" : ""} left`, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, e("dga-icon", { key: "4fb1be832c8f2cfa52583890eab5d7b8890f5fc8", icon: "arrow-left-01", variant: "stroke", type: "rounded", size: 24 })), e("div", { key: "cf52b82d14c0ec92a86eb4b79918e0afc708b5a9", class: "KCarousel-container", style: { overflow: "hidden", maxWidth: `${this.childWidth}px` } }, e("div", { key: "03955a23498b8b1ff4376cc7860b9900feb57751", style: {
|
|
219821
219821
|
display: "flex",
|
|
219822
219822
|
transition: `transform ${this.transitionDuration}ms ease-in-out`
|
|
219823
219823
|
// transform: `translateX(${this.initialCard * this.childWidth}%)`,
|
|
219824
219824
|
// transform: `translateX(${this.currentSlideIndex * this.childWidth}px)`,
|
|
219825
219825
|
// maxWidth: `${this.childWidth}px`
|
|
219826
219826
|
// maxWidth: `${450}px`
|
|
219827
|
-
}, class: "KCarousel-slides", ref: (n) => this.slidesContainer = n }, e("slot", { key: "
|
|
219827
|
+
}, class: "KCarousel-slides", ref: (n) => this.slidesContainer = n }, e("slot", { key: "d8ae29b84bc01f2e0bf29aa0ea722ecfe5e9a36e" }))), this.variant === "arrows" && e("a", { key: "b30df9cb4875abde0edd39cf02a44562087036de", class: `KCarousel-arrow ${this.showRightArrow() ? "KCarousel-arrow--active" : ""} right`, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, e("dga-icon", { key: "8fe1473fb7f0fd71d0906f19ac8d3a3d51bf6e47", icon: "arrow-right-01", variant: "stroke", type: "rounded", size: 24 }))), ["dots", "dots-only"].includes(this.variant) && e("div", { key: "ecf9c29d058de540ea748c19c9fc01e0d70ce8d4", class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((n, t) => e("span", { class: {
|
|
219828
219828
|
"KCarousel-dot": !0,
|
|
219829
219829
|
"is-active": this.isHighlighted(t)
|
|
219830
219830
|
}, onClick: () => {
|
|
@@ -219835,9 +219835,9 @@ a:focus {
|
|
|
219835
219835
|
return this;
|
|
219836
219836
|
}
|
|
219837
219837
|
static get style() {
|
|
219838
|
-
return
|
|
219838
|
+
return Fi;
|
|
219839
219839
|
}
|
|
219840
|
-
}, [
|
|
219840
|
+
}, [4, "dga-carousel-v2", {
|
|
219841
219841
|
variant: [1],
|
|
219842
219842
|
showDots: [4, "show-dots"],
|
|
219843
219843
|
steps: [2],
|
|
@@ -219917,7 +219917,7 @@ function Ui() {
|
|
|
219917
219917
|
}
|
|
219918
219918
|
});
|
|
219919
219919
|
}
|
|
219920
|
-
const Wi = Re, Vi = Ui, Ki = Le, Yi = Oe,
|
|
219920
|
+
const Wi = Re, Vi = Ui, Ki = Le, Yi = Oe, He = /* @__PURE__ */ d(class extends l {
|
|
219921
219921
|
constructor() {
|
|
219922
219922
|
super(), this.__registerHost(), this.type = "realistic", this.trend = "positive", this.size = "lg", this.showMarker = !1, this.data = [], this.lineColor = this.trend === "positive" ? "#067647" : "#B42318", this.fillColor = this.trend === "positive" ? "#079455" : "#D92D20", this.width = this.size === "lg" ? 328 : 128, this.height = 64;
|
|
219923
219923
|
}
|
|
@@ -219984,18 +219984,18 @@ const Wi = Re, Vi = Ui, Ki = Le, Yi = Oe, Fe = /* @__PURE__ */ d(class extends l
|
|
|
219984
219984
|
}, void 0, {
|
|
219985
219985
|
size: ["handleSizeChange"]
|
|
219986
219986
|
}]);
|
|
219987
|
-
function
|
|
219987
|
+
function Fe() {
|
|
219988
219988
|
if (typeof customElements > "u")
|
|
219989
219989
|
return;
|
|
219990
219990
|
["dga-chart"].forEach((n) => {
|
|
219991
219991
|
switch (n) {
|
|
219992
219992
|
case "dga-chart":
|
|
219993
|
-
customElements.get(n) || customElements.define(n,
|
|
219993
|
+
customElements.get(n) || customElements.define(n, He);
|
|
219994
219994
|
break;
|
|
219995
219995
|
}
|
|
219996
219996
|
});
|
|
219997
219997
|
}
|
|
219998
|
-
const Gi =
|
|
219998
|
+
const Gi = He, Xi = Fe, Zi = Be, Ni = K, Ue = /* @__PURE__ */ d(class extends l {
|
|
219999
219999
|
constructor() {
|
|
220000
220000
|
super(), this.__registerHost(), this.label = void 0, this.variant = "success", this.size = "md", this.leadIcon = void 0, this.leadIconProps = void 0, this.trailIcon = void 0, this.trailIconProps = void 0, this.rounded = void 0, this.disabled = void 0, this.pressed = !1;
|
|
220001
220001
|
}
|
|
@@ -228351,7 +228351,7 @@ a:focus {
|
|
|
228351
228351
|
rounded: [4],
|
|
228352
228352
|
outlined: [4]
|
|
228353
228353
|
}]);
|
|
228354
|
-
function
|
|
228354
|
+
function H() {
|
|
228355
228355
|
if (typeof customElements > "u")
|
|
228356
228356
|
return;
|
|
228357
228357
|
["dga-tag"].forEach((n) => {
|
|
@@ -228386,17 +228386,14 @@ const so = /* @__PURE__ */ d(class extends l {
|
|
|
228386
228386
|
// ref: (el: HTMLElement) => (this.tabRef = el),
|
|
228387
228387
|
ref: (t) => this.tabRef = t
|
|
228388
228388
|
};
|
|
228389
|
-
return this.externalLink ? e("a", Object.assign({ href: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon"
|
|
228390
|
-
}
|
|
228391
|
-
get el() {
|
|
228392
|
-
return this;
|
|
228389
|
+
return this.externalLink ? e("a", Object.assign({ href: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon", innerHTML: this.icon }), e("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === "parent" && e("span", { class: "sidepanel__menu-tab-arrow" }, e("i", { class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }), " "), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" })) : this.type === "parent" ? e("a", Object.assign({ href: "#" }, n, { onClick: (t) => this.toggleTab(t), tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon", innerHTML: this.icon }), e("span", { class: "sidepanel__menu-tab-label" }, this.text), e("span", { class: "sidepanel__menu-tab-arrow" }, e("i", { class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }), " "), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" })) : e("stencil-route-link", Object.assign({ url: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon", innerHTML: this.icon }), e("span", { class: "sidepanel__menu-tab-label" }, this.text), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" }));
|
|
228393
228390
|
}
|
|
228394
228391
|
}, [0, "tab-link", {
|
|
228395
228392
|
type: [1],
|
|
228396
228393
|
onColor: [4, "on-color"],
|
|
228397
228394
|
level: [2],
|
|
228398
228395
|
badge: [2],
|
|
228399
|
-
icon: [
|
|
228396
|
+
icon: [1],
|
|
228400
228397
|
externalLink: [4, "external-link"],
|
|
228401
228398
|
text: [1],
|
|
228402
228399
|
link: [1],
|
|
@@ -228414,7 +228411,7 @@ function Y() {
|
|
|
228414
228411
|
customElements.get(n) || customElements.define(n, so);
|
|
228415
228412
|
break;
|
|
228416
228413
|
case "dga-tag":
|
|
228417
|
-
customElements.get(n) ||
|
|
228414
|
+
customElements.get(n) || H();
|
|
228418
228415
|
break;
|
|
228419
228416
|
}
|
|
228420
228417
|
});
|
|
@@ -228445,7 +228442,7 @@ function G() {
|
|
|
228445
228442
|
customElements.get(n) || customElements.define(n, lo);
|
|
228446
228443
|
break;
|
|
228447
228444
|
case "dga-tag":
|
|
228448
|
-
customElements.get(n) ||
|
|
228445
|
+
customElements.get(n) || H();
|
|
228449
228446
|
break;
|
|
228450
228447
|
case "submenu-component":
|
|
228451
228448
|
customElements.get(n) || G();
|
|
@@ -228481,7 +228478,7 @@ function An() {
|
|
|
228481
228478
|
customElements.get(n) || customElements.define(n, fo);
|
|
228482
228479
|
break;
|
|
228483
228480
|
case "dga-tag":
|
|
228484
|
-
customElements.get(n) ||
|
|
228481
|
+
customElements.get(n) || H();
|
|
228485
228482
|
break;
|
|
228486
228483
|
case "submenu-component":
|
|
228487
228484
|
customElements.get(n) || G();
|
|
@@ -228511,7 +228508,7 @@ function po() {
|
|
|
228511
228508
|
customElements.get(n) || customElements.define(n, bo);
|
|
228512
228509
|
break;
|
|
228513
228510
|
case "dga-tag":
|
|
228514
|
-
customElements.get(n) ||
|
|
228511
|
+
customElements.get(n) || H();
|
|
228515
228512
|
break;
|
|
228516
228513
|
case "submenu-component":
|
|
228517
228514
|
customElements.get(n) || G();
|
|
@@ -228530,11 +228527,11 @@ const uo = /* @__PURE__ */ d(class extends l {
|
|
|
228530
228527
|
super(), this.__registerHost(), this.background = void 0, this.overlay = void 0, this.border = void 0, this.collapsed = void 0, this.routes = void 0;
|
|
228531
228528
|
}
|
|
228532
228529
|
render() {
|
|
228533
|
-
return console.log(this.routes, "routes"), e("div", { key: "
|
|
228530
|
+
return console.log(this.routes, "routes"), e("div", { key: "c458d829e84048aea62ff086d8ca7aaf73282e24", class: `sidepanel ${this.background ? `sidepanel--bg-${this.background}` : ""}
|
|
228534
228531
|
${this.overlay ? "sidepanel--overlay" : ""}
|
|
228535
228532
|
${this.border ? "sidepanel--border" : ""}
|
|
228536
228533
|
${this.collapsed ? "collapsed" : ""}
|
|
228537
|
-
` }, e("side-panel-menu", { key: "
|
|
228534
|
+
` }, e("side-panel-menu", { key: "990a50fd29588749c0e5b7c36d90fc1187141af8", routes: this.routes }));
|
|
228538
228535
|
}
|
|
228539
228536
|
}, [0, "dga-drawer", {
|
|
228540
228537
|
background: [1],
|
|
@@ -228552,7 +228549,7 @@ function Br() {
|
|
|
228552
228549
|
customElements.get(n) || customElements.define(n, uo);
|
|
228553
228550
|
break;
|
|
228554
228551
|
case "dga-tag":
|
|
228555
|
-
customElements.get(n) ||
|
|
228552
|
+
customElements.get(n) || H();
|
|
228556
228553
|
break;
|
|
228557
228554
|
case "side-panel-menu":
|
|
228558
228555
|
customElements.get(n) || po();
|
|
@@ -228804,7 +228801,7 @@ const xo = /* @__PURE__ */ d(class extends l {
|
|
|
228804
228801
|
files: [32],
|
|
228805
228802
|
dragState: [32]
|
|
228806
228803
|
}]);
|
|
228807
|
-
function
|
|
228804
|
+
function Hr() {
|
|
228808
228805
|
if (typeof customElements > "u")
|
|
228809
228806
|
return;
|
|
228810
228807
|
["dga-file-upload", "dga-loading"].forEach((n) => {
|
|
@@ -228818,7 +228815,7 @@ function Fr() {
|
|
|
228818
228815
|
}
|
|
228819
228816
|
});
|
|
228820
228817
|
}
|
|
228821
|
-
const
|
|
228818
|
+
const Fr = xo, Ur = Hr, Wr = `@charset "UTF-8";
|
|
228822
228819
|
/*
|
|
228823
228820
|
0 - 600px: Phone
|
|
228824
228821
|
600 - 900px: Tablet portrait
|
|
@@ -240268,7 +240265,7 @@ function Ra() {
|
|
|
240268
240265
|
}
|
|
240269
240266
|
});
|
|
240270
240267
|
}
|
|
240271
|
-
const
|
|
240268
|
+
const Ha = Do, Fa = Ra, jo = /* @__PURE__ */ d(class extends l {
|
|
240272
240269
|
constructor() {
|
|
240273
240270
|
super(), this.__registerHost(), this.groupLabel = void 0;
|
|
240274
240271
|
}
|
|
@@ -240433,7 +240430,7 @@ function eg() {
|
|
|
240433
240430
|
customElements.get(n) || O();
|
|
240434
240431
|
break;
|
|
240435
240432
|
case "dga-chart":
|
|
240436
|
-
customElements.get(n) ||
|
|
240433
|
+
customElements.get(n) || Fe();
|
|
240437
240434
|
break;
|
|
240438
240435
|
case "dga-icon":
|
|
240439
240436
|
customElements.get(n) || w();
|
|
@@ -240454,7 +240451,7 @@ function te(o) {
|
|
|
240454
240451
|
console.log("🚀 ~ HideModal ~ error:", n);
|
|
240455
240452
|
}
|
|
240456
240453
|
}
|
|
240457
|
-
const
|
|
240454
|
+
const Ho = /* @__PURE__ */ d(class extends l {
|
|
240458
240455
|
constructor() {
|
|
240459
240456
|
super(), this.__registerHost(), this.modalTitle = void 0, this.closeButton = void 0, this.onClose = void 0, this.featuredIconColor = void 0, this.featuredIconStyle = void 0, this.featuredIconType = "InformationCircle", this.featuredIconCircle = void 0, this.featuredIconSize = void 0, this.alignmentCenter = void 0, this.actionFillContainer = void 0, this.actionStack = void 0, this.secondBtnPosition = "left", this.position = "center", this.name = void 0, this.show = !1, this.staticModal = !1, this.buttonsList = [];
|
|
240460
240457
|
}
|
|
@@ -240502,7 +240499,7 @@ function ig() {
|
|
|
240502
240499
|
["dga-modal", "dga-icon"].forEach((n) => {
|
|
240503
240500
|
switch (n) {
|
|
240504
240501
|
case "dga-modal":
|
|
240505
|
-
customElements.get(n) || customElements.define(n,
|
|
240502
|
+
customElements.get(n) || customElements.define(n, Ho);
|
|
240506
240503
|
break;
|
|
240507
240504
|
case "dga-icon":
|
|
240508
240505
|
customElements.get(n) || w();
|
|
@@ -240510,13 +240507,13 @@ function ig() {
|
|
|
240510
240507
|
}
|
|
240511
240508
|
});
|
|
240512
240509
|
}
|
|
240513
|
-
const rg =
|
|
240510
|
+
const rg = Ho, ag = ig, gg = On, hg = ra, cg = Tn, sg = oa, lg = Dn, dg = na, fg = En, bg = Qr, pg = jn, ug = ea, kg = rn, mg = ta, vg = Ln, wg = ia, xg = _o, yg = qo, _g = Pn, qg = Jr, zg = {
|
|
240514
240511
|
error: "hgi-stroke hgi-alert-02",
|
|
240515
240512
|
warning: "hgi-stroke hgi-alert-circle",
|
|
240516
240513
|
success: "hgi-stroke hgi-sharp hgi-checkmark-circle-02",
|
|
240517
240514
|
info: "hgi-stroke hgi-sharp hgi-information-circle",
|
|
240518
240515
|
neutral: "hgi-stroke hgi-sharp hgi-information-circle"
|
|
240519
|
-
},
|
|
240516
|
+
}, Fo = /* @__PURE__ */ d(class extends l {
|
|
240520
240517
|
constructor() {
|
|
240521
240518
|
super(), this.__registerHost(), this.type = "neutral", this.leadText = void 0, this.hasHelperText = !1, this.helperText = void 0, this.action = void 0, this.closeButton = void 0, this.vPostion = "top", this.hPostion = "right", this.onClose = void 0, this.buttonsList = [];
|
|
240522
240519
|
}
|
|
@@ -240548,12 +240545,12 @@ function Sg() {
|
|
|
240548
240545
|
["dga-notification-toast"].forEach((n) => {
|
|
240549
240546
|
switch (n) {
|
|
240550
240547
|
case "dga-notification-toast":
|
|
240551
|
-
customElements.get(n) || customElements.define(n,
|
|
240548
|
+
customElements.get(n) || customElements.define(n, Fo);
|
|
240552
240549
|
break;
|
|
240553
240550
|
}
|
|
240554
240551
|
});
|
|
240555
240552
|
}
|
|
240556
|
-
const Mg =
|
|
240553
|
+
const Mg = Fo, $g = Sg, Uo = /* @__PURE__ */ d(class extends l {
|
|
240557
240554
|
constructor() {
|
|
240558
240555
|
super(), this.__registerHost(), this.icons = {
|
|
240559
240556
|
success: "hgi-solid hgi-sharp hgi-checkmark-circle-02",
|
|
@@ -240593,7 +240590,7 @@ function Cg() {
|
|
|
240593
240590
|
}
|
|
240594
240591
|
});
|
|
240595
240592
|
}
|
|
240596
|
-
const Ig = Uo, Ag = Cg,
|
|
240593
|
+
const Ig = Uo, Ag = Cg, F = "...", Z = (o, n) => {
|
|
240597
240594
|
let t = n - o + 1;
|
|
240598
240595
|
return Array.from({ length: t }, (i, r) => r + o);
|
|
240599
240596
|
}, Wo = /* @__PURE__ */ d(class extends l {
|
|
@@ -240614,15 +240611,15 @@ const Ig = Uo, Ag = Cg, H = "...", Z = (o, n) => {
|
|
|
240614
240611
|
const a = Math.max(i - t, 1), g = Math.min(i + t, n), h = a > 2, c = g < n - 2, k = 1, b = n;
|
|
240615
240612
|
if (!h && c) {
|
|
240616
240613
|
let u = 3 + 2 * t;
|
|
240617
|
-
return [...Z(1, u),
|
|
240614
|
+
return [...Z(1, u), F, n];
|
|
240618
240615
|
}
|
|
240619
240616
|
if (h && !c) {
|
|
240620
240617
|
let u = 3 + 2 * t, p = Z(n - u + 1, n);
|
|
240621
|
-
return [k,
|
|
240618
|
+
return [k, F, ...p];
|
|
240622
240619
|
}
|
|
240623
240620
|
if (h && c) {
|
|
240624
240621
|
let u = Z(a, g);
|
|
240625
|
-
return [k,
|
|
240622
|
+
return [k, F, ...u, F, b];
|
|
240626
240623
|
}
|
|
240627
240624
|
return [];
|
|
240628
240625
|
}
|
|
@@ -240637,7 +240634,7 @@ const Ig = Uo, Ag = Cg, H = "...", Z = (o, n) => {
|
|
|
240637
240634
|
// : "",
|
|
240638
240635
|
// })}
|
|
240639
240636
|
class: `pagination pagination--${this.size}`
|
|
240640
|
-
}, e("li", { key: "3a7159989878b8b58c7c93ca1a62ddf2bcae76be", class: "pagination__item pagination__arrow" }, e("button", { key: "b981298a53ce81b84fb7077b64fbac9fe5ae1958", onClick: this.onPrevious, disabled: this.currentPage === 1 }, e("svg", { key: "a490874e39ef11675cde8a81be793eec398422d8", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "ef8ad41274ba1be57c5d4b9463fcbc95b62bd8a7", id: "Leading Icon" }, e("path", { key: "2828b0066605ebfb737445ebfcca4eb2fd3530ee", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((n) => n ===
|
|
240637
|
+
}, e("li", { key: "3a7159989878b8b58c7c93ca1a62ddf2bcae76be", class: "pagination__item pagination__arrow" }, e("button", { key: "b981298a53ce81b84fb7077b64fbac9fe5ae1958", onClick: this.onPrevious, disabled: this.currentPage === 1 }, e("svg", { key: "a490874e39ef11675cde8a81be793eec398422d8", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "ef8ad41274ba1be57c5d4b9463fcbc95b62bd8a7", id: "Leading Icon" }, e("path", { key: "2828b0066605ebfb737445ebfcca4eb2fd3530ee", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((n) => n === F ? e("li", { key: x(), class: "pagination__item" }, "…") : e("li", { key: x(), class: `pagination__item ${this.currentPage === n ? "pagination__item--active" : ""}` }, e("button", { onClick: () => {
|
|
240641
240638
|
this.handelPageChange(n);
|
|
240642
240639
|
} }, n))), e("li", { key: "a480785445e5bb5982cb67aed985a5faf596ff5b", class: "pagination__item pagination__arrow" }, e("button", { key: "d0629bc58d1e18713d8c0dd6d36126af5faaff33", onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, e("svg", { key: "f945354a8f731961782f4ebcb7bc64a32ab51176", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "2cca092d7dca4a8d4edb62c01470fd7bc3cf8709", id: "Leading Icon" }, e("path", { key: "be6e68b7705ef0cc59bbca373aa4d1a1f9e77fca", id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
|
|
240643
240640
|
}
|
|
@@ -244346,7 +244343,7 @@ function Rg() {
|
|
|
244346
244343
|
}
|
|
244347
244344
|
});
|
|
244348
244345
|
}
|
|
244349
|
-
const
|
|
244346
|
+
const Hg = Ko, Fg = Rg, Yo = /* @__PURE__ */ d(class extends l {
|
|
244350
244347
|
constructor() {
|
|
244351
244348
|
super(), this.__registerHost(), this.handleFocus = () => {
|
|
244352
244349
|
this.stepContentRef.classList.add("focus");
|
|
@@ -245395,7 +245392,7 @@ function Rh() {
|
|
|
245395
245392
|
}
|
|
245396
245393
|
});
|
|
245397
245394
|
}
|
|
245398
|
-
const
|
|
245395
|
+
const Hh = bt, Fh = Rh, Uh = Ve, Wh = Ke, Vh = co, Kh = H, Yh = no, Gh = eo, ie = {
|
|
245399
245396
|
success: e("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid" }),
|
|
245400
245397
|
error: e("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
|
|
245401
245398
|
warning: e("dga-icon", { icon: "Alert02Icon", variant: "solid" })
|
|
@@ -249477,17 +249474,17 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
249477
249474
|
defineCustomElement: Rr
|
|
249478
249475
|
}), Rl = /* @__PURE__ */ f({
|
|
249479
249476
|
tagName: "dga-file-upload",
|
|
249480
|
-
elementClass:
|
|
249477
|
+
elementClass: Fr,
|
|
249481
249478
|
react: s,
|
|
249482
249479
|
events: {},
|
|
249483
249480
|
defineCustomElement: Ur
|
|
249484
|
-
}),
|
|
249481
|
+
}), Hl = /* @__PURE__ */ f({
|
|
249485
249482
|
tagName: "dga-footer",
|
|
249486
249483
|
elementClass: Yr,
|
|
249487
249484
|
react: s,
|
|
249488
249485
|
events: {},
|
|
249489
249486
|
defineCustomElement: Gr
|
|
249490
|
-
}),
|
|
249487
|
+
}), Fl = /* @__PURE__ */ f({
|
|
249491
249488
|
tagName: "dga-header",
|
|
249492
249489
|
elementClass: ga,
|
|
249493
249490
|
react: s,
|
|
@@ -249567,10 +249564,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
249567
249564
|
defineCustomElement: Oa
|
|
249568
249565
|
}), ed = /* @__PURE__ */ f({
|
|
249569
249566
|
tagName: "dga-local-icon",
|
|
249570
|
-
elementClass:
|
|
249567
|
+
elementClass: Ha,
|
|
249571
249568
|
react: s,
|
|
249572
249569
|
events: {},
|
|
249573
|
-
defineCustomElement:
|
|
249570
|
+
defineCustomElement: Fa
|
|
249574
249571
|
}), od = /* @__PURE__ */ f({
|
|
249575
249572
|
tagName: "dga-menu",
|
|
249576
249573
|
elementClass: Qa,
|
|
@@ -249687,10 +249684,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
249687
249684
|
defineCustomElement: Tg
|
|
249688
249685
|
}), xd = /* @__PURE__ */ f({
|
|
249689
249686
|
tagName: "dga-progress-bar",
|
|
249690
|
-
elementClass:
|
|
249687
|
+
elementClass: Hg,
|
|
249691
249688
|
react: s,
|
|
249692
249689
|
events: {},
|
|
249693
|
-
defineCustomElement:
|
|
249690
|
+
defineCustomElement: Fg
|
|
249694
249691
|
}), yd = /* @__PURE__ */ f({
|
|
249695
249692
|
tagName: "dga-progress-indicator",
|
|
249696
249693
|
elementClass: Xg,
|
|
@@ -249786,10 +249783,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
249786
249783
|
defineCustomElement: Ph
|
|
249787
249784
|
}), Td = /* @__PURE__ */ f({
|
|
249788
249785
|
tagName: "dga-table",
|
|
249789
|
-
elementClass:
|
|
249786
|
+
elementClass: Hh,
|
|
249790
249787
|
react: s,
|
|
249791
249788
|
events: {},
|
|
249792
|
-
defineCustomElement:
|
|
249789
|
+
defineCustomElement: Fh
|
|
249793
249790
|
}), Ld = /* @__PURE__ */ f({
|
|
249794
249791
|
tagName: "dga-table-body",
|
|
249795
249792
|
elementClass: Dh,
|
|
@@ -249808,13 +249805,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
249808
249805
|
react: s,
|
|
249809
249806
|
events: {},
|
|
249810
249807
|
defineCustomElement: Wh
|
|
249811
|
-
}),
|
|
249808
|
+
}), Hd = /* @__PURE__ */ f({
|
|
249812
249809
|
tagName: "dga-tag",
|
|
249813
249810
|
elementClass: Vh,
|
|
249814
249811
|
react: s,
|
|
249815
249812
|
events: {},
|
|
249816
249813
|
defineCustomElement: Kh
|
|
249817
|
-
}),
|
|
249814
|
+
}), Fd = /* @__PURE__ */ f({
|
|
249818
249815
|
tagName: "dga-text-input",
|
|
249819
249816
|
elementClass: Yh,
|
|
249820
249817
|
react: s,
|
|
@@ -249915,8 +249912,8 @@ export {
|
|
|
249915
249912
|
Ll as DgaDropdown,
|
|
249916
249913
|
Ol as DgaFeaturedIcon,
|
|
249917
249914
|
Rl as DgaFileUpload,
|
|
249918
|
-
|
|
249919
|
-
|
|
249915
|
+
Hl as DgaFooter,
|
|
249916
|
+
Fl as DgaHeader,
|
|
249920
249917
|
Ul as DgaHeaderActionBtn,
|
|
249921
249918
|
Wl as DgaHelperText,
|
|
249922
249919
|
Vl as DgaHtmlTag,
|
|
@@ -249969,8 +249966,8 @@ export {
|
|
|
249969
249966
|
Ld as DgaTableBody,
|
|
249970
249967
|
Od as DgaTableOfContent,
|
|
249971
249968
|
Rd as DgaTabs,
|
|
249972
|
-
|
|
249973
|
-
|
|
249969
|
+
Hd as DgaTag,
|
|
249970
|
+
Fd as DgaTextInput,
|
|
249974
249971
|
Ud as DgaTextarea,
|
|
249975
249972
|
Wd as DgaTooltip,
|
|
249976
249973
|
Vd as FloatingButton,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "platformscode-new-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.61",
|
|
4
4
|
"description": "React Components for Platformscode with new components -divider-chip-slider-",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"url": "https://github.com/yourusername/platformscode-react.git"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
|
-
"build": "
|
|
23
|
+
"build": "vite build",
|
|
24
24
|
"dev": "vite"
|
|
25
25
|
},
|
|
26
26
|
"files": [
|