@esri/solutions-components 0.8.3 → 0.8.5

package/dist/components/combobox.js

@@ -4,7 +4,6 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { d as debounce } from './lodash.js';
 import { f as filter } from './filter.js';
 import { z as getElementWidth, A as getTextWidth, i as isPrimaryPointerButton, t as toAriaBoolean } from './dom.js';
 import { b as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui.js';
@@ -17,12 +16,13 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as createObserver } from './observers.js';
 import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
-import { C as ComboboxItemGroup, i as isSingleLike, h as hasActiveChildren, a as CSS$1, b as ComboboxChildSelector, g as getItemAncestors, c as getItemChildren, d as ComboboxItem } from './utils2.js';
+import { i as isSingleLike, h as hasActiveChildren, C as CSS$1, a as ComboboxChildSelector, g as getItemAncestors, b as getItemChildren, c as ComboboxItem, d as ComboboxItemGroup } from './utils2.js';
 import { g as getIconScale } from './component.js';
 import { V as Validation } from './Validation.js';
 import { d as defineCustomElement$3 } from './chip.js';
 import { d as defineCustomElement$2 } from './combobox-item.js';
 import { d as defineCustomElement$1 } from './icon.js';
+import { d as debounce } from './debounce.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -42,318 +42,7 @@ function XButton({ disabled, key, label, onClick, ref, scale, }) {
  * Do not edit directly
  * Generated on Wed, 17 Jan 2024 17:52:08 GMT
  */
