ionicons - npm Package Compare versions

Comparing version 6.1.2 to 6.1.3-dev.11675958242.15132c48

components/ion-icon.js

@@ -1,2 +0,2 @@
-import { getAssetPath, proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
+import { getAssetPath, Build, proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
@@ -174,3 +174,3 @@ let CACHED_MAP;
 const requests = new Map();
-let parser = new DOMParser();
+let parser;
 const getSvgContent = (url, sanitize) => {
@@ -185,3 +185,3 @@ // see if we already have a request for this url
        */
-      if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
+      if (isSvgDataUrl(url) && isEncodedDataUrl(url) && Build.isBrowser) {
         if (!parser) {
@@ -188,0 +188,0 @@ /**

dist/cjs/index.cjs.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const utils = require('./utils-18c46e61.js');
-require('./index-53856ad1.js');
+const utils = require('./utils-4cd2e864.js');
+require('./index-9e9e1868.js');
 
@@ -9,0 +9,0 @@

dist/cjs/ion-icon.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-53856ad1.js');
-const utils = require('./utils-18c46e61.js');
+const index = require('./index-9e9e1868.js');
+const utils = require('./utils-4cd2e864.js');
 
@@ -56,3 +56,3 @@ const validateContent = (svgContent) => {
 const requests = new Map();
-let parser = new DOMParser();
+let parser;
 const getSvgContent = (url, sanitize) => {
@@ -67,3 +67,3 @@ // see if we already have a request for this url
        */
-      if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
+      if (isSvgDataUrl(url) && isEncodedDataUrl(url) && index.Build.isBrowser) {
         if (!parser) {
@@ -70,0 +70,0 @@ /**

dist/cjs/ionicons.cjs.js

 'use strict';
 
-const index = require('./index-53856ad1.js');
+const index = require('./index-9e9e1868.js');
 
@@ -5,0 +5,0 @@ /*

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-53856ad1.js');
+const index = require('./index-9e9e1868.js');
 
@@ -8,0 +8,0 @@ /*

dist/collection/components/icon/request.js

@@ -0,5 +1,6 @@
+import { Build } from '@stencil/core';
 import { isEncodedDataUrl, isSvgDataUrl, validateContent } from './validate';
 export const ioniconContent = new Map();
 const requests = new Map();
-let parser = new DOMParser();
+let parser;
 export const getSvgContent = (url, sanitize) => {
@@ -14,3 +15,3 @@ // see if we already have a request for this url
        */
-      if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
+      if (isSvgDataUrl(url) && isEncodedDataUrl(url) && Build.isBrowser) {
         if (!parser) {
@@ -17,0 +18,0 @@ /**

dist/esm-es5/index.js

@@ -1,1 +0,1 @@
-export{a as addIcons}from"./utils-ccb924b9.js";import"./index-5514a13d.js";
+export{a as addIcons}from"./utils-faa4f885.js";import"./index-a60311c9.js";

dist/esm-es5/ion-icon.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-5514a13d.js";import{i as isStr,b as inheritAttributes,g as getUrl,c as getName,d as isRTL}from"./utils-ccb924b9.js";var validateContent=function(e){var t=document.createElement("div");t.innerHTML=e;for(var i=t.childNodes.length-1;i>=0;i--){if(t.childNodes[i].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[i])}}var o=t.firstElementChild;if(o&&o.nodeName.toLowerCase()==="svg"){var n=o.getAttribute("class")||"";o.setAttribute("class",(n+" s-ion-icon").trim());if(isValid(o)){return t.innerHTML}}return""};var isValid=function(e){if(e.nodeType===1){if(e.nodeName.toLowerCase()==="script"){return false}for(var t=0;t<e.attributes.length;t++){var i=e.attributes[t].name;if(isStr(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(var t=0;t<e.childNodes.length;t++){if(!isValid(e.childNodes[t])){return false}}}return true};var isSvgDataUrl=function(e){return e.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(e){return e.indexOf(";utf8,")!==-1};var ioniconContent=new Map;var requests=new Map;var parser=new DOMParser;var getSvgContent=function(e,t){var i=requests.get(e);if(!i){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(e)&&isEncodedDataUrl(e)){if(!parser){parser=new DOMParser}var o=parser.parseFromString(e,"text/html");var n=o.querySelector("svg");if(n){ioniconContent.set(e,n.outerHTML)}return Promise.resolve()}else{i=fetch(e).then((function(i){if(i.ok){return i.text().then((function(i){if(i&&t!==false){i=validateContent(i)}ioniconContent.set(e,i||"")}))}ioniconContent.set(e,"")}));requests.set(e,i)}}else{ioniconContent.set(e,"");return Promise.resolve()}}return i};var iconCss=":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 Icon=function(){function e(e){var t=this;registerInstance(this,e);this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.mode=getIonMode();this.lazy=false;this.sanitize=true;this.hasAriaHidden=function(){var e=t.el;return e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")==="true"}}e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(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,t,i){var o=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var n=this.io=new window.IntersectionObserver((function(e){if(e[0].isIntersecting){n.disconnect();o.io=undefined;i()}}),{rootMargin:t});n.observe(e)}else{i()}};e.prototype.loadIcon=function(){var e=this;if(this.isVisible){var t=getUrl(this);if(t){if(ioniconContent.has(t)){this.svgContent=ioniconContent.get(t)}else{getSvgContent(t,this.sanitize).then((function(){return e.svgContent=ioniconContent.get(t)}))}}}var i=this.iconName=getName(this.name,this.icon,this.mode,this.ios,this.md);if(i){this.ariaLabel=i.replace(/\-/g," ")}};e.prototype.render=function(){var e,t;var i=this,o=i.iconName,n=i.ariaLabel,r=i.el,s=i.inheritedAttributes;var a=this.mode||"md";var c=this.flipRtl||o&&(o.indexOf("arrow")>-1||o.indexOf("chevron")>-1)&&this.flipRtl!==false;return h(Host,Object.assign({"aria-label":n!==undefined&&!this.hasAriaHidden()?n:null,role:"img",class:Object.assign(Object.assign((e={},e[a]=true,e),createColorClasses(this.color)),(t={},t["icon-".concat(this.size)]=!!this.size,t["flip-rtl"]=!!c&&isRTL(r),t))},s),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(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 getIonMode=function(){return typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md"};var createColorClasses=function(e){var t;return e?(t={"ion-color":true},t["ion-color-".concat(e)]=true,t):null};Icon.style=iconCss;export{Icon as ion_icon};
+import{B as Build,r as registerInstance,h,H as Host,a as getElement}from"./index-a60311c9.js";import{i as isStr,b as inheritAttributes,g as getUrl,c as getName,d as isRTL}from"./utils-faa4f885.js";var validateContent=function(e){var t=document.createElement("div");t.innerHTML=e;for(var i=t.childNodes.length-1;i>=0;i--){if(t.childNodes[i].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[i])}}var o=t.firstElementChild;if(o&&o.nodeName.toLowerCase()==="svg"){var n=o.getAttribute("class")||"";o.setAttribute("class",(n+" s-ion-icon").trim());if(isValid(o)){return t.innerHTML}}return""};var isValid=function(e){if(e.nodeType===1){if(e.nodeName.toLowerCase()==="script"){return false}for(var t=0;t<e.attributes.length;t++){var i=e.attributes[t].name;if(isStr(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(var t=0;t<e.childNodes.length;t++){if(!isValid(e.childNodes[t])){return false}}}return true};var isSvgDataUrl=function(e){return e.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(e){return e.indexOf(";utf8,")!==-1};var ioniconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(e,t){var i=requests.get(e);if(!i){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(e)&&isEncodedDataUrl(e)&&Build.isBrowser){if(!parser){parser=new DOMParser}var o=parser.parseFromString(e,"text/html");var n=o.querySelector("svg");if(n){ioniconContent.set(e,n.outerHTML)}return Promise.resolve()}else{i=fetch(e).then((function(i){if(i.ok){return i.text().then((function(i){if(i&&t!==false){i=validateContent(i)}ioniconContent.set(e,i||"")}))}ioniconContent.set(e,"")}));requests.set(e,i)}}else{ioniconContent.set(e,"");return Promise.resolve()}}return i};var iconCss=":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 Icon=function(){function e(e){var t=this;registerInstance(this,e);this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.mode=getIonMode();this.lazy=false;this.sanitize=true;this.hasAriaHidden=function(){var e=t.el;return e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")==="true"}}e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(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,t,i){var o=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var n=this.io=new window.IntersectionObserver((function(e){if(e[0].isIntersecting){n.disconnect();o.io=undefined;i()}}),{rootMargin:t});n.observe(e)}else{i()}};e.prototype.loadIcon=function(){var e=this;if(this.isVisible){var t=getUrl(this);if(t){if(ioniconContent.has(t)){this.svgContent=ioniconContent.get(t)}else{getSvgContent(t,this.sanitize).then((function(){return e.svgContent=ioniconContent.get(t)}))}}}var i=this.iconName=getName(this.name,this.icon,this.mode,this.ios,this.md);if(i){this.ariaLabel=i.replace(/\-/g," ")}};e.prototype.render=function(){var e,t;var i=this,o=i.iconName,n=i.ariaLabel,r=i.el,s=i.inheritedAttributes;var a=this.mode||"md";var c=this.flipRtl||o&&(o.indexOf("arrow")>-1||o.indexOf("chevron")>-1)&&this.flipRtl!==false;return h(Host,Object.assign({"aria-label":n!==undefined&&!this.hasAriaHidden()?n:null,role:"img",class:Object.assign(Object.assign((e={},e[a]=true,e),createColorClasses(this.color)),(t={},t["icon-".concat(this.size)]=!!this.size,t["flip-rtl"]=!!c&&isRTL(r),t))},s),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(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 getIonMode=function(){return typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md"};var createColorClasses=function(e){var t;return e?(t={"ion-color":true},t["ion-color-".concat(e)]=true,t):null};Icon.style=iconCss;export{Icon as ion_icon};

dist/esm-es5/ionicons.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-5514a13d.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["ion-icon",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-a60311c9.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["ion-icon",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],r)}));

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-5514a13d.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["ion-icon",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],o)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-a60311c9.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["ion-icon",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],o)}))};export{defineCustomElements};

dist/esm/index.js

@@ -1,2 +0,2 @@
-export { a as addIcons } from './utils-ccb924b9.js';
-import './index-5514a13d.js';
+export { a as addIcons } from './utils-faa4f885.js';
+import './index-a60311c9.js';

dist/esm/ion-icon.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-5514a13d.js';
-import { i as isStr, b as inheritAttributes, g as getUrl, c as getName, d as isRTL } from './utils-ccb924b9.js';
+import { B as Build, r as registerInstance, h, H as Host, a as getElement } from './index-a60311c9.js';
+import { i as isStr, b as inheritAttributes, g as getUrl, c as getName, d as isRTL } from './utils-faa4f885.js';
 
@@ -51,3 +51,3 @@ const validateContent = (svgContent) => {
 const requests = new Map();
-let parser = new DOMParser();
+let parser;
 const getSvgContent = (url, sanitize) => {
@@ -62,3 +62,3 @@ // see if we already have a request for this url
        */
-      if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
+      if (isSvgDataUrl(url) && isEncodedDataUrl(url) && Build.isBrowser) {
         if (!parser) {
@@ -65,0 +65,0 @@ /**

dist/esm/ionicons.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-5514a13d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a60311c9.js';
 
@@ -3,0 +3,0 @@ /*

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-5514a13d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a60311c9.js';
 
@@ -3,0 +3,0 @@ /*

dist/ionicons/index.esm.js

@@ -1,1 +0,1 @@
-export{a as addIcons}from"./p-40ae2aa7.js";import"./p-d15ec307.js";
+export{a as addIcons}from"./p-cd0b66f4.js";import"./p-13fb3ecc.js";

dist/ionicons/ionicons.esm.js

@@ -1,1 +0,1 @@
-import{p as i,b as o}from"./p-d15ec307.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),i(s)})().then((i=>o([["p-b5b0395b",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],i)));
+import{p as i,b as o}from"./p-13fb3ecc.js";(()=>{const o=import.meta.url,e={};return""!==o&&(e.resourcesUrl=new URL(".",o).href),i(e)})().then((i=>o([["p-0e0ff055",[[1,"ion-icon",{mode:[1025],color:[1],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[513],src:[1],icon:[8],size:[1],lazy:[4],sanitize:[4],svgContent:[32],isVisible:[32],ariaLabel:[32]}]]]],i)));

icons/index.d.ts

@@ -1,2 +0,2 @@
-/* Ionicons v6.1.2, Types */
+/* Ionicons v6.1.3-dev.11675958242.15132c48, Types */
 
@@ -3,0 +3,0 @@ export declare var accessibility: string;

icons/package.json

 {
   "name": "ionicons/icons",
-  "version": "6.1.2",
+  "version": "6.1.3-dev.11675958242.15132c48",
   "module": "index.mjs",
@@ -5,0 +5,0 @@ "main": "index.js",

package.json

 {
   "name": "ionicons",
-  "version": "6.1.2",
+  "version": "6.1.3-dev.11675958242.15132c48",
   "description": "Premium icons for Ionic.",
@@ -5,0 +5,0 @@ "files": [

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6147997

increased by0.01%

Lines of code

27148

increased by0.05%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes