proto-sudoku-wc 0.1.136 → 0.1.138

package/dist/cjs/{index-Hwv_0jWI.js → index-CwegWrJ9.js}

@@ -5,7 +5,7 @@ const BUILD = /* proto-sudoku-wc */ { allRenderFn: true, appendChildSlotFix: fal
 const Env = /* proto-sudoku-wc */ {};
 
 /*
- Stencil Client Platform v4.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -480,6 +480,9 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
   try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
   } catch (e) {
@@ -2272,7 +2275,8 @@ var patchPseudoShadowDom = (hostElementPrototype) => {
   patchSlotRemoveChild(hostElementPrototype);
 };
 var patchCloneNode = (HostElementPrototype) => {
-  const orgCloneNode = HostElementPrototype.cloneNode;
+  if (HostElementPrototype.__cloneNode) return;
+  const orgCloneNode = HostElementPrototype.__cloneNode = HostElementPrototype.cloneNode;
   HostElementPrototype.cloneNode = function(deep) {
     const srcNode = this;
     const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
@@ -2317,6 +2321,7 @@ var patchCloneNode = (HostElementPrototype) => {
   };
 };
 var patchSlotAppendChild = (HostElementPrototype) => {
+  if (HostElementPrototype.__appendChild) return;
   HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
   HostElementPrototype.appendChild = function(newChild) {
     const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
@@ -2334,6 +2339,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
   };
 };
 var patchSlotRemoveChild = (ElementPrototype) => {
+  if (ElementPrototype.__removeChild) return;
   ElementPrototype.__removeChild = ElementPrototype.removeChild;
   ElementPrototype.removeChild = function(toRemove) {
     if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
@@ -2349,6 +2355,7 @@ var patchSlotRemoveChild = (ElementPrototype) => {
   };
 };
 var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
   HostElementPrototype.__prepend = HostElementPrototype.prepend;
   HostElementPrototype.prepend = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2375,6 +2382,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
   };
 };
 var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
   HostElementPrototype.__append = HostElementPrototype.append;
   HostElementPrototype.append = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2386,6 +2394,7 @@ var patchSlotAppend = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentHTML) return;
   const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
   HostElementPrototype.insertAdjacentHTML = function(position, text) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -2411,6 +2420,7 @@ var patchSlotInsertAdjacentText = (HostElementPrototype) => {
   };
 };
 var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
   const eleProto = HostElementPrototype;
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
@@ -2445,6 +2455,7 @@ var patchInsertBefore = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentElement) return;
   const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
   HostElementPrototype.insertAdjacentElement = function(position, element) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -4141,11 +4152,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        if (BUILD.experimentalSlotFixes) {
-          relocateToHostRoot(oldParentVNode.$elm$);
-        } else {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
-        }
+        relocateToHostRoot(oldParentVNode.$elm$);
       }
       if (BUILD.scoped || BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
@@ -4177,7 +4184,7 @@ var relocateToHostRoot = (parentElm) => {
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
+  if (parentElm["s-sr"]) {
     let node = parentElm;
     while (node = node.nextSibling) {
       if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
@@ -4365,7 +4372,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     }
     if (BUILD.vdomAttribute || BUILD.reflect) {
       if (BUILD.slot && tag === "slot" && !useNativeShadowDom) {
-        if (BUILD.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
@@ -4408,7 +4415,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -4452,19 +4459,19 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
-var insertBefore = (parent, newNode, reference) => {
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
     addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (BUILD.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+  } else if (typeof newNode["s-sn"] === "string") {
+    if (BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
     parent.insertBefore(newNode, reference);
     const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
+    if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
     return newNode;
   }
-  if (BUILD.experimentalSlotFixes && parent.__insertBefore) {
+  if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -4552,7 +4559,12 @@ render() {
         if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = BUILD.isDebug || BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(
+            nodeToRelocate.parentNode,
+            nodeToRelocate["s-ol"] = orgLocationNode,
+            nodeToRelocate,
+            isInitialLoad
+          );
         }
       }
       for (const relocateData of relocateNodes) {
@@ -4564,7 +4576,7 @@ render() {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (!BUILD.hydrateServerSide && (!BUILD.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          if (!BUILD.hydrateServerSide && insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
             let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
               let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
@@ -4585,10 +4597,18 @@ render() {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!BUILD.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
+              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
+                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
+                textNode["s-hn"] = nodeToRelocate["s-hn"];
+                textNode["s-sn"] = nodeToRelocate["s-sn"];
+                textNode["s-sh"] = nodeToRelocate["s-sh"];
+                textNode["s-sr"] = nodeToRelocate["s-sr"];
+                textNode["s-ol"] = nodeToRelocate["s-ol"];
+                textNode["s-ol"]["s-nr"] = textNode;
+                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
+                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
               }
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
@@ -4606,14 +4626,21 @@ render() {
     plt.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (BUILD.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
         if (isInitialLoad && childNode["s-ih"] == null) {
           childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
         }
-        childNode.hidden = true;
+        if (childNode.nodeType === 1 /* ElementNode */) {
+          childNode.hidden = true;
+        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
+          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
+          textCommentNode["s-sn"] = childNode["s-sn"];
+          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
+          childNode.parentNode.removeChild(childNode);
+        }
       }
     }
   }
