@kubex/zinc 1.1.155 → 1.1.156

package/dist/custom-elements.json

@@ -56,6 +56,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/alert/alert.js",
@@ -250,79 +323,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/animated-button/animated-button.js",
@@ -38273,6 +38273,16 @@
               "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
               "attribute": "no-toggle"
             },
+            {
+              "kind": "field",
+              "name": "_isMasked",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Nothing is hidden when the revealed value is what's already on show, so there is nothing to reveal.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "_isRevealed",
@@ -40920,6 +40930,21 @@
               "privacy": "private",
               "description": "Filters visible options based on the current search query"
             },
+            {
+              "kind": "method",
+              "name": "updateEmptyState",
+              "privacy": "private",
+              "description": "Nothing for the user to pick: either the option list is empty or every option is filtered out.\nThe search paths track this themselves, so this covers opening a dropdown with no query."
+            },
+            {
+              "kind": "field",
+              "name": "emptyStateText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "clearSearch",
@@ -53560,7 +53585,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.155",
+    "version": "1.1.156",
     "author": "",
     "license": "MIT"
   }

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

@@ -13,6 +13,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-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.",
@@ -53,17 +64,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-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",

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.155",
+  "version": "1.1.156",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n\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\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.",
@@ -83,28 +105,6 @@
             ]
           }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n\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\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",

package/dist/zn.d.ts

@@ -2954,6 +2954,12 @@ declare module "components/select/select.component" {
         private handleSearchInput;
         /** Filters visible options based on the current search query */
         private filterOptions;
+        /**
+         * Nothing for the user to pick: either the option list is empty or every option is filtered out.
+         * The search paths track this themselves, so this covers opening a dropdown with no query.
+         */
+        private updateEmptyState;
+        private get emptyStateText();
         /** Clears the search query and shows all options */
         private clearSearch;
         private updateOptGroupSeparators;
@@ -9156,6 +9162,8 @@ declare module "components/reveal/reveal.component" {
         hideDelay: number;
         /** Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent. */
         noToggle: boolean;
+        /** Nothing is hidden when the revealed value is what's already on show, so there is nothing to reveal. */
+        private get _isMasked();
         private _isRevealed;
         private _isToggled;
         private _hideTimer?;

package/dist/zn.min.js

@@ -589,7 +589,7 @@ import{a as Hn,b as z3,c as _r,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var e
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
       </div>
-    `}handleSlotChange(){this.disabled&&this.propagateDisabled()}propagateDisabled(){this.querySelectorAll("zn-option").forEach(t=>{t.disabled=this.disabled})}};Wn.styles=z(w0),c([p()],Wn.prototype,"label",2),c([p({type:Boolean,reflect:!0})],Wn.prototype,"disabled",2),c([K("label")],Wn.prototype,"handleLabelChange",1),c([K("disabled")],Wn.prototype,"handleDisabledChange",1);var bs=Wn;var Xu=bs;bs.define("zn-opt-group");var z0=_`@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}*,*::before,*::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}.select{flex:1 1 auto;display:inline-flex;width:100%;position:relative;vertical-align:middle}.select::part(popup){z-index:var(--zn-z-index-dropdown)}.select[data-current-placement^=top]::part(popup){transform-origin:bottom}.select[data-current-placement^=bottom]::part(popup){transform-origin:top}.select__combobox{flex:1;display:flex;width:100%;min-width:0;position:relative;align-items:center;justify-content:start;font-family:var(--zn-input-font-family);font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);vertical-align:middle;overflow:hidden;cursor:pointer;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) box-shadow,var(--zn-transition-fast) background-color}.select__prefix{display:flex;align-items:center;align-self:stretch;height:100%}.select__display-input{position:relative;width:100%;font:inherit;border:none;background:none;color:var(--zn-input-color);cursor:inherit;overflow:hidden;padding:0;margin:0;-webkit-appearance:none}.select__display-input::-moz-placeholder{color:var(--zn-input-placeholder-color)}.select__display-input::placeholder{color:var(--zn-input-placeholder-color)}.select:not(.select--disabled):hover .select__display-input{color:var(--zn-input-color-hover)}.select__display-input:focus{outline:none}.select--multiple:not(.select--placeholder-visible):not(.select--search) .select__display-input,.select--multiple.select--search:not(.select--open):not(.select--placeholder-visible) .select__display-input{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.select--multiple.select--search.select--open .select__display-input{flex:1 1 60px;min-width:60px;width:auto;order:2;margin-inline-start:var(--zn-spacing-2x-small)}.select--multiple.select--search.select--open .select__prefix{order:0}.select--multiple.select--search.select--open .select__tags{order:1;flex:0 1 auto}.select--multiple.select--search.select--open .select__clear{order:4}.select--multiple.select--search.select--open .select__expand-icon{order:5}.select--multiple.select--search.select--open .select__combobox{flex-wrap:wrap;gap:var(--zn-spacing-2x-small);padding-inline-start:0;overflow:visible;align-content:flex-start;align-items:center;align-self:flex-start;height:auto;padding-block:var(--zn-spacing-2x-small)}.select__value-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:-1}.select__tags{display:flex;flex:1;align-items:center;flex-wrap:wrap;margin-inline-start:var(--zn-spacing-2x-small)}.select__tags zn-chip{cursor:default}.select__tags zn-icon[slot=action]{cursor:pointer}.select--disabled .select__tags,.select--disabled .select__tags zn-chip,.select--disabled .select__tags zn-icon[slot=action]{cursor:not-allowed}.select--standard .select__combobox{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.select--standard.select--disabled .select__combobox{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);color:var(--zn-input-color-disabled);opacity:0.5;cursor:not-allowed;outline:none}.select--standard:not(.select--disabled).select--open .select__combobox,.select--standard:not(.select--disabled).select--focused .select__combobox{background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus);box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.select--standard:hover:not(.select--disabled) .select__combobox{background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.select--small .select__combobox{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);min-height:var(--zn-input-height-small);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--small .select__clear{margin-inline-start:var(--zn-input-spacing-small)}.select--small .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-small)}.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-block:2px;padding-inline-start:0}.select--small .select__tags{gap:2px}.select--medium .select__combobox{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);min-height:var(--zn-input-height-medium);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--medium .select__combobox{padding-inline-start:0}.select--medium .select__clear{margin-inline-start:var(--zn-input-spacing-medium)}.select--medium .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-medium)}.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:3px}.select--medium .select__tags{gap:3px}.select--large .select__combobox{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);min-height:var(--zn-input-height-large);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--large .select__combobox{padding-inline-start:0}.select--large .select__clear{margin-inline-start:var(--zn-input-spacing-large)}.select--large .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-large)}.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:4px}.select--large .select__tags{gap:4px}.select--pill.select--small .select__combobox{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-large)}.select--pill.select--medium .select__combobox{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-large)}.select--pill.select--large .select__combobox{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-large)}.select__prefix{flex:0;display:inline-flex;align-items:center;color:var(--zn-input-icon-color)}.select--has-input-prefix.select--standard .select__combobox{padding-inline-start:0}.select__suffix{flex:0 0 auto;display:inline-flex;align-items:center}.select__suffix::slotted(*){margin-inline-start:var(--zn-spacing-x-small)}.select__clear{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.select__clear zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select__clear:hover{color:var(--zn-input-icon-color-hover)}.select__clear:hover zn-icon{--icon-color:var(--zn-input-icon-color-hover)}.select__clear:focus{outline:none}.select__expand-icon{flex:0 0 auto;display:flex;align-items:center;transition:var(--zn-transition-medium) rotate ease;rotate:0;margin-inline-start:var(--zn-spacing-small)}.select__expand-icon zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select--open .select__expand-icon{rotate:-180deg}.select__spinner{animation:spin 1s linear infinite;--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}@keyframes spin{from{rotate:0deg}to{rotate:360deg}}.select__fetch-error-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-color-danger-600)}.select__listbox{display:block;position:relative;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);box-shadow:var(--zn-shadow-medium);background:var(--zn-panel-background-color);border:solid var(--zn-panel-border-width) var(--zn-panel-border-color);border-radius:var(--zn-border-radius);margin:var(--zn-spacing-x-small) 0;padding-inline:0;overflow:auto;overscroll-behavior:none;max-width:var(--auto-size-available-width);max-height:min(500px,var(--auto-size-available-height))}.select__listbox ::slotted(zn-divider){--spacing:var(--zn-spacing-x-small)}.select__listbox ::slotted(small){font-size:var(--zn-font-size-x-small);font-weight:var(--zn-font-weight-semibold);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-loose);text-transform:uppercase;color:var(--zn-color-neutral-600);padding-block:var(--zn-spacing-x-small) var(--zn-spacing-2x-small);padding-inline:var(--zn-spacing-small);-moz-user-select:none;user-select:none;-webkit-user-select:none}.select__listbox ::slotted(zn-opt-group){display:block}.select__listbox ::slotted(zn-opt-group[hidden]){display:none}.select__search-loading{display:flex;align-items:center;justify-content:center;gap:var(--zn-spacing-small);padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__max-results-indicator{display:block;padding:var(--zn-spacing-small) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-small);font-style:italic;border-top:solid var(--zn-panel-border-width) var(--zn-panel-border-color)}.select__empty-state{display:block;padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__empty-state[hidden]{display:none}.select__add-option{display:flex;align-items:center;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-font-size-small);cursor:pointer}.select__add-option:hover,.select__add-option.select__add-option--current{background-color:var(--zn-color-primary-100)}.select--search .select__combobox{cursor:text}.select--search .select__display-input{cursor:text}`;var Z=class extends S{constructor(){super(...arguments);this.formControlController=new re(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.conditionalController=new gs(this);this.hasSlotController=new Y(this,"help-text","label");this.localize=new Ft(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.inputPrefix=!1;this._searchQuery="";this._searchDisplayValue="";this._noResultsVisible=!1;this._addOptionActive=!1;this._fetchedOptions=[];this._fetchLoading=!1;this._fetchError="";this._fetchAbortController=null;this._searchDebounceTimer=null;this._searchLoading=!1;this._lastRemoteQuery=null;this._lastRemoteExhaustive=!1;this._totalResultCount=0;this._selectedRemoteItems=[];this.name="";this.nonRemovable=!1;this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptions=0;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.pill=!1;this.search=!1;this.freeText=!1;this.label="";this.labelTooltip="";this.contextNote="";this.placement="bottom";this.helpText="";this.required=!1;this.cacheKey="";this.triggerSubmit=!1;this.getTag=t=>u`
+    `}handleSlotChange(){this.disabled&&this.propagateDisabled()}propagateDisabled(){this.querySelectorAll("zn-option").forEach(t=>{t.disabled=this.disabled})}};Wn.styles=z(w0),c([p()],Wn.prototype,"label",2),c([p({type:Boolean,reflect:!0})],Wn.prototype,"disabled",2),c([K("label")],Wn.prototype,"handleLabelChange",1),c([K("disabled")],Wn.prototype,"handleDisabledChange",1);var bs=Wn;var Xu=bs;bs.define("zn-opt-group");var z0=_`@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}*,*::before,*::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}.select{flex:1 1 auto;display:inline-flex;width:100%;position:relative;vertical-align:middle}.select::part(popup){z-index:var(--zn-z-index-dropdown)}.select[data-current-placement^=top]::part(popup){transform-origin:bottom}.select[data-current-placement^=bottom]::part(popup){transform-origin:top}.select__combobox{flex:1;display:flex;width:100%;min-width:0;position:relative;align-items:center;justify-content:start;font-family:var(--zn-input-font-family);font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);vertical-align:middle;overflow:hidden;cursor:pointer;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) box-shadow,var(--zn-transition-fast) background-color}.select__prefix{display:flex;align-items:center;align-self:stretch;height:100%}.select__display-input{position:relative;width:100%;font:inherit;border:none;background:none;color:var(--zn-input-color);cursor:inherit;overflow:hidden;padding:0;margin:0;-webkit-appearance:none}.select__display-input::-moz-placeholder{color:var(--zn-input-placeholder-color)}.select__display-input::placeholder{color:var(--zn-input-placeholder-color)}.select:not(.select--disabled):hover .select__display-input{color:var(--zn-input-color-hover)}.select__display-input:focus{outline:none}.select--multiple:not(.select--placeholder-visible):not(.select--search) .select__display-input,.select--multiple.select--search:not(.select--open):not(.select--placeholder-visible) .select__display-input{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.select--multiple.select--search.select--open .select__display-input{flex:1 1 60px;min-width:60px;width:auto;order:2;margin-inline-start:var(--zn-spacing-2x-small)}.select--multiple.select--search.select--open .select__prefix{order:0}.select--multiple.select--search.select--open .select__tags{order:1;flex:0 1 auto}.select--multiple.select--search.select--open .select__clear{order:4}.select--multiple.select--search.select--open .select__expand-icon{order:5}.select--multiple.select--search.select--open .select__combobox{flex-wrap:wrap;gap:var(--zn-spacing-2x-small);padding-inline-start:0;overflow:visible;align-content:flex-start;align-items:center;align-self:flex-start;height:auto;padding-block:var(--zn-spacing-2x-small)}.select__value-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:-1}.select__tags{display:flex;flex:1;align-items:center;flex-wrap:wrap;margin-inline-start:var(--zn-spacing-2x-small)}.select__tags zn-chip{cursor:default}.select__tags zn-icon[slot=action]{cursor:pointer}.select--disabled .select__tags,.select--disabled .select__tags zn-chip,.select--disabled .select__tags zn-icon[slot=action]{cursor:not-allowed}.select--standard .select__combobox{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.select--standard.select--disabled .select__combobox{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);color:var(--zn-input-color-disabled);opacity:0.5;cursor:not-allowed;outline:none}.select--standard:not(.select--disabled).select--open .select__combobox,.select--standard:not(.select--disabled).select--focused .select__combobox{background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus);box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.select--standard:hover:not(.select--disabled) .select__combobox{background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.select--small .select__combobox{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);min-height:var(--zn-input-height-small);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--small .select__clear{margin-inline-start:var(--zn-input-spacing-small)}.select--small .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-small)}.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-block:2px;padding-inline-start:0}.select--small .select__tags{gap:2px}.select--medium .select__combobox{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);min-height:var(--zn-input-height-medium);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--medium .select__combobox{padding-inline-start:0}.select--medium .select__clear{margin-inline-start:var(--zn-input-spacing-medium)}.select--medium .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-medium)}.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:3px}.select--medium .select__tags{gap:3px}.select--large .select__combobox{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);min-height:var(--zn-input-height-large);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--large .select__combobox{padding-inline-start:0}.select--large .select__clear{margin-inline-start:var(--zn-input-spacing-large)}.select--large .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-large)}.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:4px}.select--large .select__tags{gap:4px}.select--pill.select--small .select__combobox{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-large)}.select--pill.select--medium .select__combobox{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-large)}.select--pill.select--large .select__combobox{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-large)}.select__prefix{flex:0;display:inline-flex;align-items:center;color:var(--zn-input-icon-color)}.select--has-input-prefix.select--standard .select__combobox{padding-inline-start:0}.select__suffix{flex:0 0 auto;display:inline-flex;align-items:center}.select__suffix::slotted(*){margin-inline-start:var(--zn-spacing-x-small)}.select__clear{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.select__clear zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select__clear:hover{color:var(--zn-input-icon-color-hover)}.select__clear:hover zn-icon{--icon-color:var(--zn-input-icon-color-hover)}.select__clear:focus{outline:none}.select__expand-icon{flex:0 0 auto;display:flex;align-items:center;transition:var(--zn-transition-medium) rotate ease;rotate:0;margin-inline-start:var(--zn-spacing-small)}.select__expand-icon zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select--open .select__expand-icon{rotate:-180deg}.select__spinner{animation:spin 1s linear infinite;--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}@keyframes spin{from{rotate:0deg}to{rotate:360deg}}.select__fetch-error-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-color-danger-600)}.select__listbox{display:block;position:relative;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);box-shadow:var(--zn-shadow-medium);background:var(--zn-panel-background-color);border:solid var(--zn-panel-border-width) var(--zn-panel-border-color);border-radius:var(--zn-border-radius);margin:var(--zn-spacing-x-small) 0;padding-inline:0;overflow:auto;overscroll-behavior:none;max-width:var(--auto-size-available-width);max-height:min(500px,var(--auto-size-available-height))}.select__listbox ::slotted(zn-divider){--spacing:var(--zn-spacing-x-small)}.select__listbox ::slotted(small){font-size:var(--zn-font-size-x-small);font-weight:var(--zn-font-weight-semibold);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-loose);text-transform:uppercase;color:var(--zn-color-neutral-600);padding-block:var(--zn-spacing-x-small) var(--zn-spacing-2x-small);padding-inline:var(--zn-spacing-small);-moz-user-select:none;user-select:none;-webkit-user-select:none}.select__listbox ::slotted(zn-opt-group){display:block}.select__listbox ::slotted(zn-opt-group[hidden]){display:none}.select__search-loading{display:flex;align-items:center;justify-content:center;gap:var(--zn-spacing-small);padding:var(--zn-spacing-small) var(--zn-spacing-medium);color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__max-results-indicator{display:block;padding:var(--zn-spacing-small) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-small);font-style:italic;border-top:solid var(--zn-panel-border-width) var(--zn-panel-border-color)}.select__empty-state{display:block;padding:var(--zn-spacing-small) var(--zn-spacing-medium);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__empty-state[hidden]{display:none}.select__add-option{display:flex;align-items:center;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-font-size-small);cursor:pointer}.select__add-option:hover,.select__add-option.select__add-option--current{background-color:var(--zn-color-primary-100)}.select--search .select__combobox{cursor:text}.select--search .select__display-input{cursor:text}`;var Z=class extends S{constructor(){super(...arguments);this.formControlController=new re(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.conditionalController=new gs(this);this.hasSlotController=new Y(this,"help-text","label");this.localize=new Ft(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.inputPrefix=!1;this._searchQuery="";this._searchDisplayValue="";this._noResultsVisible=!1;this._addOptionActive=!1;this._fetchedOptions=[];this._fetchLoading=!1;this._fetchError="";this._fetchAbortController=null;this._searchDebounceTimer=null;this._searchLoading=!1;this._lastRemoteQuery=null;this._lastRemoteExhaustive=!1;this._totalResultCount=0;this._selectedRemoteItems=[];this.name="";this.nonRemovable=!1;this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptions=0;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.pill=!1;this.search=!1;this.freeText=!1;this.label="";this.labelTooltip="";this.contextNote="";this.placement="bottom";this.helpText="";this.required=!1;this.cacheKey="";this.triggerSubmit=!1;this.getTag=t=>u`
       <zn-chip
         part="tag"
         exportparts="
@@ -606,12 +606,12 @@ import{a as Hn,b as z3,c as _r,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var e
           <zn-icon slot="action" src="close" size="16"
                    @click=${r=>this.handleTagRemove(r,t)}></zn-icon>`}
       </zn-chip>
-    `;this.selectFirst=!1;this.distinct="";this.conditional="";this.requires="";this.maxResults=0;this.searchDebounce=300;this.searchParam="q";this.searchOnly=!1;this.handleDocumentFocusIn=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()};this.handleDocumentKeyDown=t=>{let r=t.target,n=r.closest(".select__clear")!==null,a=r.closest("zn-icon")!==null,s=r.closest(".select__expand-icon")!==null;if(!((n||a)&&!s)){if(t.key==="Escape"&&this.open&&this.freeText&&this._searchDisplayValue.trim()&&(this.clearSearch(),this.displayInput.value=""),(t.key==="Escape"||t.key==="Tab")&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide().then(),this.displayInput.focus({preventScroll:!0})),t.key==="Escape"&&!this.open&&(t.stopPropagation(),this.displayInput.blur()),t.key==="Enter"||t.key===" "&&!this._isTypeable&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show().then();return}if(this.freeText&&!(!(this._addOptionActive&&this._freeTextAddValue!==null)&&this.currentOption&&!this.currentOption.disabled&&!this.currentOption.hidden)&&this.commitFreeText())return;this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple?this._isTypeable&&this.updateComplete.then(()=>{this.displayInput.value="",this.displayInput.focus({preventScroll:!0})}):(this.hide().then(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){if(t.preventDefault(),!this.open&&(this.show().then(),this.currentOption))return;let l=this._isTypeable?this.getVisibleOptions():this.getAllOptions(),d=this.freeText&&this._freeTextAddValue!==null,h="add",m=d?[h,...l]:[...l];if(m.length===0)return;let f=this._addOptionActive&&d?h:this.currentOption??null,b=f===null?-1:m.indexOf(f),g=Math.max(0,b);t.key==="ArrowDown"?(g=b+1,g>m.length-1&&(g=0)):t.key==="ArrowUp"?(g=b-1,g<0&&(g=m.length-1)):t.key==="Home"?g=0:t.key==="End"&&(g=m.length-1);let v=m[g];v===h?(this._addOptionActive=!0,this.setCurrentOption(null)):(this._addOptionActive=!1,this.setCurrentOption(v))}if(!this._isTypeable&&(t.key.length===1||t.key==="Backspace")){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show().then()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of l)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()}}get value(){return this._value}set value(t){if(this.multiple){if(!Array.isArray(t))if(t.trimStart().startsWith("["))try{let r=JSON.parse(t);t=Array.isArray(r)?r:t.split(" ")}catch{typeof t=="string"&&(t=t.split(" "))}else t=t.split(" ")}else t=Array.isArray(t)?t.join(" "):t;this._value!==t&&(this.valueHasChanged=!0,this._value=t,this.hasUpdated&&this.updateDependencies())}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){if(super.connectedCallback(),this.updateComplete.then(()=>this.handleDefaultSlotChange()),this.open=!1,this.cacheKey){let t=JSON.parse(localStorage.getItem("zn-linked-select-cache")||"{}");t[this.cacheKey]&&(this.value=t[this.cacheKey])}}disconnectedCallback(){super.disconnectedCallback(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null)}updateHasInputPrefix(){let t=this.prefixSlot?.assignedElements({flatten:!0})||[];this.inputPrefix=t.length>0}addOpenListeners(){let t=this.getRootNode();t.addEventListener("focusin",this.handleDocumentFocusIn),t.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide().then(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){let t=this.getRootNode();t.removeEventListener("focusin",this.handleDocumentFocusIn),t.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.closeWatcher?.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("zn-focus")}handleBlur(){this.hasFocus=!1,this.emit("zn-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let r=t.composedPath(),n=r.some(l=>l instanceof Element&&l.tagName.toLowerCase()==="zn-icon"),a=r.some(l=>l instanceof Element&&l.classList.contains("select__expand-icon")),s=r.some(l=>l instanceof Element&&l.classList.contains("select__prefix"));if(!(this.disabled||this._fetchLoading||this._fetchError)&&!(n&&!a||s)){if(this._isTypeable&&this.open&&!a){t.preventDefault(),this.displayInput.focus({preventScroll:!0});return}t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open}}handleComboboxKeyDown(t){if(t.key==="Tab")return;t.composedPath().some(a=>a instanceof Element&&a.classList?.contains("select__prefix"))||(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.value.length>0&&(this.valueHasChanged=!0,this._isTypeable&&(this.clearSearch(),this.displayInput.value=""),this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}get _isRemoteSearch(){return this.search&&!!this.dataUri}get _isTypeable(){return this.search||this.freeText}handleSearchInput(){if(this._isTypeable)if(this._addOptionActive=!1,this._searchDisplayValue=this.displayInput.value,this._searchQuery=this._searchDisplayValue.toLowerCase(),this.open||this.show().then(),this._isRemoteSearch){if(this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),!this._searchQuery){this.filterOptions();return}if(this._lastRemoteExhaustive&&this._lastRemoteQuery!==null&&this._searchQuery.startsWith(this._lastRemoteQuery)){this.filterOptions();return}this._noResultsVisible=!1,this._searchDebounceTimer=window.setTimeout(()=>{this._searchDebounceTimer=null,this.fetchOptions(this._searchQuery).then()},this.searchDebounce)}else this.filterOptions()}filterOptions(){let t=this.getAllOptions(),r=this._searchQuery;if(!r){t.forEach(a=>{a.hidden=!1}),this.getAllOptGroups().forEach(a=>{a.hidden=!1}),this.updateOptGroupSeparators(),this._noResultsVisible=!1;return}let n=new Set(this.getAllOptGroups().filter(a=>a.label.toLowerCase().includes(r)));if(t.forEach(a=>{if(a.selected&&a.hidden)return;let s=a.closest("zn-opt-group");if(s&&n.has(s)){a.hidden=!1;return}let l=a.getTextLabel().toLowerCase(),d=a.value.toLowerCase(),h=l.includes(r)||d.includes(r);a.hidden=!h}),this.getAllOptGroups().forEach(a=>a.updateVisibility()),this.updateOptGroupSeparators(),this._noResultsVisible=t.filter(a=>!a.selected).every(a=>a.hidden),this.currentOption&&this.currentOption.hidden){let a=t.find(s=>!s.hidden&&!s.disabled);a&&this.setCurrentOption(a)}}clearSearch(){this._searchQuery="",this._searchDisplayValue="",this._noResultsVisible=!1,this._addOptionActive=!1,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchLoading=!1,this.getAllOptions().forEach(r=>{r.hidden=!1}),this.getAllOptGroups().forEach(r=>{r.hidden=!1}),this.updateOptGroupSeparators()}updateOptGroupSeparators(){this.getAllOptGroups().forEach(t=>t.updateSeparator())}commitFreeText(t=!0){if(!this.freeText)return!1;let r=(this.displayInput?.value??"").trim();if(!r)return!1;this.valueHasChanged=!0;let n=r.toLowerCase(),s=this.getAllOptions().find(l=>l.value.toLowerCase()===n||l.getTextLabel().toLowerCase()===n)??this._createFreeTextOption(r);return this.multiple?this.toggleOptionSelection(s,!0):this.setSelectedOptions(s),this.clearSearch(),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),t&&(this.multiple?(this.displayInput.value="",this.displayInput.focus({preventScroll:!0})):(this.hide().then(),this.displayInput.focus({preventScroll:!0}))),!0}get _freeTextAddValue(){if(!this.freeText||!this.open)return null;let t=this._searchDisplayValue.trim();if(!t)return null;let r=t.toLowerCase();return this.getAllOptions().some(a=>a.value.toLowerCase()===r||a.getTextLabel().toLowerCase()===r)?null:t}handleAddOptionMouseDown(t){t.preventDefault()}_materialiseFreeTextValues(t){if(!this.freeText)return;let r=new Set(this.getAllOptions().map(n=>n.value));t.forEach(n=>{n===""||r.has(n)||(this._createFreeTextOption(n),r.add(n))})}_createFreeTextOption(t){let r=document.createElement("zn-option");return r.value=t,r.textContent=t,r.setAttribute("data-free-text",""),this.appendChild(r),r}handleOptionClick(t){let r=t.target;if(r.closest(".select__add-option")){this.commitFreeText();return}let n=r.closest("zn-option"),a=this.value;if(n&&!n.disabled){if(this.valueHasChanged=!0,this.multiple){if(this.maxOptions>0&&this.selectedOptions.length>=this.maxOptions&&!n.selected)return;this.toggleOptionSelection(n)}else this.setSelectedOptions(n);this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.multiple&&this._isTypeable&&this.open&&(this.displayInput.value=""),this.displayInput.focus({preventScroll:!0})}),this.value!==a&&this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide().then(),this.displayInput.focus({preventScroll:!0})),this.triggerSubmit&&this.formControlController.submit()}}handleDefaultSlotChange(){customElements.get("zn-option")||customElements.whenDefined("zn-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),r=this.valueHasChanged?this.value:this.defaultValue,n=Array.isArray(r)?r:[r],a=[];if(t.forEach(s=>a.push(s.value)),this._materialiseFreeTextValues(n),this.setSelectedOptions(this.getAllOptions().filter(s=>n.includes(s.value))),this.updateOptGroupSeparators(),!this.valueHasChanged){let s=t.filter(l=>l.hasAttribute("selected"));s.length&&(this.multiple?this.setSelectedOptions(s):this.setSelectedOptions(s[0]),(!this.defaultValue||this.defaultValue.length===0)&&(this.defaultValue=this.value))}this.selectFirst&&this.selectedOptions.length===0&&t.length>0&&(this.setSelectedOptions(t[0]),this.valueHasChanged=!0,this.emit("zn-input"),this.emit("zn-change"))}handleTagRemove(t,r){t.stopPropagation(),t.stopImmediatePropagation(),this.disabled||(this.valueHasChanged=!0,this.toggleOptionSelection(r,!1),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}))}getAllOptions(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-option")]:[],r=[...this.querySelectorAll("zn-option")];return[...t,...r]}getAllOptGroups(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-opt-group")]:[],r=[...this.querySelectorAll("zn-opt-group")];return[...t,...r]}getVisibleOptions(){return this.getAllOptions().filter(t=>!t.hidden)}getFirstOption(){return this.querySelector("zn-option")}setCurrentOption(t){this.getAllOptions().forEach(n=>{n.current=!1,n.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,this._isTypeable&&this.open&&this.shadowRoot?.activeElement===this.displayInput||t.focus())}setSelectedOptions(t){let r=this.getAllOptions(),n=Array.isArray(t)?t:[t];r.forEach(a=>a.selected=!1),n.length&&n.forEach(a=>a.selected=!0),this.selectionChanged()}toggleOptionSelection(t,r){r===!0||r===!1?t.selected=r:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter(r=>r.selected),this.querySelectorAll("[data-free-text]").forEach(r=>{r.selected||r.remove()}),this._isRemoteSearch&&this.multiple&&(this._selectedRemoteItems=this.selectedOptions.map(r=>({key:r.value,value:r.getTextLabel()})));let t=this.valueHasChanged;if(this.multiple)this.getAllOptions().filter(r=>!r.multiple).forEach(r=>{r.multiple=!0}),this.value=this.selectedOptions.map(r=>r.value),this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{this.getAllOptions().filter(n=>n.multiple).forEach(n=>{n.multiple=!1});let r=this.selectedOptions[0];this.value=r?.value??"",this.displayLabel=r?.getTextLabel()??""}this.valueHasChanged=t,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,r)=>{if(r<this.maxOptionsVisible||this.maxOptionsVisible<=0){let n=this.getTag(t,r);return u`
+    `;this.selectFirst=!1;this.distinct="";this.conditional="";this.requires="";this.maxResults=0;this.searchDebounce=300;this.searchParam="q";this.searchOnly=!1;this.handleDocumentFocusIn=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()};this.handleDocumentKeyDown=t=>{let r=t.target,n=r.closest(".select__clear")!==null,a=r.closest("zn-icon")!==null,s=r.closest(".select__expand-icon")!==null;if(!((n||a)&&!s)){if(t.key==="Escape"&&this.open&&this.freeText&&this._searchDisplayValue.trim()&&(this.clearSearch(),this.displayInput.value=""),(t.key==="Escape"||t.key==="Tab")&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide().then(),this.displayInput.focus({preventScroll:!0})),t.key==="Escape"&&!this.open&&(t.stopPropagation(),this.displayInput.blur()),t.key==="Enter"||t.key===" "&&!this._isTypeable&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show().then();return}if(this.freeText&&!(!(this._addOptionActive&&this._freeTextAddValue!==null)&&this.currentOption&&!this.currentOption.disabled&&!this.currentOption.hidden)&&this.commitFreeText())return;this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple?this._isTypeable&&this.updateComplete.then(()=>{this.displayInput.value="",this.displayInput.focus({preventScroll:!0})}):(this.hide().then(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){if(t.preventDefault(),!this.open&&(this.show().then(),this.currentOption))return;let l=this._isTypeable?this.getVisibleOptions():this.getAllOptions(),d=this.freeText&&this._freeTextAddValue!==null,h="add",m=d?[h,...l]:[...l];if(m.length===0)return;let f=this._addOptionActive&&d?h:this.currentOption??null,b=f===null?-1:m.indexOf(f),g=Math.max(0,b);t.key==="ArrowDown"?(g=b+1,g>m.length-1&&(g=0)):t.key==="ArrowUp"?(g=b-1,g<0&&(g=m.length-1)):t.key==="Home"?g=0:t.key==="End"&&(g=m.length-1);let v=m[g];v===h?(this._addOptionActive=!0,this.setCurrentOption(null)):(this._addOptionActive=!1,this.setCurrentOption(v))}if(!this._isTypeable&&(t.key.length===1||t.key==="Backspace")){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show().then()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of l)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()}}get value(){return this._value}set value(t){if(this.multiple){if(!Array.isArray(t))if(t.trimStart().startsWith("["))try{let r=JSON.parse(t);t=Array.isArray(r)?r:t.split(" ")}catch{typeof t=="string"&&(t=t.split(" "))}else t=t.split(" ")}else t=Array.isArray(t)?t.join(" "):t;this._value!==t&&(this.valueHasChanged=!0,this._value=t,this.hasUpdated&&this.updateDependencies())}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){if(super.connectedCallback(),this.updateComplete.then(()=>this.handleDefaultSlotChange()),this.open=!1,this.cacheKey){let t=JSON.parse(localStorage.getItem("zn-linked-select-cache")||"{}");t[this.cacheKey]&&(this.value=t[this.cacheKey])}}disconnectedCallback(){super.disconnectedCallback(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null)}updateHasInputPrefix(){let t=this.prefixSlot?.assignedElements({flatten:!0})||[];this.inputPrefix=t.length>0}addOpenListeners(){let t=this.getRootNode();t.addEventListener("focusin",this.handleDocumentFocusIn),t.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide().then(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){let t=this.getRootNode();t.removeEventListener("focusin",this.handleDocumentFocusIn),t.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.closeWatcher?.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("zn-focus")}handleBlur(){this.hasFocus=!1,this.emit("zn-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let r=t.composedPath(),n=r.some(l=>l instanceof Element&&l.tagName.toLowerCase()==="zn-icon"),a=r.some(l=>l instanceof Element&&l.classList.contains("select__expand-icon")),s=r.some(l=>l instanceof Element&&l.classList.contains("select__prefix"));if(!(this.disabled||this._fetchLoading||this._fetchError)&&!(n&&!a||s)){if(this._isTypeable&&this.open&&!a){t.preventDefault(),this.displayInput.focus({preventScroll:!0});return}t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open}}handleComboboxKeyDown(t){if(t.key==="Tab")return;t.composedPath().some(a=>a instanceof Element&&a.classList?.contains("select__prefix"))||(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.value.length>0&&(this.valueHasChanged=!0,this._isTypeable&&(this.clearSearch(),this.displayInput.value=""),this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}get _isRemoteSearch(){return this.search&&!!this.dataUri}get _isTypeable(){return this.search||this.freeText}handleSearchInput(){if(this._isTypeable)if(this._addOptionActive=!1,this._searchDisplayValue=this.displayInput.value,this._searchQuery=this._searchDisplayValue.toLowerCase(),this.open||this.show().then(),this._isRemoteSearch){if(this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),!this._searchQuery){this.filterOptions();return}if(this._lastRemoteExhaustive&&this._lastRemoteQuery!==null&&this._searchQuery.startsWith(this._lastRemoteQuery)){this.filterOptions();return}this._noResultsVisible=!1,this._searchDebounceTimer=window.setTimeout(()=>{this._searchDebounceTimer=null,this.fetchOptions(this._searchQuery).then()},this.searchDebounce)}else this.filterOptions()}filterOptions(){let t=this.getAllOptions(),r=this._searchQuery;if(!r){t.forEach(a=>{a.hidden=!1}),this.getAllOptGroups().forEach(a=>{a.hidden=!1}),this.updateOptGroupSeparators(),this.updateEmptyState();return}let n=new Set(this.getAllOptGroups().filter(a=>a.label.toLowerCase().includes(r)));if(t.forEach(a=>{if(a.selected&&a.hidden)return;let s=a.closest("zn-opt-group");if(s&&n.has(s)){a.hidden=!1;return}let l=a.getTextLabel().toLowerCase(),d=a.value.toLowerCase(),h=l.includes(r)||d.includes(r);a.hidden=!h}),this.getAllOptGroups().forEach(a=>a.updateVisibility()),this.updateOptGroupSeparators(),this._noResultsVisible=t.filter(a=>!a.selected).every(a=>a.hidden),this.currentOption&&this.currentOption.hidden){let a=t.find(s=>!s.hidden&&!s.disabled);a&&this.setCurrentOption(a)}}updateEmptyState(){let t=this.getAllOptions();this._noResultsVisible=t.length===0||t.every(r=>r.hidden)}get emptyStateText(){return this._searchQuery?"No matching options":"No options available"}clearSearch(){this._searchQuery="",this._searchDisplayValue="",this._noResultsVisible=!1,this._addOptionActive=!1,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchLoading=!1,this.getAllOptions().forEach(r=>{r.hidden=!1}),this.getAllOptGroups().forEach(r=>{r.hidden=!1}),this.updateOptGroupSeparators()}updateOptGroupSeparators(){this.getAllOptGroups().forEach(t=>t.updateSeparator())}commitFreeText(t=!0){if(!this.freeText)return!1;let r=(this.displayInput?.value??"").trim();if(!r)return!1;this.valueHasChanged=!0;let n=r.toLowerCase(),s=this.getAllOptions().find(l=>l.value.toLowerCase()===n||l.getTextLabel().toLowerCase()===n)??this._createFreeTextOption(r);return this.multiple?this.toggleOptionSelection(s,!0):this.setSelectedOptions(s),this.clearSearch(),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),t&&(this.multiple?(this.displayInput.value="",this.displayInput.focus({preventScroll:!0})):(this.hide().then(),this.displayInput.focus({preventScroll:!0}))),!0}get _freeTextAddValue(){if(!this.freeText||!this.open)return null;let t=this._searchDisplayValue.trim();if(!t)return null;let r=t.toLowerCase();return this.getAllOptions().some(a=>a.value.toLowerCase()===r||a.getTextLabel().toLowerCase()===r)?null:t}handleAddOptionMouseDown(t){t.preventDefault()}_materialiseFreeTextValues(t){if(!this.freeText)return;let r=new Set(this.getAllOptions().map(n=>n.value));t.forEach(n=>{n===""||r.has(n)||(this._createFreeTextOption(n),r.add(n))})}_createFreeTextOption(t){let r=document.createElement("zn-option");return r.value=t,r.textContent=t,r.setAttribute("data-free-text",""),this.appendChild(r),r}handleOptionClick(t){let r=t.target;if(r.closest(".select__add-option")){this.commitFreeText();return}let n=r.closest("zn-option"),a=this.value;if(n&&!n.disabled){if(this.valueHasChanged=!0,this.multiple){if(this.maxOptions>0&&this.selectedOptions.length>=this.maxOptions&&!n.selected)return;this.toggleOptionSelection(n)}else this.setSelectedOptions(n);this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.multiple&&this._isTypeable&&this.open&&(this.displayInput.value=""),this.displayInput.focus({preventScroll:!0})}),this.value!==a&&this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide().then(),this.displayInput.focus({preventScroll:!0})),this.triggerSubmit&&this.formControlController.submit()}}handleDefaultSlotChange(){customElements.get("zn-option")||customElements.whenDefined("zn-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),r=this.valueHasChanged?this.value:this.defaultValue,n=Array.isArray(r)?r:[r],a=[];if(t.forEach(s=>a.push(s.value)),this._materialiseFreeTextValues(n),this.setSelectedOptions(this.getAllOptions().filter(s=>n.includes(s.value))),this.updateOptGroupSeparators(),!this.valueHasChanged){let s=t.filter(l=>l.hasAttribute("selected"));s.length&&(this.multiple?this.setSelectedOptions(s):this.setSelectedOptions(s[0]),(!this.defaultValue||this.defaultValue.length===0)&&(this.defaultValue=this.value))}this.selectFirst&&this.selectedOptions.length===0&&t.length>0&&(this.setSelectedOptions(t[0]),this.valueHasChanged=!0,this.emit("zn-input"),this.emit("zn-change")),this.open&&this.updateEmptyState()}handleTagRemove(t,r){t.stopPropagation(),t.stopImmediatePropagation(),this.disabled||(this.valueHasChanged=!0,this.toggleOptionSelection(r,!1),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}))}getAllOptions(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-option")]:[],r=[...this.querySelectorAll("zn-option")];return[...t,...r]}getAllOptGroups(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-opt-group")]:[],r=[...this.querySelectorAll("zn-opt-group")];return[...t,...r]}getVisibleOptions(){return this.getAllOptions().filter(t=>!t.hidden)}getFirstOption(){return this.querySelector("zn-option")}setCurrentOption(t){this.getAllOptions().forEach(n=>{n.current=!1,n.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,this._isTypeable&&this.open&&this.shadowRoot?.activeElement===this.displayInput||t.focus())}setSelectedOptions(t){let r=this.getAllOptions(),n=Array.isArray(t)?t:[t];r.forEach(a=>a.selected=!1),n.length&&n.forEach(a=>a.selected=!0),this.selectionChanged()}toggleOptionSelection(t,r){r===!0||r===!1?t.selected=r:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter(r=>r.selected),this.querySelectorAll("[data-free-text]").forEach(r=>{r.selected||r.remove()}),this._isRemoteSearch&&this.multiple&&(this._selectedRemoteItems=this.selectedOptions.map(r=>({key:r.value,value:r.getTextLabel()})));let t=this.valueHasChanged;if(this.multiple)this.getAllOptions().filter(r=>!r.multiple).forEach(r=>{r.multiple=!0}),this.value=this.selectedOptions.map(r=>r.value),this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{this.getAllOptions().filter(n=>n.multiple).forEach(n=>{n.multiple=!1});let r=this.selectedOptions[0];this.value=r?.value??"",this.displayLabel=r?.getTextLabel()??""}this.valueHasChanged=t,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,r)=>{if(r<this.maxOptionsVisible||this.maxOptionsVisible<=0){let n=this.getTag(t,r);return u`
           <div @zn-remove=${a=>this.handleTagRemove(a,t)}>
             ${typeof n=="string"?Ct(n):n}
           </div>`}else if(r===this.maxOptionsVisible)return u`
           <zn-chip>+${this.selectedOptions.length-r}</zn-chip>`;return u``})}_renderSelectedRemoteItems(){if(!this._isRemoteSearch||!this.multiple||this._selectedRemoteItems.length===0)return B;let t=new Set;for(let r of this._fetchedOptions)if(r.group!==void 0)for(let n of r.options)t.add(n.key);else t.add(r.key);return this._selectedRemoteItems.filter(r=>!t.has(r.key)).map(r=>u`
-        <zn-option value=${r.key} hidden>${r.value}</zn-option>`)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}updated(t){super.updated(t),this.updateOptGroupSeparators()}firstUpdated(t){if(super.firstUpdated(t),this.distinct!==""){let r=document.querySelector(`zn-select[id="${this.distinct}"]`);r&&(r.addEventListener("zn-change",()=>{let n=Array.isArray(r.value)?r.value:[r.value];this.getAllOptions().map(s=>s).forEach(s=>{n.includes(s.value)?s.style.display="none":s.style.display=""})}),r.dispatchEvent(new Event("zn-input")))}this.conditionalController.setup(),this.dataUri&&!this.searchOnly&&this.fetchOptions().then(),this.updateHasInputPrefix(),this.updateDependencies()}handleDisabledChange(){this.disabled?(this.open=!1,this.handleOpenChange().then(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._fetchLoading=!1,this._fetchError=""):this.dataUri&&!this.searchOnly&&this.fetchOptions().then()}handleSrcChange(){this.dataUri&&!this.searchOnly?this.fetchOptions().then():(this._fetchedOptions=[],this._fetchLoading=!1,this._fetchError="",this.handleDefaultSlotChange())}_handleFetchError(t){this._fetchError=t,this._fetchLoading=!1,this._fetchAbortController=null,this.emit("zn-error",{detail:{status:400}})}_buildCacheKey(t){let r=this.cacheKey||this.dataUri;return t?`zn-select-search:${r}:${t}`:`zn-select-search:${r}`}_readCache(t){if(!this.cacheKey)return null;try{let r=localStorage.getItem(this._buildCacheKey(t));if(r)return JSON.parse(r)}catch{}return null}_writeCache(t,r){if(this.cacheKey)try{localStorage.setItem(this._buildCacheKey(t),JSON.stringify(r))}catch{}}_parseOptions(t){let r;if(Array.isArray(t))t.length>0&&t.some(a=>a&&typeof a=="object"&&"group"in a)?r=t.map(a=>"group"in a&&Array.isArray(a.options)?{group:String(a.group),options:a.options}:a):r=t;else if(t&&typeof t=="object")r=Object.entries(t).map(([n,a])=>({key:n,value:String(a)}));else return null;if(this.maxResults>0){let n=0,a=[];for(let s of r){if(n>=this.maxResults)break;if(s.group!==void 0){let l=this.maxResults-n,d=s.options.slice(0,l);d.length>0&&(a.push({group:s.group,options:d}),n+=d.length)}else a.push(s),n++}r=a}return r}async fetchOptions(t){if(!this.dataUri||this.disabled)return;let r=!!t;if(this.cacheKey){let n=this._readCache(t);if(n){this._fetchedOptions=n,this._searchLoading=!1,this._fetchLoading=!1,this._totalResultCount=0,this._noResultsVisible=n.length===0&&r,this.emit("zn-load"),this.updateComplete.then(()=>this.handleDefaultSlotChange());return}}this._fetchAbortController?.abort(),this._fetchAbortController=new AbortController,r?this._searchLoading=!0:this._fetchLoading=!0,this._fetchError="";try{let n=this.dataUri;if(t){let h=n.includes("?")?"&":"?";n=`${n}${h}${encodeURIComponent(this.searchParam)}=${encodeURIComponent(t)}`}let a=await fetch(n,{signal:this._fetchAbortController.signal,credentials:"same-origin",headers:{"x-kx-fetch-style":"zn-select-options","x-kx-context-data":this.contextData||""}});if(!a.ok){this._searchLoading=!1,this._handleFetchError(a.statusText||`HTTP ${a.status}`);return}let s=await a.json(),l=Array.isArray(s)?s.reduce((h,m)=>{if(m&&typeof m=="object"&&"group"in m){let f=m;return h+(Array.isArray(f.options)?f.options.length:0)}return h+1},0):s&&typeof s=="object"?Object.keys(s).length:0,d=this._parseOptions(s);if(!d){this._searchLoading=!1,this._handleFetchError("Expected JSON array or object of options");return}this._fetchedOptions=d,this._fetchLoading=!1,this._searchLoading=!1,this._fetchAbortController=null,this._noResultsVisible=d.length===0&&r,this._totalResultCount=this.maxResults>0&&l>this.maxResults?l:0,this._lastRemoteQuery=t??"",this._lastRemoteExhaustive=this.maxResults>0?l<this.maxResults:!0,this._writeCache(t,d),this.emit("zn-load"),this.updateComplete.then(()=>{this.handleDefaultSlotChange()})}catch(n){if(n instanceof DOMException&&n.name==="AbortError")return;this._searchLoading=!1,this._handleFetchError(n instanceof Error?n.message:"Failed to load options")}}attributeChangedCallback(t,r,n){if(super.attributeChangedCallback(t,r,n),t==="value"){let a=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=a}}handleValueChange(){if(!this.valueHasChanged){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}let t=this.getAllOptions(),r=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(n=>r.includes(n.value))),this.updateDependencies()}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(null),this._isTypeable&&(this.clearSearch(),this.displayInput.value="",this.displayInput.readOnly=!1),this.emit("zn-show"),this.addOpenListeners(),await Qu(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),this._isTypeable&&requestAnimationFrame(()=>{this.displayInput.focus({preventScroll:!0})});let{keyframes:t,options:r}=Cn(this,"select.show",{dir:this.localize.dir()});await yi(this.popup.popup,t,r),this.currentOption&&i0(this.currentOption,this.listbox,"vertical","auto"),this.emit("zn-after-show")}else{this.emit("zn-hide"),this.removeOpenListeners(),this._isTypeable&&(this.freeText&&this._searchDisplayValue.trim()&&this.commitFreeText(!1),this.clearSearch(),this.displayInput.readOnly=!0,this.displayInput.value=this.multiple?"":this.displayLabel),await Qu(this);let{keyframes:t,options:r}=Cn(this,"select.hide",{dir:this.localize.dir()});await yi(this.popup.popup,t,r),this.listbox.hidden=!0,this.popup.active=!1,this.emit("zn-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Li(this,"zn-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,Li(this,"zn-after-hide")}checkValidity(){return this.valueInput?this.valueInput.checkValidity():!1}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput?this.valueInput.reportValidity():!1}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}updateDependencies(){let t=this.getRootNode();if(!t?.querySelectorAll)return;t.querySelectorAll("[data-disable-on]").forEach(n=>{let a=n.getAttribute("data-disable-on");if(!a)return;let s=null;try{s=t.querySelector(a)}catch{}if(!s){let l=a.startsWith("#")?a:`#${a}`;try{s=t.querySelector(l)}catch{}}s===this&&this.updateDependencyState(n)})}updateDependencyState(t){let r=t.getAttribute("data-disable-value");if(r!==null){let n=r.split(",").map(s=>s.trim()),a;Array.isArray(this.value)?a=this.value.some(s=>n.includes(s)):a=n.includes(String(this.value)),this.toggleDisabled(t,a)}}toggleDisabled(t,r){let n=()=>{"defaultValue"in t&&typeof t.defaultValue<"u"&&(t.value=t.defaultValue)};t.disabled=r,r&&n()}render(){let t=this.hasSlotController.test("label"),r=this.hasSlotController.test("label-tooltip"),n=this.hasSlotController.test("context-note"),a=this.hasSlotController.test("help-text"),s=this.label?!0:t,l=this.labelTooltip?!0:r,d=this.contextNote?!0:n,h=this.helpText?!0:a,m=this.clearable&&!this.disabled&&this.value.length>0,f=this.placeholder&&this.value.length===0,b=this._fetchLoading||!!this._fetchError,g=this.disabled||b;return u`
+        <zn-option value=${r.key} hidden>${r.value}</zn-option>`)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}updated(t){super.updated(t),this.updateOptGroupSeparators()}firstUpdated(t){if(super.firstUpdated(t),this.distinct!==""){let r=document.querySelector(`zn-select[id="${this.distinct}"]`);r&&(r.addEventListener("zn-change",()=>{let n=Array.isArray(r.value)?r.value:[r.value];this.getAllOptions().map(s=>s).forEach(s=>{n.includes(s.value)?s.style.display="none":s.style.display=""})}),r.dispatchEvent(new Event("zn-input")))}this.conditionalController.setup(),this.dataUri&&!this.searchOnly&&this.fetchOptions().then(),this.updateHasInputPrefix(),this.updateDependencies()}handleDisabledChange(){this.disabled?(this.open=!1,this.handleOpenChange().then(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._fetchLoading=!1,this._fetchError=""):this.dataUri&&!this.searchOnly&&this.fetchOptions().then()}handleSrcChange(){this.dataUri&&!this.searchOnly?this.fetchOptions().then():(this._fetchedOptions=[],this._fetchLoading=!1,this._fetchError="",this.handleDefaultSlotChange())}_handleFetchError(t){this._fetchError=t,this._fetchLoading=!1,this._fetchAbortController=null,this.emit("zn-error",{detail:{status:400}})}_buildCacheKey(t){let r=this.cacheKey||this.dataUri;return t?`zn-select-search:${r}:${t}`:`zn-select-search:${r}`}_readCache(t){if(!this.cacheKey)return null;try{let r=localStorage.getItem(this._buildCacheKey(t));if(r)return JSON.parse(r)}catch{}return null}_writeCache(t,r){if(this.cacheKey)try{localStorage.setItem(this._buildCacheKey(t),JSON.stringify(r))}catch{}}_parseOptions(t){let r;if(Array.isArray(t))t.length>0&&t.some(a=>a&&typeof a=="object"&&"group"in a)?r=t.map(a=>"group"in a&&Array.isArray(a.options)?{group:String(a.group),options:a.options}:a):r=t;else if(t&&typeof t=="object")r=Object.entries(t).map(([n,a])=>({key:n,value:String(a)}));else return null;if(this.maxResults>0){let n=0,a=[];for(let s of r){if(n>=this.maxResults)break;if(s.group!==void 0){let l=this.maxResults-n,d=s.options.slice(0,l);d.length>0&&(a.push({group:s.group,options:d}),n+=d.length)}else a.push(s),n++}r=a}return r}async fetchOptions(t){if(!this.dataUri||this.disabled)return;let r=!!t;if(this.cacheKey){let n=this._readCache(t);if(n){this._fetchedOptions=n,this._searchLoading=!1,this._fetchLoading=!1,this._totalResultCount=0,this._noResultsVisible=n.length===0&&r,this.emit("zn-load"),this.updateComplete.then(()=>this.handleDefaultSlotChange());return}}this._fetchAbortController?.abort(),this._fetchAbortController=new AbortController,r?this._searchLoading=!0:this._fetchLoading=!0,this._fetchError="";try{let n=this.dataUri;if(t){let h=n.includes("?")?"&":"?";n=`${n}${h}${encodeURIComponent(this.searchParam)}=${encodeURIComponent(t)}`}let a=await fetch(n,{signal:this._fetchAbortController.signal,credentials:"same-origin",headers:{"x-kx-fetch-style":"zn-select-options","x-kx-context-data":this.contextData||""}});if(!a.ok){this._searchLoading=!1,this._handleFetchError(a.statusText||`HTTP ${a.status}`);return}let s=await a.json(),l=Array.isArray(s)?s.reduce((h,m)=>{if(m&&typeof m=="object"&&"group"in m){let f=m;return h+(Array.isArray(f.options)?f.options.length:0)}return h+1},0):s&&typeof s=="object"?Object.keys(s).length:0,d=this._parseOptions(s);if(!d){this._searchLoading=!1,this._handleFetchError("Expected JSON array or object of options");return}this._fetchedOptions=d,this._fetchLoading=!1,this._searchLoading=!1,this._fetchAbortController=null,this._noResultsVisible=d.length===0&&r,this._totalResultCount=this.maxResults>0&&l>this.maxResults?l:0,this._lastRemoteQuery=t??"",this._lastRemoteExhaustive=this.maxResults>0?l<this.maxResults:!0,this._writeCache(t,d),this.emit("zn-load"),this.updateComplete.then(()=>{this.handleDefaultSlotChange()})}catch(n){if(n instanceof DOMException&&n.name==="AbortError")return;this._searchLoading=!1,this._handleFetchError(n instanceof Error?n.message:"Failed to load options")}}attributeChangedCallback(t,r,n){if(super.attributeChangedCallback(t,r,n),t==="value"){let a=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=a}}handleValueChange(){if(!this.valueHasChanged){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}let t=this.getAllOptions(),r=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(n=>r.includes(n.value))),this.updateDependencies()}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(null),this._isTypeable&&(this.clearSearch(),this.displayInput.value="",this.displayInput.readOnly=!1),this.updateEmptyState(),this.emit("zn-show"),this.addOpenListeners(),await Qu(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),this._isTypeable&&requestAnimationFrame(()=>{this.displayInput.focus({preventScroll:!0})});let{keyframes:t,options:r}=Cn(this,"select.show",{dir:this.localize.dir()});await yi(this.popup.popup,t,r),this.currentOption&&i0(this.currentOption,this.listbox,"vertical","auto"),this.emit("zn-after-show")}else{this.emit("zn-hide"),this.removeOpenListeners(),this._isTypeable&&(this.freeText&&this._searchDisplayValue.trim()&&this.commitFreeText(!1),this.clearSearch(),this.displayInput.readOnly=!0,this.displayInput.value=this.multiple?"":this.displayLabel),await Qu(this);let{keyframes:t,options:r}=Cn(this,"select.hide",{dir:this.localize.dir()});await yi(this.popup.popup,t,r),this.listbox.hidden=!0,this.popup.active=!1,this.emit("zn-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Li(this,"zn-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,Li(this,"zn-after-hide")}checkValidity(){return this.valueInput?this.valueInput.checkValidity():!1}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput?this.valueInput.reportValidity():!1}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}updateDependencies(){let t=this.getRootNode();if(!t?.querySelectorAll)return;t.querySelectorAll("[data-disable-on]").forEach(n=>{let a=n.getAttribute("data-disable-on");if(!a)return;let s=null;try{s=t.querySelector(a)}catch{}if(!s){let l=a.startsWith("#")?a:`#${a}`;try{s=t.querySelector(l)}catch{}}s===this&&this.updateDependencyState(n)})}updateDependencyState(t){let r=t.getAttribute("data-disable-value");if(r!==null){let n=r.split(",").map(s=>s.trim()),a;Array.isArray(this.value)?a=this.value.some(s=>n.includes(s)):a=n.includes(String(this.value)),this.toggleDisabled(t,a)}}toggleDisabled(t,r){let n=()=>{"defaultValue"in t&&typeof t.defaultValue<"u"&&(t.value=t.defaultValue)};t.disabled=r,r&&n()}render(){let t=this.hasSlotController.test("label"),r=this.hasSlotController.test("label-tooltip"),n=this.hasSlotController.test("context-note"),a=this.hasSlotController.test("help-text"),s=this.label?!0:t,l=this.labelTooltip?!0:r,d=this.contextNote?!0:n,h=this.helpText?!0:a,m=this.clearable&&!this.disabled&&this.value.length>0,f=this.placeholder&&this.value.length===0,b=this._fetchLoading||!!this._fetchError,g=this.disabled||b;return u`
       <div
         part="form-control"
         class=${M({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":s,"form-control--has-label-tooltip":l,"form-control--has-context-note":d,"form-control--has-help-text":h})}>
@@ -760,7 +760,7 @@ import{a as Hn,b as z3,c as _r,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var e
                     </div>`:u`
                     <div part="empty-state" class="select__empty-state"
                          ?hidden=${!this._noResultsVisible||this._freeTextAddValue!==null}>
-                      No matching options
+                      ${this.emptyStateText}
                     </div>`}
             </div>
           </zn-popup>
@@ -2277,7 +2277,7 @@ import{a as Hn,b as z3,c as _r,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var e
           </zn-dialog>
         `:B}
 
-      </div>`}};Se.styles=[z(Te),z(z1)],Se.dependencies={"zn-icon":ne,"zn-button":Me,"zn-dialog":Sa,"zn-input":lt,"zn-select":Ne,"zn-option":Ke},Se.freeInputLibraries=new Set(["gravatar","libravatar","avatar"]),c([p()],Se.prototype,"name",2),c([p()],Se.prototype,"icon",2),c([p()],Se.prototype,"label",2),c([p()],Se.prototype,"library",2),c([p()],Se.prototype,"color",2),c([p({type:Boolean,attribute:"no-color"})],Se.prototype,"noColor",2),c([p({type:Boolean,attribute:"no-library"})],Se.prototype,"noLibrary",2),c([p({attribute:"help-text"})],Se.prototype,"helpText",2),c([p({type:Boolean,reflect:!0})],Se.prototype,"disabled",2),c([p({type:Boolean,reflect:!0})],Se.prototype,"required",2),c([p({type:Boolean,attribute:"trigger-submit"})],Se.prototype,"triggerSubmit",2),c([p({type:Boolean,attribute:"allow-upload"})],Se.prototype,"allowUpload",2),c([p()],Se.prototype,"accept",2),c([p({reflect:!0})],Se.prototype,"form",2),c([Ee("icon")],Se.prototype,"defaultValue",2),c([I()],Se.prototype,"_dialogOpen",2),c([I()],Se.prototype,"_searchQuery",2),c([I()],Se.prototype,"_iconList",2),c([I()],Se.prototype,"_filteredIcons",2),c([I()],Se.prototype,"_pendingIcon",2),c([I()],Se.prototype,"_pendingLibrary",2),c([I()],Se.prototype,"_pendingColor",2),c([I()],Se.prototype,"_pendingFile",2),c([I()],Se.prototype,"_pendingFileUrl",2),c([I()],Se.prototype,"_mode",2),c([I()],Se.prototype,"_file",2),c([I()],Se.prototype,"_fileUrl",2),c([F("zn-dialog")],Se.prototype,"_dialog",2),c([F(".icon-picker__file-input")],Se.prototype,"_fileInput",2);var zs=Se;var a8=zs;zs.define("zn-icon-picker");var _1=_`@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}*,*::before,*::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;container-type:inline-size;width:100%}.ai{display:flex;width:100%;flex-direction:row;gap:10px}.ai:not(.ai--editing) .ai__input::part(base),.ai:not(.ai--editing) .ai__input::part(combobox),.ai:not(.ai--editing) .ai__input::part(textarea){background-color:transparent;border-color:transparent;box-shadow:none;opacity:1;cursor:initial}.ai:not(.ai--editing) .ai__input::part(input){line-height:var(--zn-line-height-looser)}.ai:not(.ai--editing) .ai__input::part(display-input){color:rgb(var(--zn-text))}.ai:not(.ai--editing) .ai__input::part(input),.ai:not(.ai--editing) .ai__input::part(combobox),.ai:not(.ai--editing) .ai__input::part(textarea){padding:0;color:rgb(var(--zn-text));text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--editing) .ai__input::part(textarea){padding-top:8px;box-shadow:none;text-decoration:none}.ai:not(.ai--editing) .ai__input::part(expand-icon){display:none}.ai:not(.ai--editing) .ai__input::part(form-control-help-text){display:none}.ai:not(.ai--editing):hover .button--edit{display:inline-block}.ai__input::part(form-control-input){margin:0}.ai__input{height:unset;opacity:1}.ai__input[dir=rtl]::part(input),.ai__input[dir=rtl]::part(textarea),.ai__input[dir=rtl]::part(combobox){text-align:left}.ai:not(.ai--editing) .ai__input::part(input)::-webkit-inner-spin-button,.ai:not(.ai--editing) .ai__input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ai--padded{padding:var(--zn-spacing-large)}.ai--inline{display:flex;flex-direction:row;align-items:start;gap:5px}@container (min-width:480px){.ai--inline{align-items:center}}.ai--inline .ai__input{width:100%}.ai--inline .ai__left{width:100%;display:flex;flex-direction:row;justify-content:flex-end}@container (max-width:479px){.ai--inline .ai__left{justify-content:flex-start;flex-direction:column}}.ai--editing .ai__right{display:flex !important}.ai__left{display:flex;flex-direction:column;gap:5px;width:100%}.ai--masked:not(.ai--editing) .ai__input{display:none}.ai__reveal{line-height:var(--zn-line-height-looser);color:rgb(var(--zn-text))}.ai__reveal::part(base){width:100%;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--disabled) .ai__left{cursor:pointer}.ai__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}.ai__right{font-size:12px;color:rgb(var(--zn-primary));font-weight:500;cursor:pointer;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end}.ai__right .button--edit{display:none}.ai--disabled:not(.ai--editing) .ai__input::part(input),.ai--disabled:not(.ai--editing) .ai__input::part(combobox),.ai--disabled:not(.ai--editing) .ai__input::part(textarea){text-decoration:none;caret-color:transparent;border-radius:0}.ai--disabled:not(.ai--editing) .ai__reveal::part(base){text-decoration:none}.ai--disabled:not(.ai--editing) .ai__input::part(display-input){cursor:text}.ai--disabled:not(.ai--editing) .ai__right{display:none !important}zn-textarea::part(textarea){resize:none}`;var de=class extends S{constructor(){super(...arguments);this.formControlController=new re(this,{defaultValue:t=>t.defaultValue,value:t=>{if(t.multiple){let r=typeof t.value=="string"?t.value.split(" ").filter(n=>n!==""):t.value;return r.length>0?r:""}return t.value}});this.hasSlotController=new Y(this,"help-text","[default]");this.conditionalController=new gs(this);this.value="";this.displayValue="";this.clearOnEdit=!1;this.conditional="";this.requires="";this.size="medium";this.inputType="text";this.slashItems=[];this.slashPreset="";this.slashTrigger="/";this.slashHeading="Insert";this.slashHideKeys=!1;this.slashRecentKey="";this.options={};this.iconPosition="none";this.helpText="";this.dir="auto";this.mouseEventHandler=t=>{this.isEditing&&!this.contains(t.target)&&((Array.isArray(this.value)?JSON.stringify(this.value)!==JSON.stringify(this._editStartValue):this.value!==this._editStartValue)||(this.isEditing=!1,this.value=this._valueBeforeEdit,this.input.blur()))};this.escKeyHandler=t=>{t.key==="Escape"&&this.isEditing&&(this.isEditing=!1,this.value=this._valueBeforeEdit,this.input.blur())};this.submitKeyHandler=t=>{t.key==="Enter"&&this.isEditing&&!t.shiftKey&&(this.isEditing=!1,this.emit("zn-submit",{detail:{value:this.value,element:this}}),this.formControlController.submit(),this.input.blur())};this.captureMouseDown=t=>{this.disabled&&!this.isEditing&&t.stopPropagation()};this.captureKeyDown=t=>{this.disabled&&!this.isEditing&&(t.stopPropagation(),t.preventDefault())};this.handleEditClick=t=>{t.preventDefault(),t.stopPropagation(),!this.disabled&&(this.isEditing||(this._valueBeforeEdit=this.value,this.clearOnEdit&&(this.value=this.multiple?[]:""),this._editStartValue=this.value),this.isEditing=!0)};this.handleSubmitClick=t=>{t.preventDefault(),this.isEditing=!1,this.emit("zn-submit",{detail:{value:this.value,element:this}}),this.formControlController.submit()};this.handleCancelClick=t=>{t.preventDefault(),this.isEditing=!1,this.value=this._valueBeforeEdit};this.handleBlur=()=>{this.hasFocus=!1};this.handleInput=t=>{this.disabled||!this.isEditing||(this.value=t.target.value,this.emit("zn-input"))};this.handleSlotChange=async()=>{await this.updateComplete,this.input instanceof Ne&&this.moveSlottedOptionsToSelect()}}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.escKeyHandler),document.addEventListener("keydown",this.submitKeyHandler),document.addEventListener("click",this.mouseEventHandler),this.addEventListener("mousedown",this.captureMouseDown,{capture:!0}),this.addEventListener("keydown",this.captureKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.escKeyHandler),document.removeEventListener("keydown",this.submitKeyHandler),document.removeEventListener("click",this.mouseEventHandler),this.removeEventListener("mousedown",this.captureMouseDown,!0),this.removeEventListener("keydown",this.captureKeyDown,!0)}async firstUpdated(){await this.updateComplete,this.input.addEventListener("onclick",this.handleEditClick),this.conditionalController.setup()}willUpdate(t){(t.has("value")||t.has("multiple"))&&(this.multiple&&typeof this.value=="string"?this.value=this.value.split(" ").filter(r=>r!==""):!this.multiple&&Array.isArray(this.value)&&(this.value=this.value.join(" ")))}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}async handleIsEditingChange(){await this.updateComplete,this.input instanceof Ne&&!this.isEditing&&await this.input.hide(),this.conditionalController.check()}moveSlottedOptionsToSelect(){if(!(this.input instanceof Ne))return;Array.from(this.querySelectorAll("zn-option")).forEach(r=>{this.input.appendChild(r)})}render(){let t=this.editText,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:r;Object.keys(this.options).length>0&&(this.inputType="select"),this.selectProvider&&(this.inputType="data-select"),this.freeText&&!this.selectProvider&&(this.inputType="select");let a;switch(this.inputType){case"select":a=this._getSelectInput();break;case"data-select":a=this._getDataSelectInput();break;case"number":a=this._getNumberInput();break;case"textarea":a=this._getTextAreaInput();break;default:a=this._getTextInput()}return u`
+      </div>`}};Se.styles=[z(Te),z(z1)],Se.dependencies={"zn-icon":ne,"zn-button":Me,"zn-dialog":Sa,"zn-input":lt,"zn-select":Ne,"zn-option":Ke},Se.freeInputLibraries=new Set(["gravatar","libravatar","avatar"]),c([p()],Se.prototype,"name",2),c([p()],Se.prototype,"icon",2),c([p()],Se.prototype,"label",2),c([p()],Se.prototype,"library",2),c([p()],Se.prototype,"color",2),c([p({type:Boolean,attribute:"no-color"})],Se.prototype,"noColor",2),c([p({type:Boolean,attribute:"no-library"})],Se.prototype,"noLibrary",2),c([p({attribute:"help-text"})],Se.prototype,"helpText",2),c([p({type:Boolean,reflect:!0})],Se.prototype,"disabled",2),c([p({type:Boolean,reflect:!0})],Se.prototype,"required",2),c([p({type:Boolean,attribute:"trigger-submit"})],Se.prototype,"triggerSubmit",2),c([p({type:Boolean,attribute:"allow-upload"})],Se.prototype,"allowUpload",2),c([p()],Se.prototype,"accept",2),c([p({reflect:!0})],Se.prototype,"form",2),c([Ee("icon")],Se.prototype,"defaultValue",2),c([I()],Se.prototype,"_dialogOpen",2),c([I()],Se.prototype,"_searchQuery",2),c([I()],Se.prototype,"_iconList",2),c([I()],Se.prototype,"_filteredIcons",2),c([I()],Se.prototype,"_pendingIcon",2),c([I()],Se.prototype,"_pendingLibrary",2),c([I()],Se.prototype,"_pendingColor",2),c([I()],Se.prototype,"_pendingFile",2),c([I()],Se.prototype,"_pendingFileUrl",2),c([I()],Se.prototype,"_mode",2),c([I()],Se.prototype,"_file",2),c([I()],Se.prototype,"_fileUrl",2),c([F("zn-dialog")],Se.prototype,"_dialog",2),c([F(".icon-picker__file-input")],Se.prototype,"_fileInput",2);var zs=Se;var a8=zs;zs.define("zn-icon-picker");var _1=_`@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}*,*::before,*::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;container-type:inline-size;width:100%}.ai{display:flex;width:100%;flex-direction:row;gap:10px}.ai:not(.ai--editing) .ai__input::part(base),.ai:not(.ai--editing) .ai__input::part(combobox),.ai:not(.ai--editing) .ai__input::part(textarea){background-color:transparent;border-color:transparent;box-shadow:none;opacity:1;cursor:initial}.ai:not(.ai--editing) .ai__input::part(input){line-height:var(--zn-line-height-looser)}.ai:not(.ai--editing) .ai__input::part(display-input){color:rgb(var(--zn-text))}.ai:not(.ai--editing) .ai__input::part(input),.ai:not(.ai--editing) .ai__input::part(combobox),.ai:not(.ai--editing) .ai__input::part(textarea){padding:0;color:rgb(var(--zn-text));text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--editing) .ai__input::part(textarea){padding-top:8px;box-shadow:none;text-decoration:none}.ai:not(.ai--editing) .ai__input::part(expand-icon){display:none}.ai:not(.ai--editing) .ai__input::part(form-control-help-text){display:none}.ai:not(.ai--editing):hover .button--edit{display:inline-block}.ai__input::part(form-control-input){margin:0;display:flex}.ai__input{height:unset;opacity:1}.ai__input[dir=rtl]::part(input),.ai__input[dir=rtl]::part(textarea),.ai__input[dir=rtl]::part(combobox){text-align:left}.ai:not(.ai--editing) .ai__input::part(input)::-webkit-inner-spin-button,.ai:not(.ai--editing) .ai__input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ai--padded{padding:var(--zn-spacing-large)}.ai--inline{display:flex;flex-direction:row;align-items:start;gap:5px}@container (min-width:480px){.ai--inline{align-items:center}}.ai--inline .ai__input{width:100%}.ai--inline .ai__left{width:100%;display:flex;flex-direction:row;justify-content:flex-end}@container (max-width:479px){.ai--inline .ai__left{justify-content:flex-start;flex-direction:column}}.ai--editing .ai__right{display:flex !important}.ai__left{display:flex;flex-direction:column;gap:5px;width:100%}.ai--masked:not(.ai--editing) .ai__input{display:none}.ai__reveal{line-height:var(--zn-input-height-medium);color:rgb(var(--zn-text))}.ai__reveal::part(base){width:100%;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--disabled) .ai__left{cursor:pointer}.ai__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}.ai__right{font-size:12px;color:rgb(var(--zn-primary));font-weight:500;cursor:pointer;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end}.ai__right .button--edit{display:none}.ai--disabled:not(.ai--editing) .ai__input::part(input),.ai--disabled:not(.ai--editing) .ai__input::part(combobox),.ai--disabled:not(.ai--editing) .ai__input::part(textarea){text-decoration:none;caret-color:transparent;border-radius:0}.ai--disabled:not(.ai--editing) .ai__reveal::part(base){text-decoration:none}.ai--disabled:not(.ai--editing) .ai__input::part(display-input){cursor:text}.ai--disabled:not(.ai--editing) .ai__right{display:none !important}zn-textarea::part(textarea){resize:none}:host([size=small]) .ai__reveal{line-height:var(--zn-input-height-small)}:host([size=large]) .ai__reveal{line-height:var(--zn-input-height-large)}`;var de=class extends S{constructor(){super(...arguments);this.formControlController=new re(this,{defaultValue:t=>t.defaultValue,value:t=>{if(t.multiple){let r=typeof t.value=="string"?t.value.split(" ").filter(n=>n!==""):t.value;return r.length>0?r:""}return t.value}});this.hasSlotController=new Y(this,"help-text","[default]");this.conditionalController=new gs(this);this.value="";this.displayValue="";this.clearOnEdit=!1;this.conditional="";this.requires="";this.size="medium";this.inputType="text";this.slashItems=[];this.slashPreset="";this.slashTrigger="/";this.slashHeading="Insert";this.slashHideKeys=!1;this.slashRecentKey="";this.options={};this.iconPosition="none";this.helpText="";this.dir="auto";this.mouseEventHandler=t=>{this.isEditing&&!this.contains(t.target)&&((Array.isArray(this.value)?JSON.stringify(this.value)!==JSON.stringify(this._editStartValue):this.value!==this._editStartValue)||(this.isEditing=!1,this.value=this._valueBeforeEdit,this.input.blur()))};this.escKeyHandler=t=>{t.key==="Escape"&&this.isEditing&&(this.isEditing=!1,this.value=this._valueBeforeEdit,this.input.blur())};this.submitKeyHandler=t=>{t.key==="Enter"&&this.isEditing&&!t.shiftKey&&(this.isEditing=!1,this.emit("zn-submit",{detail:{value:this.value,element:this}}),this.formControlController.submit(),this.input.blur())};this.captureMouseDown=t=>{this.disabled&&!this.isEditing&&t.stopPropagation()};this.captureKeyDown=t=>{this.disabled&&!this.isEditing&&(t.stopPropagation(),t.preventDefault())};this.handleEditClick=t=>{t.preventDefault(),t.stopPropagation(),!this.disabled&&(this.isEditing||(this._valueBeforeEdit=this.value,this.clearOnEdit&&(this.value=this.multiple?[]:""),this._editStartValue=this.value),this.isEditing=!0)};this.handleSubmitClick=t=>{t.preventDefault(),this.isEditing=!1,this.emit("zn-submit",{detail:{value:this.value,element:this}}),this.formControlController.submit()};this.handleCancelClick=t=>{t.preventDefault(),this.isEditing=!1,this.value=this._valueBeforeEdit};this.handleBlur=()=>{this.hasFocus=!1};this.handleInput=t=>{this.disabled||!this.isEditing||(this.value=t.target.value,this.emit("zn-input"))};this.handleSlotChange=async()=>{await this.updateComplete,this.input instanceof Ne&&this.moveSlottedOptionsToSelect()}}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.escKeyHandler),document.addEventListener("keydown",this.submitKeyHandler),document.addEventListener("click",this.mouseEventHandler),this.addEventListener("mousedown",this.captureMouseDown,{capture:!0}),this.addEventListener("keydown",this.captureKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.escKeyHandler),document.removeEventListener("keydown",this.submitKeyHandler),document.removeEventListener("click",this.mouseEventHandler),this.removeEventListener("mousedown",this.captureMouseDown,!0),this.removeEventListener("keydown",this.captureKeyDown,!0)}async firstUpdated(){await this.updateComplete,this.input.addEventListener("onclick",this.handleEditClick),this.conditionalController.setup()}willUpdate(t){(t.has("value")||t.has("multiple"))&&(this.multiple&&typeof this.value=="string"?this.value=this.value.split(" ").filter(r=>r!==""):!this.multiple&&Array.isArray(this.value)&&(this.value=this.value.join(" ")))}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}async handleIsEditingChange(){await this.updateComplete,this.input instanceof Ne&&!this.isEditing&&await this.input.hide(),this.conditionalController.check()}moveSlottedOptionsToSelect(){if(!(this.input instanceof Ne))return;Array.from(this.querySelectorAll("zn-option")).forEach(r=>{this.input.appendChild(r)})}render(){let t=this.editText,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:r;(Object.keys(this.options).length>0||this.hasAttribute("options"))&&(this.inputType="select"),this.selectProvider&&(this.inputType="data-select"),this.freeText&&!this.selectProvider&&(this.inputType="select");let a;switch(this.inputType){case"select":a=this._getSelectInput();break;case"data-select":a=this._getDataSelectInput();break;case"number":a=this._getNumberInput();break;case"textarea":a=this._getTextAreaInput();break;default:a=this._getTextInput()}return u`
       <div class="${M({ai:!0,"ai--editing":this.isEditing,"ai--focused":this.hasFocus,"ai--disabled":this.disabled,"ai--inline":this.inline,"ai--padded":this.padded,"ai--masked":!!this.displayValue})}" dir="ltr">
 
         <div class="ai__left" @click="${this.disabled?void 0:this.handleEditClick}">
@@ -4330,16 +4330,20 @@ ${Pa(this.code(i,t))}
                 style="margin-bottom: var(--zn-spacing-small)">
         <zn-icon src="search" slot="prefix"></zn-icon>
       </zn-input>
-      <slot></slot> `}};ta.styles=z(R2),c([p()],ta.prototype,"attr",2);var WL=ta;ta.define("zn-filter-container");var O2=_`@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}*,*::before,*::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:inline-block;cursor:pointer}.reveal{display:inline-grid;grid-template-areas:"stack";align-items:center;overflow:hidden}.reveal__text{grid-area:stack;line-height:inherit;transition:opacity 0.2s ease,transform 0.2s ease;will-change:opacity,transform}.reveal__text--initial{opacity:1;transform:translateY(0)}.reveal__text--revealed{opacity:0;transform:translateY(0.5em)}.reveal--revealed .reveal__text--initial{opacity:0;transform:translateY(-0.5em)}.reveal--revealed .reveal__text--revealed{opacity:1;transform:translateY(0)}`;var Wi=class extends S{constructor(){super(...arguments);this.duration=2e3;this.initial="";this.revealed="";this.hideDelay=150;this.noToggle=!1;this._isRevealed=!1;this._isToggled=!1}disconnectedCallback(){super.disconnectedCallback(),this._clearHideTimer()}_clearHideTimer(){this._hideTimer&&(clearTimeout(this._hideTimer),this._hideTimer=void 0)}handleToggleReveal(){this.noToggle||(this._clearHideTimer(),this.duration?(this._isRevealed=!0,this._isToggled=!0,this.requestUpdate(),setTimeout(()=>{this._isRevealed=!1,this._isToggled=!1,this.requestUpdate()},this.duration)):(this._isRevealed=!this._isRevealed,this._isToggled=!this._isToggled,this.requestUpdate()))}handleMouseEnter(){this._clearHideTimer(),this._isRevealed=!0,this.requestUpdate()}handleMouseLeave(){this._isToggled||(this._clearHideTimer(),this._hideTimer=setTimeout(()=>{this._hideTimer=void 0,this._isRevealed=!1,this.requestUpdate()},this.hideDelay))}render(){return u`
+      <slot></slot> `}};ta.styles=z(R2),c([p()],ta.prototype,"attr",2);var WL=ta;ta.define("zn-filter-container");var O2=_`@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}*,*::before,*::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:inline-block}.reveal{display:inline-grid;grid-template-areas:"stack";align-items:center;overflow:hidden}.reveal--clickable{cursor:pointer}.reveal--static{cursor:auto}.reveal__text{grid-area:stack;line-height:inherit;transition:opacity 0.2s ease,transform 0.2s ease;will-change:opacity,transform}.reveal__text--initial{opacity:1;transform:translateY(0)}.reveal__text--revealed{opacity:0;transform:translateY(0.5em)}.reveal--revealed .reveal__text--initial{opacity:0;transform:translateY(-0.5em)}.reveal--revealed .reveal__text--revealed{opacity:1;transform:translateY(0)}`;var Wi=class extends S{constructor(){super(...arguments);this.duration=2e3;this.initial="";this.revealed="";this.hideDelay=150;this.noToggle=!1;this._isRevealed=!1;this._isToggled=!1}get _isMasked(){return this.revealed!==""&&this.revealed!==this.initial}disconnectedCallback(){super.disconnectedCallback(),this._clearHideTimer()}_clearHideTimer(){this._hideTimer&&(clearTimeout(this._hideTimer),this._hideTimer=void 0)}handleToggleReveal(){this.noToggle||(this._clearHideTimer(),this.duration?(this._isRevealed=!0,this._isToggled=!0,this.requestUpdate(),setTimeout(()=>{this._isRevealed=!1,this._isToggled=!1,this.requestUpdate()},this.duration)):(this._isRevealed=!this._isRevealed,this._isToggled=!this._isToggled,this.requestUpdate()))}handleMouseEnter(){this._clearHideTimer(),this._isRevealed=!0,this.requestUpdate()}handleMouseLeave(){this._isToggled||(this._clearHideTimer(),this._hideTimer=setTimeout(()=>{this._hideTimer=void 0,this._isRevealed=!1,this.requestUpdate()},this.hideDelay))}render(){return this._isMasked?u`
       <div part="base"
-           class=${M({reveal:!0,"reveal--revealed":this._isRevealed,"reveal--toggled":this._isToggled})}
+           class=${M({reveal:!0,"reveal--clickable":!this.noToggle,"reveal--revealed":this._isRevealed,"reveal--toggled":this._isToggled})}
            @click="${this.handleToggleReveal}"
            @mouseenter="${this.handleMouseEnter}"
            @mouseleave="${this.handleMouseLeave}">
         <span class="reveal__text reveal__text--initial">${this.initial}</span>
         <span class="reveal__text reveal__text--revealed">${this.revealed}</span>
       </div>
-    `}};Wi.styles=z(O2),c([p({type:Number})],Wi.prototype,"duration",2),c([p()],Wi.prototype,"initial",2),c([p()],Wi.prototype,"revealed",2),c([p({type:Number,attribute:"hide-delay"})],Wi.prototype,"hideDelay",2),c([p({type:Boolean,attribute:"no-toggle"})],Wi.prototype,"noToggle",2);var KL=Wi;Wi.define("zn-reveal");var N2=_`:host{display:block;width:100%}`;var Ki=class extends S{constructor(){super();this._isPlaying=!1;this.value="";this.label="";this.placeholder="";this.files=[];this._audio=new Audio,this._audio.addEventListener("ended",()=>{this._isPlaying=!1,this._audio.currentTime=0})}disconnectedCallback(){super.disconnectedCallback(),this.stopAudio()}updated(t){super.updated(t),t.has("value")&&(this.stopAudio(),this.value&&(this._audio.src=this.value))}stopAudio(){this._audio&&(this._audio.pause(),this._audio.currentTime=0),this._isPlaying=!1}handleSelectChange(t){t.target===t.currentTarget&&(this.value=t.target.value)}togglePreview(t){if(t.stopPropagation(),!this.value){t.preventDefault(),this._isPlaying=!1,this.requestUpdate();return}this._isPlaying?(this._audio.pause(),this._isPlaying=!1):this._audio.play().then(()=>{this._isPlaying=!0}).catch(r=>{console.error("Audio playback failed:",r),this._isPlaying=!1,this.requestUpdate()})}render(){return u`
+    `:u`
+        <div part="base" class="reveal reveal--static">
+          <span class="reveal__text">${this.initial||this.revealed}</span>
+        </div>
+      `}};Wi.styles=z(O2),c([p({type:Number})],Wi.prototype,"duration",2),c([p()],Wi.prototype,"initial",2),c([p()],Wi.prototype,"revealed",2),c([p({type:Number,attribute:"hide-delay"})],Wi.prototype,"hideDelay",2),c([p({type:Boolean,attribute:"no-toggle"})],Wi.prototype,"noToggle",2);var KL=Wi;Wi.define("zn-reveal");var N2=_`:host{display:block;width:100%}`;var Ki=class extends S{constructor(){super();this._isPlaying=!1;this.value="";this.label="";this.placeholder="";this.files=[];this._audio=new Audio,this._audio.addEventListener("ended",()=>{this._isPlaying=!1,this._audio.currentTime=0})}disconnectedCallback(){super.disconnectedCallback(),this.stopAudio()}updated(t){super.updated(t),t.has("value")&&(this.stopAudio(),this.value&&(this._audio.src=this.value))}stopAudio(){this._audio&&(this._audio.pause(),this._audio.currentTime=0),this._isPlaying=!1}handleSelectChange(t){t.target===t.currentTarget&&(this.value=t.target.value)}togglePreview(t){if(t.stopPropagation(),!this.value){t.preventDefault(),this._isPlaying=!1,this.requestUpdate();return}this._isPlaying?(this._audio.pause(),this._isPlaying=!1):this._audio.play().then(()=>{this._isPlaying=!0}).catch(r=>{console.error("Audio playback failed:",r),this._isPlaying=!1,this.requestUpdate()})}render(){return u`
       <zn-select
         label="${this.label}"
         value="${this.value}"

package/docs/pages/components/select.md

@@ -117,6 +117,22 @@ Use the `placeholder` attribute to add a placeholder.
 </zn-select>
 ```
 
+### Empty State
+
+A select with nothing to choose from says so when opened, rather than showing an empty dropdown. The wording distinguishes a list that is empty from one a search has filtered down to nothing: type `zzz` into the second select below to see it.
+
+```html:preview
+<zn-select label="No options" placeholder="Select a reason"></zn-select>
+<br />
+<zn-select label="Searched to nothing" search placeholder="Type to search...">
+  <zn-option value="au">Australia</zn-option>
+  <zn-option value="br">Brazil</zn-option>
+  <zn-option value="ca">Canada</zn-option>
+</zn-select>
+```
+
+Options that arrive later — from `data-uri`, a remote search, or appended `zn-option` elements — clear the message as soon as they land, so an empty list at first render is safe.
+
 ### Clearable
 
 Use the `clearable` attribute to make the control clearable. The clear button only appears when an option is selected.

package/package.json

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

package/src/components/inline-edit/inline-edit.component.ts

@@ -368,8 +368,8 @@ export default class ZnInlineEdit extends ZincElement implements ZincFormControl
     const hasHelpTextSlot = this.hasSlotController.test('help-text');
     const hasHelpText = this.helpText ? true : hasHelpTextSlot;
 
-    // Default input type to select if options are provided
-    if (Object.keys(this.options).length > 0) {
+    // An options list that renders empty is still a select — never silently fall back to free text
+    if (Object.keys(this.options).length > 0 || this.hasAttribute('options')) {
       this.inputType = 'select';
     }
 

package/src/components/inline-edit/inline-edit.scss

@@ -59,6 +59,9 @@
 
   &__input::part(form-control-input) {
     margin: 0;
+    // Block wrapper round an inline-flex base adds baseline strut, leaving the input
+    // ~1.4px taller than the reveal that replaces it
+    display: flex;
   }
 
   &__input {
@@ -133,7 +136,8 @@
   }
 
   &__reveal {
-    line-height: var(--zn-line-height-looser);
+    // Matches the height of the input it stands in for, so entering edit mode doesn't resize the row
+    line-height: var(--zn-input-height-medium);
     color: rgb(var(--zn-text));
 
     // Fill the row so hovering anywhere over the field reveals the value
@@ -199,4 +203,10 @@ zn-textarea::part(textarea) {
   resize: none;
 }
 
+:host([size="small"]) .ai__reveal {
+  line-height: var(--zn-input-height-small);
+}
 
+:host([size="large"]) .ai__reveal {
+  line-height: var(--zn-input-height-large);
+}

package/src/components/inline-edit/inline-edit.test.ts

@@ -565,4 +565,28 @@ describe('<zn-inline-edit>', () => {
       expect(submits, 'Enter belongs to the open menu, not the form').to.equal(0);
     });
   });
+
+  // The theme stylesheet isn't loaded in tests, so the sizing tokens the reveal and the input both
+  // key off have to be supplied for the comparison to mean anything.
+  it('should keep the same height whether it shows a reveal or the input it replaces', async () => {
+    const tokens = 'display: contents; --zn-input-height-medium: 36px; --zn-line-height-looser: 3;';
+    const plain = await fixture<HTMLDivElement>(html`
+      <div style="${tokens}">
+        <zn-inline-edit name="email" value="alan.jones@example.com"></zn-inline-edit>
+      </div>
+    `);
+    const masked = await fixture<HTMLDivElement>(html`
+      <div style="${tokens}">
+        <zn-inline-edit name="email" value="alan.jones@example.com"
+                        display-value="\u2022\u2022\u2022\u2022\u2022@example.com"></zn-inline-edit>
+      </div>
+    `);
+    const [plainEdit, maskedEdit] = [plain, masked].map(el => el.querySelector<ZnInlineEdit>('zn-inline-edit')!);
+    await Promise.all([plainEdit.updateComplete, maskedEdit.updateComplete]);
+
+    const height = (el: ZnInlineEdit) =>
+      el.shadowRoot!.querySelector<HTMLElement>('.ai')!.getBoundingClientRect().height;
+
+    expect(height(maskedEdit)).to.equal(height(plainEdit));
+  });
 });

package/src/components/reveal/reveal.component.ts

@@ -44,6 +44,11 @@ export default class ZnReveal extends ZincElement {
   /** Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent. */
   @property({type: Boolean, attribute: 'no-toggle'}) noToggle: boolean = false;
 
+  /** Nothing is hidden when the revealed value is what's already on show, so there is nothing to reveal. */
+  private get _isMasked(): boolean {
+    return this.revealed !== '' && this.revealed !== this.initial;
+  }
+
   private _isRevealed: boolean = false;
   private _isToggled: boolean = false;
   private _hideTimer?: ReturnType<typeof setTimeout>;
@@ -102,10 +107,19 @@ export default class ZnReveal extends ZincElement {
   }
 
   render() {
+    if (!this._isMasked) {
+      return html`
+        <div part="base" class="reveal reveal--static">
+          <span class="reveal__text">${this.initial || this.revealed}</span>
+        </div>
+      `;
+    }
+
     return html`
       <div part="base"
            class=${classMap({
         'reveal': true,
+        'reveal--clickable': !this.noToggle,
         'reveal--revealed': this._isRevealed,
         'reveal--toggled': this._isToggled,
       })}

package/src/components/reveal/reveal.scss

@@ -2,7 +2,6 @@
 
 :host {
   display: inline-block;
-  cursor: pointer;
 }
 
 
@@ -13,6 +12,16 @@
   overflow: hidden;
 }
 
+// Only a click that toggles earns the pointer: a static or hover-only reveal does nothing on click.
+.reveal--clickable {
+  cursor: pointer;
+}
+
+// cursor inherits, so a static reveal has to opt out of a clickable container's pointer
+.reveal--static {
+  cursor: auto;
+}
+
 .reveal__text {
   grid-area: stack;
   line-height: inherit;

package/src/components/reveal/reveal.test.ts

@@ -21,6 +21,42 @@ describe('<zn-reveal>', () => {
     expect(container.classList.contains('reveal--revealed')).to.be.true;
   });
 
+  it('should render static text when the revealed value matches the initial', async () => {
+    const el = await fixture<ZnReveal>(html`
+      <zn-reveal initial="real" revealed="real"></zn-reveal>
+    `);
+    const container = el.shadowRoot!.querySelector<HTMLElement>('.reveal')!;
+
+    expect(container.classList.contains('reveal--static')).to.be.true;
+
+    container.click();
+    await el.updateComplete;
+
+    expect(container.classList.contains('reveal--revealed')).to.be.false;
+  });
+
+  it('should only show a pointer cursor when a click would toggle the value', async () => {
+    const cursorOf = (el: ZnReveal) =>
+      getComputedStyle(el.shadowRoot!.querySelector<HTMLElement>('.reveal')!).cursor;
+
+    const toggleable = await fixture<ZnReveal>(html`
+      <zn-reveal initial="****" revealed="real"></zn-reveal>
+    `);
+    // Inside a clickable row (an inline edit, say) the inherited pointer has to be shaken off
+    const unmasked = (await fixture<HTMLDivElement>(html`
+      <div style="cursor: pointer">
+        <zn-reveal initial="real" revealed="real"></zn-reveal>
+      </div>
+    `)).querySelector<ZnReveal>('zn-reveal')!;
+    const hoverOnly = await fixture<ZnReveal>(html`
+      <zn-reveal initial="****" revealed="real" no-toggle></zn-reveal>
+    `);
+
+    expect(cursorOf(toggleable)).to.equal('pointer');
+    expect(cursorOf(unmasked)).to.not.equal('pointer');
+    expect(cursorOf(hoverOnly)).to.not.equal('pointer');
+  });
+
   it('should not toggle on click when no-toggle is set', async () => {
     const el = await fixture<ZnReveal>(html`
       <zn-reveal initial="****" revealed="real" no-toggle></zn-reveal>

package/src/components/select/select.component.ts

@@ -846,7 +846,7 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
         group.hidden = false;
       });
       this.updateOptGroupSeparators();
