ionicons
Version:
Premium icons for Ionic.
1 lines • 4.45 kB
JavaScript
System.register(["./p-f3cc0ee8.system.js","./p-d9730987.system.js"],function(e){"use strict";var t,i,n,r,o,s,c,a,u,l,f;return{setters:[function(e){t=e.r;i=e.g;n=e.h;r=e.c;o=e.d;s=e.H},function(e){c=e.g;a=e.i;u=e.b;l=e.c;f=e.d}],execute:function(){var h=function(){function e(e){t(this,e);this.mode=d(this);this.isVisible=false;this.lazy=false}e.prototype.connectedCallback=function(){var e=this;this.waitUntilVisible(this.el,"50px",function(){e.isVisible=true;e.loadIcon()})};e.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};e.prototype.waitUntilVisible=function(e,t,i){var n=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver(function(e){if(e[0].isIntersecting){r.disconnect();n.io=undefined;i()}},{rootMargin:t});r.observe(e)}else{i()}};e.prototype.loadIcon=function(){var e=this;if(this.isVisible){var t=this.getUrl();if(t){g(this.el.ownerDocument,t,"s-ion-icon").then(function(t){return e.svgContent=t})}else{console.error("icon was not resolved")}}if(!this.ariaLabel){var i=c(this.getName(),this.mode,this.ios,this.md);if(i){this.ariaLabel=i.replace("ios-","").replace("md-","").replace(/\-/g," ")}}};e.prototype.getName=function(){if(this.name!==undefined){return this.name}if(this.icon&&!a(this.icon)){return this.icon}return undefined};e.prototype.getUrl=function(){var e=u(this.src);if(e){return e}e=c(this.getName(),this.mode,this.ios,this.md);if(e){return v(e)}e=u(this.icon);if(e){return e}return null};e.prototype.render=function(){var e,t;var i=this.mode||"md";var r=this.flipRtl||this.ariaLabel&&this.ariaLabel.indexOf("arrow")>-1&&this.flipRtl!==false;return n(s,{role:"img",class:Object.assign((e={},e[""+i]=true,e),y(this.color),(t={},t["icon-"+this.size]=!!this.size,t["flip-rtl"]=!!r&&this.el.ownerDocument.dir==="rtl",t))},this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["svg"]},enumerable:true,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.icon-inner,svg{display:block;height:100%;width:100%}:host(.flip-rtl) .icon-inner{-webkit-transform:scaleX(-1);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)}"},enumerable:true,configurable:true});return e}();e("ion_icon",h);var d=function(e){return i(e)||document.documentElement.getAttribute("mode")||"md"};var v=function(e){var t=l().get(e);if(t){return t}return o("svg/"+e+".svg")};var m=new Map;var g=function(e,t,i){var n=m.get(t);if(!n){n=fetch(t,{cache:"force-cache"}).then(function(e){if(p(e.status)){return e.text()}return Promise.resolve(null)}).then(function(t){return b(e,t,i)});m.set(t,n)}return n};var p=function(e){return e<=299};var b=function(e,t,i){if(t){var n=e.createDocumentFragment();var r=e.createElement("div");r.innerHTML=t;n.appendChild(r);for(var o=r.childNodes.length-1;o>=0;o--){if(r.childNodes[o].nodeName.toLowerCase()!=="svg"){r.removeChild(r.childNodes[o])}}var s=r.firstElementChild;if(s&&s.nodeName.toLowerCase()==="svg"){if(i){s.setAttribute("class",i)}if(f(s)){return r.innerHTML}}}return""};var y=function(e){var t;return e?(t={"ion-color":true},t["ion-color-"+e]=true,t):null}}}});