ionicons - npm Package Compare versions

Comparing version 7.2.2-dev.11699022363.15a70775 to 7.2.2-dev.11700519177.13b28f3a

components/ion-icon.js

@@ -111,3 +111,2 @@ import { proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
     this.inheritedAttributes = {};
-    this.didLoadIcon = false;
     this.svgContent = undefined;
@@ -139,13 +138,2 @@ this.isVisible = false;
   }
-  componentDidLoad() {
-    /**
-     * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
-     * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
-     * This modification pertains to the usage of Angular's binding syntax:
-     * `<ion-icon [name]="myIconName"></ion-icon>`
-     */
-    if (!this.didLoadIcon) {
-      this.loadIcon();
-    }
-  }
   disconnectedCallback() {
@@ -186,3 +174,2 @@ if (this.io) {
         }
-        this.didLoadIcon = true;
       }
@@ -227,8 +214,2 @@ }
     "isVisible": [32]
-  }, undefined, {
-    "name": ["loadIcon"],
-    "src": ["loadIcon"],
-    "icon": ["loadIcon"],
-    "ios": ["loadIcon"],
-    "md": ["loadIcon"]
   }]);
@@ -235,0 +216,0 @@ const getIonMode = () => (Build.isBrowser && typeof document !== 'undefined' && document.documentElement.getAttribute('mode')) || 'md';

components/utils.js

@@ -57,3 +57,3 @@ import { getAssetPath } from '@stencil/core/internal/client';
   if (url) {
-    return getNamedUrl(url);
+    return getNamedUrl(url, i);
   }
@@ -72,3 +72,3 @@ if (i.icon) {
 };
