ionicons
Version:
Premium icons for Ionic.
1 lines • 4.98 kB
JavaScript
System.register(["./p-ea7bbed1.system.js","./p-cff0a9de.system.js"],(function(e){"use strict";var o,t,i,n,r,s,a,c,l;return{setters:[function(e){o=e.r;t=e.h;i=e.H;n=e.a},function(e){r=e.i;s=e.b;a=e.g;c=e.c;l=e.d}],execute:function(){var f=function(e){var o=document.createElement("div");o.innerHTML=e;for(var t=o.childNodes.length-1;t>=0;t--){if(o.childNodes[t].nodeName.toLowerCase()!=="svg"){o.removeChild(o.childNodes[t])}}var i=o.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var n=i.getAttribute("class")||"";i.setAttribute("class",(n+" s-ion-icon").trim());if(u(i)){return o.innerHTML}}return""};var u=function(e){if(e.nodeType===1){if(e.nodeName.toLowerCase()==="script"){return false}for(var o=0;o<e.attributes.length;o++){var t=e.attributes[o].name;if(r(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var o=0;o<e.childNodes.length;o++){if(!u(e.childNodes[o])){return false}}}return true};var d=function(e){return e.startsWith("data:image/svg+xml")};var h=function(e){return e.indexOf(";utf8,")!==-1};var v=new Map;var m=new Map;var b;var p=function(e,o){var t=m.get(e);if(!t){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(d(e)&&h(e)){if(!b){b=new DOMParser}var i=b.parseFromString(e,"text/html");var n=i.querySelector("svg");if(n){v.set(e,n.outerHTML)}return Promise.resolve()}else{t=fetch(e).then((function(t){if(t.ok){return t.text().then((function(t){if(t&&o!==false){t=f(t)}v.set(e,t||"")}))}v.set(e,"")}));m.set(e,t)}}else{v.set(e,"");return Promise.resolve()}}return t};var g=":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;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{-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)}";var y=e("ion_icon",function(){function e(e){o(this,e);this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.mode=w();this.lazy=false;this.sanitize=true}e.prototype.componentWillLoad=function(){this.inheritedAttributes=s(this.el,["aria-label"])};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,o,t){var i=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var n=this.io=new window.IntersectionObserver((function(e){if(e[0].isIntersecting){n.disconnect();i.io=undefined;t()}}),{rootMargin:o});n.observe(e)}else{t()}};e.prototype.loadIcon=function(){var e=this;if(this.isVisible){var o=a(this);if(o){if(v.has(o)){this.svgContent=v.get(o)}else{p(o,this.sanitize).then((function(){return e.svgContent=v.get(o)}))}}}this.iconName=c(this.name,this.icon,this.mode,this.ios,this.md)};e.prototype.render=function(){var e,o;var n=this,r=n.iconName,s=n.el,a=n.inheritedAttributes;var c=this.mode||"md";var f=this.flipRtl||r&&(r.indexOf("arrow")>-1||r.indexOf("chevron")>-1)&&this.flipRtl!==false;return t(i,Object.assign({role:"img",class:Object.assign(Object.assign((e={},e[c]=true,e),x(this.color)),(o={},o["icon-".concat(this.size)]=!!this.size,o["flip-rtl"]=!!f&&l(s),o))},a),this.svgContent?t("div",{class:"icon-inner",innerHTML:this.svgContent}):t("div",{class:"icon-inner"}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}},enumerable:false,configurable:true});return e}());var w=function(){return typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md"};var x=function(e){var o;return e?(o={"ion-color":true},o["ion-color-".concat(e)]=true,o):null};y.style=g}}}));