-      this._noResultsVisible = false;
+      this.updateEmptyState();
       return;
     }
 
@@ -887,6 +887,19 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
     }
   }
 
+  /**
+   * Nothing for the user to pick: either the option list is empty or every option is filtered out.
+   * The search paths track this themselves, so this covers opening a dropdown with no query.
+   */
+  private updateEmptyState() {
+    const options = this.getAllOptions();
+    this._noResultsVisible = options.length === 0 || options.every(option => option.hidden);
+  }
+
+  private get emptyStateText(): string {
+    return this._searchQuery ? 'No matching options' : 'No options available';
+  }
+
   /** Clears the search query and shows all options */
   private clearSearch() {
     this._searchQuery = '';
@@ -1132,6 +1145,10 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
       this.emit('zn-input');
       this.emit('zn-change');
     }
+
+    if (this.open) {
+      this.updateEmptyState();
+    }
   }
 
   private handleTagRemove(event: ZnRemoveEvent, option: ZnOption) {
@@ -1653,6 +1670,8 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
         this.displayInput.readOnly = false;
       }
 
+      this.updateEmptyState();
+
       // Show
       this.emit('zn-show');
       this.addOpenListeners();
@@ -2041,7 +2060,7 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
                   : html`
                     <div part="empty-state" class="select__empty-state"
                          ?hidden=${!this._noResultsVisible || this._freeTextAddValue !== null}>
-                      No matching options
+                      ${this.emptyStateText}
                     </div>`
               }
             </div>