-const getNamedUrl = (iconName) => {
+const getNamedUrl = (iconName, iconEl) => {
   const url = getIconMap().get(iconName);
@@ -78,3 +78,15 @@ if (url) {
   }
-  return getAssetPath(`svg/${iconName}.svg`);
+  try {
+    return getAssetPath(`svg/${iconName}.svg`);
+  }
+  catch (e) {
+    /**
+     * In the custom elements build version of ionicons, referencing an icon
+     * by name will throw an invalid URL error because the asset path is not defined.
+     * This catches that error and logs something that is more developer-friendly.
+     * We also include a reference to the ion-icon element so developers can
+     * figure out which instance of ion-icon needs to be updated.
+     */
+    console.warn(`[Ionicons Warning]: Could not load icon with name "${iconName}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
+  }
 };
@@ -81,0 +93,0 @@ const getName = (iconName, icon, mode, ios, md) => {

dist/cjs/index.cjs.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const utils = require('./utils-6db742ab.js');
-require('./index-2bf98abb.js');
+const utils = require('./utils-134b12e7.js');
+require('./index-ffaae770.js');
 
@@ -9,0 +9,0 @@

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

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-2bf98abb.js');
-const utils = require('./utils-6db742ab.js');
+const index = require('./index-ffaae770.js');
+const utils = require('./utils-134b12e7.js');
 
@@ -114,3 +114,2 @@ const validateContent = (svgContent) => {
     this.inheritedAttributes = {};
-    this.didLoadIcon = false;
     this.svgContent = undefined;
@@ -142,13 +141,2 @@ this.isVisible = false;
   }
-  componentDidLoad() {
-    /**
-     * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
-     * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
-     * This modification pertains to the usage of Angular's binding syntax:
-     * `<ion-icon [name]="myIconName"></ion-icon>`
-     */
-    if (!this.didLoadIcon) {
-      this.loadIcon();
-    }
-  }
   disconnectedCallback() {
@@ -189,3 +177,2 @@ if (this.io) {
         }
-        this.didLoadIcon = true;
       }
@@ -192,0 +179,0 @@ }

dist/cjs/ionicons.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-2bf98abb.js');
+const index = require('./index-ffaae770.js');
 
 /*
- Stencil Client Patch Browser v4.7.0-dev.1699016641.733d6c5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.1.0 | MIT Licensed | https://stenciljs.com
  */
@@ -21,5 +21,5 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ion-icon.cjs",[[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]], options);
+  return index.bootstrapLazy([["ion-icon.cjs",[[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]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-2bf98abb.js');
+const index = require('./index-ffaae770.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["ion-icon.cjs",[[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]], options);
+  return index.bootstrapLazy([["ion-icon.cjs",[[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]}]]]], options);
 };
@@ -12,0 +12,0 @@

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "4.7.0-dev.1699016641.733d6c5",
-    "typescriptVersion": "5.2.2"
+    "version": "4.1.0",
+    "typescriptVersion": "5.0.4"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/collection/components/icon/icon.js

@@ -8,3 +8,2 @@ import { Build, Host, h } from "@stencil/core";
     this.inheritedAttributes = {};
-    this.didLoadIcon = false;
     this.svgContent = undefined;
@@ -36,13 +35,2 @@ this.isVisible = false;
   }
-  componentDidLoad() {
-    /**
-     * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
-     * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
-     * This modification pertains to the usage of Angular's binding syntax:
-     * `<ion-icon [name]="myIconName"></ion-icon>`
-     */
-    if (!this.didLoadIcon) {
-      this.loadIcon();
-    }
-  }
   disconnectedCallback() {
@@ -83,3 +71,2 @@ if (this.io) {
         }
-        this.didLoadIcon = true;
       }
@@ -86,0 +73,0 @@ }

dist/collection/components/icon/utils.js

@@ -56,3 +56,3 @@ import { getAssetPath } from "@stencil/core";
   if (url) {
-    return getNamedUrl(url);
+    return getNamedUrl(url, i);
   }
@@ -71,3 +71,3 @@ if (i.icon) {
 };
-const getNamedUrl = (iconName) => {
+const getNamedUrl = (iconName, iconEl) => {
   const url = getIconMap().get(iconName);
@@ -77,3 +77,15 @@ if (url) {
   }
-  return getAssetPath(`svg/${iconName}.svg`);
+  try {
+    return getAssetPath(`svg/${iconName}.svg`);
+  }
+  catch (e) {
+    /**
+     * In the custom elements build version of ionicons, referencing an icon
+     * by name will throw an invalid URL error because the asset path is not defined.
+     * This catches that error and logs something that is more developer-friendly.
+     * We also include a reference to the ion-icon element so developers can
+     * figure out which instance of ion-icon needs to be updated.
+     */
+    console.warn(`[Ionicons Warning]: Could not load icon with name "${iconName}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
+  }
 };
@@ -80,0 +92,0 @@ export const getName = (iconName, icon, mode, ios, md) => {

dist/esm-es5/index.js

@@ -1,1 +0,1 @@
-export{a as addIcons}from"./utils-3fbf8457.js";import"./index-26252ffe.js";
+export{a as addIcons}from"./utils-60e3a065.js";import"./index-61159f74.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-26252ffe.js";import{i as isStr,b as inheritAttributes,g as getUrl,c as getName,d as isRTL}from"./utils-3fbf8457.js";var validateContent=function(n){var o=document.createElement("div");o.innerHTML=n;for(var i=o.childNodes.length-1;i>=0;i--){if(o.childNodes[i].nodeName.toLowerCase()!=="svg"){o.removeChild(o.childNodes[i])}}var t=o.firstElementChild;if(t&&t.nodeName.toLowerCase()==="svg"){var r=t.getAttribute("class")||"";t.setAttribute("class",(r+" s-ion-icon").trim());if(isValid(t)){return o.innerHTML}}return""};var isValid=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var o=0;o<n.attributes.length;o++){var i=n.attributes[o].name;if(isStr(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(var o=0;o<n.childNodes.length;o++){if(!isValid(n.childNodes[o])){return false}}}return true};var isSvgDataUrl=function(n){return n.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(n){return n.indexOf(";utf8,")!==-1};var ioniconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(n,o){var i=requests.get(n);if(!i){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(n)&&isEncodedDataUrl(n)){if(!parser){parser=new DOMParser}var t=parser.parseFromString(n,"text/html");var r=t.querySelector("svg");if(r){ioniconContent.set(n,r.outerHTML)}return Promise.resolve()}else{i=fetch(n).then((function(i){if(i.ok){return i.text().then((function(i){if(i&&o!==false){i=validateContent(i)}ioniconContent.set(n,i||"")}))}ioniconContent.set(n,"")}));requests.set(n,i)}}else{ioniconContent.set(n,"");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%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !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 n(n){registerInstance(this,n);this.iconName=null;this.inheritedAttributes={};this.didLoadIcon=false;this.svgContent=undefined;this.isVisible=false;this.mode=getIonMode();this.color=undefined;this.ios=undefined;this.md=undefined;this.flipRtl=undefined;this.name=undefined;this.src=undefined;this.icon=undefined;this.size=undefined;this.lazy=false;this.sanitize=true}n.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"])};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.componentDidLoad=function(){if(!this.didLoadIcon){this.loadIcon()}};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.waitUntilVisible=function(n,o,i){var t=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();t.io=undefined;i()}}),{rootMargin:o});r.observe(n)}else{i()}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var o=getUrl(this);if(o){if(ioniconContent.has(o)){this.svgContent=ioniconContent.get(o)}else{getSvgContent(o,this.sanitize).then((function(){return n.svgContent=ioniconContent.get(o)}))}this.didLoadIcon=true}}this.iconName=getName(this.name,this.icon,this.mode,this.ios,this.md)};n.prototype.render=function(){var n,o;var i=this,t=i.flipRtl,r=i.iconName,e=i.inheritedAttributes,s=i.el;var a=this.mode||"md";var c=r?(r.includes("arrow")||r.includes("chevron"))&&t!==false:false;var l=t||c;return h(Host,Object.assign({role:"img",class:Object.assign(Object.assign((n={},n[a]=true,n),createColorClasses(this.color)),(o={},o["icon-".concat(this.size)]=!!this.size,o["flip-rtl"]=l,o["icon-rtl"]=l&&isRTL(s),o))},e),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}},enumerable:false,configurable:true});return n}();var getIonMode=function(){return typeof document!=="undefined"&&document.documentElement.getAttribute("mode")||"md"};var createColorClasses=function(n){var o;return n?(o={"ion-color":true},o["ion-color-".concat(n)]=true,o):null};Icon.style=iconCss;export{Icon as ion_icon};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-61159f74.js";import{i as isStr,b as inheritAttributes,g as getUrl,c as getName,d as isRTL}from"./utils-60e3a065.js";var validateContent=function(e){var t=document.createElement("div");t.innerHTML=e;for(var o=t.childNodes.length-1;o>=0;o--){if(t.childNodes[o].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[o])}}var n=t.firstElementChild;if(n&&n.nodeName.toLowerCase()==="svg"){var i=n.getAttribute("class")||"";n.setAttribute("class",(i+" s-ion-icon").trim());if(isValid(n)){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 o=e.attributes[t].name;if(isStr(o)&&o.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 o=requests.get(e);if(!o){if(typeof fetch!=="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(e)&&isEncodedDataUrl(e)){if(!parser){parser=new DOMParser}var n=parser.parseFromString(e,"text/html");var i=n.querySelector("svg");if(i){ioniconContent.set(e,i.outerHTML)}return Promise.resolve()}else{o=fetch(e).then((function(o){if(o.ok){return o.text().then((function(o){if(o&&t!==false){o=validateContent(o)}ioniconContent.set(e,o||"")}))}ioniconContent.set(e,"")}));requests.set(e,o)}}else{ioniconContent.set(e,"");return Promise.resolve()}}return o};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%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !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){registerInstance(this,e);this.iconName=null;this.inheritedAttributes={};this.svgContent=undefined;this.isVisible=false;this.mode=getIonMode();this.color=undefined;this.ios=undefined;this.md=undefined;this.flipRtl=undefined;this.name=undefined;this.src=undefined;this.icon=undefined;this.size=undefined;this.lazy=false;this.sanitize=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,o){var n=this;if(this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var i=this.io=new window.IntersectionObserver((function(e){if(e[0].isIntersecting){i.disconnect();n.io=undefined;o()}}),{rootMargin:t});i.observe(e)}else{o()}};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)}))}}}this.iconName=getName(this.name,this.icon,this.mode,this.ios,this.md)};e.prototype.render=function(){var e,t;var o=this,n=o.flipRtl,i=o.iconName,r=o.inheritedAttributes,s=o.el;var a=this.mode||"md";var c=i?(i.includes("arrow")||i.includes("chevron"))&&n!==false:false;var l=n||c;return h(Host,Object.assign({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"]=l,t["icon-rtl"]=l&&isRTL(s),t))},r),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-26252ffe.js";export{s as setNonce}from"./index-26252ffe.js";var patchBrowser=function(){var o=import.meta.url;var n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return promiseResolve(n)};patchBrowser().then((function(o){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]},null,{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}]]]],o)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-61159f74.js";export{s as setNonce}from"./index-61159f74.js";var patchBrowser=function(){var o=import.meta.url;var r={};if(o!==""){r.resourcesUrl=new URL(".",o).href}return promiseResolve(r)};patchBrowser().then((function(o){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]}]]]],o)}));

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{b as bootstrapLazy}from"./index-26252ffe.js";export{s as setNonce}from"./index-26252ffe.js";var defineCustomElements=function(o,n){if(typeof window==="undefined")return undefined;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]},null,{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}]]]],n)};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-61159f74.js";export{s as setNonce}from"./index-61159f74.js";var defineCustomElements=function(e,n){if(typeof window==="undefined")return undefined;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]}]]]],n)};export{defineCustomElements};