@@ -4675,6 +4702,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     if (BUILD.lazyLoad) {
+      if (BUILD.slotRelocation && hostRef.$deferredConnectedCallback$) {
+        hostRef.$deferredConnectedCallback$ = false;
+        safeCall(instance, "connectedCallback", void 0, elm);
+      }
       if (BUILD.hostListener) {
         hostRef.$flags$ |= 256 /* isListenReady */;
         if (hostRef.$queuedListeners$) {
@@ -5298,7 +5329,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      const needsDeferredCallback = BUILD.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+      if (!needsDeferredCallback) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else {
+        hostRef.$deferredConnectedCallback$ = true;
+      }
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -5498,6 +5534,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         patchTextContent(Cstr.prototype);
       }
     }
+  } else if (BUILD.cloneNodeFix) {
+    patchCloneNode(Cstr.prototype);
   }
   if (BUILD.hydrateClientSide && BUILD.shadowDom) {
     hydrateScopedToShadow();
@@ -5647,10 +5685,12 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       const tagName = BUILD.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
-          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (BUILD.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -5727,6 +5767,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
             patchTextContent(HostElement.prototype);
           }
         }
+      } else if (BUILD.cloneNodeFix) {
+        patchCloneNode(HostElement.prototype);
       }
       if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
         HostElement.formAssociated = true;
