@siemens/ix-icons 3.2.0 → 3.3.0

package/components/index.js

@@ -1,8 +1,8 @@
 const NAMESPACE = 'ix-icons';
-const BUILD = /* ix-icons */ { hydratedSelectorName: "hydrated", lazyLoad: false, updatable: true};
+const BUILD = /* ix-icons */ { hydratedSelectorName: "hydrated", lazyLoad: false, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.37.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -13,6 +13,38 @@ var __export = (target, all) => {
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      if (ogDescriptor) {
+        Object.defineProperty(instance, memberName, {
+          get() {
+            return ogDescriptor.get.call(this);
+          },
+          set(newValue) {
+            ogDescriptor.set.call(this, newValue);
+          },
+          configurable: true,
+          enumerable: true
+        });
+      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -26,7 +58,8 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
@@ -35,6 +68,9 @@ var registerHost = (hostElement, cmpMeta) => {
   }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
+  if (cmpMeta.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
+    reWireGetterSetter(hostElement, hostRef);
+  }
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -941,9 +977,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -972,8 +1016,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -998,11 +1040,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
-          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ; else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          const hostRef = getHostRef(this);
+          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ;
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const elm = this;
@@ -1016,9 +1059,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1094,7 +1140,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -1133,6 +1179,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   }
   {
     cmpMeta.$watchers$ = Cstr.$watchers$;
+    cmpMeta.$deserializers$ = Cstr.$deserializers$;
+    cmpMeta.$serializers$ = Cstr.$serializers$;
   }
   const originalConnectedCallback = Cstr.prototype.connectedCallback;
   const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
@@ -1223,7 +1271,7 @@ function parseSVGDataContent(content, element) {
     try {
         content = decodeURI(content);
     }
-    catch (_a) {
+    catch {
         // Content is not a valid URI component, which can happen if it's already decoded. Proceed with the original content.
     }
     const svgDocument = parser.parseFromString(content, 'text/html');
@@ -1382,16 +1430,36 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
             this.__registerHost();
         }
         this.__attachShadow();
-        /**
-         * Size of the icon
-         */
-        this.size = '24';
-        /**
-         * Only fetch and parse svg data when icon is visible
-         */
-        this.lazyLoading = false;
-        this.isVisible = false;
     }
+    get hostElement() { return this; }
+    /**
+     * Size of the icon
+     */
+    size = '24';
+    /**
+     * Color of the icon
+     */
+    color;
+    /**
+     * Use one of our defined icon names e.g. `copy`
+     *
+     * https://ix.siemens.io/docs/icon-library/icons
+     *
+     * or the import variant
+     *
+     * ```
+     * import { rocket } from '@siemens/ix-icons/icons';
+     *
+     * <ix-icon name={rocket}></ix-icon>
+     * ```
+     */
+    name;
+    /**
+     * Only fetch and parse svg data when icon is visible
+     */
+    lazyLoading = false;
+    svgContent;
+    isVisible = false;
     componentWillLoad() {
         this.waitForRendering(() => {
             this.isVisible = true;
@@ -1437,12 +1505,11 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
             } }, h("div", { key: '570efdb71fcdd0c61b7c854c6ab3662508aae804', class: 'svg-container', innerHTML: this.svgContent, "aria-hidden": "true" })));
     }
     static get assetsDirs() { return ["svg"]; }
-    get hostElement() { return this; }
     static get watchers() { return {
         "name": ["loadIconContent"]
     }; }
     static get style() { return iconCss; }
-}, [257, "ix-icon", {
+}, [769, "ix-icon", {
         "size": [1],
         "color": [1],
         "name": [1],