@kubex/zinc 1.1.74 → 1.1.75

package/dist/custom-elements.json

@@ -47,79 +47,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/action-bar/action-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnActionBar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "action-bar",
-          "tagName": "zn-action-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://zinc.style/components/action-bar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnActionBar",
-            "module": "components/action-bar/action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -314,6 +241,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/action-bar/action-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnActionBar",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "action-bar",
+          "tagName": "zn-action-bar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/action-bar",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnActionBar",
+            "module": "components/action-bar/action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/animated-button/animated-button.js",
@@ -44118,89 +44118,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/well/well.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnWell",
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "icon"
-            },
-            {
-              "kind": "field",
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "inline",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, '[default]', 'action')"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "icon"
-            },
-            {
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "inline"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "well",
-          "tagName": "zn-well",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/well\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n */",
-          "documentation": "https://zinc.style/components/well",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnWell",
-            "module": "components/well/well.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/vertical-stepper/vertical-stepper.js",
@@ -44369,12 +44286,95 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/well/well.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnWell",
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "inline",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'action')"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "icon"
+            },
+            {
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "inline"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "well",
+          "tagName": "zn-well",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/well\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n */",
+          "documentation": "https://zinc.style/components/well",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnWell",
+            "module": "components/well/well.js"
+          }
+        }
+      ]
     }
   ],
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.74",
+    "version": "1.1.75",
     "author": "",
     "license": "MIT"
   }

package/dist/vscode.html-custom-data.json

@@ -13,17 +13,6 @@
         }
       ]
     },
-    {
-      "name": "zn-action-bar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
-        }
-      ]
-    },
     {
       "name": "zn-alert",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -64,6 +53,17 @@
         }
       ]
     },
+    {
+      "name": "zn-action-bar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/action-bar"
+        }
+      ]
+    },
     {
       "name": "zn-animated-button",
       "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -4486,17 +4486,6 @@
         }
       ]
     },
-    {
-      "name": "zn-well",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-      "attributes": [
-        { "name": "icon", "values": [] },
-        { "name": "inline", "values": [] }
-      ],
-      "references": [
-        { "name": "Documentation", "url": "https://zinc.style/components/well" }
-      ]
-    },
     {
       "name": "zn-vertical-stepper",
       "description": "Vertical steppers display a sequence of steps in a vertical layout with descriptions and optional icons.\n---\n\n\n### **Slots:**\n - **icon** - Optional slot for adding an icon or indicator before the step content.\n\n### **CSS Parts:**\n - **vs** - The main container for the vertical stepper.\n- **vs__left** - The left section containing the icon and connecting line.\n- **vs__icon** - The icon container.\n- **vs__line** - The vertical connecting line between steps.\n- **vs__right** - The right section containing caption and description text.\n- **vs__caption** - The caption/title text element.\n- **vs__description** - The description text element.",
@@ -4533,6 +4522,17 @@
           "url": "https://zinc.style/components/vertical-stepper"
         }
       ]
+    },
+    {
+      "name": "zn-well",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+      "attributes": [
+        { "name": "icon", "values": [] },
+        { "name": "inline", "values": [] }
+      ],
+      "references": [
+        { "name": "Documentation", "url": "https://zinc.style/components/well" }
+      ]
     }
   ]
 }

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.74",
+  "version": "1.1.75",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,28 +15,6 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -105,6 +83,28 @@
             ]
           }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-animated-button",
           "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -10601,24 +10601,6 @@
             "events": []
           }
         },
-        {
-          "name": "zn-well",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "icon", "value": { "type": "string", "default": "''" } },
-            { "name": "inline", "value": { "type": "boolean" } }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "icon", "type": "string" },
-              { "name": "inline", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-vertical-stepper",
           "description": "Vertical steppers display a sequence of steps in a vertical layout with descriptions and optional icons.\n---\n\n\n### **Slots:**\n - **icon** - Optional slot for adding an icon or indicator before the step content.\n\n### **CSS Parts:**\n - **vs** - The main container for the vertical stepper.\n- **vs__left** - The left section containing the icon and connecting line.\n- **vs__icon** - The icon container.\n- **vs__line** - The vertical connecting line between steps.\n- **vs__right** - The right section containing caption and description text.\n- **vs__caption** - The caption/title text element.\n- **vs__description** - The description text element.",
@@ -10687,6 +10669,24 @@
             ],
             "events": []
           }
+        },
+        {
+          "name": "zn-well",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "icon", "value": { "type": "string", "default": "''" } },
+            { "name": "inline", "value": { "type": "boolean" } }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "icon", "type": "string" },
+              { "name": "inline", "type": "boolean" }
+            ],
+            "events": []
+          }
         }
       ]
     }

package/dist/zn.min.js