-
-const calciteColorNeutralBlk000 = "#ffffff";
-const calciteColorNeutralBlk005 = "#f8f8f8";
-const calciteColorNeutralBlk010 = "#f3f3f3";
-const calciteColorNeutralBlk020 = "#eaeaea";
-const calciteColorNeutralBlk030 = "#dfdfdf";
-const calciteColorNeutralBlk040 = "#d4d4d4";
-const calciteColorNeutralBlk050 = "#cacaca";
-const calciteColorNeutralBlk060 = "#bfbfbf";
-const calciteColorNeutralBlk070 = "#b5b5b5";
-const calciteColorNeutralBlk080 = "#aaaaaa";
-const calciteColorNeutralBlk090 = "#9f9f9f";
-const calciteColorNeutralBlk100 = "#949494";
-const calciteColorNeutralBlk110 = "#8a8a8a";
-const calciteColorNeutralBlk120 = "#808080";
-const calciteColorNeutralBlk130 = "#757575";
-const calciteColorNeutralBlk140 = "#6a6a6a";
-const calciteColorNeutralBlk150 = "#606060";
-const calciteColorNeutralBlk160 = "#555555";
-const calciteColorNeutralBlk170 = "#4a4a4a";
-const calciteColorNeutralBlk180 = "#404040";
-const calciteColorNeutralBlk190 = "#353535";
-const calciteColorNeutralBlk200 = "#2b2b2b";
-const calciteColorNeutralBlk210 = "#202020";
-const calciteColorNeutralBlk220 = "#151515";
-const calciteColorNeutralBlk230 = "#0b0b0b";
-const calciteColorNeutralBlk235 = "#060606";
-const calciteColorNeutralBlk240 = "#000000";
-const calciteColorHighSaturationBlueHBb010 = "#c7eaff";
-const calciteColorHighSaturationBlueHBb020 = "#9fd4f3";
-const calciteColorHighSaturationBlueHBb030 = "#77bde7";
-const calciteColorHighSaturationBlueHBb040 = "#50a7da";
-const calciteColorHighSaturationBlueHBb050 = "#2890ce";
-const calciteColorHighSaturationBlueHBb060 = "#007ac2";
-const calciteColorHighSaturationBlueHBb070 = "#00619b";
-const calciteColorHighSaturationBlueHBb080 = "#004874";
-const calciteColorHighSaturationBlueHBb090 = "#00304d";
-const calciteColorHighSaturationBlueHBb100 = "#001726";
-const calciteColorHighSaturationGreenBlueHGb010 = "#cef5f4";
-const calciteColorHighSaturationGreenBlueHGb020 = "#afedec";
-const calciteColorHighSaturationGreenBlueHGb030 = "#8fe6e5";
-const calciteColorHighSaturationGreenBlueHGb040 = "#5ae0de";
-const calciteColorHighSaturationGreenBlueHGb050 = "#28cecb";
-const calciteColorHighSaturationGreenBlueHGb060 = "#00bab5";
-const calciteColorHighSaturationGreenBlueHGb070 = "#009b98";
-const calciteColorHighSaturationGreenBlueHGb080 = "#007472";
-const calciteColorHighSaturationGreenBlueHGb090 = "#004d4c";
-const calciteColorHighSaturationGreenBlueHGb100 = "#002625";
-const calciteColorHighSaturationGreenHGg010 = "#bdf2c4";
-const calciteColorHighSaturationGreenHGg020 = "#a2e4ab";
-const calciteColorHighSaturationGreenHGg030 = "#87d692";
-const calciteColorHighSaturationGreenHGg040 = "#6bc878";
-const calciteColorHighSaturationGreenHGg050 = "#50ba5f";
-const calciteColorHighSaturationGreenHGg060 = "#35ac46";
-const calciteColorHighSaturationGreenHGg070 = "#288835";
-const calciteColorHighSaturationGreenHGg080 = "#1a6324";
-const calciteColorHighSaturationGreenHGg090 = "#0d3f14";
-const calciteColorHighSaturationGreenHGg100 = "#001a03";
-const calciteColorHighSaturationYellowGreenHYg010 = "#e5f7b4";
-const calciteColorHighSaturationYellowGreenHYg020 = "#d9ef9f";
-const calciteColorHighSaturationYellowGreenHYg030 = "#cde78a";
-const calciteColorHighSaturationYellowGreenHYg040 = "#c2e075";
-const calciteColorHighSaturationYellowGreenHYg050 = "#b6d860";
-const calciteColorHighSaturationYellowGreenHYg060 = "#aad04b";
-const calciteColorHighSaturationYellowGreenHYg070 = "#84a338";
-const calciteColorHighSaturationYellowGreenHYg080 = "#5e7526";
-const calciteColorHighSaturationYellowGreenHYg090 = "#384813";
-const calciteColorHighSaturationYellowGreenHYg100 = "#121a00";
-const calciteColorHighSaturationYellowHYy010 = "#fff7cc";
-const calciteColorHighSaturationYellowHYy020 = "#fef3ad";
-const calciteColorHighSaturationYellowHYy030 = "#fcee8d";
-const calciteColorHighSaturationYellowHYy040 = "#fbea6e";
-const calciteColorHighSaturationYellowHYy050 = "#f9e54e";
-const calciteColorHighSaturationYellowHYy060 = "#edd317";
-const calciteColorHighSaturationYellowHYy070 = "#d9bc00";
-const calciteColorHighSaturationYellowHYy080 = "#bfa200";
-const calciteColorHighSaturationYellowHYy090 = "#8c7500";
-const calciteColorHighSaturationYellowHYy100 = "#5c4e00";
-const calciteColorHighSaturationOrangeYellowHOy010 = "#ffe2bf";
-const calciteColorHighSaturationOrangeYellowHOy020 = "#fed3a1";
-const calciteColorHighSaturationOrangeYellowHOy030 = "#fcc582";
-const calciteColorHighSaturationOrangeYellowHOy040 = "#fbb664";
-const calciteColorHighSaturationOrangeYellowHOy050 = "#f9a845";
-const calciteColorHighSaturationOrangeYellowHOy060 = "#f89927";
-const calciteColorHighSaturationOrangeYellowHOy070 = "#c67718";
-const calciteColorHighSaturationOrangeYellowHOy080 = "#9a5b10";
-const calciteColorHighSaturationOrangeYellowHOy090 = "#6d3f08";
-const calciteColorHighSaturationOrangeYellowHOy100 = "#402300";
-const calciteColorHighSaturationOrangeHOo010 = "#ffd8bf";
-const calciteColorHighSaturationOrangeHOo020 = "#fdc39f";
-const calciteColorHighSaturationOrangeHOo030 = "#faae7f";
-const calciteColorHighSaturationOrangeHOo040 = "#f89960";
-const calciteColorHighSaturationOrangeHOo050 = "#f58440";
-const calciteColorHighSaturationOrangeHOo060 = "#f36f20";
-const calciteColorHighSaturationOrangeHOo070 = "#c65a18";
-const calciteColorHighSaturationOrangeHOo080 = "#9a4410";
-const calciteColorHighSaturationOrangeHOo090 = "#6d2f08";
-const calciteColorHighSaturationOrangeHOo100 = "#401900";
-const calciteColorHighSaturationRedOrangeHRo010 = "#ffc7b3";
-const calciteColorHighSaturationRedOrangeHRo020 = "#f8af95";
-const calciteColorHighSaturationRedOrangeHRo030 = "#f09677";
-const calciteColorHighSaturationRedOrangeHRo040 = "#e97e5a";
-const calciteColorHighSaturationRedOrangeHRo050 = "#e1653c";
-const calciteColorHighSaturationRedOrangeHRo060 = "#da4d1e";
-const calciteColorHighSaturationRedOrangeHRo070 = "#ad3c16";
-const calciteColorHighSaturationRedOrangeHRo080 = "#802c0f";
-const calciteColorHighSaturationRedOrangeHRo090 = "#531b07";
-const calciteColorHighSaturationRedOrangeHRo100 = "#260a00";
-const calciteColorHighSaturationRedHRr010 = "#ffc6bf";
-const calciteColorHighSaturationRedHRr020 = "#ffaaa1";
-const calciteColorHighSaturationRedHRr030 = "#f2877b";
-const calciteColorHighSaturationRedHRr040 = "#f07062";
-const calciteColorHighSaturationRedHRr050 = "#e65240";
-const calciteColorHighSaturationRedHRr060 = "#d83020";
-const calciteColorHighSaturationRedHRr070 = "#a82b1e";
-const calciteColorHighSaturationRedHRr080 = "#7c1d13";
-const calciteColorHighSaturationRedHRr090 = "#4f0e08";
-const calciteColorHighSaturationRedHRr100 = "#210300";
-const calciteColorHighSaturationPinkHPk010 = "#ffd1ef";
-const calciteColorHighSaturationPinkHPk020 = "#fabee4";
-const calciteColorHighSaturationPinkHPk030 = "#f2a5d6";
-const calciteColorHighSaturationPinkHPk040 = "#eb8dc9";
-const calciteColorHighSaturationPinkHPk050 = "#e673bb";
-const calciteColorHighSaturationPinkHPk060 = "#e04ea6";
-const calciteColorHighSaturationPinkHPk070 = "#ba2f7e";
-const calciteColorHighSaturationPinkHPk080 = "#851b52";
-const calciteColorHighSaturationPinkHPk090 = "#590b32";
-const calciteColorHighSaturationPinkHPk100 = "#260404";
-const calciteColorHighSaturationVioletRedHVr010 = "#fadbff";
-const calciteColorHighSaturationVioletRedHVr020 = "#e4beeb";
-const calciteColorHighSaturationVioletRedHVr030 = "#cfa1d7";
-const calciteColorHighSaturationVioletRedHVr040 = "#b983c3";
-const calciteColorHighSaturationVioletRedHVr050 = "#a466af";
-const calciteColorHighSaturationVioletRedHVr060 = "#8e499b";
-const calciteColorHighSaturationVioletRedHVr070 = "#73377e";
-const calciteColorHighSaturationVioletRedHVr080 = "#572561";
-const calciteColorHighSaturationVioletRedHVr090 = "#3c1243";
-const calciteColorHighSaturationVioletRedHVr100 = "#200026";
-const calciteColorHighSaturationVioletHVv010 = "#e8d9ff";
-const calciteColorHighSaturationVioletHVv020 = "#cdb9eb";
-const calciteColorHighSaturationVioletHVv030 = "#b39ad7";
-const calciteColorHighSaturationVioletHVv040 = "#987ac3";
-const calciteColorHighSaturationVioletHVv050 = "#7e5baf";
-const calciteColorHighSaturationVioletHVv060 = "#633b9b";
-const calciteColorHighSaturationVioletHVv070 = "#4e2c7e";
-const calciteColorHighSaturationVioletHVv080 = "#3a1e61";
-const calciteColorHighSaturationVioletHVv090 = "#250f43";
-const calciteColorHighSaturationVioletHVv100 = "#100026";
-const calciteColorVibrantBlueVBb120 = "#59d6ff";
-const calciteColorVibrantBlueVBb140 = "#3db8ff";
-const calciteColorVibrantBlueVBb160 = "#009af2";
-const calciteColorVibrantBlueVBb180 = "#009af2";
-const calciteColorVibrantGreenBlueVGb120 = "#59fffc";
-const calciteColorVibrantGreenBlueVGb140 = "#00f7f3";
-const calciteColorVibrantGreenBlueVGb160 = "#00e6e2";
-const calciteColorVibrantGreenBlueVGb180 = "#00cfca";
-const calciteColorVibrantGreenVGg120 = "#73ff84";
-const calciteColorVibrantGreenVGg140 = "#3bed52";
-const calciteColorVibrantGreenVGg160 = "#00b81b";
-const calciteColorVibrantGreenVGg180 = "#00a118";
-const calciteColorVibrantYellowGreenVYg120 = "#d7ff73";
-const calciteColorVibrantYellowGreenVYg140 = "#bbed3b";
-const calciteColorVibrantYellowGreenVYg160 = "#96cc00";
-const calciteColorVibrantYellowGreenVYg180 = "#7fab00";
-const calciteColorVibrantYellowVYy120 = "#fff766";
-const calciteColorVibrantYellowVYy140 = "#ffee33";
-const calciteColorVibrantYellowVYy160 = "#f5d000";
-const calciteColorVibrantYellowVYy180 = "#ebba17";
-const calciteColorVibrantOrangeYellowVOy120 = "#ffb54d";
-const calciteColorVibrantOrangeYellowVOy140 = "#ff9500";
-const calciteColorVibrantOrangeYellowVOy160 = "#e68600";
-const calciteColorVibrantOrangeYellowVOy180 = "#d17300";
-const calciteColorVibrantRedOrangeVRo120 = "#ff824d";
-const calciteColorVibrantRedOrangeVRo140 = "#ff4d00";
-const calciteColorVibrantRedOrangeVRo160 = "#de4300";
-const calciteColorVibrantRedOrangeVRo180 = "#c93b00";
-const calciteColorVibrantRedVRr120 = "#ff624d";
-const calciteColorVibrantRedVRr140 = "#ff0015";
-const calciteColorVibrantRedVRr160 = "#d90012";
-const calciteColorVibrantRedVRr180 = "#b3000f";
-const calciteColorVibrantPinkVPk120 = "#ff66c2";
-const calciteColorVibrantPinkVPk140 = "#ff19a4";
-const calciteColorVibrantPinkVPk160 = "#d11486";
-const calciteColorVibrantPinkVPk180 = "#c00073";
-const calciteColorVibrantVioletRedVVr120 = "#ea80ff";
-const calciteColorVibrantVioletRedVVr140 = "#dd33ff";
-const calciteColorVibrantVioletRedVVr160 = "#ac08cc";
-const calciteColorVibrantVioletRedVVr180 = "#83009e";
-const calciteColorVibrantVioletVVv120 = "#b580ff";
-const calciteColorVibrantVioletVVv140 = "#974dff";
-const calciteColorVibrantVioletVVv160 = "#8129ff";
-const calciteColorVibrantVioletVVv180 = "#6a0be6";
-const calciteColorDarkGreenDGg410 = "#44ed51";
-const calciteColorDarkGreenDGg420 = "#36da43";
-const calciteColorDarkGreenDGg430 = "#36da43";
-const calciteColorDarkYellowDYy410 = "#ffe24d";
-const calciteColorDarkYellowDYy420 = "#ffc900";
-const calciteColorDarkYellowDYy430 = "#f4b000";
-const calciteColorDarkRedDRr410 = "#ff7465";
-const calciteColorDarkRedDRr420 = "#fe583e";
-const calciteColorDarkRedDRr430 = "#f3381b";
-const calciteColorDarkBlueDBb410 = "#47bbff";
-const calciteColorDarkBlueDBb420 = "#00a0ff";
-const calciteColorDarkBlueDBb430 = "#0087d7";
-const calciteContainerSize0 = "0";
-const calciteContainerSize154 = "154px";
-const calciteContainerSize320 = "320px";
-const calciteContainerSize328 = "328px";
-const calciteContainerSize476 = "476px";
-const calciteContainerSize504 = "504px";
-const calciteContainerSize678 = "678px";
-const calciteContainerSize768 = "768px";
-const calciteContainerSize854 = "854px";
-const calciteContainerSize1152 = "1152px";
-const calciteContainerSize1440 = "1440px";
-const calciteFontFamilyAndaleMono = "Andale Mono"; // Fallback for Monaco
-const calciteFontFamilyAvenirNextPro = "Avenir Next LT Pro";
-const calciteFontFamilyAvenirNextWorld = "Avenir Next World";
-const calciteFontFamilyAvenir = "Avenir"; // Fallback for Avenir Next
-const calciteFontFamilyConsolas = "Consolas"; // Fallback for Monaco
-const calciteFontFamilyHelveticaNeue = "Helvetica Neue"; // Fallback for Avenir Next
-const calciteFontFamilyLucidaConsole = "Lucida Console"; // Fallback for Monaco
-const calciteFontFamilyMonaco = "Monaco";
-const calciteFontFamilyMonospace = "monospace"; // Fallback for Monaco
-const calciteFontFamilySansSerif = "sans-serif"; // Fallback for Avenir Next
-const calciteFontStyleItalic = "italic"; // used in ratings
-const calciteFontWeightUltralight = "200"; // only for Avenir Next World (secondary font family)
-const calciteFontWeightThin = "100";
-const calciteFontWeightLight = "300"; // only for Avenir Next World (secondary font family)
-const calciteFontWeightRegular = "400";
-const calciteFontWeightMedium = "500";
-const calciteFontWeightMediumItalic = "Medium Italic";
-const calciteFontWeightDemi = "600";
-const calciteFontWeightBold = "700";
-const calciteFontWeightExtrabold = "800"; // only for Avenir Next World (secondary font family)
-const calciteFontWeightBlack = "900"; // only for Avenir Next World (secondary font family)
-const calciteFontWeightHeavy = "900";
-const calciteFontTextDecorationNone = "none";
-const calciteFontTextDecorationUnderline = "underline";
-const calciteFontTextCaseNone = "none";
-const calciteFontTextCaseUppercase = "uppercase";
-const calciteFontTextCaseLowercase = "lowercase";
-const calciteFontTextCaseCapitalize = "capitalize";
-const calciteOpacity0 = "0";
-const calciteOpacity4 = "0.04";
-const calciteOpacity8 = "0.08";
-const calciteOpacity10 = "0.1";
-const calciteOpacity20 = "0.2";
-const calciteOpacity30 = "0.3";
-const calciteOpacity40 = "0.4";
-const calciteOpacity50 = "0.5";
-const calciteOpacity60 = "0.6";
-const calciteOpacity70 = "0.7";
-const calciteOpacity80 = "0.8";
-const calciteOpacity85 = "0.85";
-const calciteOpacity90 = "0.9";
-const calciteOpacity92 = "0.92";
-const calciteOpacity96 = "0.96";
-const calciteOpacity100 = "1";
-const calciteShadow0 = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0)"};
-const calciteShadow1 = {"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 0.04)"};
-const calciteShadow2 = {"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 0.08)"};
-const calciteShadow3 = {"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 0.08)"};
-const calciteShadow4 = {"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 0.1)"};
-const calciteSize1 = "1px";
-const calciteSize2 = "2px";
-const calciteSize4 = "4px";
-const calciteSize6 = "6px";
-const calciteSize8 = "8px";
-const calciteSize10 = "10px";
-const calciteSize12 = "12px";
-const calciteSize14 = "14px";
-const calciteSize16 = "16px";
-const calciteSize20 = "20px";
-const calciteSize24 = "24px";
-const calciteSize28 = "28px";
-const calciteSize32 = "32px";
-const calciteSize36 = "36px";
-const calciteSize40 = "40px";
-const calciteSize44 = "44px";
 const calciteSize48 = "48px";
