| 123456 |
- /*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
- import{a as i,r as a,h as t,H as n,g as e}from"./p-91755387.js";import{a as c,t as s}from"./p-96bf42e5.js";import{c as o}from"./p-8dc9be64.js";import"./p-af9e6e54.js";import"./p-d5bfadd8.js";const l={},r={},m={s:16,m:24,l:32};const d=class{constructor(i){a(this,i),this.icon=null,this.flipRtl=!1,this.scale="m",this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){var i;null===(i=this.intersectionObserver)||void 0===i||i.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:i,flipRtl:a,pathData:e,scale:o,textLabel:l}=this,r=c(i),d=m[o],h=!!l,p=[].concat(e||"");return t(n,{"aria-hidden":s(!h),"aria-label":h?l:null,role:h?"img":null},t("svg",{class:{"flip-rtl":"rtl"===r&&a,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${d} ${d}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},p.map((i=>t("path","string"==typeof i?{d:i}:{d:i.d,opacity:"opacity"in i?i.opacity:1})))))}async loadIconPathData(){const{icon:a,scale:t,visible:n}=this;a&&n&&(this.pathData=await async function({icon:a,scale:t}){const n=m[t],e=function(i){const a=!isNaN(Number(i.charAt(0))),t=i.split("-");return 1===t.length?a?`i${i}`:i:t.map(((i,t)=>0===t?a?`i${i.toUpperCase()}`:i:i.charAt(0).toUpperCase()+i.slice(1))).join("")}(a),c="F"===e.charAt(e.length-1),s=`${c?e.substring(0,e.length-1):e}${n}${c?"F":""}`;if(l[s])return l[s];r[s]||(r[s]=fetch(i(`./assets/icon/${s}.json`)).then((i=>i.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const o=await r[s];return l[s]=o,o}({icon:a,scale:t}))}waitUntilVisible(i){this.intersectionObserver=o("intersection",(a=>{a.forEach((a=>{a.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):i()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};d.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";export{d as calcite_icon}
|