@@ -1510,7 +1510,7 @@ import{a as En,b as E_,c as pr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var b
         `:""}
       </div>
       <slot name="bottom" part="bottom"></slot>`}};Ot.styles=E(Tv),Ot.dependencies={"zn-dropdown":nr},c([p({attribute:"navigation",type:Array})],Ot.prototype,"navigation",2),c([p({attribute:"full-width",type:Boolean,reflect:!0})],Ot.prototype,"fullWidth",2),c([p({attribute:"icon-bar",type:Boolean,reflect:!0})],Ot.prototype,"iconBar",2),c([p({attribute:"slim",type:Boolean,reflect:!0})],Ot.prototype,"slim",2),c([p({attribute:"border",type:Boolean,reflect:!0})],Ot.prototype,"border",2),c([p({attribute:"hide-one",type:Boolean,reflect:!0})],Ot.prototype,"hideOne",2),c([p({attribute:"flush",type:Boolean,reflect:!0})],Ot.prototype,"flush",2),c([p({attribute:"gutter",type:Boolean,reflect:!0})],Ot.prototype,"gutter",2),c([p({type:Boolean})],Ot.prototype,"stacked",2),c([p({type:Array})],Ot.prototype,"dropdown",2),c([p({attribute:"no-pad",type:Boolean})],Ot.prototype,"noPad",2),c([p({attribute:"manual-add-items",type:Boolean})],Ot.prototype,"manualAddItems",2),c([p({type:Boolean})],Ot.prototype,"isolated",2),c([p({reflect:!0})],Ot.prototype,"color",2),c([p({attribute:"master-id",reflect:!0})],Ot.prototype,"masterId",2),c([p({attribute:"store-key",type:String})],Ot.prototype,"storeKey",2),c([p({attribute:"store-ttl",type:Number,reflect:!0})],Ot.prototype,"storeTtl",2),c([p({attribute:"local-storage",type:Boolean,reflect:!0})],Ot.prototype,"localStorage",2),c([p()],Ot.prototype,"_appended",2);var aa=Ot;Ot.define("zn-navbar");function od(i){function o(pt,nt){return pt<<nt|pt>>>32-nt}function t(pt,nt){let xt,R,y,k,z;return y=pt&2147483648,k=nt&2147483648,xt=pt&1073741824,R=nt&1073741824,z=(pt&1073741823)+(nt&1073741823),xt&&R?z^2147483648^y^k:xt||R?z?z^3221225472^y^k:z^1073741824^y^k:z^y^k}function r(pt,nt,xt){return pt&nt|~pt&xt}function n(pt,nt,xt){return pt&xt|nt&~xt}function a(pt,nt,xt){return pt^nt^xt}function s(pt,nt,xt){return nt^(pt|~xt)}function l(pt,nt,xt,R,y,k,z){return pt=t(pt,t(t(r(nt,xt,R),y),z)),t(o(pt,k),nt)}function d(pt,nt,xt,R,y,k,z){return pt=t(pt,t(t(n(nt,xt,R),y),z)),t(o(pt,k),nt)}function h(pt,nt,xt,R,y,k,z){return pt=t(pt,t(t(a(nt,xt,R),y),z)),t(o(pt,k),nt)}function m(pt,nt,xt,R,y,k,z){return pt=t(pt,t(t(s(nt,xt,R),y),z)),t(o(pt,k),nt)}function f(pt){for(var nt,xt=pt.length,R=xt+8,y=(R-R%64)/64,k=(y+1)*16,z=Array(k-1),M=0,q=0;q<xt;)nt=(q-q%4)/4,M=q%4*8,z[nt]=z[nt]|pt.charCodeAt(q)<<M,q++;return nt=(q-q%4)/4,M=q%4*8,z[nt]=z[nt]|128<<M,z[k-2]=xt<<3,z[k-1]=xt>>>29,z}function b(pt){var nt="",xt="",R,y;for(y=0;y<=3;y++)R=pt>>>y*8&255,xt="0"+R.toString(16),nt=nt+xt.substr(xt.length-2,2);return nt}function g(pt){pt=pt.replace(/\r\n/g,`
-`);let nt="";for(let xt=0;xt<pt.length;xt++){let R=pt.charCodeAt(xt);R<128?nt+=String.fromCharCode(R):R>127&&R<2048?(nt+=String.fromCharCode(R>>6|192),nt+=String.fromCharCode(R&63|128)):(nt+=String.fromCharCode(R>>12|224),nt+=String.fromCharCode(R>>6&63|128),nt+=String.fromCharCode(R&63|128))}return nt}let v,x,_,$,N,G,I,w,T,L,W=7,tt=12,dt=17,gt=22,_t=5,Nt=9,ze=14,Ke=20,cr=4,$e=11,Ye=16,we=23,ti=6,$a=10,ut=15,qo=21;for(i=g(i),v=f(i),I=1732584193,w=4023233417,T=2562383102,L=271733878,x=0;x<v.length;x+=16)_=I,$=w,N=T,G=L,I=l(I,w,T,L,v[x+0],W,3614090360),L=l(L,I,w,T,v[x+1],tt,3905402710),T=l(T,L,I,w,v[x+2],dt,606105819),w=l(w,T,L,I,v[x+3],gt,3250441966),I=l(I,w,T,L,v[x+4],W,4118548399),L=l(L,I,w,T,v[x+5],tt,1200080426),T=l(T,L,I,w,v[x+6],dt,2821735955),w=l(w,T,L,I,v[x+7],gt,4249261313),I=l(I,w,T,L,v[x+8],W,1770035416),L=l(L,I,w,T,v[x+9],tt,2336552879),T=l(T,L,I,w,v[x+10],dt,4294925233),w=l(w,T,L,I,v[x+11],gt,2304563134),I=l(I,w,T,L,v[x+12],W,1804603682),L=l(L,I,w,T,v[x+13],tt,4254626195),T=l(T,L,I,w,v[x+14],dt,2792965006),w=l(w,T,L,I,v[x+15],gt,1236535329),I=d(I,w,T,L,v[x+1],_t,4129170786),L=d(L,I,w,T,v[x+6],Nt,3225465664),T=d(T,L,I,w,v[x+11],ze,643717713),w=d(w,T,L,I,v[x+0],Ke,3921069994),I=d(I,w,T,L,v[x+5],_t,3593408605),L=d(L,I,w,T,v[x+10],Nt,38016083),T=d(T,L,I,w,v[x+15],ze,3634488961),w=d(w,T,L,I,v[x+4],Ke,3889429448),I=d(I,w,T,L,v[x+9],_t,568446438),L=d(L,I,w,T,v[x+14],Nt,3275163606),T=d(T,L,I,w,v[x+3],ze,4107603335),w=d(w,T,L,I,v[x+8],Ke,1163531501),I=d(I,w,T,L,v[x+13],_t,2850285829),L=d(L,I,w,T,v[x+2],Nt,4243563512),T=d(T,L,I,w,v[x+7],ze,1735328473),w=d(w,T,L,I,v[x+12],Ke,2368359562),I=h(I,w,T,L,v[x+5],cr,4294588738),L=h(L,I,w,T,v[x+8],$e,2272392833),T=h(T,L,I,w,v[x+11],Ye,1839030562),w=h(w,T,L,I,v[x+14],we,4259657740),I=h(I,w,T,L,v[x+1],cr,2763975236),L=h(L,I,w,T,v[x+4],$e,1272893353),T=h(T,L,I,w,v[x+7],Ye,4139469664),w=h(w,T,L,I,v[x+10],we,3200236656),I=h(I,w,T,L,v[x+13],cr,681279174),L=h(L,I,w,T,v[x+0],$e,3936430074),T=h(T,L,I,w,v[x+3],Ye,3572445317),w=h(w,T,L,I,v[x+6],we,76029189),I=h(I,w,T,L,v[x+9],cr,3654602809),L=h(L,I,w,T,v[x+12],$e,3873151461),T=h(T,L,I,w,v[x+15],Ye,530742520),w=h(w,T,L,I,v[x+2],we,3299628645),I=m(I,w,T,L,v[x+0],ti,4096336452),L=m(L,I,w,T,v[x+7],$a,1126891415),T=m(T,L,I,w,v[x+14],ut,2878612391),w=m(w,T,L,I,v[x+5],qo,4237533241),I=m(I,w,T,L,v[x+12],ti,1700485571),L=m(L,I,w,T,v[x+3],$a,2399980690),T=m(T,L,I,w,v[x+10],ut,4293915773),w=m(w,T,L,I,v[x+1],qo,2240044497),I=m(I,w,T,L,v[x+8],ti,1873313359),L=m(L,I,w,T,v[x+15],$a,4264355552),T=m(T,L,I,w,v[x+6],ut,2734768916),w=m(w,T,L,I,v[x+13],qo,1309151649),I=m(I,w,T,L,v[x+4],ti,4149444226),L=m(L,I,w,T,v[x+11],$a,3174756917),T=m(T,L,I,w,v[x+2],ut,718787259),w=m(w,T,L,I,v[x+9],qo,3951481745),I=t(I,_),w=t(w,$),T=t(T,N),L=t(L,G);var Mo=b(I)+b(w)+b(T)+b(L);return Mo.toLowerCase()}var $v=S`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block}.expanding-action--fill{padding-inline:var(--zn-spacing-medium);padding-bottom:var(--zn-spacing-2x-small);position:absolute;top:0;left:auto;right:0;bottom:0;background-color:rgb(var(--zn-panel));width:0;transition:width var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),opacity var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),display var(--zn-transition-slow) ease-in-out allow-discrete}@starting-style {.expanding-action--fill.expanding-action--open{width:0}}.expanding-action--fill.expanding-action--open{display:flex;flex-direction:row;align-items:center;gap:10px;height:100%;width:min(100%,800px);overflow:hidden;z-index:100;max-width:800px}.expanding-action--fill.expanding-action--open::before{content:"";position:absolute;left:calc(var(--zn-spacing-medium) * -1);right:calc(var(--zn-spacing-medium) * -1);bottom:6px;background-color:rgb(var(--zn-primary));height:2px}.expanding-action--fill.expanding-action--open>zn-icon{display:block;color:rgb(var(--zn-primary))}.expanding-action--fill.expanding-action--closed{display:none;opacity:0}@starting-style {.expanding-action--fill .expanding-action__content{opacity:0}}.expanding-action--fill .expanding-action__content{opacity:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0}.expanding-action--drop,.expanding-action--drop .expanding-action__dropdown,.expanding-action--drop .expanding-action__dropdown zn-button[slot=trigger]{height:100%}.expanding-action--drop .expanding-action__content{--expanding-action-trigger-width:36px;position:relative;min-width:300px;width:var(--expanding-action-basis,var(--zn-container-smp,320px));max-width:80vw;background-color:rgb(var(--zn-panel));box-shadow:0 8px 16px -6px rgba(33,33,33,0.18);border:solid 1px rgb(var(--zn-border-color));border-radius:var(--zn-border-radius) 0 var(--zn-border-radius) var(--zn-border-radius);padding:0;height:100%}.expanding-action--drop .expanding-action__content::before{content:"";position:absolute;top:-1px;left:calc(100% - var(--expanding-action-trigger-width) + 2px);right:0;z-index:1;height:2px;background:rgb(var(--zn-panel))}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__content{border-radius:0 var(--zn-border-radius) var(--zn-border-radius) var(--zn-border-radius)}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__content::before{left:0;right:calc(100% - var(--expanding-action-trigger-width) + 2px)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]{position:relative;z-index:calc(var(--zn-z-index-dropdown) + 1)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::before{content:"";position:absolute;inset:0;z-index:-1;height:41px;background:rgb(var(--zn-panel));border:solid 1px rgb(var(--zn-border-color));border-bottom-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius) var(--zn-border-radius) 0 0}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):hover,:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):active{background:transparent}`;var Fe=class extends C{constructor(){super();this.method="drop";this.prefetch=!1;this.basis="300";this.open=!1;this.fetchStyle="";this.noPrefetch=!1;this._knownUri=new Map;this._actions=[];this._preload=!0;this._metaObserved=!1;this._countObserver=new Lt(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{let r=Rt("app-content",this,"")[0]?.shadowRoot?.querySelector('meta[name="count"]');if(!r)return;let n=r.getAttribute("content"),a=this.shadowRoot?.querySelector(".expanding-action__dropdown zn-button");n&&a&&a.setAttribute("notification",n)}});this._colorObserver=new Lt(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{let r=Rt("app-content",this,"")[0]?.shadowRoot?.querySelector('meta[name="color"]');if(!r)return;let n=r.getAttribute("content");n&&(this.color=n)}});this.handleIconClicked=()=>{this.open=!this.open};this.handleIconCloseClicked=()=>{this.open=!1};this._updateTriggerSide=()=>{let t=this.shadowRoot?.querySelector('.expanding-action__dropdown zn-button[slot="trigger"]'),r=this.shadowRoot?.querySelector("#content");if(!t||!r)return;let n=t.getBoundingClientRect(),a=r.getBoundingClientRect();if(a.width===0)return;let s=(n.left+n.right)/2,l=(a.left+a.right)/2;this.setAttribute("data-trigger-side",s>l?"right":"left")};this._panels=new Map}async connectedCallback(){super.connectedCallback(),this.masterId||(this.masterId=Math.floor(Math.random()*1e6).toString()),this._preload=!this.noPrefetch,await this.updateComplete,this._panel=this.shadowRoot?.querySelector("#content")}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerActions()},10),this.contextUri&&setTimeout(()=>{this.fetchContextHeaders().then(r=>r)},10)}_observeMetaData(){if(this._metaObserved)return;let r=Rt("app-content",this,"")[0]?.shadowRoot;r&&(this._countObserver.observe(r),this._colorObserver.observe(r),this._metaObserved=!0)}_registerActions(){Rt("[action-uri]",this,"zn-expanding-action").forEach(t=>{t.getAttribute("action-uri")===""&&(t.setAttribute("action",""),t.removeAttribute("action-uri")),this._addAction(t)})}_addAction(t){this._actions.includes(t)||(this._actions.push(t),this._preload&&t.addEventListener("mouseover",this.fetchUri.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}_uriToId(t){return"action-"+od(t).substr(0,8)+"-"+this.masterId}_handleClick(t){let r=t.relatedTarget??t.target;r&&this.clickAction(r)}_createUriPanel(t,r,n){if(t.hasAttribute("action")||t.setAttribute("action",n),this._knownUri.has(r)||this._knownUri.set(r,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let a=document.createElement("div");return a.setAttribute("id",n),this.fetchStyle!==""&&a.setAttribute("data-fetch-style",this.fetchStyle),a.setAttribute("data-self-uri",r),a.setAttribute("data-fetch-style","expanding-action"),a.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(a),this._panels.set(n,[a])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:a,source:t}})),a}fetchUri(t){if(!t.hasAttribute("action")&&t.hasAttribute("action-uri")){let r=t.getAttribute("action-uri")??"";this._createUriPanel(t,r,this._uriToId(r)),this._observeMetaData()}}async fetchContextHeaders(){try{let t=await fetch(this.contextUri,{credentials:"same-origin",method:"head",headers:{"x-requested-with":"XMLHttpRequest"}}),r=t.headers.get("x-kubex-count");r&&(this.count=r);let n=t.headers.get("x-kubex-color");n&&(this.color=n)}catch{}}clickAction(t){this.fetchUri(t)}_observePlacement(){let r=this.shadowRoot?.querySelector(".expanding-action__dropdown")?.shadowRoot?.querySelector(".dropdown");if(!r){requestAnimationFrame(()=>this._observePlacement());return}this._updateTriggerSide(),!this._placementObserver&&(this._placementObserver=new MutationObserver(this._updateTriggerSide),this._placementObserver.observe(r,{attributes:!0,attributeFilter:["data-current-placement"]}))}disconnectedCallback(){super.disconnectedCallback(),this._placementObserver?.disconnect(),this._placementObserver=void 0}render(){return u`
+`);let nt="";for(let xt=0;xt<pt.length;xt++){let R=pt.charCodeAt(xt);R<128?nt+=String.fromCharCode(R):R>127&&R<2048?(nt+=String.fromCharCode(R>>6|192),nt+=String.fromCharCode(R&63|128)):(nt+=String.fromCharCode(R>>12|224),nt+=String.fromCharCode(R>>6&63|128),nt+=String.fromCharCode(R&63|128))}return nt}let v,x,_,$,N,G,I,w,T,L,W=7,tt=12,dt=17,gt=22,_t=5,Nt=9,ze=14,Ke=20,cr=4,$e=11,Ye=16,we=23,ti=6,$a=10,ut=15,qo=21;for(i=g(i),v=f(i),I=1732584193,w=4023233417,T=2562383102,L=271733878,x=0;x<v.length;x+=16)_=I,$=w,N=T,G=L,I=l(I,w,T,L,v[x+0],W,3614090360),L=l(L,I,w,T,v[x+1],tt,3905402710),T=l(T,L,I,w,v[x+2],dt,606105819),w=l(w,T,L,I,v[x+3],gt,3250441966),I=l(I,w,T,L,v[x+4],W,4118548399),L=l(L,I,w,T,v[x+5],tt,1200080426),T=l(T,L,I,w,v[x+6],dt,2821735955),w=l(w,T,L,I,v[x+7],gt,4249261313),I=l(I,w,T,L,v[x+8],W,1770035416),L=l(L,I,w,T,v[x+9],tt,2336552879),T=l(T,L,I,w,v[x+10],dt,4294925233),w=l(w,T,L,I,v[x+11],gt,2304563134),I=l(I,w,T,L,v[x+12],W,1804603682),L=l(L,I,w,T,v[x+13],tt,4254626195),T=l(T,L,I,w,v[x+14],dt,2792965006),w=l(w,T,L,I,v[x+15],gt,1236535329),I=d(I,w,T,L,v[x+1],_t,4129170786),L=d(L,I,w,T,v[x+6],Nt,3225465664),T=d(T,L,I,w,v[x+11],ze,643717713),w=d(w,T,L,I,v[x+0],Ke,3921069994),I=d(I,w,T,L,v[x+5],_t,3593408605),L=d(L,I,w,T,v[x+10],Nt,38016083),T=d(T,L,I,w,v[x+15],ze,3634488961),w=d(w,T,L,I,v[x+4],Ke,3889429448),I=d(I,w,T,L,v[x+9],_t,568446438),L=d(L,I,w,T,v[x+14],Nt,3275163606),T=d(T,L,I,w,v[x+3],ze,4107603335),w=d(w,T,L,I,v[x+8],Ke,1163531501),I=d(I,w,T,L,v[x+13],_t,2850285829),L=d(L,I,w,T,v[x+2],Nt,4243563512),T=d(T,L,I,w,v[x+7],ze,1735328473),w=d(w,T,L,I,v[x+12],Ke,2368359562),I=h(I,w,T,L,v[x+5],cr,4294588738),L=h(L,I,w,T,v[x+8],$e,2272392833),T=h(T,L,I,w,v[x+11],Ye,1839030562),w=h(w,T,L,I,v[x+14],we,4259657740),I=h(I,w,T,L,v[x+1],cr,2763975236),L=h(L,I,w,T,v[x+4],$e,1272893353),T=h(T,L,I,w,v[x+7],Ye,4139469664),w=h(w,T,L,I,v[x+10],we,3200236656),I=h(I,w,T,L,v[x+13],cr,681279174),L=h(L,I,w,T,v[x+0],$e,3936430074),T=h(T,L,I,w,v[x+3],Ye,3572445317),w=h(w,T,L,I,v[x+6],we,76029189),I=h(I,w,T,L,v[x+9],cr,3654602809),L=h(L,I,w,T,v[x+12],$e,3873151461),T=h(T,L,I,w,v[x+15],Ye,530742520),w=h(w,T,L,I,v[x+2],we,3299628645),I=m(I,w,T,L,v[x+0],ti,4096336452),L=m(L,I,w,T,v[x+7],$a,1126891415),T=m(T,L,I,w,v[x+14],ut,2878612391),w=m(w,T,L,I,v[x+5],qo,4237533241),I=m(I,w,T,L,v[x+12],ti,1700485571),L=m(L,I,w,T,v[x+3],$a,2399980690),T=m(T,L,I,w,v[x+10],ut,4293915773),w=m(w,T,L,I,v[x+1],qo,2240044497),I=m(I,w,T,L,v[x+8],ti,1873313359),L=m(L,I,w,T,v[x+15],$a,4264355552),T=m(T,L,I,w,v[x+6],ut,2734768916),w=m(w,T,L,I,v[x+13],qo,1309151649),I=m(I,w,T,L,v[x+4],ti,4149444226),L=m(L,I,w,T,v[x+11],$a,3174756917),T=m(T,L,I,w,v[x+2],ut,718787259),w=m(w,T,L,I,v[x+9],qo,3951481745),I=t(I,_),w=t(w,$),T=t(T,N),L=t(L,G);var Mo=b(I)+b(w)+b(T)+b(L);return Mo.toLowerCase()}var $v=S`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block}.expanding-action--fill{padding-inline:var(--zn-spacing-medium);padding-bottom:var(--zn-spacing-2x-small);position:absolute;top:0;left:auto;right:0;bottom:0;background-color:rgb(var(--zn-panel));width:0;transition:width var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),opacity var(--zn-transition-slow) cubic-bezier(0.62,0.16,0.13,1.01),display var(--zn-transition-slow) ease-in-out allow-discrete}@starting-style {.expanding-action--fill.expanding-action--open{width:0}}.expanding-action--fill.expanding-action--open{display:flex;flex-direction:row;align-items:center;gap:10px;height:100%;width:min(100%,800px);overflow:hidden;z-index:100;max-width:800px}.expanding-action--fill.expanding-action--open::before{content:"";position:absolute;left:calc(var(--zn-spacing-medium) * -1);right:calc(var(--zn-spacing-medium) * -1);bottom:6px;background-color:rgb(var(--zn-primary));height:2px}.expanding-action--fill.expanding-action--open>zn-icon{display:block;color:rgb(var(--zn-primary))}.expanding-action--fill.expanding-action--closed{display:none;opacity:0}@starting-style {.expanding-action--fill .expanding-action__content{opacity:0}}.expanding-action--fill .expanding-action__content{opacity:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0}.expanding-action--drop,.expanding-action--drop .expanding-action__dropdown,.expanding-action--drop .expanding-action__dropdown zn-button[slot=trigger]{height:100%}.expanding-action--drop .expanding-action__frame ::-webkit-scrollbar{width:5px;height:5px}.expanding-action--drop .expanding-action__frame{}.expanding-action--drop .expanding-action__frame ::-webkit-scrollbar-track{background:transparent}.expanding-action--drop .expanding-action__frame{}.expanding-action--drop .expanding-action__frame ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.expanding-action--drop .expanding-action__frame{}.expanding-action--drop .expanding-action__frame ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.expanding-action--drop .expanding-action__frame{--expanding-action-trigger-width:36px;position:relative;display:flex;flex-direction:column;min-width:300px;width:var(--expanding-action-basis,var(--zn-container-smp,320px));max-width:80vw;max-height:var(--expanding-action-max-height,var(--auto-size-available-height,80vh));background-color:rgb(var(--zn-panel));box-shadow:0 8px 16px -6px rgba(33,33,33,0.18);border:solid 1px rgb(var(--zn-border-color));border-radius:var(--zn-border-radius) 0 var(--zn-border-radius) var(--zn-border-radius);padding:0;height:100%}.expanding-action--drop .expanding-action__frame::before{content:"";position:absolute;top:-1px;left:calc(100% - var(--expanding-action-trigger-width) + 2px);right:0;z-index:1;height:2px;background:rgb(var(--zn-panel))}.expanding-action--drop .expanding-action__content{flex:1 1 auto;min-height:0;overflow-y:auto;border-radius:inherit}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__frame{border-radius:0 var(--zn-border-radius) var(--zn-border-radius) var(--zn-border-radius)}:host([data-trigger-side=left]) .expanding-action--drop .expanding-action__frame::before{left:0;right:calc(100% - var(--expanding-action-trigger-width) + 2px)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]{position:relative;z-index:calc(var(--zn-z-index-dropdown) + 1)}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::before{content:"";position:absolute;inset:0;z-index:-1;height:41px;background:rgb(var(--zn-panel));border:solid 1px rgb(var(--zn-border-color));border-bottom-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius) var(--zn-border-radius) 0 0}:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):hover,:host([open]) .expanding-action__dropdown zn-button[slot=trigger]::part(base):active{background:transparent}`;var Fe=class extends C{constructor(){super();this.method="drop";this.prefetch=!1;this.basis="300";this.open=!1;this.fetchStyle="";this.noPrefetch=!1;this._knownUri=new Map;this._actions=[];this._preload=!0;this._metaObserved=!1;this._countObserver=new Lt(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{let r=Rt("app-content",this,"")[0]?.shadowRoot?.querySelector('meta[name="count"]');if(!r)return;let n=r.getAttribute("content"),a=this.shadowRoot?.querySelector(".expanding-action__dropdown zn-button");n&&a&&a.setAttribute("notification",n)}});this._colorObserver=new Lt(this,{target:null,config:{subtree:!0,attributes:!0,attributeFilter:["content"],childList:!0},callback:()=>{let r=Rt("app-content",this,"")[0]?.shadowRoot?.querySelector('meta[name="color"]');if(!r)return;let n=r.getAttribute("content");n&&(this.color=n)}});this.handleIconClicked=()=>{this.open=!this.open};this.handleIconCloseClicked=()=>{this.open=!1};this._updateTriggerSide=()=>{let t=this.shadowRoot?.querySelector('.expanding-action__dropdown zn-button[slot="trigger"]'),r=this.shadowRoot?.querySelector("#content");if(!t||!r)return;let n=t.getBoundingClientRect(),a=r.getBoundingClientRect();if(a.width===0)return;let s=(n.left+n.right)/2,l=(a.left+a.right)/2;this.setAttribute("data-trigger-side",s>l?"right":"left")};this._panels=new Map}async connectedCallback(){super.connectedCallback(),this.masterId||(this.masterId=Math.floor(Math.random()*1e6).toString()),this._preload=!this.noPrefetch,await this.updateComplete,this._panel=this.shadowRoot?.querySelector("#content")}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>{this._registerActions()},10),this.contextUri&&setTimeout(()=>{this.fetchContextHeaders().then(r=>r)},10)}_observeMetaData(){if(this._metaObserved)return;let r=Rt("app-content",this,"")[0]?.shadowRoot;r&&(this._countObserver.observe(r),this._colorObserver.observe(r),this._metaObserved=!0)}_registerActions(){Rt("[action-uri]",this,"zn-expanding-action").forEach(t=>{t.getAttribute("action-uri")===""&&(t.setAttribute("action",""),t.removeAttribute("action-uri")),this._addAction(t)})}_addAction(t){this._actions.includes(t)||(this._actions.push(t),this._preload&&t.addEventListener("mouseover",this.fetchUri.bind(this,t)),t.addEventListener("click",this._handleClick.bind(this)))}_uriToId(t){return"action-"+od(t).substr(0,8)+"-"+this.masterId}_handleClick(t){let r=t.relatedTarget??t.target;r&&this.clickAction(r)}_createUriPanel(t,r,n){if(t.hasAttribute("action")||t.setAttribute("action",n),this._knownUri.has(r)||this._knownUri.set(r,n),this._panels.has(n)&&this._panels.get(n)!==void 0)return this._panels.get(n)[0];let a=document.createElement("div");return a.setAttribute("id",n),this.fetchStyle!==""&&a.setAttribute("data-fetch-style",this.fetchStyle),a.setAttribute("data-self-uri",r),a.setAttribute("data-fetch-style","expanding-action"),a.textContent="Loading ...",this._panel instanceof HTMLElement&&(this._panel.appendChild(a),this._panels.set(n,[a])),document.dispatchEvent(new CustomEvent("zn-new-element",{detail:{element:a,source:t}})),a}fetchUri(t){if(!t.hasAttribute("action")&&t.hasAttribute("action-uri")){let r=t.getAttribute("action-uri")??"";this._createUriPanel(t,r,this._uriToId(r)),this._observeMetaData()}}async fetchContextHeaders(){try{let t=await fetch(this.contextUri,{credentials:"same-origin",method:"head",headers:{"x-requested-with":"XMLHttpRequest"}}),r=t.headers.get("x-kubex-count");r&&(this.count=r);let n=t.headers.get("x-kubex-color");n&&(this.color=n)}catch{}}clickAction(t){this.fetchUri(t)}_observePlacement(){let r=this.shadowRoot?.querySelector(".expanding-action__dropdown")?.shadowRoot?.querySelector(".dropdown");if(!r){requestAnimationFrame(()=>this._observePlacement());return}this._updateTriggerSide(),!this._placementObserver&&(this._placementObserver=new MutationObserver(this._updateTriggerSide),this._placementObserver.observe(r,{attributes:!0,attributeFilter:["data-current-placement"]}))}disconnectedCallback(){super.disconnectedCallback(),this._placementObserver?.disconnect(),this._placementObserver=void 0}render(){return u`
       ${this.method==="fill"?u`
         <zn-button class="expanding-action__button"
                    @click="${this.handleIconClicked}"
@@ -1538,8 +1538,10 @@ import{a as En,b as E_,c as pr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var b
                    plain
                    notification="${this.count||V}">
         </zn-button>
-        <div id="content" class="expanding-action__content">
-          <slot></slot>
+        <div class="expanding-action__frame">
+          <div id="content" class="expanding-action__content">
+            <slot></slot>
+          </div>
         </div>
       </zn-dropdown>`}renderFill(){return u`
       <zn-icon src="${this.icon}" size="20"></zn-icon>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.74",
+  "version": "1.1.75",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/expanding-action/expanding-action.component.ts

@@ -325,8 +325,10 @@ export default class ZnExpandingAction extends ZincElement {
                    plain
                    notification="${this.count || nothing}">
         </zn-button>
-        <div id="content" class="expanding-action__content">
-          <slot></slot>
+        <div class="expanding-action__frame">
+          <div id="content" class="expanding-action__content">
+            <slot></slot>
+          </div>
         </div>
       </zn-dropdown>`
   }

package/src/components/expanding-action/expanding-action.scss

@@ -72,13 +72,18 @@
   height: 100%;
 }
 
-.expanding-action--drop .expanding-action__content {
+.expanding-action--drop .expanding-action__frame {
+  @include wc.scrollbars;
+
   --expanding-action-trigger-width: 36px;
 
   position: relative;
+  display: flex;
+  flex-direction: column;
   min-width: 300px;
   width: var(--expanding-action-basis, var(--zn-container-smp, 320px));
   max-width: 80vw;
+  max-height: var(--expanding-action-max-height, var(--auto-size-available-height, 80vh));
   background-color: rgb(var(--zn-panel));
   box-shadow: 0 8px 16px -6px rgba(33, 33, 33, 0.18);
   border: solid 1px rgb(var(--zn-border-color));
@@ -98,7 +103,14 @@
   }
 }
 
-:host([data-trigger-side="left"]) .expanding-action--drop .expanding-action__content {
+.expanding-action--drop .expanding-action__content {
+  flex: 1 1 auto;
+  min-height: 0; // Without this the flex item refuses to shrink below its content height
+  overflow-y: auto;
+  border-radius: inherit;
+}
+
+:host([data-trigger-side="left"]) .expanding-action--drop .expanding-action__frame {
   border-radius: 0 var(--zn-border-radius) var(--zn-border-radius) var(--zn-border-radius);
 
   &::before {

package/src/components/expanding-action/expanding-action.test.ts

@@ -1,5 +1,5 @@
 import '../../../dist/zn.min.js';
-import { expect, fixture, html } from '@open-wc/testing';
+import { expect, fixture, html, waitUntil } from '@open-wc/testing';
 
 describe('<zn-expanding-action>', () => {
   it('should render a component', async () => {
@@ -7,4 +7,47 @@ describe('<zn-expanding-action>', () => {
 
     expect(el).to.exist;
   });
+
+  describe('drop panel overflow', () => {
+    const openPanel = async (el: HTMLElement) => {
+      const dropdown = el.shadowRoot!.querySelector('zn-dropdown') as HTMLElement & { show: () => Promise<unknown> };
+      await dropdown.show();
+      await waitUntil(() => el.hasAttribute('open'));
+      await new Promise(resolve => requestAnimationFrame(resolve));
+    };
+
+    const tallContent = html`
+      <zn-expanding-action method="drop" icon="note">
+        <div style="height: 4000px">tall</div>
+      </zn-expanding-action>`;
+
+    it('should bound the panel height so it cannot run off the screen', async () => {
+      const el = await fixture<HTMLElement>(tallContent);
+      await openPanel(el);
+
+      const frame = el.shadowRoot!.querySelector<HTMLElement>('.expanding-action__frame')!;
+      expect(frame).to.exist;
+      expect(frame.getBoundingClientRect().height).to.be.at.most(window.innerHeight);
+    });
+
+    it('should scroll overflowing content rather than clipping it', async () => {
+      const el = await fixture<HTMLElement>(tallContent);
+      await openPanel(el);
+
+      const content = el.shadowRoot!.querySelector<HTMLElement>('#content')!;
+      expect(getComputedStyle(content).overflowY).to.equal('auto');
+      expect(content.scrollHeight).to.be.greaterThan(content.clientHeight);
+    });
+
+    it('should honour an explicit max-height', async () => {
+      const el = await fixture<HTMLElement>(html`
+        <zn-expanding-action method="drop" icon="note" max-height="250">
+          <div style="height: 4000px">tall</div>
+        </zn-expanding-action>`);
+      await openPanel(el);
+
+      const frame = el.shadowRoot!.querySelector<HTMLElement>('.expanding-action__frame')!;
+      expect(Math.round(frame.getBoundingClientRect().height)).to.equal(250);
+    });
+  });
 });