UNPKG

@zoff-tech/zt-bottom-drawer

Version:
2 lines 5.42 kB
import{j as o,r as t,h as n,H as i,e as s}from"./p-f6c816ce.js";let r;const e=()=>{if(typeof window==="undefined"){return new Map}else{if(!r){const o=window;o.Ionicons=o.Ionicons||{};r=o.Ionicons.map=o.Ionicons.map||new Map}return r}};const c=o=>{let t=f(o.src);if(t){return t}t=a(o.name,o.icon,o.mode,o.ios,o.md);if(t){return l(t)}if(o.icon){t=f(o.icon);if(t){return t}t=f(o.icon[o.mode]);if(t){return t}}return null};const l=t=>{const n=e().get(t);if(n){return n}return o(`svg/${t}.svg`)};const a=(o,t,n,i,s)=>{n=(n&&u(n))==="ios"?"ios":"md";if(i&&n==="ios"){o=u(i)}else if(s&&n==="md"){o=u(s)}else{if(!o&&t&&!h(t)){o=t}if(d(o)){o=u(o)}}if(!d(o)||o.trim()===""){return null}const r=o.replace(/[a-z]|-|\d/gi,"");if(r!==""){return null}return o};const f=o=>{if(d(o)){o=o.trim();if(h(o)){return o}}return null};const h=o=>o.length>0&&/(\/|\.)/.test(o);const d=o=>typeof o==="string";const u=o=>o.toLowerCase();const m=(o,t=[])=>{const n={};t.forEach((t=>{if(o.hasAttribute(t)){const i=o.getAttribute(t);if(i!==null){n[t]=o.getAttribute(t)}o.removeAttribute(t)}}));return n};const p=o=>{if(o){if(o.dir!==""){return o.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};const w=o=>{const t=document.createElement("div");t.innerHTML=o;for(let o=t.childNodes.length-1;o>=0;o--){if(t.childNodes[o].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[o])}}const n=t.firstElementChild;if(n&&n.nodeName.toLowerCase()==="svg"){const o=n.getAttribute("class")||"";n.setAttribute("class",(o+" s-ion-icon").trim());if(g(n)){return t.innerHTML}}return""};const g=o=>{if(o.nodeType===1){if(o.nodeName.toLowerCase()==="script"){return false}for(let t=0;t<o.attributes.length;t++){const n=o.attributes[t].name;if(d(n)&&n.toLowerCase().indexOf("on")===0){return false}}for(let t=0;t<o.childNodes.length;t++){if(!g(o.childNodes[t])){return false}}}return true};const v=o=>o.startsWith("data:image/svg+xml");const b=o=>o.indexOf(";utf8,")!==-1;const y=new Map;const k=new Map;let x;const M=(o,t)=>{let n=k.get(o);if(!n){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(v(o)&&b(o)){if(!x){x=new DOMParser}const t=x.parseFromString(o,"text/html");const n=t.querySelector("svg");if(n){y.set(o,n.outerHTML)}return Promise.resolve()}else{n=fetch(o).then((n=>{if(n.ok){return n.text().then((n=>{if(n&&t!==false){n=w(n)}y.set(o,n||"")}))}y.set(o,"")}));k.set(o,n)}}else{y.set(o,"");return Promise.resolve()}}return n};const I=":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;box-sizing:content-box !important}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:32px;stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}:host(.flip-rtl) .icon-inner{transform:scaleX(-1)}:host(.icon-small){font-size:18px !important}:host(.icon-large){font-size:32px !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";const j=class{constructor(o){t(this,o);this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.mode=z();this.lazy=false;this.sanitize=true}componentWillLoad(){this.inheritedAttributes=m(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}waitUntilVisible(o,t,n){if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){const i=this.io=new window.IntersectionObserver((o=>{if(o[0].isIntersecting){i.disconnect();this.io=undefined;n()}}),{rootMargin:t});i.observe(o)}else{n()}}loadIcon(){if(this.isVisible){const o=c(this);if(o){if(y.has(o)){this.svgContent=y.get(o)}else{M(o,this.sanitize).then((()=>this.svgContent=y.get(o)))}}}this.iconName=a(this.name,this.icon,this.mode,this.ios,this.md)}render(){const{iconName:o,el:t,inheritedAttributes:s}=this;const r=this.mode||"md";const e=this.flipRtl||o&&(o.indexOf("arrow")>-1||o.indexOf("chevron")>-1)&&this.flipRtl!==false;return n(i,Object.assign({role:"img",class:Object.assign(Object.assign({[r]:true},C(this.color)),{[`icon-${this.size}`]:!!this.size,"flip-rtl":!!e&&p(t)})},s),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))}static get assetsDirs(){return["svg"]}get el(){return s(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}}};const z=()=>typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md";const C=o=>o?{"ion-color":true,[`ion-color-${o}`]:true}:null;j.style=I;export{j as ion_icon}; //# sourceMappingURL=p-52cc864d.entry.js.map