funnel-gfx-wc 0.1.299 → 0.1.301

package/dist/cjs/funnel-app.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Btm0iR2V.js');
+var index = require('./index-BDiAZeEY.js');
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';

package/dist/cjs/funnel-gfx-wc.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Btm0iR2V.js');
+var index = require('./index-BDiAZeEY.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/cjs/{index-Btm0iR2V.js → index-BDiAZeEY.js}

@@ -5,7 +5,7 @@ const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false
 const Env = /* funnel-gfx-wc */ {};
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -2016,13 +2016,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
+var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
 var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
   return processRules(cssText, (rule) => {
     let selector = rule.selector;
     let content = rule.content;
     if (rule.selector[0] !== "@") {
       selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+    } else if (isScopableAtRule(rule.selector)) {
       content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
     }
     const cssRule = {
@@ -2101,15 +2102,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
       rule.selector = placeholder + rule.selector;
       return rule;
     };
-    cssText = processRules(cssText, (rule) => {
+    const commentSelectors = (input) => processRules(input, (rule) => {
       if (rule.selector[0] !== "@") {
         return processCommentedSelector(rule);
-      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-        rule.content = processRules(rule.content, processCommentedSelector);
-        return rule;
+      }
+      if (isScopableAtRule(rule.selector)) {
+        rule.content = commentSelectors(rule.content);
       }
       return rule;
     });
+    cssText = commentSelectors(cssText);
   }
   const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
   cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -2766,7 +2768,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (BUILD.vdomKey && idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -3658,23 +3660,28 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Btm0iR2V.js');
+var index = require('./index-BDiAZeEY.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.45.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/esm/funnel-app.entry.js

@@ -1,4 +1,4 @@
-import { h, S as StencilCore, r as registerInstance } from './index-DZQJpb5Z.js';
+import { h, S as StencilCore, r as registerInstance } from './index-B8IMz9YW.js';
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';

package/dist/esm/funnel-gfx-wc.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-DZQJpb5Z.js';
-export { s as setNonce } from './index-DZQJpb5Z.js';
+import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-B8IMz9YW.js';
+export { s as setNonce } from './index-B8IMz9YW.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/{index-DZQJpb5Z.js → index-B8IMz9YW.js}

@@ -3,7 +3,7 @@ const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false
 const Env = /* funnel-gfx-wc */ {};
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -2014,13 +2014,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
+var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
 var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
   return processRules(cssText, (rule) => {
     let selector = rule.selector;
     let content = rule.content;
     if (rule.selector[0] !== "@") {
       selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+    } else if (isScopableAtRule(rule.selector)) {
       content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
     }
     const cssRule = {
@@ -2099,15 +2100,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
       rule.selector = placeholder + rule.selector;
       return rule;
     };
-    cssText = processRules(cssText, (rule) => {
+    const commentSelectors = (input) => processRules(input, (rule) => {
       if (rule.selector[0] !== "@") {
         return processCommentedSelector(rule);
-      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-        rule.content = processRules(rule.content, processCommentedSelector);
-        return rule;
+      }
+      if (isScopableAtRule(rule.selector)) {
+        rule.content = commentSelectors(rule.content);
       }
       return rule;
     });
+    cssText = commentSelectors(cssText);
   }
   const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
   cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -2764,7 +2766,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (BUILD.vdomKey && idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -3656,23 +3658,28 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-DZQJpb5Z.js';
-export { s as setNonce } from './index-DZQJpb5Z.js';
+import { b as bootstrapLazy } from './index-B8IMz9YW.js';
+export { s as setNonce } from './index-B8IMz9YW.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/funnel-gfx-wc/funnel-gfx-wc.esm.js

@@ -1 +1 @@
-import{p as t,B as n,c as e,w as a,N as r,H as p,b as i}from"./p-DZQJpb5Z.js";export{s as setNonce}from"./p-DZQJpb5Z.js";import{g as o}from"./p-DQuL1Twl.js";var c=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const n=t.call(this,!1),e=this.childNodes;if(s)for(let s=0;s<e.length;s++)2!==e[s].nodeType&&n.appendChild(e[s].cloneNode(!0));return n}};(()=>{n.isDev&&!n.isTesting&&e("Running in development mode."),n.cloneNodeFix&&c(p.prototype);const s=n.scriptDataOpts?a.document&&Array.from(a.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,i=import.meta.url,o=n.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==i&&(o.resourcesUrl=new URL(".",i).href),t(o)})().then((async s=>(await o(),i([["p-9e67c773",[[1,"funnel-app",{tag:[1]}]]]],s))));
+import{p as t,B as e,c as n,w as a,N as r,H as i,b as o}from"./p-B8IMz9YW.js";export{s as setNonce}from"./p-B8IMz9YW.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const e=t.call(this,!1),n=this.childNodes;if(s)for(let s=0;s<n.length;s++)2!==n[s].nodeType&&e.appendChild(n[s].cloneNode(!0));return e}};(()=>{e.isDev&&!e.isTesting&&n("Running in development mode."),e.cloneNodeFix&&m(i.prototype);const s=e.scriptDataOpts?a.document&&Array.from(a.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,o=import.meta.url,p=e.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==o&&(p.resourcesUrl=new URL(".",o).href),t(p)})().then((async s=>(await p(),o([["p-3beb47e8",[[1,"funnel-app",{tag:[1]}]]]],s))));