@@ -5872,6 +5914,44 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const { children, ...rest } = props;
+  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
+  if (Array.isArray(children)) {
+    return h(type, vnodeData, ...children);
+  } else if (children !== void 0) {
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6052,6 +6132,9 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   h: h,
   insertVdomAnnotations: insertVdomAnnotations,
   isMemberInElement: isMemberInElement,
+  jsx: jsx,
+  jsxDEV: jsxDEV,
+  jsxs: jsxs,
   loadModule: loadModule,
   modeResolutionChain: modeResolutionChain,
   needsScopedSSR: needsScopedSSR,

package/dist/cjs/loader.cjs.js

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

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

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

package/dist/cjs/proto-sudoku.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Hwv_0jWI.js');
+var index = require('./index-CwegWrJ9.js');
 
 const Alien = props => {
     const hex = props.hex || 'currentColor';
@@ -1818,309 +1818,7 @@ const ToolBar = _props => {
     return (index.h("div", { class: "flex flex-row" }, index.h(Button, { label: NEW_PUZZLE, callback: handleRefresh(actions) }), list.length === 81 && !solved ? (index.h(Button, { label: CHECK, callback: handleCheck(actions) })) : (''), index.h(TwLabel, null)));
 };
 
-const shadowCss = () => `
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
-  :root,
-  :host {
-    --font-sans:
-      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
-      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-    --color-gray-50: oklch(98.5% 0.002 247.839);
-    --color-white: #fff;
-    --spacing: 0.25rem;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-6xl: 3.75rem;
-    --text-6xl--line-height: 1;
-    --font-weight-thin: 100;
-    --font-weight-bold: 700;
-    --radius-md: 0.375rem;
-    --animate-spin: spin 1s linear infinite;
-  }
-}
-@layer utilities {
-  .absolute {
-    position: absolute;
-  }
-  .relative {
-    position: relative;
-  }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-  .m-6 {
-    margin: calc(var(--spacing) * 6);
-  }
-  .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
-  .mt-5 {
-    margin-top: calc(var(--spacing) * 5);
-  }
-  .mt-11 {
-    margin-top: calc(var(--spacing) * 11);
-  }
-  .mr-0 {
-    margin-right: calc(var(--spacing) * 0);
-  }
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
-  }
-  .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
-  .mb-11 {
-    margin-bottom: calc(var(--spacing) * 11);
-  }
-  .ml-0 {
-    margin-left: calc(var(--spacing) * 0);
-  }
-  .ml-auto {
-    margin-left: auto;
-  }
-  .flex {
-    display: flex;
-  }
-  .grid {
-    display: grid;
-  }
-  .h-8 {
-    height: calc(var(--spacing) * 8);
-  }
-  .h-24px {
-    height: 24px;
-  }
-  .h-76p5 {
-    height: 19.125rem;
-  }
-  .w-8 {
-    width: calc(var(--spacing) * 8);
-  }
-  .w-76p5 {
-    width: 19.125rem;
-  }
-  .max-w-min {
-    max-width: min-content;
-  }
-  .animate-spin {
-    animation: var(--animate-spin);
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-row {
-    flex-direction: row;
-  }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .rounded-md {
-    border-radius: var(--radius-md);
-  }
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-  .border-solid {
-    --tw-border-style: solid;
-    border-style: solid;
-  }
-  .border-clrs-gray {
-    border-color: var(--clrs-gray, #aaaaaa);
-  }
-  .border-clrs-navy {
-    border-color: var(--clrs-navy, #001f3f);
-  }
-  .border-clrs-red {
-    border-color: var(--clrs-red, #ff4136);
-  }
-  .border-clrs-slate4 {
-    border-color: var(--clrs-slate4, #4e5964);
-  }
-  .bg-clrs-green-a50 {
-    background-color: var(--clrs-green-a50, #2ecc4050);
-  }
-  .bg-clrs-navy {
-    background-color: var(--clrs-navy, #001f3f);
-  }
-  .bg-clrs-red {
-    background-color: var(--clrs-red, #ff4136);
-  }
-  .bg-clrs-red-a50 {
-    background-color: var(--clrs-red-a50, #ff413650);
-  }
-  .bg-clrs-silver {
-    background-color: var(--clrs-silver, #dddddd);
-  }
-  .bg-clrs-slate4 {
-    background-color: var(--clrs-slate4, #4e5964);
-  }
-  .bg-clrs-yellow {
-    background-color: var(--clrs-yellow, #ffdc00);
-  }
-  .bg-gray-50 {
-    background-color: var(--color-gray-50);
-  }
-  .p-0\.5 {
-    padding: calc(var(--spacing) * 0.5);
-  }
-  .px-2 {
-    padding-inline: calc(var(--spacing) * 2);
-  }
-  .px-3 {
-    padding-inline: calc(var(--spacing) * 3);
-  }
-  .py-1 {
-    padding-block: calc(var(--spacing) * 1);
-  }
-  .py-2 {
-    padding-block: calc(var(--spacing) * 2);
-  }
-  .text-center {
-    text-align: center;
-  }
-  .align-top {
-    vertical-align: top;
-  }
-  .font-sans {
-    font-family: var(--font-sans);
-  }
-  .text-6xl {
-    font-size: var(--text-6xl);
-    line-height: var(--tw-leading, var(--text-6xl--line-height));
-  }
-  .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
-  .text-xs {
-    font-size: var(--text-xs);
-    line-height: var(--tw-leading, var(--text-xs--line-height));
-  }
-  .leading-8 {
-    --tw-leading: calc(var(--spacing) * 8);
-    line-height: calc(var(--spacing) * 8);
-  }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
-  .font-thin {
-    --tw-font-weight: var(--font-weight-thin);
-    font-weight: var(--font-weight-thin);
-  }
-  .text-clrs-gray {
-    color: var(--clrs-gray, #aaaaaa);
-  }
-  .text-clrs-navy {
-    color: var(--clrs-navy, #001f3f);
-  }
-  .text-clrs-red {
-    color: var(--clrs-red, #ff4136);
-  }
-  .text-clrs-slate4 {
-    color: var(--clrs-slate4, #4e5964);
-  }
-  .text-white {
-    color: var(--color-white);
-  }
-  .uppercase {
-    text-transform: uppercase;
-  }
-  .italic {
-    font-style: italic;
-  }
-  .opacity-25 {
-    opacity: 25%;
-  }
-  .opacity-75 {
-    opacity: 75%;
-  }
-  .shadow {
-    --tw-shadow:
-      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
-      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow:
-      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .border-xbb-clrs-navy {
-    border-bottom: 1px solid var(--clrs-navy, #001f3f) !important;
-  }
-  .border-xbl-clrs-navy {
-    border-left: 1px solid var(--clrs-navy, #001f3f) !important;
-  }
-  .border-xbr-clrs-navy {
-    border-right: 1px solid var(--clrs-navy, #001f3f) !important;
-  }
-  .border-xbt-clrs-navy {
-    border-top: 1px solid var(--clrs-navy, #001f3f) !important;
-  }
-  .hover\:text-clrs-navy {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--clrs-navy, #001f3f);
-      }
-    }
-  }
-}
-@layer components {
-  .ds1-main {
-    margin: calc(var(--spacing) * 6);
-    display: flex;
-    flex-direction: column;
-    font-family: var(--font-sans);
-    color: var(--clrs-navy, #001f3f);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
-    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *,
-    ::before,
-    ::after,
-    ::backdrop {
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-    }
-  }
-}
-`;
+const shadowCss = () => ` @layer properties; @layer theme, base, components, utilities; @layer theme {   :root,   :host {     --font-sans:       ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';     --color-gray-50: oklch(98.5% 0.002 247.839);     --color-white: #fff;     --spacing: 0.25rem;     --text-xs: 0.75rem;     --text-xs--line-height: calc(1 / 0.75);     --text-lg: 1.125rem;     --text-lg--line-height: calc(1.75 / 1.125);     --text-6xl: 3.75rem;     --text-6xl--line-height: 1;     --font-weight-thin: 100;     --font-weight-bold: 700;     --radius-md: 0.375rem;     --animate-spin: spin 1s linear infinite;   } } @layer utilities {   .absolute {     position: absolute;   }   .relative {     position: relative;   }   .top-0 {     top: calc(var(--spacing) * 0);   }   .right-0 {     right: calc(var(--spacing) * 0);   }   .m-6 {     margin: calc(var(--spacing) * 6);   }   .mt-2 {     margin-top: calc(var(--spacing) * 2);   }   .mt-5 {     margin-top: calc(var(--spacing) * 5);   }   .mt-11 {     margin-top: calc(var(--spacing) * 11);   }   .mr-0 {     margin-right: calc(var(--spacing) * 0);   }   .mr-1 {     margin-right: calc(var(--spacing) * 1);   }   .mr-2 {     margin-right: calc(var(--spacing) * 2);   }   .mb-11 {     margin-bottom: calc(var(--spacing) * 11);   }   .ml-0 {     margin-left: calc(var(--spacing) * 0);   }   .ml-auto {     margin-left: auto;   }   .flex {     display: flex;   }   .grid {     display: grid;   }   .h-8 {     height: calc(var(--spacing) * 8);   }   .h-24px {     height: 24px;   }   .h-76p5 {     height: 19.125rem;   }   .w-8 {     width: calc(var(--spacing) * 8);   }   .w-76p5 {     width: 19.125rem;   }   .max-w-min {     max-width: min-content;   }   .animate-spin {     animation: var(--animate-spin);   }   .flex-col {     flex-direction: column;   }   .flex-row {     flex-direction: row;   }   .flex-wrap {     flex-wrap: wrap;   }   .items-center {     align-items: center;   }   .justify-end {     justify-content: flex-end;   }   .rounded-md {     border-radius: var(--radius-md);   }   .border {     border-style: var(--tw-border-style);     border-width: 1px;   }   .border-solid {     --tw-border-style: solid;     border-style: solid;   }   .border-clrs-gray {     border-color: var(--clrs-gray, #aaaaaa);   }   .border-clrs-navy {     border-color: var(--clrs-navy, #001f3f);   }   .border-clrs-red {     border-color: var(--clrs-red, #ff4136);   }   .border-clrs-slate4 {     border-color: var(--clrs-slate4, #4e5964);   }   .bg-clrs-green-a50 {     background-color: var(--clrs-green-a50, #2ecc4050);   }   .bg-clrs-navy {     background-color: var(--clrs-navy, #001f3f);   }   .bg-clrs-red {     background-color: var(--clrs-red, #ff4136);   }   .bg-clrs-red-a50 {     background-color: var(--clrs-red-a50, #ff413650);   }   .bg-clrs-silver {     background-color: var(--clrs-silver, #dddddd);   }   .bg-clrs-slate4 {     background-color: var(--clrs-slate4, #4e5964);   }   .bg-clrs-yellow {     background-color: var(--clrs-yellow, #ffdc00);   }   .bg-gray-50 {     background-color: var(--color-gray-50);   }   .p-0\\.5 {     padding: calc(var(--spacing) * 0.5);   }   .px-2 {     padding-inline: calc(var(--spacing) * 2);   }   .px-3 {     padding-inline: calc(var(--spacing) * 3);   }   .py-1 {     padding-block: calc(var(--spacing) * 1);   }   .py-2 {     padding-block: calc(var(--spacing) * 2);   }   .text-center {     text-align: center;   }   .align-top {     vertical-align: top;   }   .font-sans {     font-family: var(--font-sans);   }   .text-6xl {     font-size: var(--text-6xl);     line-height: var(--tw-leading, var(--text-6xl--line-height));   }   .text-lg {     font-size: var(--text-lg);     line-height: var(--tw-leading, var(--text-lg--line-height));   }   .text-xs {     font-size: var(--text-xs);     line-height: var(--tw-leading, var(--text-xs--line-height));   }   .leading-8 {     --tw-leading: calc(var(--spacing) * 8);     line-height: calc(var(--spacing) * 8);   }   .font-bold {     --tw-font-weight: var(--font-weight-bold);     font-weight: var(--font-weight-bold);   }   .font-thin {     --tw-font-weight: var(--font-weight-thin);     font-weight: var(--font-weight-thin);   }   .text-clrs-gray {     color: var(--clrs-gray, #aaaaaa);   }   .text-clrs-navy {     color: var(--clrs-navy, #001f3f);   }   .text-clrs-red {     color: var(--clrs-red, #ff4136);   }   .text-clrs-slate4 {     color: var(--clrs-slate4, #4e5964);   }   .text-white {     color: var(--color-white);   }   .uppercase {     text-transform: uppercase;   }   .italic {     font-style: italic;   }   .opacity-25 {     opacity: 25%;   }   .opacity-75 {     opacity: 75%;   }   .shadow {     --tw-shadow:       0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));     box-shadow:       var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);   }   .border-xbb-clrs-navy {     border-bottom: 1px solid var(--clrs-navy, #001f3f) !important;   }   .border-xbl-clrs-navy {     border-left: 1px solid var(--clrs-navy, #001f3f) !important;   }   .border-xbr-clrs-navy {     border-right: 1px solid var(--clrs-navy, #001f3f) !important;   }   .border-xbt-clrs-navy {     border-top: 1px solid var(--clrs-navy, #001f3f) !important;   }   .hover\\:text-clrs-navy {     &:hover {       @media (hover: hover) {         color: var(--clrs-navy, #001f3f);       }     }   } } @layer components {   .ds1-main {     margin: calc(var(--spacing) * 6);     display: flex;     flex-direction: column;     font-family: var(--font-sans);     color: var(--clrs-navy, #001f3f);     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;   } } @keyframes spin {   to {     transform: rotate(360deg);   } } @layer properties {   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or     ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {     *,     ::before,     ::after,     ::backdrop {       --tw-border-style: solid;       --tw-leading: initial;       --tw-font-weight: initial;       --tw-shadow: 0 0 #0000;       --tw-shadow-color: initial;       --tw-shadow-alpha: 100%;       --tw-inset-shadow: 0 0 #0000;       --tw-inset-shadow-color: initial;       --tw-inset-shadow-alpha: 100%;       --tw-ring-color: initial;       --tw-ring-shadow: 0 0 #0000;       --tw-inset-ring-color: initial;       --tw-inset-ring-shadow: 0 0 #0000;       --tw-ring-inset: initial;       --tw-ring-offset-width: 0px;       --tw-ring-offset-color: #fff;       --tw-ring-offset-shadow: 0 0 #0000;     }   } } `;
 
 const ProtoSudoku = class {
     constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.40.0",
+    "version": "4.41.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],