@scania/tegel 0.0.2 → 0.0.5

package/dist/esm/{index-32571711.js → index-fdfb114c.js}

@@ -45,11 +45,30 @@ const EMPTY_OBJ = {};
 const SVG_NS = 'http://www.w3.org/2000/svg';
 const HTML_NS = 'http://www.w3.org/1999/xhtml';
 const isDef = (v) => v != null;
+/**
+ * Check whether a value is a 'complex type', defined here as an object or a
+ * function.
+ *
+ * @param o the value to check
+ * @returns whether it's a complex type or not
+ */
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
     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)
@@ -58,7 +77,6 @@ const isComplexType = (o) => {
  *
  * Modified for Stencil's compiler and vdom
  */
-// const stack: any[] = [];
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
@@ -116,6 +134,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -133,6 +159,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -225,6 +257,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
@@ -240,10 +273,16 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
             }
             if (!appliedStyles.has(scopeId)) {
                 {
+                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
                     {
                         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) {
@@ -263,6 +302,7 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
+    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -558,6 +598,21 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
     }
     plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
     let childNode;
@@ -574,6 +629,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -815,7 +883,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -1040,6 +1109,18 @@ const callNodeRefs = (vNode) => {
         vNode.$children$ && vNode.$children$.map(callNodeRefs);
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
@@ -1271,6 +1352,9 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
+        {
+            safeCall(instance, 'componentDidUpdate');
+        }
         endPostUpdate();
     }
     {
@@ -1571,7 +1655,8 @@ const connectedCallback = (elm) => {
                 // if the slot polyfill is required we'll need to put some nodes
                 // in here to act as original content anchors as we move nodes around
                 // host element has been connected to the DOM
-                if ((cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
+                if ((// TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
+                        cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
                     setContentReference(elm);
                 }
             }
@@ -1643,6 +1728,7 @@ const disconnectedCallback = (elm) => {
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {
+    var _a;
     const endBootstrap = createTime();
     const cmpTags = [];
     const exclude = options.exclude || [];
@@ -1725,6 +1811,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
@@ -1778,6 +1869,13 @@ const getHostListenerTarget = (elm, flags) => {
 };
 // prettier-ignore
 const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
+/**
+ * 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);
@@ -1810,7 +1908,216 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+    
+    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+      const processMod = importedModule => {
+        cmpModules.set(bundleId, importedModule);
+        return importedModule[exportName];
+      }
+      switch(bundleId) {
+        
+        case 'sdds-accordion':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-accordion.entry.js').then(processMod, consoleError);
+        case 'sdds-accordion-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-accordion-item.entry.js').then(processMod, consoleError);
+        case 'sdds-badges':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-badges.entry.js').then(processMod, consoleError);
+        case 'sdds-banner':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-banner.entry.js').then(processMod, consoleError);
+        case 'sdds-block':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-block.entry.js').then(processMod, consoleError);
+        case 'sdds-breadcrumb':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-breadcrumb.entry.js').then(processMod, consoleError);
+        case 'sdds-breadcrumb-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-breadcrumb-link.entry.js').then(processMod, consoleError);
+        case 'sdds-button':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-button.entry.js').then(processMod, consoleError);
+        case 'sdds-card':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-card.entry.js').then(processMod, consoleError);
+        case 'sdds-checkbox':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-checkbox.entry.js').then(processMod, consoleError);
+        case 'sdds-datetime':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-datetime.entry.js').then(processMod, consoleError);
+        case 'sdds-divider':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-divider.entry.js').then(processMod, consoleError);
+        case 'sdds-dropdown-filter':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-dropdown-filter.entry.js').then(processMod, consoleError);
+        case 'sdds-folder-tabs':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-folder-tabs.entry.js').then(processMod, consoleError);
+        case 'sdds-folder-tabs-button':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-folder-tabs-button.entry.js').then(processMod, consoleError);
+        case 'sdds-folder-tabs-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-folder-tabs-link.entry.js').then(processMod, consoleError);
+        case 'sdds-footer':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-footer.entry.js').then(processMod, consoleError);
+        case 'sdds-footer-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-footer-link.entry.js').then(processMod, consoleError);
+        case 'sdds-footer-link-group':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-footer-link-group.entry.js').then(processMod, consoleError);
+        case 'sdds-header-cell':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-header-cell.entry.js').then(processMod, consoleError);
+        case 'sdds-inline-tabs':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-inline-tabs.entry.js').then(processMod, consoleError);
+        case 'sdds-inline-tabs-button':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-inline-tabs-button.entry.js').then(processMod, consoleError);
+        case 'sdds-inline-tabs-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-inline-tabs-link.entry.js').then(processMod, consoleError);
+        case 'sdds-message':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-message.entry.js').then(processMod, consoleError);
+        case 'sdds-modal':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-modal.entry.js').then(processMod, consoleError);
+        case 'sdds-navigation-tabs':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-navigation-tabs.entry.js').then(processMod, consoleError);
+        case 'sdds-navigation-tabs-button':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-navigation-tabs-button.entry.js').then(processMod, consoleError);
+        case 'sdds-navigation-tabs-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-navigation-tabs-link.entry.js').then(processMod, consoleError);
+        case 'sdds-popover-canvas':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-popover-canvas.entry.js').then(processMod, consoleError);
+        case 'sdds-popover-menu':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-popover-menu.entry.js').then(processMod, consoleError);
+        case 'sdds-radio-button':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-radio-button.entry.js').then(processMod, consoleError);
+        case 'sdds-slider':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-slider.entry.js').then(processMod, consoleError);
+        case 'sdds-spinner':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-spinner.entry.js').then(processMod, consoleError);
+        case 'sdds-stepper':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-stepper.entry.js').then(processMod, consoleError);
+        case 'sdds-stepper-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-stepper-item.entry.js').then(processMod, consoleError);
+        case 'sdds-table':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table.entry.js').then(processMod, consoleError);
+        case 'sdds-table-body':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table-body.entry.js').then(processMod, consoleError);
+        case 'sdds-table-body-row-expandable':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table-body-row-expandable.entry.js').then(processMod, consoleError);
+        case 'sdds-table-footer':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table-footer.entry.js').then(processMod, consoleError);
+        case 'sdds-table-header':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table-header.entry.js').then(processMod, consoleError);
+        case 'sdds-table-toolbar':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-table-toolbar.entry.js').then(processMod, consoleError);
+        case 'sdds-textarea':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-textarea.entry.js').then(processMod, consoleError);
+        case 'sdds-textfield':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-textfield.entry.js').then(processMod, consoleError);
+        case 'sdds-toast':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-toast.entry.js').then(processMod, consoleError);
+        case 'sdds-toggle':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-toggle.entry.js').then(processMod, consoleError);
+        case 'sdds-tooltip':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-tooltip.entry.js').then(processMod, consoleError);
+        case 'sdds-body-cell_2':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-body-cell_2.entry.js').then(processMod, consoleError);
+        case 'sdds-dropdown_2':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-dropdown_2.entry.js').then(processMod, consoleError);
+        case 'sdds-link':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-link.entry.js').then(processMod, consoleError);
+        case 'sdds-icon':
+          return import(
+            /* webpackMode: "lazy" */
+            './sdds-icon.entry.js').then(processMod, consoleError);
+      }
+    }
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
@@ -1888,4 +2195,6 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+
+//# sourceMappingURL=index-fdfb114c.js.map