proto-ikons-wc 0.0.83 → 0.0.84

package/dist/cjs/acura-ikon_119.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5d62eace.js');
+const index = require('./index-5d33f0ae.js');
 
 const acuraIkonCss = "";
 

package/dist/cjs/{index-5d62eace.js → index-5d33f0ae.js}

@@ -66,6 +66,18 @@ const isComplexType = (o) => {
     o = typeof o;
     return o === 'object' || o === 'function';
 };
+/**
+ * Helper method for querying a `meta` tag that contains a nonce value
+ * out of a DOM's head.
+ *
+ * @param doc The DOM containing the `head` to query against
+ * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag
+ * exists or the tag has no content.
+ */
+function queryNonceMetaTagContent(doc) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;
+}
 /**
  * Production h() function based on Preact by
  * Jason Miller (@developit)
@@ -216,6 +228,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     styles.set(scopeId, style);
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+    var _a;
     let scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
@@ -235,6 +248,11 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
                         styleElm = doc.createElement('style');
                         styleElm.innerHTML = style;
                     }
+                    // 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) {
+                        styleElm.setAttribute('nonce', nonce);
+                    }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
                 if (appliedStyles) {
@@ -1078,6 +1096,7 @@ const disconnectedCallback = (elm) => {
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {
+    var _a;
     const endBootstrap = createTime();
     const cmpTags = [];
     const exclude = options.exclude || [];
@@ -1140,6 +1159,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     {
         visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
         visibilityStyle.setAttribute('data-styles', '');
+        // 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);
+        }
         head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
@@ -1155,6 +1179,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+/**
+ * Assigns the given value to the nonce property on the runtime platform object.
+ * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+ * @param nonce The value to be assigned to the platform nonce property.
+ * @returns void
+ */
+const setNonce = (nonce) => (plt.$nonce$ = nonce);
 const hostRefs = /*@__PURE__*/ new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1265,3 +1296,4 @@ exports.bootstrapLazy = bootstrapLazy;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
+exports.setNonce = setNonce;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5d62eace.js');
+const index = require('./index-5d33f0ae.js');
 
 /*
- Stencil Client Patch Esm v2.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -18,4 +18,5 @@ const defineCustomElements = (win, options) => {
   });
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

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

@@ -1,9 +1,11 @@
 'use strict';
 
-const index = require('./index-5d62eace.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5d33f0ae.js');
 
 /*
- Stencil Client Patch Browser v2.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.1 | 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));
@@ -17,3 +19,5 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
   return index.bootstrapLazy([["acura-ikon_119.cjs",[[0,"acura-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alien-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"am-general-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"asterisk-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"audi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"barcode-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"barcode-scan-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bash-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"beaker-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bently-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bmw-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bugatti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"buick-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"cadillac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chart-bar-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-bubble-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donut-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donuts-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"check-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chevrolet-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chevron-double-left-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chrysler-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"circular-saw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"citroen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"close-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"daewoo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"dodge-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"eagle-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"ferrari-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fiat-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fiat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fingerprint-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fire-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fisker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"flask-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ford-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"genesis-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"geo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"git-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"gmc-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"honda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hummer-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hyundai-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"infiniti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"isuzu-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"jaguar-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jaguar-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"java-script-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"kia-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lamborghini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lamborghini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"land-rover-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lexus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lincoln-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lotus-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lotus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maserati-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maybach-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mazda-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mazda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mclaren-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mclaren-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercury-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mitsubishi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"nissan-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"oldsmobile-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"one-password-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"opel-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"panoz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"paw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"plymouth-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"pontiac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"porsche-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"protocol-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"pulse-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"puzzle-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"qr-code-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-2-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"refresh-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"rolls-royce-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saab-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"saab-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saturn-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"scion-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"seat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"skoda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"slug-icon",{"label":[1],"name":[1],"size":[2]}],[0,"smart-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"spider-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"subaru-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"subaru-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"suzuki-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"svg-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"tesla-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"toyota-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"vector-curve-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volkswagen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"volvo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volvo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"webhook-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}]]]], options);
 });
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -122,7 +122,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.21.0",
+    "version": "2.22.1",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

package/dist/components/index.d.ts

@@ -131,6 +131,15 @@ export { WebhookIcon as WebhookIcon } from '../types/components/webhook-icon/web
  */
 export declare const setAssetPath: (path: string) => void;
 
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
 export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { AcuraIkon, defineCustomElement as defineCustomElementAcuraIkon } from './acura-ikon.js';
 export { AlfaRomeoAltIkon, defineCustomElement as defineCustomElementAlfaRomeoAltIkon } from './alfa-romeo-alt-ikon.js';
 export { AlfaRomeoIkon, defineCustomElement as defineCustomElementAlfaRomeoIkon } from './alfa-romeo-ikon.js';

package/dist/esm/acura-ikon_119.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-33e47d42.js';
+import { r as registerInstance, h } from './index-c27f5881.js';
 
 const acuraIkonCss = "";
 

package/dist/esm/{index-33e47d42.js → index-c27f5881.js}

@@ -44,6 +44,18 @@ const isComplexType = (o) => {
     o = typeof o;
     return o === 'object' || o === 'function';
 };
+/**
+ * Helper method for querying a `meta` tag that contains a nonce value
+ * out of a DOM's head.
+ *
+ * @param doc The DOM containing the `head` to query against
+ * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag
+ * exists or the tag has no content.
+ */
+function queryNonceMetaTagContent(doc) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;
+}
 /**
  * Production h() function based on Preact by
  * Jason Miller (@developit)
@@ -194,6 +206,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     styles.set(scopeId, style);
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+    var _a;
     let scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
@@ -213,6 +226,11 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
                         styleElm = doc.createElement('style');
                         styleElm.innerHTML = style;
                     }
+                    // 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) {
+                        styleElm.setAttribute('nonce', nonce);
+                    }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
                 if (appliedStyles) {
@@ -1056,6 +1074,7 @@ const disconnectedCallback = (elm) => {
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {
+    var _a;
     const endBootstrap = createTime();
     const cmpTags = [];
     const exclude = options.exclude || [];
@@ -1118,6 +1137,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     {
         visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
         visibilityStyle.setAttribute('data-styles', '');
+        // 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);
+        }
         head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
@@ -1133,6 +1157,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+/**
+ * Assigns the given value to the nonce property on the runtime platform object.
+ * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+ * @param nonce The value to be assigned to the platform nonce property.
+ * @returns void
+ */
+const setNonce = (nonce) => (plt.$nonce$ = nonce);
 const hostRefs = /*@__PURE__*/ new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1239,4 +1270,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r };
+export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,7 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-33e47d42.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c27f5881.js';
+export { s as setNonce } from './index-c27f5881.js';
 
 /*
- Stencil Client Patch Esm v2.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

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

@@ -1,7 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-33e47d42.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c27f5881.js';
+export { s as setNonce } from './index-c27f5881.js';
 
 /*
- Stencil Client Patch Browser v2.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;