proto-ikons-wc 0.0.118 → 0.0.120

package/dist/cjs/{index-5a0eb06e.js → index-32725b2a.js}

@@ -47,6 +47,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
@@ -275,6 +282,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -347,7 +358,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         elm[memberName] = newValue;
                     }
                 }
-                catch (e) { }
+                catch (e) {
+                    /**
+                     * in case someone tries to set a read-only property, e.g. "namespaceURI", we just ignore it
+                     */
+                }
             }
             /**
              * Need to manually update attribute if:
@@ -386,6 +401,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     }
 };
 const parseClassListRegex = /\s/;
+/**
+ * Parsed a string of classnames into an array
+ * @param value className string, e.g. "foo bar baz"
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
+ */
 const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
@@ -1071,10 +1091,10 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     var _a;
+    const prototype = Cstr.prototype;
     if (cmpMeta.$members$) {
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
-        const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
             if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
                     ((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
@@ -1097,6 +1117,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             const attrNameToPropName = new Map();
             prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
+                    var _a;
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
                     //  in the case where an attribute was set inline.
@@ -1152,11 +1173,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // 1. The instance is ready
                         // 2. The watchers are ready
                         // 3. The value has changed
-                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                        if (flags &&
+                            !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
                             flags & 128 /* HOST_FLAGS.isWatchReady */ &&
                             newValue !== oldValue) {
                             const instance = hostRef.$lazyInstance$ ;
-                            const entry = cmpMeta.$watchers$[attrName];
+                            const entry = (_a = cmpMeta.$watchers$) === null || _a === void 0 ? void 0 : _a[attrName];
                             entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
                                 if (instance[callbackName] != null) {
                                     instance[callbackName].call(instance, newValue, oldValue, attrName);
@@ -1336,12 +1358,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             const cmpMeta = {
@@ -1350,6 +1373,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -1389,15 +1417,23 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+    }
+    // If we have styles, add them to the DOM
+    if (dataStyles.innerHTML.length) {
+        dataStyles.setAttribute('data-styles', '');
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -1549,7 +1585,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 exports.bootstrapLazy = bootstrapLazy;

package/dist/cjs/index.cjs.js

@@ -3,127 +3,127 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const icons = [
-  'alien-icon',
-  'asterisk-icon',
-  'barcode-icon',
-  'barcode-scan-icon',
-  'bash-icon',
-  'beaker-icon',
-  'chart-bar-icon',
-  'chart-bubble-icon',
-  'chart-donut-icon',
-  'chart-donuts-icon',
-  'check-icon',
-  'chevron-double-left-icon',
-  'circular-saw-icon',
-  'close-icon',
-  'fingerprint-icon',
-  'fire-icon',
-  'flask-icon',
-  'git-icon',
-  'java-script-icon',
-  'one-password-icon',
-  'paw-icon',
-  'protocol-icon',
-  'pulse-icon',
-  'puzzle-icon',
-  'qr-code-icon',
-  'radio-2-icon',
-  'radio-icon',
-  'refresh-icon',
-  'slug-icon',
-  'spider-icon',
-  'svg-icon',
-  'vector-curve-icon',
-  'webhook-icon',
+    'alien-icon',
+    'asterisk-icon',
+    'barcode-icon',
+    'barcode-scan-icon',
+    'bash-icon',
+    'beaker-icon',
+    'chart-bar-icon',
+    'chart-bubble-icon',
+    'chart-donut-icon',
+    'chart-donuts-icon',
+    'check-icon',
+    'chevron-double-left-icon',
+    'circular-saw-icon',
+    'close-icon',
+    'fingerprint-icon',
+    'fire-icon',
+    'flask-icon',
+    'git-icon',
+    'java-script-icon',
+    'one-password-icon',
+    'paw-icon',
+    'protocol-icon',
+    'pulse-icon',
+    'puzzle-icon',
+    'qr-code-icon',
+    'radio-2-icon',
+    'radio-icon',
+    'refresh-icon',
+    'slug-icon',
+    'spider-icon',
+    'svg-icon',
+    'vector-curve-icon',
+    'webhook-icon',
 ];
 const ikons = [
-  'acura-ikon',
-  'alfa-romeo-alt-ikon',
-  'alfa-romeo-ikon',
-  'am-general-ikon',
-  'aston-martin-alt-ikon',
-  'aston-martin-ikon',
-  'audi-ikon',
-  'bently-ikon',
-  'bmw-ikon',
-  'bugatti-ikon',
-  'buick-ikon',
-  'cadillac-ikon',
-  'chevrolet-ikon',
-  'chrysler-ikon',
-  'citroen-ikon',
-  'daewoo-ikon',
-  'dodge-ikon',
-  'eagle-ikon',
-  'ferrari-ikon',
-  'fiat-alt-ikon',
-  'fiat-ikon',
-  'fisker-ikon',
-  'ford-ikon',
-  'genesis-ikon',
-  'geo-ikon',
-  'gmc-ikon',
-  'honda-ikon',
-  'hummer-ikon',
-  'hyundai-ikon',
-  'infiniti-ikon',
-  'isuzu-ikon',
-  'jaguar-alt-ikon',
-  'jaguar-ikon',
-  'jeep-alt-ikon',
-  'jeep-ikon',
-  'kia-ikon',
-  'lamborghini-alt-ikon',
-  'lamborghini-ikon',
-  'land-rover-ikon',
-  'lexus-ikon',
-  'lincoln-ikon',
-  'lotus-alt-ikon',
-  'lotus-ikon',
-  'maserati-ikon',
-  'maybach-ikon',
-  'mazda-alt-ikon',
-  'mazda-ikon',
-  'mclaren-alt-ikon',
-  'mclaren-ikon',
-  'mercedes-benz-alt-ikon',
-  'mercedes-benz-ikon',
-  'mercury-ikon',
-  'mini-alt-ikon',
-  'mini-ikon',
-  'mitsubishi-ikon',
-  'nissan-ikon',
-  'oldsmobile-ikon',
-  'opel-ikon',
-  'panoz-ikon',
-  'peugeot-alt-ikon',
-  'peugeot-ikon',
-  'plymouth-ikon',
-  'pontiac-ikon',
-  'porsche-ikon',
-  'ram-alt-ikon',
-  'ram-ikon',
-  'renault-alt-ikon',
-  'renault-ikon',
-  'rolls-royce-ikon',
-  'saab-alt-ikon',
-  'saab-ikon',
-  'saturn-ikon',
-  'scion-ikon',
-  'seat-ikon',
-  'skoda-ikon',
-  'smart-ikon',
-  'spyker-alt-ikon',
-  'spyker-ikon',
-  'subaru-alt-ikon',
-  'subaru-ikon',
-  'suzuki-ikon',
-  'tesla-ikon',
-  'toyota-ikon',
-  'volkswagen-ikon',
-  'volvo-alt-ikon',
-  'volvo-ikon',
+    'acura-ikon',
+    'alfa-romeo-alt-ikon',
+    'alfa-romeo-ikon',
+    'am-general-ikon',
+    'aston-martin-alt-ikon',
+    'aston-martin-ikon',
+    'audi-ikon',
+    'bently-ikon',
+    'bmw-ikon',
+    'bugatti-ikon',
+    'buick-ikon',
+    'cadillac-ikon',
+    'chevrolet-ikon',
+    'chrysler-ikon',
+    'citroen-ikon',
+    'daewoo-ikon',
+    'dodge-ikon',
+    'eagle-ikon',
+    'ferrari-ikon',
+    'fiat-alt-ikon',
+    'fiat-ikon',
+    'fisker-ikon',
+    'ford-ikon',
+    'genesis-ikon',
+    'geo-ikon',
+    'gmc-ikon',
+    'honda-ikon',
+    'hummer-ikon',
+    'hyundai-ikon',
+    'infiniti-ikon',
+    'isuzu-ikon',
+    'jaguar-alt-ikon',
+    'jaguar-ikon',
+    'jeep-alt-ikon',
+    'jeep-ikon',
+    'kia-ikon',
+    'lamborghini-alt-ikon',
+    'lamborghini-ikon',
+    'land-rover-ikon',
+    'lexus-ikon',
+    'lincoln-ikon',
+    'lotus-alt-ikon',
+    'lotus-ikon',
+    'maserati-ikon',
+    'maybach-ikon',
+    'mazda-alt-ikon',
+    'mazda-ikon',
+    'mclaren-alt-ikon',
+    'mclaren-ikon',
+    'mercedes-benz-alt-ikon',
+    'mercedes-benz-ikon',
+    'mercury-ikon',
+    'mini-alt-ikon',
+    'mini-ikon',
+    'mitsubishi-ikon',
+    'nissan-ikon',
+    'oldsmobile-ikon',
+    'opel-ikon',
+    'panoz-ikon',
+    'peugeot-alt-ikon',
+    'peugeot-ikon',
+    'plymouth-ikon',
+    'pontiac-ikon',
+    'porsche-ikon',
+    'ram-alt-ikon',
+    'ram-ikon',
+    'renault-alt-ikon',
+    'renault-ikon',
+    'rolls-royce-ikon',
+    'saab-alt-ikon',
+    'saab-ikon',
+    'saturn-ikon',
+    'scion-ikon',
+    'seat-ikon',
+    'skoda-ikon',
+    'smart-ikon',
+    'spyker-alt-ikon',
+    'spyker-ikon',
+    'subaru-alt-ikon',
+    'subaru-ikon',
+    'suzuki-ikon',
+    'tesla-ikon',
+    'toyota-ikon',
+    'volkswagen-ikon',
+    'volvo-alt-ikon',
+    'volvo-ikon',
 ];
 
 exports.icons = icons;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0eb06e.js');
+const index = require('./index-32725b2a.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/proto-ikons-wc.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0eb06e.js');
+const index = require('./index-32725b2a.js');
 
 /*
- Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-ikons-wc.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -122,7 +122,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.8.0",
     "typescriptVersion": "5.2.2"
   },
   "collections": [],

package/dist/collection/components/acura-ikon/acura-ikon.js

@@ -1,81 +1,81 @@
 import { h } from "@stencil/core";
 export class AcuraIkon {
-  constructor() {
-    this.hex = undefined;
-    this.name = 'acura';
-    this.size = undefined;
-  }
-  render() {
-    const { hex, name, size } = this;
-    return (h("svg", { width: size, height: size, viewBox: "0 0 69.5 69.5", role: "img", "aria-label": "title" }, h("title", null, name), h("g", { fill: hex }, h("path", { d: "M34.7 2.1C22.7 2.2.1 4.5.1 34.7S23.2 67 34.6 67.4c11.5-.3 34.6-2.3\n      34.6-32.7S46.7 2.2 34.7 2.1m-1.6 2.4h3.2V28h-3.2V4.5zM4 34.7C4 10.8 19.7\n      4.5 32.2 4.5L21.9 33.8l-4.5 27.5C16.2 61.1 3.9 55.2 4 34.7m30.8\n      30.6c-5.6-.1-13.8-1.9-15.8-3.2l13.7-30h4l13.6 30.2c-2 1.3-10 3-15.5\n      3m17.1-3.8l-4.1-27.7L37.2 4.5c12.5 0 28.2 6.4 28.2 30.2.1 20.5-12.3\n      26.6-13.5 26.8" }))));
-  }
-  static get is() { return "acura-ikon"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["acura-ikon.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["acura-ikon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "hex": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "hex",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false,
-        "defaultValue": "'acura'"
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "undefined"
-      }
-    };
-  }
+    constructor() {
+        this.hex = undefined;
+        this.name = 'acura';
+        this.size = undefined;
+    }
+    render() {
+        const { hex, name, size } = this;
+        return (h("svg", { width: size, height: size, viewBox: "0 0 69.5 69.5", role: "img", "aria-label": "title" }, h("title", null, name), h("g", { fill: hex }, h("path", { d: "M34.7 2.1C22.7 2.2.1 4.5.1 34.7S23.2 67 34.6 67.4c11.5-.3 34.6-2.3\n      34.6-32.7S46.7 2.2 34.7 2.1m-1.6 2.4h3.2V28h-3.2V4.5zM4 34.7C4 10.8 19.7\n      4.5 32.2 4.5L21.9 33.8l-4.5 27.5C16.2 61.1 3.9 55.2 4 34.7m30.8\n      30.6c-5.6-.1-13.8-1.9-15.8-3.2l13.7-30h4l13.6 30.2c-2 1.3-10 3-15.5\n      3m17.1-3.8l-4.1-27.7L37.2 4.5c12.5 0 28.2 6.4 28.2 30.2.1 20.5-12.3\n      26.6-13.5 26.8" }))));
+    }
+    static get is() { return "acura-ikon"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["acura-ikon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["acura-ikon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hex": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hex",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false,
+                "defaultValue": "'acura'"
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "undefined"
+            }
+        };
+    }
 }