-const calciteSize56 = "56px";
-const calciteSize64 = "64px";
-const calciteSize72 = "72px";
-const calciteSize80 = "80px";
-const calciteSize96 = "96px";
-const calciteSize112 = "112px";
-const calciteSize128 = "128px";
-const calciteSize144 = "144px";
-const calciteSize160 = "160px";
-const calciteSize192 = "192px";
-const calciteSize224 = "224px";
-const calciteSize256 = "256px";
-const calciteSize288 = "288px";
-const calciteSizeNone = "0";
-const calciteSizeRelative50 = "50%";
-const calciteSizeRelative100 = "100%";
-const calciteSizeRelative125 = "125%";
-const calciteSizeRelative137 = "137.5%";
-const calciteSizeRelative150 = "150%";
-const calciteSizeRelative162 = "162.5%";
-const calciteSizeRelative200 = "200%";
-const calciteSizeRelativeAuto = "auto";
-const calciteZIndex0 = "-999999";
-const calciteZIndex1 = "1";
-const calciteZIndex3 = "300";
-const calciteZIndex4 = "400";
-const calciteZIndex5 = "500";
-const calciteZIndex6 = "600";
-const calciteZIndex7 = "700";
-const calciteZIndex8 = "800";
-const calciteZIndex9 = "900";
 
 const comboboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]) .x-button{inline-size:1rem;block-size:1rem}:host([scale=m]) .x-button{inline-size:1.5rem;block-size:1.5rem}:host([scale=l]) .x-button{inline-size:2rem;block-size:2rem}.x-button{margin:0px;display:flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-width:2px;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-radius:50%;border-color:transparent;background-color:var(--calcite-color-foreground-2)}.x-button:active,.x-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.x-button:active{border-style:solid;border-color:var(--calcite-color-brand)}.x-button calcite-icon{color:inherit}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.25rem - 1px)}:host([scale=s]) .x-button{margin-inline:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:1rem;--calcite-internal-combobox-input-margin-block:calc(0.5rem - 1px)}:host([scale=m]) .x-button{margin-inline-end:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:1.5rem;--calcite-internal-combobox-input-margin-block:calc(0.625rem - 1px)}:host([scale=l]) .x-button{margin-inline-end:1rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;gap:var(--calcite-combobox-item-spacing-unit-s)}.grid-input.selection-display-fit,.grid-input.selection-display-single{flex-wrap:nowrap;overflow:hidden}.input{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-color-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-combobox-item-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:2px solid transparent;outline-offset:2px}.input:-moz-placeholder-shown{text-overflow:ellipsis}.input:placeholder-shown{text-overflow:ellipsis}.input--transparent{opacity:0}.input--single{padding:0px;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-s)}:host([scale=m]) .input--icon,:host([scale=l]) .input--icon{padding-inline:0.25rem}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}calcite-chip{--calcite-animation-timing:0}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);max-inline-size:100%}.chip--active{background-color:var(--calcite-color-foreground-3)}.chip--invisible{visibility:hidden;position:absolute}.item{display:block}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}::slotted(calcite-combobox-item-group:not(:first-child)){padding-block-start:var(--calcite-combobox-item-spacing-unit-l)}";
 
@@ -1506,6 +1195,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Combobox);
+defineCustomElement();
 
 export { Combobox as C, defineCustomElement as d };