package/src/components/select/select.scss

@@ -444,7 +444,7 @@
   align-items: center;
   justify-content: center;
   gap: var(--zn-spacing-small);
-  padding: var(--zn-spacing-medium) var(--zn-spacing-2x-large);
+  padding: var(--zn-spacing-small) var(--zn-spacing-medium);
   color: var(--zn-color-neutral-500);
   font-size: var(--zn-font-size-medium);
 }
@@ -463,7 +463,8 @@
 /* Empty state (no search results) */
 .select__empty-state {
   display: block;
-  padding: var(--zn-spacing-medium) var(--zn-spacing-2x-large);
+  // Keeps the one-line popup close to the height of a single option row
+  padding: var(--zn-spacing-small) var(--zn-spacing-medium);
   text-align: center;
   color: var(--zn-color-neutral-500);
   font-size: var(--zn-font-size-medium);

package/src/components/select/select.test.ts

@@ -978,3 +978,62 @@ describe('<zn-select> requires', () => {
     expect(c.disabled, 'both filled').to.be.false;
   });
 });
+
+describe('<zn-select> empty state', () => {
+  const emptyState = (el: ZnSelect) =>
+    el.shadowRoot!.querySelector<HTMLElement>('[part="empty-state"]')!;
+
+  it('should tell the user there is nothing to pick when opened with no options', async () => {
+    const el = await fixture<ZnSelect>(html`
+      <zn-select placeholder="Select a reason"></zn-select>`);
+    await el.show();
+    await el.updateComplete;
+
+    expect(emptyState(el).hidden).to.be.false;
+    expect(emptyState(el).textContent!.trim()).to.equal('No options available');
+  });
+
+  it('should stay hidden when the select has options', async () => {
+    const el = await fixture<ZnSelect>(html`
+      <zn-select>
+        <zn-option value="apple">Apple</zn-option>
+      </zn-select>`);
+    await el.show();
+    await el.updateComplete;
+
+    expect(emptyState(el).hidden).to.be.true;
+  });
+
+  it('should distinguish a filtered-out list from an empty one', async () => {
+    const el = await fixture<ZnSelect>(html`
+      <zn-select search>
+        <zn-option value="apple">Apple</zn-option>
+      </zn-select>`);
+    await el.show();
+    await el.updateComplete;
+
+    const displayInput = el.shadowRoot!.querySelector<HTMLInputElement>('.select__display-input')!;
+    displayInput.value = 'zzz';
+    displayInput.dispatchEvent(new Event('input'));
+    await el.updateComplete;
+
+    expect(emptyState(el).hidden).to.be.false;
+    expect(emptyState(el).textContent!.trim()).to.equal('No matching options');
+  });
+
+  it('should drop the empty state once options arrive while open', async () => {
+    const el = await fixture<ZnSelect>(html`
+      <zn-select></zn-select>`);
+    await el.show();
+    await el.updateComplete;
+    expect(emptyState(el).hidden, 'empty before options').to.be.false;
+
+    const option = document.createElement('zn-option');
+    option.value = 'apple';
+    option.textContent = 'Apple';
+    el.appendChild(option);
+    await waitUntil(() => emptyState(el).hidden);
+
+    expect(emptyState(el).hidden).to.be.true;
+  });
+});