@tmorrow/cre8-wc 2.0.1 → 2.0.3

package/cdn/cre8-wc.min.js

@@ -1819,7 +1819,7 @@ cre8-icon[flip=both] {
 <path d="M22.2 17.6335L14.0016 3.39569C13.7967 3.04687 13.5042 2.75764 13.1532 2.55668C12.8021 2.35572 12.4046 2.25 12 2.25C11.5955 2.25 11.198 2.35572 10.8469 2.55668C10.4958 2.75764 10.2033 3.04687 9.99847 3.39569L1.80003 17.6335C1.60291 17.9709 1.49902 18.3546 1.49902 18.7454C1.49902 19.1361 1.60291 19.5199 1.80003 19.8572C2.00228 20.2082 2.29425 20.499 2.64599 20.6998C2.99773 20.9006 3.39658 21.0043 3.80159 21.0001H20.1985C20.6032 21.0039 21.0016 20.9001 21.353 20.6993C21.7044 20.4985 21.9961 20.2079 22.1982 19.8572C22.3956 19.52 22.4998 19.1364 22.5001 18.7456C22.5004 18.3549 22.3969 17.9711 22.2 17.6335ZM11.25 9.75006C11.25 9.55115 11.329 9.36038 11.4697 9.21973C11.6104 9.07908 11.8011 9.00006 12 9.00006C12.1989 9.00006 12.3897 9.07908 12.5304 9.21973C12.671 9.36038 12.75 9.55115 12.75 9.75006V13.5001C12.75 13.699 12.671 13.8897 12.5304 14.0304C12.3897 14.171 12.1989 14.2501 12 14.2501C11.8011 14.2501 11.6104 14.171 11.4697 14.0304C11.329 13.8897 11.25 13.699 11.25 13.5001V9.75006ZM12 18.0001C11.7775 18.0001 11.56 17.9341 11.375 17.8105C11.19 17.6868 11.0458 17.5111 10.9607 17.3056C10.8755 17.1 10.8532 16.8738 10.8966 16.6556C10.9401 16.4374 11.0472 16.2369 11.2045 16.0796C11.3619 15.9222 11.5623 15.8151 11.7806 15.7717C11.9988 15.7283 12.225 15.7505 12.4305 15.8357C12.6361 15.9208 12.8118 16.065 12.9354 16.25C13.059 16.435 13.125 16.6526 13.125 16.8751C13.125 17.1734 13.0065 17.4596 12.7955 17.6706C12.5845 17.8815 12.2984 18.0001 12 18.0001Z"/>
 
 </symbol></svg>
-`;var zh=Object.defineProperty,xr=(i,t,e,a)=>{for(var r=void 0,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=o(t,e,r)||r);return r&&zh(t,e,r),r};const vs=class vs extends I{constructor(){super(...arguments),this.iconUrl=wh}getIconPath(){if(window.Cre8_ICON_URL)return window.Cre8_ICON_URL;const t=document.querySelector('script[src$="icon"]');return t?`${t.src.replace(/^(.+)\/.*$/,"$1")}/svgs/svgs.svg?raw`:this.iconUrl}render(){const t=this.componentClassNames("cre8-c-icon-wrapper",{});h`<svg src=${Sg} container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Sl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Sl}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}" height="24" width="24"></svg>`,h`<svg src='${fr}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ao}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ao}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${br}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ma}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fr}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fr}' flip="vertical" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Eg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`${Hg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Xg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${nh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ro}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ro}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${oh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ng}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${jg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${El}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${sh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="-90" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="90" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Zg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${dh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${qg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Wg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ug}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Yg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${lh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Gg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ch}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Kg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${mh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ph}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Jg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Qg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Hl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${th}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${gh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${hh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${eh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ih}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Hl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${rh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${uh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${bh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${xh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${yh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ah}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${La}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;const e=this.getIconPath();return!this.name&&!this.svg?(console.warn("Cre8Icon: No icon name or svg provided. Please provide either a name or svg."),h``):h`
+`;var zh=Object.defineProperty,xr=(i,t,e,a)=>{for(var r=void 0,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=o(t,e,r)||r);return r&&zh(t,e,r),r};const vs=class vs extends I{constructor(){super(...arguments),this.iconUrl=wh}getIconPath(){if(window.Cre8_ICON_URL)return window.Cre8_ICON_URL;const t=document.querySelector('script[src$="icon"]');return t?`${t.src.replace(/^(.+)\/.*$/,"$1")}/svgs/svgs.svg`:this.iconUrl}render(){const t=this.componentClassNames("cre8-c-icon-wrapper",{});h`<svg src=${Sg} container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Sl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Sl}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}" height="24" width="24"></svg>`,h`<svg src='${fr}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ao}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ao}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${br}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ma}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fr}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fr}' flip="vertical" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Eg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`${Hg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Xg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${nh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ro}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ro}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${oh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ng}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${jg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${El}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${sh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="180" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="-90" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' rotate="90" container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ce}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Bl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Zg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${dh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${qg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Wg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Ug}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Yg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${lh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Gg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ch}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Kg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${mh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Dl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ph}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Jg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Qg}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Hl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${th}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${gh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${hh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${eh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ih}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Hl}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${rh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${Fi}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${uh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${fh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${bh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${xh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${yh}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${ah}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,h`<svg src='${La}' container-class="${t}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;const e=this.getIconPath();return!this.name&&!this.svg?(console.warn("Cre8Icon: No icon name or svg provided. Please provide either a name or svg."),h``):h`
             ${this.svg?h`<span class="${t}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">${kl(this.svg)}</span>`:h`
         <span class="${t}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">
             <svg class="cre8-c-icon" xmlns="http://www.w3.org/2000/svg" focusable="${this.focusable?"true":"false"}" role="img">