dist/esm/index.js

@@ -1,2 +0,2 @@
-export { a as addIcons } from './utils-3fbf8457.js';
-import './index-26252ffe.js';
+export { a as addIcons } from './utils-60e3a065.js';
+import './index-61159f74.js';

dist/esm/ion-icon.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-26252ffe.js';
-import { i as isStr, b as inheritAttributes, g as getUrl, c as getName, d as isRTL } from './utils-3fbf8457.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-61159f74.js';
+import { i as isStr, b as inheritAttributes, g as getUrl, c as getName, d as isRTL } from './utils-60e3a065.js';
 
@@ -109,3 +109,2 @@ const validateContent = (svgContent) => {
     this.inheritedAttributes = {};
-    this.didLoadIcon = false;
     this.svgContent = undefined;
@@ -137,13 +136,2 @@ this.isVisible = false;
   }
-  componentDidLoad() {
-    /**
-     * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
-     * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
-     * This modification pertains to the usage of Angular's binding syntax:
-     * `<ion-icon [name]="myIconName"></ion-icon>`
-     */
-    if (!this.didLoadIcon) {
-      this.loadIcon();
-    }
-  }
   disconnectedCallback() {
@@ -184,3 +172,2 @@ if (this.io) {
         }
-        this.didLoadIcon = true;
       }
@@ -187,0 +174,0 @@ }

dist/esm/ionicons.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-26252ffe.js';
-export { s as setNonce } from './index-26252ffe.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-61159f74.js';
+export { s as setNonce } from './index-61159f74.js';
 
 /*
- Stencil Client Patch Browser v4.7.0-dev.1699016641.733d6c5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.1.0 | MIT Licensed | https://stenciljs.com
  */
@@ -17,3 +17,3 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]], options);
+  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]}]]]], options);
 });

dist/esm/loader.js

@@ -1,9 +0,9 @@
-import { b as bootstrapLazy } from './index-26252ffe.js';
-export { s as setNonce } from './index-26252ffe.js';
+import { b as bootstrapLazy } from './index-61159f74.js';
+export { s as setNonce } from './index-61159f74.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]], options);
+  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]}]]]], options);
 };
 
 export { defineCustomElements };

dist/ionicons/index.esm.js

@@ -1,1 +0,1 @@
-export{a as addIcons}from"./p-f62aca19.js";import"./p-fd4b3356.js";
+export{a as addIcons}from"./p-ce903053.js";import"./p-5906f0b8.js";

dist/ionicons/ionicons.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as n}from"./p-fd4b3356.js";export{s as setNonce}from"./p-fd4b3356.js";(()=>{const n=import.meta.url,s={};return""!==n&&(s.resourcesUrl=new URL(".",n).href),o(s)})().then((o=>n([["p-86b3a5cb",[[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]},null,{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"],ios:["loadIcon"],md:["loadIcon"]}]]]],o)));
+import{p as o,b as i}from"./p-5906f0b8.js";export{s as setNonce}from"./p-5906f0b8.js";(()=>{const s=import.meta.url,i={};return""!==s&&(i.resourcesUrl=new URL(".",s).href),o(i)})().then((o=>i([["p-d329f1d0",[[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]}]]]],o)));

dist/types/components/icon/icon.d.ts

@@ -5,3 +5,2 @@ export declare class Icon {
   private inheritedAttributes;
-  private didLoadIcon;
   el: HTMLElement;
@@ -63,3 +62,2 @@ private svgContent?;
   connectedCallback(): void;
-  componentDidLoad(): void;
   disconnectedCallback(): void;
@@ -66,0 +64,0 @@ private waitUntilVisible;

dist/types/components/icon/utils.d.ts

@@ -6,3 +6,3 @@ import { Icon } from './icon';
 }) => void;
-export declare const getUrl: (i: Icon) => string | null;
+export declare const getUrl: (i: Icon) => string | null | undefined;
 export declare const getName: (iconName: string | undefined, icon: string | undefined, mode: string | undefined, ios: string | undefined, md: string | undefined) => string | null;
@@ -9,0 +9,0 @@ export declare const getSrc: (src: string | undefined) => string | null;

dist/types/stencil-public-runtime.d.ts

@@ -7,12 +7,2 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
     /**
-     * When set to `true` this component will be form-associated. See
-     * https://stenciljs.com/docs/next/form-associated documentation on how to
-     * build form-associated Stencil components that integrate into forms like
-     * native browser elements such as `<input>` and `<textarea>`.
-     *
-     * The {@link AttachInternals} decorator allows for access to the
-     * `ElementInternals` object to modify the associated form.
-     */
-    formAssociated?: boolean;
-    /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
@@ -76,3 +66,3 @@ * so it's recommended to choose an unique prefix for all your components within the same collection.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behavior.
+     * but using this property, you can override the default behaviour.
      */
@@ -122,5 +112,2 @@ attribute?: string | null;
 }
-export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
-}
 export interface ListenDecorator {
@@ -147,3 +134,3 @@ (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
      *
-     * Using the `passive` option can be used to change the default behavior.
+     * Using the `passive` option can be used to change the default behaviour.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
@@ -196,8 +183,2 @@ */
 /**
- * If the `formAssociated` option is set in options passed to the
- * `@Component()` decorator then this decorator may be used to get access to the
- * `ElementInternals` instance associated with the component.
- */
-export declare const AttachInternals: AttachInternalsDecorator;
-/**
  * The `Listen()` decorator is for listening DOM events, including the ones
@@ -498,3 +479,3 @@ * dispatched from `@Events()`.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommended to read the children directly, and is preferable to use
+     * not recommendeded to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
@@ -1143,3 +1124,2 @@ */
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
-        height?: number;
         media?: string;
@@ -1150,3 +1130,2 @@ sizes?: string;
         type?: string;
-        width?: number;
     }
@@ -1153,0 +1132,0 @@ interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {

icons/index.d.ts

@@ -1,2 +0,2 @@
-/* Ionicons v7.2.2-dev.11699022363.15a70775, Types */
+/* Ionicons v7.2.2-dev.11700519177.13b28f3a, Types */
 
@@ -3,0 +3,0 @@ export declare var accessibility: string;

icons/package.json

 {
   "name": "ionicons/icons",
-  "version": "7.2.2-dev.11699022363.15a70775",
+  "version": "7.2.2-dev.11700519177.13b28f3a",
   "module": "index.mjs",
@@ -5,0 +5,0 @@ "main": "index.js",

package.json

 {
   "name": "ionicons",
-  "version": "7.2.2-dev.11699022363.15a70775",
+  "version": "7.2.2-dev.11700519177.13b28f3a",
   "description": "Premium icons for Ionic.",
@@ -26,3 +26,3 @@ "files": [
   "dependencies": {
-    "@stencil/core": "4.7.0-dev.1699016641.733d6c5"
+    "@stencil/core": "^4.0.3"
   },
@@ -70,3 +70,3 @@ "devDependencies": {
     "type": "git",
-    "url": "git+https://github.com/ionic-team/ionicons.git"
+    "url": "https://github.com/ionic-team/ionicons.git"
   },
@@ -73,0 +73,0 @@ "bugs": {

No alert changes

Worsened metrics

Total package byte prevSize

6211833

decreased by-0.15%

Lines of code

28363

decreased by-0.78%

Dependency changes

• + Added@stencil/core@4.18.0(transitive)

• - Removed@stencil/core@4.7.0-dev.1699016641.733d6c5(transitive)

• Updated@stencil/core@^4.0.3