@mapsindoors/map-template 1.95.7 → 1.95.9

package/dist/index.js

@@ -1 +0,0 @@
-

package/dist/loader.js

@@ -1,11 +0,0 @@
-import { b as bootstrapLazy } from './index-BZQHyS7V.js';
-export { s as setNonce } from './index-BZQHyS7V.js';
-import { g as globalScripts } from './app-globals-DQuL1Twl.js';
-
-const defineCustomElements = async (win, options) => {
-  if (typeof window === 'undefined') return undefined;
-  await globalScripts();
-  return bootstrapLazy([["mi-route-instructions",[[1,"mi-route-instructions",{"activeStep":[1040],"unit":[1],"route":[16],"hideIndoorSubsteps":[4,"hide-indoor-substeps"],"travelMode":[1,"travel-mode"],"originLocation":[16],"originName":[1,"origin-name"],"destinationLocation":[16],"destinationName":[1,"destination-name"],"translations":[16]}]]],["mi-route-instructions-step",[[1,"mi-route-instructions-step",{"step":[1],"hideIndoorSubsteps":[4,"hide-indoor-substeps"],"fromRouteContext":[1,"from-route-context"],"fromTravelMode":[1,"from-travel-mode"],"fromTransitStop":[1,"from-transit-stop"],"unit":[1],"showToggleButton":[4,"show-toggle-button"],"translations":[1],"stepData":[32],"translationsData":[32],"substepsAreOpen":[32],"openSubsteps":[64],"closeSubsteps":[64]},null,{"step":[{"parseStepProp":0}],"translations":[{"parseTranslationsProp":0}]}]]],["mi-route-instructions-heading",[[1,"mi-route-instructions-heading",{"originName":[1,"origin-name"],"destinationName":[1,"destination-name"],"totalTravelTime":[2,"total-travel-time"],"totalWalkingDistance":[2,"total-walking-distance"],"travelMode":[1,"travel-mode"],"unit":[1],"translations":[16]}]]],["mi-list",[[257,"mi-list",{"scrollButtonsEnabled":[4,"scroll-buttons-enabled"],"scrollLength":[2,"scroll-length"]},[[0,"listItemDidRender","updateScrollButtonsState"]]]]],["mi-list-item-location",[[1,"mi-list-item-location",{"location":[8],"showExternalId":[4,"show-external-id"],"unit":[1],"icon":[1],"level":[1],"iconBadge":[1,"icon-badge"],"iconBadgeValue":[1,"icon-badge-value"],"iconURLToRender":[32]},null,{"icon":[{"iconChanged":0}],"iconBadge":[{"iconBadgeChanged":0}],"iconBadgeValue":[{"iconBadgeValueChanged":0}]}]]],["mi-metric-card",[[1,"mi-metric-card",{"label":[1],"value":[1],"tip":[1],"spinner":[4],"error":[1],"showToolTip":[32]}]]],["mi-location-booking",[[1,"mi-location-booking",{"location":[16],"duration":[2],"translations":[16],"show":[2],"startHour":[2,"start-hour"],"stopHour":[2,"stop-hour"],"bookingTitle":[1,"booking-title"],"timeSlots":[32]},null,{"location":[{"locationChanged":0}],"duration":[{"updateDuration":0}]}]]],["mi-share-sms",[[0,"mi-share-sms",{"venueId":[1,"venue"],"originLocationId":[1,"origin"],"destinationLocationId":[1,"destination"],"countryCode":[1,"country-code"],"phoneNumberInputPlaceholder":[1,"input-placeholder"],"submitButtonLabel":[1,"submit-button-label"]}]]],["combo-box-item",[[0,"combo-box-item",{"selected":[4],"disabled":[4],"excludefromall":[4],"value":[1],"text":[1]}]]],["mi-chip",[[0,"mi-chip",{"icon":[1],"content":[1],"backgroundColor":[1,"background-color"],"active":[4]}]]],["mi-column",[[1,"mi-column",{"monospace":[4],"alignContent":[1,"align-content"],"label":[1],"sortable":[1],"sort":[1],"binding":[1],"fitContent":[4,"fit-content"],"width":[1]},[[0,"cellContentClicked","cellContentClickedHandler"]]]]],["mi-combo-box",[[1,"mi-combo-box",{"open":[4],"items":[16],"itemsOrder":[1,"items-order"],"filterable":[4],"selected":[16],"noResultsMessage":[1,"no-results-message"],"disabled":[4],"currentItems":[32]},[[8,"click","checkForClickOutside"],[1,"mousemove","mouseMoveEventHandler"],[11,"scroll","scrollEventHandler"],[11,"resize","resizeEventHandler"]],{"items":[{"onItemsChanged":0}],"currentItems":[{"onCurrentItemsChange":0}]}]]],["mi-data-table",[[1,"mi-data-table",{"rows":[16],"maxRows":[2,"max-rows"],"page":[2],"selectable":[4],"selected":[16],"emptyPageHeader":[1,"empty-page-header"],"emptyPageSubheader":[1,"empty-page-subheader"],"isHeaderSticky":[4,"sticky-header"],"numberOfSelectedRows":[32],"tableRows":[32],"currentPage":[32],"sortByColumn":[32]},null,{"numberOfSelectedRows":[{"onSelectionChangedHandler":0}],"rows":[{"onRowsChangedHandler":0}],"page":[{"onPageChangedHandler":0}]}]]],["mi-dropdown",[[1,"mi-dropdown",{"open":[4],"items":[16],"itemsOrder":[1,"items-order"],"label":[1],"filterable":[4],"placeholder":[1],"multiple":[4],"selected":[16],"noResultsMessage":[1,"no-results-message"],"iconSrc":[1,"icon"],"iconAlt":[1,"icon-alt"],"dropdownAlignment":[1,"alignment"],"disabled":[4],"currentItems":[32],"clearFilter":[64]},[[8,"keydown","handleKeyDown"],[10,"click","checkForClickOutside"],[1,"mousemove","mouseMoveEventHandler"],[11,"scroll","scrollEventHandler"],[11,"resize","resizeEventHandler"]],{"items":[{"onItemsChanged":0}],"currentItems":[{"onCurrentItemsChange":0}]}]]],["mi-dropdown-item",[[0,"mi-dropdown-item",{"selected":[4],"disabled":[4],"excludefromall":[4],"value":[1],"text":[1]}]]],["mi-floor-selector",[[0,"mi-floor-selector",{"mapsindoors":[8],"primaryColor":[1,"primary-color"],"floors":[32],"currentFloor":[32],"floorSelectorClosed":[32],"fadeFloorSelectorOnTop":[32],"fadeFloorSelectorOnBottom":[32]}]]],["mi-list-item-category",[[1,"mi-list-item-category",{"category":[8],"orientation":[513]}]]],["mi-map-googlemaps",[[1,"mi-map-googlemaps",{"gmApiKey":[1,"gm-api-key"],"miApiKey":[1,"mi-api-key"],"gmOptions":[16],"disableExternalLinks":[4,"disable-external-links"],"floorSelectorControlPosition":[1,"floor-selector-control-position"],"floorIndex":[1537,"floor-index"],"myPositionControlPosition":[1,"my-position-control-position"],"polygonHighlightOptions":[16],"language":[1],"polylineOptions":[16],"getMapInstance":[64],"getMapsIndoorsInstance":[64],"getDirectionsServiceInstance":[64],"getDirectionsRendererInstance":[64],"highlightLocation":[64],"clearHighlightLocation":[64]},null,{"miApiKey":[{"apiKeyChange":0}],"gmOptions":[{"gmOptionsChange":0}],"disableExternalLinks":[{"setExternalLinkBehavior":0}],"floorSelectorControlPosition":[{"floorSelectorControlPositionChange":0}],"floorIndex":[{"floorIndexChange":0}],"myPositionControlPosition":[{"myPositionControlPositionChange":0}],"polylineOptions":[{"polylineOptionsChange":0}]}]]],["mi-map-mapbox",[[1,"mi-map-mapbox",{"accessToken":[1,"access-token"],"miApiKey":[1,"mi-api-key"],"disableExternalLinks":[4,"disable-external-links"],"floorSelectorControlPosition":[1,"floor-selector-control-position"],"floorIndex":[1537,"floor-index"],"myPositionControlPosition":[1,"my-position-control-position"],"polygonHighlightOptions":[16],"polylineOptions":[16],"zoom":[1537],"maxPitch":[1538,"max-pitch"],"maxZoom":[1537,"max-zoom"],"bearing":[1537],"pitch":[1537],"language":[1],"getMapInstance":[64],"getMapsIndoorsInstance":[64],"getDirectionsServiceInstance":[64],"getDirectionsRendererInstance":[64],"highlightLocation":[64],"clearHighlightLocation":[64]},null,{"miApiKey":[{"apiKeyChange":0}],"disableExternalLinks":[{"setExternalLinkBehavior":0}],"floorSelectorControlPosition":[{"floorSelectorControlPositionChange":0}],"floorIndex":[{"floorIndexChange":0}],"myPositionControlPosition":[{"myPositionControlPositionChange":0}],"polylineOptions":[{"polylineOptionsChange":0}],"zoom":[{"zoomChange":0}],"maxPitch":[{"maxPitchChange":0}],"maxZoom":[{"maxZoomChange":0}],"bearing":[{"bearingChange":0}],"pitch":[{"pitchChange":0}]}]]],["mi-my-position",[[0,"mi-my-position",{"mapsindoors":[8],"myPositionOptions":[8,"my-position-options"],"customPositionProvider":[16],"positionState":[32],"setPosition":[64],"watchPosition":[64]}]]],["mi-notification",[[1,"mi-notification",{"position":[1],"duration":[2],"push":[64],"clearAll":[64]}]]],["mi-search",[[0,"mi-search",{"placeholder":[1],"idAttribute":[1,"id-attribute"],"dataAttributes":[16],"mapsindoors":[4],"google":[4],"mapbox":[4],"language":[1],"miFields":[1,"mi-fields"],"miTake":[2,"mi-take"],"miSkip":[2,"mi-skip"],"miOrder":[1,"mi-order"],"miCategories":[1,"mi-categories"],"miNear":[1,"mi-near"],"miVenue":[1,"mi-venue"],"gmCountryCode":[1,"gm-country-code"],"value":[1537],"disabled":[4],"sessionToken":[1,"session-token"],"userPosition":[1,"user-position"],"clear":[64],"triggerSearch":[64],"setDisplayText":[64],"focusInput":[64],"getInputField":[64]},null,{"value":[{"valueChange":0}]}]]],["mi-step-switcher",[[1,"mi-step-switcher",{"heading":[1],"steps":[16],"stepIndex":[514,"step-index"]}]]],["mi-tab",[[1,"mi-tab",{"label":[1],"tabFor":[1,"tab-for"]}]]],["mi-tab-panel",[[257,"mi-tab-panel",{"isActive":[32],"active":[64]}]]],["mi-tabs",[[257,"mi-tabs",{"active":[2],"bordered":[4],"tabs":[32]}]]],["mi-keyboard",[[0,"mi-keyboard",{"inputElement":[16],"layout":[1],"language":[1],"clearInputField":[64]},null,{"inputElement":[{"inputElementChange":0}],"layout":[{"layoutChange":0}],"language":[{"languageChange":0}]}]]],["mi-card_2",[[257,"mi-card"],[1,"mi-spinner",{"inverse":[4]}]]],["mi-distance_2",[[1,"mi-distance",{"meters":[2],"unit":[1]}],[1,"mi-icon",{"iconName":[1,"icon-name"]}]]],["mi-route-instructions-step-legacy",[[1,"mi-route-instructions-step-legacy",{"step":[1],"hideIndoorSubsteps":[4,"hide-indoor-substeps"],"fromRouteContext":[1,"from-route-context"],"fromTravelMode":[1,"from-travel-mode"],"fromTransitStop":[1,"from-transit-stop"],"unit":[1],"translations":[1],"stepData":[32],"translationsData":[32],"substepsAreOpen":[32]},null,{"step":[{"parseStepProp":0}],"translations":[{"parseTranslationsProp":0}]}]]],["mi-route-instructions-maneuver",[[1,"mi-route-instructions-maneuver",{"maneuver":[1],"translations":[1],"unit":[1],"maneuverData":[32],"translationsData":[32]},null,{"maneuver":[{"parseManeuverProp":0}],"translations":[{"parseTranslationsProp":0}]}]]],["mi-scroll-buttons",[[1,"mi-scroll-buttons",{"scrollContainerElementRef":[16],"scrollLength":[2,"scroll-length"],"updateScrollButtons":[64],"updateScrollButtonsState":[64]},null,{"scrollContainerElementRef":[{"addScrollEventListener":0}]}]]],["mi-route-instructions-maneuver-legacy",[[1,"mi-route-instructions-maneuver-legacy",{"maneuver":[1],"translations":[1],"unit":[1],"maneuverData":[32],"translationsData":[32]},null,{"maneuver":[{"parseManeuverProp":0}],"translations":[{"parseTranslationsProp":0}]}]]],["mi-location-info",[[1,"mi-location-info",{"location":[8],"level":[1],"showExternalId":[4,"show-external-id"],"showFloor":[4,"show-floor"]}]]],["mi-time",[[1,"mi-time",{"seconds":[2],"translations":[1],"translationsData":[32]},null,{"translations":[{"setTranslations":0}]}]]]], options);
-};
-
-export { defineCustomElements };

package/dist/mi-card_2.entry.js

@@ -1,33 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-BZQHyS7V.js';
-
-const cardCss = () => `:host{box-sizing:border-box;display:block;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:#ffffff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:8px;padding-top:32px;padding-bottom:32px;padding-left:32px;padding-right:32px;margin:24px}`;
-
-const Card = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("slot", { key: 'dc6369cd7260bf6e9c45322a8a6f9935993170a9' }));
-    }
-};
-Card.style = cardCss();
-
-const spinnerCss = () => `.spinner{display:flex;justify-content:center;align-items:center}.spinner>div{width:16px;height:16px;background-color:#6b7280;margin:4px;border-radius:100%;display:inline-block;animation:bouncedelay 1.4s infinite ease-in-out both}.spinner.inverse>div{background-color:#ffffff}.spinner .bounce1{animation-delay:-0.32s}.spinner .bounce2{animation-delay:-0.16s}@keyframes bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}`;
-
-const Spinner = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * The inverse attribute will inverse the color of the spinner.
-         *
-         * @type {boolean}
-         */
-        this.inverse = false;
-    }
-    render() {
-        return (h(Host, { key: '0633eec3805a20320edfd85f9516bd9e254eafab' }, h("div", { key: '308c5119596050335b039334f19bea6d815a48fb', class: `spinner ${this.inverse ? 'inverse' : ''}` }, h("div", { key: 'c5d9d282a7e6e827ce72b7a32127894774b87564', class: "bounce1" }), h("div", { key: '9da13220e5da54bcffd43e350610c738fc85eebc', class: "bounce2" }), h("div", { key: '33af92df0abd175c12830777147e37c23e1d7615', class: "bounce3" }))));
-    }
-};
-Spinner.style = spinnerCss();
-
-export { Card as mi_card, Spinner as mi_spinner };

package/dist/mi-chip.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h } from './index-BZQHyS7V.js';
-
-const chipCss = () => `:root{--z-index-top:999999;--z-index-popup:950;--z-index-modal:900;--z-index-spinner:800;--z-index-overlay:700;--z-index-dropdown:600;--z-index-toast:500;--z-index-header:400;--z-index-sticky:300;--z-index-mask:200;--z-index-masked:100;--z-index-default:1;--z-index-deep:-999999;--transition-slowly:600ms ease;--transition-quickly:300ms ease;--tailwind-colors-rose-900:#881337;--tailwind-colors-rose-800:#9f1239;--tailwind-colors-rose-700:#be123c;--tailwind-colors-rose-600:#e11d48;--tailwind-colors-rose-500:#f43f5e;--tailwind-colors-rose-400:#fb7185;--tailwind-colors-rose-300:#fda4af;--tailwind-colors-rose-200:#fecdd3;--tailwind-colors-rose-100:#ffe4e6;--tailwind-colors-rose-50:#fff1f2;--tailwind-colors-pink-900:#831843;--tailwind-colors-pink-800:#9d174d;--tailwind-colors-pink-700:#be185d;--tailwind-colors-pink-600:#db2777;--tailwind-colors-pink-500:#ec4899;--tailwind-colors-pink-400:#f472b6;--tailwind-colors-pink-300:#f9a8d4;--tailwind-colors-pink-200:#fbcfe8;--tailwind-colors-pink-100:#fce7f3;--tailwind-colors-pink-50:#fdf2f8;--tailwind-colors-fuchsia-900:#701a75;--tailwind-colors-fuchsia-800:#86198f;--tailwind-colors-fuchsia-700:#a21caf;--tailwind-colors-fuchsia-600:#c026d3;--tailwind-colors-fuchsia-500:#d946ef;--tailwind-colors-fuchsia-400:#e879f9;--tailwind-colors-fuchsia-300:#f0abfc;--tailwind-colors-fuchsia-200:#f5d0fe;--tailwind-colors-fuchsia-100:#fae8ff;--tailwind-colors-fuchsia-50:#fdf4ff;--tailwind-colors-purple-900:#581c87;--tailwind-colors-purple-800:#6b21a8;--tailwind-colors-purple-700:#7e22ce;--tailwind-colors-purple-600:#9333ea;--tailwind-colors-purple-500:#a855f7;--tailwind-colors-purple-400:#c084fc;--tailwind-colors-purple-300:#d8b4fe;--tailwind-colors-purple-200:#e9d5ff;--tailwind-colors-purple-100:#f3e8ff;--tailwind-colors-purple-50:#faf5ff;--tailwind-colors-violet-900:#4c1d95;--tailwind-colors-violet-800:#5b21b6;--tailwind-colors-violet-700:#6d28d9;--tailwind-colors-violet-600:#7c3aed;--tailwind-colors-violet-500:#8b5cf6;--tailwind-colors-violet-400:#a78bfa;--tailwind-colors-violet-300:#c4b5fd;--tailwind-colors-violet-200:#ddd6fe;--tailwind-colors-violet-100:#ede9fe;--tailwind-colors-violet-50:#f5f3ff;--tailwind-colors-indigo-900:#312e81;--tailwind-colors-indigo-800:#3730a3;--tailwind-colors-indigo-700:#4338ca;--tailwind-colors-indigo-600:#4f46e5;--tailwind-colors-indigo-500:#6366f1;--tailwind-colors-indigo-400:#818cf8;--tailwind-colors-indigo-300:#a5b4fc;--tailwind-colors-indigo-200:#c7d2fe;--tailwind-colors-indigo-100:#e0e7ff;--tailwind-colors-indigo-50:#eef2ff;--tailwind-colors-blue-900:#1e3a8a;--tailwind-colors-blue-800:#1e40af;--tailwind-colors-blue-700:#1d4ed8;--tailwind-colors-blue-600:#2563eb;--tailwind-colors-blue-500:#3b82f6;--tailwind-colors-blue-400:#60a5fa;--tailwind-colors-blue-300:#93c5fd;--tailwind-colors-blue-200:#bfdbfe;--tailwind-colors-blue-100:#dbeafe;--tailwind-colors-blue-50:#eff6ff;--tailwind-colors-sky-900:#0c4a6e;--tailwind-colors-sky-800:#075985;--tailwind-colors-sky-700:#0369a1;--tailwind-colors-sky-600:#0284c7;--tailwind-colors-sky-500:#0ea5e9;--tailwind-colors-sky-400:#38bdf8;--tailwind-colors-sky-300:#7dd3fc;--tailwind-colors-sky-200:#bae6fd;--tailwind-colors-sky-100:#e0f2fe;--tailwind-colors-sky-50:#f0f9ff;--tailwind-colors-cyan-900:#164e63;--tailwind-colors-cyan-800:#155e75;--tailwind-colors-cyan-700:#0e7490;--tailwind-colors-cyan-600:#0891b2;--tailwind-colors-cyan-500:#06b6d4;--tailwind-colors-cyan-400:#22d3ee;--tailwind-colors-cyan-300:#67e8f9;--tailwind-colors-cyan-200:#a5f3fc;--tailwind-colors-cyan-100:#cffafe;--tailwind-colors-cyan-50:#ecfeff;--tailwind-colors-teal-900:#134e4a;--tailwind-colors-teal-800:#115e59;--tailwind-colors-teal-700:#0f766e;--tailwind-colors-teal-600:#0d9488;--tailwind-colors-teal-500:#14b8a6;--tailwind-colors-teal-400:#2dd4bf;--tailwind-colors-teal-300:#5eead4;--tailwind-colors-teal-200:#99f6e4;--tailwind-colors-teal-100:#ccfbf1;--tailwind-colors-teal-50:#f0fdfa;--tailwind-colors-emerald-900:#064e3b;--tailwind-colors-emerald-800:#065f46;--tailwind-colors-emerald-700:#047857;--tailwind-colors-emerald-600:#059669;--tailwind-colors-emerald-500:#10b981;--tailwind-colors-emerald-400:#34d399;--tailwind-colors-emerald-300:#6ee7b7;--tailwind-colors-emerald-200:#a7f3d0;--tailwind-colors-emerald-100:#d1fae5;--tailwind-colors-emerald-50:#ecfdf5;--tailwind-colors-green-900:#14532d;--tailwind-colors-green-800:#166534;--tailwind-colors-green-700:#15803d;--tailwind-colors-green-600:#16a34a;--tailwind-colors-green-500:#22c55e;--tailwind-colors-green-400:#4ade80;--tailwind-colors-green-300:#86efac;--tailwind-colors-green-200:#bbf7d0;--tailwind-colors-green-100:#dcfce7;--tailwind-colors-green-50:#f0fdf4;--tailwind-colors-lime-900:#365314;--tailwind-colors-lime-800:#3f6212;--tailwind-colors-lime-700:#4d7c0f;--tailwind-colors-lime-600:#65a30d;--tailwind-colors-lime-500:#84cc16;--tailwind-colors-lime-400:#a3e635;--tailwind-colors-lime-300:#bef264;--tailwind-colors-lime-200:#d9f99d;--tailwind-colors-lime-100:#ecfccb;--tailwind-colors-lime-50:#f7fee7;--tailwind-colors-yellow-900:#713f12;--tailwind-colors-yellow-800:#854d0e;--tailwind-colors-yellow-700:#a16207;--tailwind-colors-yellow-600:#ca8a04;--tailwind-colors-yellow-500:#eab308;--tailwind-colors-yellow-400:#facc15;--tailwind-colors-yellow-300:#fde047;--tailwind-colors-yellow-200:#fef08a;--tailwind-colors-yellow-100:#fef9c3;--tailwind-colors-yellow-50:#fefce8;--tailwind-colors-amber-900:#78350f;--tailwind-colors-amber-800:#92400e;--tailwind-colors-amber-700:#b45309;--tailwind-colors-amber-600:#d97706;--tailwind-colors-amber-500:#f59e0b;--tailwind-colors-amber-400:#fbbf24;--tailwind-colors-amber-300:#fcd34d;--tailwind-colors-amber-200:#fde68a;--tailwind-colors-amber-100:#fef3c7;--tailwind-colors-amber-50:#fffbeb;--tailwind-colors-orange-900:#7c2d12;--tailwind-colors-orange-800:#9a3412;--tailwind-colors-orange-700:#c2410c;--tailwind-colors-orange-600:#ea580c;--tailwind-colors-orange-500:#f97316;--tailwind-colors-orange-400:#fb923c;--tailwind-colors-orange-300:#fdba74;--tailwind-colors-orange-200:#fed7aa;--tailwind-colors-orange-100:#ffedd5;--tailwind-colors-orange-50:#fff7ed;--tailwind-colors-red-900:#7f1d1d;--tailwind-colors-red-800:#991b1b;--tailwind-colors-red-700:#b91c1c;--tailwind-colors-red-600:#dc2626;--tailwind-colors-red-500:#ef4444;--tailwind-colors-red-400:#f87171;--tailwind-colors-red-300:#fca5a5;--tailwind-colors-red-200:#fecaca;--tailwind-colors-red-100:#fee2e2;--tailwind-colors-red-50:#fef2f2;--tailwind-colors-stone-900:#1c1917;--tailwind-colors-stone-800:#292524;--tailwind-colors-stone-700:#44403c;--tailwind-colors-stone-600:#57534e;--tailwind-colors-stone-500:#78716c;--tailwind-colors-stone-400:#a8a29e;--tailwind-colors-stone-300:#d6d3d1;--tailwind-colors-stone-200:#e7e5e4;--tailwind-colors-stone-100:#f5f5f4;--tailwind-colors-stone-50:#fafaf9;--tailwind-colors-neutral-900:#171717;--tailwind-colors-neutral-800:#262626;--tailwind-colors-neutral-700:#404040;--tailwind-colors-neutral-600:#525252;--tailwind-colors-neutral-500:#737373;--tailwind-colors-neutral-400:#a3a3a3;--tailwind-colors-neutral-300:#d4d4d4;--tailwind-colors-neutral-200:#e5e5e5;--tailwind-colors-neutral-100:#f5f5f5;--tailwind-colors-neutral-50:#fafafa;--tailwind-colors-zinc-900:#18181b;--tailwind-colors-zinc-800:#27272a;--tailwind-colors-zinc-700:#3f3f46;--tailwind-colors-zinc-600:#52525b;--tailwind-colors-zinc-500:#71717a;--tailwind-colors-zinc-400:#a1a1aa;--tailwind-colors-zinc-300:#d4d4d8;--tailwind-colors-zinc-200:#e4e4e7;--tailwind-colors-zinc-100:#f4f4f5;--tailwind-colors-zinc-50:#fafafa;--tailwind-colors-gray-900:#111827;--tailwind-colors-gray-800:#1f2937;--tailwind-colors-gray-700:#374151;--tailwind-colors-gray-600:#4b5563;--tailwind-colors-gray-500:#6b7280;--tailwind-colors-gray-400:#9ca3af;--tailwind-colors-gray-300:#d1d5db;--tailwind-colors-gray-200:#e5e7eb;--tailwind-colors-gray-100:#f3f4f6;--tailwind-colors-gray-50:#f9fafb;--tailwind-colors-slate-900:#0f172a;--tailwind-colors-slate-800:#1e293b;--tailwind-colors-slate-700:#334155;--tailwind-colors-slate-600:#475569;--tailwind-colors-slate-500:#64748b;--tailwind-colors-slate-400:#94a3b8;--tailwind-colors-slate-300:#cbd5e1;--tailwind-colors-slate-200:#e2e8f0;--tailwind-colors-slate-100:#f1f5f9;--tailwind-colors-slate-50:#f8fafc;--tailwind-colors-black:#000000;--tailwind-colors-white:#ffffff;--spacing-xxxx-large:64px;--spacing-xxx-large:48px;--spacing-xx-large:40px;--spacing-x-large:32px;--spacing-large:24px;--spacing-medium:16px;--spacing-small:12px;--spacing-x-small:8px;--spacing-xx-small:4px;--spacing-xxx-small:2px;--rounding-circle:50%;--rounding-pill:9999px;--rounding-x-large:16px;--rounding-large:8px;--rounding-medium:4px;--rounding-small:2px;--rounding-x-small:1px;--rounding-xx-small:0px;--opacity-xxx-large:1;--opacity-xx-large:0.88;--opacity-x-large:0.72;--opacity-large:0.48;--opacity-medium:0.24;--opacity-small:0.16;--opacity-x-small:0.08;--opacity-xx-small:0;--icon-size-xx-large:64px;--icon-size-x-large:48px;--icon-size-large:32px;--icon-size-medium:24px;--icon-size-small:16px;--font-measure-large:34rem;--font-measure-medium:30rem;--font-measure-small:20rem;--font-tracking-x-large:.25rem;--font-tracking-large:.1rem;--font-tracking-medium:normal;--font-tracking-small:-.05rem;--font-weight-xx-large:700;--font-weight-x-large:600;--font-weight-large:500;--font-weight-medium:400;--font-weight-small:300;--font-size-xxxx-large:4.5rem;--font-size-xxx-large:3rem;--font-size-xx-large:2.25rem;--font-size-x-large:1.5rem;--font-size-large:1.25rem;--font-size-medium:1rem;--font-size-small:0.875rem;--font-size-x-small:0.75rem;--font-family-serif:Georgia, Times, Times New Roman, serif;--font-family-monospace:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--font-family-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--elevation-x-large:0px 20px 20px rgba(0, 0, 0, 0.2), 0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-large:0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-medium:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.18), 0px 8px 8px rgba(0, 0, 0, 0.16);--elevation-small:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);--elevation-x-small:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);--color-transparent-base:rgba(0, 0, 0, 0);--color-white-base:#fcfcfc;--breakpoints-xx-large:only screen and (min-width: 1220px);--breakpoints-x-large:only screen and (min-width: 1025px);--breakpoints-large:only screen and (min-width: 992px);--breakpoints-medium:only screen and (min-width: 768px);--breakpoints-small:only screen and (min-width: 576px);--breakpoints-x-small:only screen and (max-width: 575px);--breakpoints-xx-small:only screen and (max-width: 360px);--brand-colors-black-100:#000000;--brand-colors-black-80:#323232;--brand-colors-black-60:#666666;--brand-colors-black-40:#999999;--brand-colors-black-20:#cccccc;--brand-colors-white-100:#ffffff;--brand-colors-dark-pine-100:#005655;--brand-colors-dark-pine-80:#327676;--brand-colors-dark-pine-60:#669999;--brand-colors-dark-pine-40:#99bbbb;--brand-colors-dark-pine-20:#ccdddd;--brand-colors-sky-blue-100:#abddff;--brand-colors-sky-blue-80:#c3e5ff;--brand-colors-sky-blue-60:#d2ebff;--brand-colors-sky-blue-40:#e1f2ff;--brand-colors-sky-blue-20:#f0f8ff;--brand-colors-sand-100:#ffefd7;--brand-colors-sand-80:#fff2df;--brand-colors-sand-60:#fff5e7;--brand-colors-brand-lime-100:#cdff00;--brand-colors-brand-lime-80:#d7ff32;--brand-colors-brand-lime-60:#e1ff66;--brand-colors-brand-lime-40:#ebff99;--brand-colors-brand-lime-20:#f5ffcc;--brand-colors-electric-purple-100:#7d49f3;--brand-colors-electric-purple-80:#976df5;--brand-colors-electric-purple-60:#b191f7;--brand-colors-electric-purple-40:#cbb6fa;--brand-colors-electric-purple-20:#e5dafc;--font-family-sans-serif:Figtree, var(--font-family-system);--color-dusk-base:var(--tailwind-colors-violet-500);--color-dusk-100:var(--tailwind-colors-violet-900);--color-dusk-90:var(--tailwind-colors-violet-800);--color-dusk-80:var(--tailwind-colors-violet-700);--color-dusk-70:var(--tailwind-colors-violet-600);--color-dusk-60:var(--tailwind-colors-violet-500);--color-dusk-50:var(--tailwind-colors-violet-400);--color-dusk-40:var(--tailwind-colors-violet-300);--color-dusk-30:var(--tailwind-colors-violet-200);--color-dusk-20:var(--tailwind-colors-violet-100);--color-dusk-10:var(--tailwind-colors-violet-50);--color-slate-base:var(--tailwind-colors-slate-500);--color-slate-100:var(--tailwind-colors-slate-900);--color-slate-90:var(--tailwind-colors-slate-800);--color-slate-80:var(--tailwind-colors-slate-700);--color-slate-70:var(--tailwind-colors-slate-600);--color-slate-60:var(--tailwind-colors-slate-500);--color-slate-50:var(--tailwind-colors-slate-400);--color-slate-40:var(--tailwind-colors-slate-300);--color-slate-30:var(--tailwind-colors-slate-200);--color-slate-20:var(--tailwind-colors-slate-100);--color-slate-10:var(--tailwind-colors-slate-50);--color-teal-base:var(--tailwind-colors-teal-500);--color-teal-100:var(--tailwind-colors-teal-900);--color-teal-90:var(--tailwind-colors-teal-800);--color-teal-80:var(--tailwind-colors-teal-700);--color-teal-70:var(--tailwind-colors-teal-600);--color-teal-60:var(--tailwind-colors-teal-500);--color-teal-50:var(--tailwind-colors-teal-400);--color-teal-40:var(--tailwind-colors-teal-300);--color-teal-30:var(--tailwind-colors-teal-200);--color-teal-20:var(--tailwind-colors-teal-100);--color-teal-10:var(--tailwind-colors-teal-50);--color-sky-base:var(--tailwind-colors-sky-500);--color-sky-100:var(--tailwind-colors-sky-900);--color-sky-90:var(--tailwind-colors-sky-800);--color-sky-80:var(--tailwind-colors-sky-700);--color-sky-70:var(--tailwind-colors-sky-600);--color-sky-60:var(--tailwind-colors-sky-500);--color-sky-50:var(--tailwind-colors-sky-400);--color-sky-40:var(--tailwind-colors-sky-300);--color-sky-30:var(--tailwind-colors-sky-200);--color-sky-20:var(--tailwind-colors-sky-100);--color-sky-10:var(--tailwind-colors-sky-50);--color-indigo-base:var(--tailwind-colors-indigo-500);--color-indigo-100:var(--tailwind-colors-indigo-900);--color-indigo-90:var(--tailwind-colors-indigo-800);--color-indigo-80:var(--tailwind-colors-indigo-700);--color-indigo-70:var(--tailwind-colors-indigo-600);--color-indigo-60:var(--tailwind-colors-indigo-500);--color-indigo-50:var(--tailwind-colors-indigo-400);--color-indigo-40:var(--tailwind-colors-indigo-300);--color-indigo-30:var(--tailwind-colors-indigo-200);--color-indigo-20:var(--tailwind-colors-indigo-100);--color-indigo-10:var(--tailwind-colors-indigo-50);--color-magenta-base:var(--tailwind-colors-pink-500);--color-magenta-100:var(--tailwind-colors-pink-900);--color-magenta-90:var(--tailwind-colors-pink-800);--color-magenta-80:var(--tailwind-colors-pink-700);--color-magenta-70:var(--tailwind-colors-pink-600);--color-magenta-60:var(--tailwind-colors-pink-500);--color-magenta-50:var(--tailwind-colors-pink-400);--color-magenta-40:var(--tailwind-colors-pink-300);--color-magenta-30:var(--tailwind-colors-pink-200);--color-magenta-20:var(--tailwind-colors-pink-100);--color-magenta-10:var(--tailwind-colors-pink-50);--color-purple-base:var(--tailwind-colors-purple-500);--color-purple-100:var(--tailwind-colors-purple-900);--color-purple-90:var(--tailwind-colors-purple-800);--color-purple-80:var(--tailwind-colors-purple-700);--color-purple-70:var(--tailwind-colors-purple-600);--color-purple-60:var(--tailwind-colors-purple-500);--color-purple-50:var(--tailwind-colors-purple-400);--color-purple-40:var(--tailwind-colors-purple-300);--color-purple-30:var(--tailwind-colors-purple-200);--color-purple-20:var(--tailwind-colors-purple-100);--color-purple-10:var(--tailwind-colors-purple-50);--color-bronze-base:var(--tailwind-colors-amber-500);--color-bronze-100:var(--tailwind-colors-amber-900);--color-bronze-90:var(--tailwind-colors-amber-800);--color-bronze-80:var(--tailwind-colors-amber-700);--color-bronze-70:var(--tailwind-colors-amber-600);--color-bronze-60:var(--tailwind-colors-amber-500);--color-bronze-50:var(--tailwind-colors-amber-400);--color-bronze-40:var(--tailwind-colors-amber-300);--color-bronze-30:var(--tailwind-colors-amber-200);--color-bronze-20:var(--tailwind-colors-amber-100);--color-bronze-10:var(--tailwind-colors-amber-50);--color-blue-base:var(--tailwind-colors-blue-500);--color-blue-100:var(--tailwind-colors-blue-900);--color-blue-90:var(--tailwind-colors-blue-800);--color-blue-80:var(--tailwind-colors-blue-700);--color-blue-70:var(--tailwind-colors-blue-600);--color-blue-60:var(--tailwind-colors-blue-500);--color-blue-50:var(--tailwind-colors-blue-400);--color-blue-40:var(--tailwind-colors-blue-300);--color-blue-30:var(--tailwind-colors-blue-200);--color-blue-20:var(--tailwind-colors-blue-100);--color-blue-10:var(--tailwind-colors-blue-50);--color-green-base:var(--tailwind-colors-green-500);--color-green-100:var(--tailwind-colors-green-900);--color-green-90:var(--tailwind-colors-green-800);--color-green-80:var(--tailwind-colors-green-700);--color-green-70:var(--tailwind-colors-green-600);--color-green-60:var(--tailwind-colors-green-500);--color-green-50:var(--tailwind-colors-green-400);--color-green-40:var(--tailwind-colors-green-300);--color-green-30:var(--tailwind-colors-green-200);--color-green-20:var(--tailwind-colors-green-100);--color-green-10:var(--tailwind-colors-green-50);--color-red-base:var(--tailwind-colors-red-500);--color-red-100:var(--tailwind-colors-red-900);--color-red-90:var(--tailwind-colors-red-800);--color-red-80:var(--tailwind-colors-red-700);--color-red-70:var(--tailwind-colors-red-600);--color-red-60:var(--tailwind-colors-red-500);--color-red-50:var(--tailwind-colors-red-400);--color-red-40:var(--tailwind-colors-red-300);--color-red-30:var(--tailwind-colors-red-200);--color-red-20:var(--tailwind-colors-red-100);--color-red-10:var(--tailwind-colors-red-50);--color-gray-base:var(--tailwind-colors-gray-500);--color-gray-100:var(--tailwind-colors-gray-900);--color-gray-90:var(--tailwind-colors-gray-800);--color-gray-80:var(--tailwind-colors-gray-700);--color-gray-70:var(--tailwind-colors-gray-600);--color-gray-60:var(--tailwind-colors-gray-500);--color-gray-50:var(--tailwind-colors-gray-400);--color-gray-40:var(--tailwind-colors-gray-300);--color-gray-30:var(--tailwind-colors-gray-200);--color-gray-20:var(--tailwind-colors-gray-100);--color-gray-10:var(--tailwind-colors-gray-50);--color-hotorchid-base:var(--tailwind-colors-pink-500);--color-white-white:var(--tailwind-colors-white);--color-black-black:var(--tailwind-colors-black);--color-black-base:var(--tailwind-colors-stone-900)}.chip{display:flex;background-color:var(--tailwind-colors-gray-50);border:1px solid var(--tailwind-colors-gray-200);padding:0 var(--spacing-xx-small);border-radius:var(--spacing-x-small);align-items:center;color:var(--tailwind-colors-neutral-500);font-family:var(--font-family-system);font-size:var(--font-size-medium);height:var(--spacing-xxx-large);width:-moz-fit-content;width:fit-content;cursor:default}.chip:hover{background-color:var(--tailwind-colors-gray-100)}.chip--active{color:var(--brand-colors-white-100)}.chip--active:hover{filter:brightness(90%)}.chip__content{padding:0 var(--spacing-small);white-space:nowrap}.chip__icon{width:var(--spacing-x-large);height:var(--spacing-x-large)}`;
-
-const Chip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * The background color of the chip.
-         * The default #005655 HEX value refers to the --brand-colors-dark-pine-100 from MIDT
-         *
-         * @type {string}
-         */
-        this.backgroundColor = '#005655';
-        /**
-         * Checks if the chip is active and applies different styling to the component.
-         *
-         * @type {boolean}
-         */
-        this.active = false;
-    }
-    render() {
-        const style = {
-            background: this.active ? this.backgroundColor : '',
-        };
-        return (h("div", { key: 'dff31207c43b4172968fc9424c616fd5cd5b41bf', style: style, class: `chip ${this.active ? 'chip--active' : ''}` }, this.icon && h("img", { key: '81dde2446382aee5611115d269af41a5a45104d1', class: "chip__icon", src: this.icon }), h("div", { key: 'bdc56af2163c7e979f01ae05d6b269cba2a7ce01', class: "chip__content" }, this.content)));
-    }
-};
-Chip.style = chipCss();
-
-export { Chip as mi_chip };

package/dist/mi-column.entry.js

@@ -1,52 +0,0 @@
-import { r as registerInstance, c as createEvent } from './index-BZQHyS7V.js';
-
-const Column = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clicked = createEvent(this, "clicked", 7);
-        /**
-         * The monospace property sets the font-family to monospace.
-         *
-         * @type {boolean}
-         * @memberof Column
-         */
-        this.monospace = false;
-        /**
-         * The alignContent property sets the alignment of the column's content.
-         *
-         * @type {('left'|'center'|'right')}
-         * @default 'left'
-         * @example <mi-column align-content="center"></mi-column>
-         * @memberof Column
-         */
-        this.alignContent = 'left';
-        /**
-         * If present, the column width is fitted the content.
-         *
-         * @type {boolean}
-         * @memberof Column
-         */
-        this.fitContent = false;
-        /**
-         * The width property sets the column's width. All CSS length units are accepted.
-         *
-         * @example <mi-column width="100px"></mi-column>
-         * @type {string}
-         * @default 'auto'
-         * @memberof Column
-         */
-        this.width = 'auto';
-    }
-    /**
-     * Relays the cellContentClicked event from the table component as a clicked event out of the component.
-     * @fires clicked
-     */
-    cellContentClickedHandler(event) {
-        this.clicked.emit(event.detail);
-    }
-    render() {
-        return;
-    }
-};
-
-export { Column as mi_column };

package/dist/mi-combo-box.entry.js

@@ -1,449 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BZQHyS7V.js';
-import { S as SortOrder, f as fuzzysort } from './sort-order.enum-jsLAbYWg.js';
-import './_commonjsHelpers-B85MJLTf.js';
-
-const comboBoxCss = () => `.mi-input[type=text],.mi-input[type=search],.mi-input[type=number],.mi-input[type=password],.mi-input[type=tel]{font-size:1rem;padding:8px;border-style:solid;border-width:1px;border-color:#8d98aa;border-radius:4px}.mi-input[type=text],.mi-input[type=search],.mi-input[type=number],.mi-input[type=password],.mi-input[type=range],.mi-input[type=tel]{display:block}.mi-input[type=radio],.mi-input[type=checkbox]{margin:0px;transform:scale(1.2, 1.2)}.mi-input[type=search]{padding-left:32px;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6267 8.43836C14.6267 11.8561 11.8561 14.6267 8.43836 14.6267C5.02062 14.6267 2.25 11.8561 2.25 8.43836C2.25 5.02062 5.02062 2.25 8.43836 2.25C11.8561 2.25 14.6267 5.02062 14.6267 8.43836Z' stroke='%23aeb9cb' stroke-width='2.5'/%3E%3Crect x='15.0979' y='14.1614' width='7.34678' height='1.32449' rx='0.662244' transform='rotate(45 15.0979 14.1614)' fill='%23aeb9cb' stroke='%23aeb9cb'/%3E%3Crect x='13.7847' y='13.2916' width='1.05276' height='0.697347' transform='rotate(45 13.7847 13.2916)' stroke='%23aeb9cb' stroke-width='0.697346'/%3E%3C/svg%3E%0A") no-repeat scroll 8px center, white}.mi-input:disabled{opacity:0.48;cursor:not-allowed}.mi-label{font-style:normal;display:block;font-size:1rem;font-weight:500;color:#1e2025}.mi-label>*{margin-top:4px}.mi-label>input[type=radio],.mi-label>input[type=checkbox],.mi-label>label.mi-toggle-btn{margin-right:8px}combo-box-item{display:none}:host{display:inline-block;position:relative;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.open) .button::after{border-top-color:transparent;border-bottom-color:#1f2937;margin-top:-8px}:host(.open) section{display:flex}:host(.open) svg{transform:rotate(180deg)}.input{position:relative;display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;font-family:inherit;background:linear-gradient(#f9fafb, #f3f4f6);border-radius:4px;border-width:1px;border-style:solid;border-color:#d1d5db;color:#1c1917;font-size:1rem;font-weight:500;line-height:1rem;padding-right:40px;padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input__svg{margin-left:auto;position:absolute;top:50%;right:-42px}.input__label{padding-top:12px;padding-bottom:12px;margin-right:8px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input__label--from-inner-html{display:flex;flex-direction:row;align-items:center;gap:8px}.input:disabled{opacity:0.72;cursor:not-allowed}.content{padding-top:12px;padding-bottom:12px;margin-top:12px;margin-bottom:12px;border-radius:8px;color:#1c1917;font-size:1rem;font-weight:500;background-color:#fcfcfc;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.18), 0px 8px 8px rgba(0, 0, 0, 0.16);min-width:320px;max-width:480px;max-height:580px;display:none;flex-direction:column;position:fixed;z-index:10000}.content .list{padding:0;margin:0;list-style:none;overflow-y:auto}.content .list__item{cursor:pointer}.content .list__item--highlighted{background-color:#f3f4f6}.empty-page{display:flex;align-items:left;flex-direction:column;margin-left:16px;margin-bottom:12px}.empty-page>*{margin:0}.empty-page__header{font-size:1rem;font-weight:400;color:#374151}.label{display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}.label__item{display:inline-block;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label__item--from-inner-html{display:flex;flex-direction:row;align-items:center;gap:8px}.label__checkbox{margin-right:12px}.label__checkbox--hidden{display:none}`;
-
-var KeyCode;
-(function (KeyCode) {
-    KeyCode["ArrowDown"] = "ArrowDown";
-    KeyCode["ArrowUp"] = "ArrowUp";
-    KeyCode["Enter"] = "Enter";
-    KeyCode["Esc"] = "Escape";
-})(KeyCode || (KeyCode = {}));
-const ComboBox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.change = createEvent(this, "change", 3);
-        /**
-         * Gets or sets the state of the dropdown.
-         * If the attribute is set to true then the dropdown will be expanded.
-         *
-         * @type {boolean}
-         */
-        this.open = false;
-        /**
-         * Gets or sets the list items.
-         *
-         * @type {Array<HTMLMiDropdownItemElement>}
-         * @returns {void}
-         */
-        this.items = [];
-        /**
-         * This attribute indicates that the items can be filtered using the input field present at the top.
-         * If it is not specified, the input field will not be visible, and filtering is not possible.
-         *
-         * @type {boolean}
-         */
-        this.filterable = false;
-        /**
-         * Gets the selected items.
-         *
-         * @type {Array<HTMLMiDropdownItemElement>}
-         */
-        this.selected = [];
-        /**
-         * Guiding message when presented with a content window that has no rows.
-         * Default language is English.
-         */
-        this.noResultsMessage = 'No results found';
-        this.currentItems = [];
-        /**
-         * Sets the disabled state for the dropdown.
-         */
-        this.disabled = false;
-        /**
-         * Sets the disabled state of the select buttons in the filterable version of the component.
-         */
-        this.isFilterSelectionDisabled = false;
-        /**
-         * Flag to control the mouseover event on the items. The event is disabled when using the arrow keys to navigate the list.
-         */
-        this.isMouseOverEventDisabled = false;
-        this.currentItemIndex = 0;
-        this.selectedItemIndex = 0;
-        this.highlightedItemClassName = 'list__item--highlighted';
-    }
-    onItemsChanged(items) {
-        if (items.some(item => item.tagName.toLowerCase() !== 'combo-box-item')) {
-            throw new Error('Items contains unknown element(s).');
-        }
-        if (Object.values(SortOrder).includes(this.itemsOrder)) {
-            items = this.getSortedItems(items);
-        }
-        this.currentItems = [...items];
-        this.filter();
-        if (!this.filterable) {
-            const selectedItemIndex = this.currentItems.findIndex(item => item.selected);
-            this.currentItemIndex = selectedItemIndex > -1 ? selectedItemIndex : 0;
-            this.selectedItemIndex = this.currentItemIndex;
-        }
-        this.items.forEach((item, itemIndex) => {
-            item.dataset.index = itemIndex.toString();
-        });
-        this.selectFirstMiDropdownItem();
-    }
-    onCurrentItemsChange() {
-        this.isFilterSelectionDisabled = this.currentItems.length === 0;
-    }
-    /**
-     * Outside the dropdown listener. It will close the dropdown when a click is outside a dropdown and dropdown list.
-     *
-     * @param {ev} ev
-     */
-    checkForClickOutside(ev) {
-        var _a;
-        if (!this.hostElement.contains(ev.target) && this.noResultsMessage) {
-            this.clearFilter();
-            this.filterElement.value = (_a = this.selected[0]) === null || _a === void 0 ? void 0 : _a.text;
-            this.open = false;
-        }
-    }
-    /**
-     * When clicked on input button we change it's type to text and highlight value that is inside.
-     *
-     * @param {Event} event
-     */
-    onClickExists(event) {
-        this.open = true;
-        event.target.type = 'text';
-        this.filterElement.select();
-    }
-    /**
-     * Mousemove event handler.
-     * When the mouse is moved the mouseover event handler is enabled.
-     */
-    mouseMoveEventHandler() {
-        this.isMouseOverEventDisabled = false;
-    }
-    /**
-     * Scroll event handler.
-     * The dropdown is closed when the scroll event is trigget outside the dropdown.
-     */
-    scrollEventHandler(event) {
-        const target = event.target;
-        if (!target || !this.hostElement.contains(target)) {
-            this.open = false;
-        }
-    }
-    /**
-     * Resize event handler.
-     * Recalculate the position of the dropdown when the window is resized.
-     */
-    resizeEventHandler() {
-        this.calculateDropDownPosition();
-    }
-    /**
-     * Component did load.
-     */
-    componentDidLoad() {
-        this.createMiDropdownItemsFromDocument();
-        this.selectFirstMiDropdownItem();
-        this.enableKeyboardNavigationEvents();
-        const filterElementObserver = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting === true) {
-                    this.filterElement.blur();
-                }
-            });
-        });
-        if (this.filterElement !== undefined) {
-            filterElementObserver.observe(this.filterElement);
-            this.filterElement.addEventListener('keydown', (event) => {
-                if (event.key === KeyCode.ArrowDown || event.key === KeyCode.ArrowUp) {
-                    event.preventDefault();
-                }
-            });
-        }
-    }
-    /**
-     * Component did rener.
-     */
-    componentDidRender() {
-        this.calculateDropDownPosition();
-        if (!this.filterable) {
-            // Makes sure that an item is always highlighted when the content window is open.
-            this.highlightItem(this.currentItemIndex, true);
-        }
-    }
-    /**
-     * Gets all mi-dropdown-item elements for the mi-dropdown items property.
-     */
-    createMiDropdownItemsFromDocument() {
-        const items = this.items && this.items.length > 0 ? this.items : this.hostElement.querySelectorAll('combo-box-item');
-        if (items.length > 0) {
-            this.items = Array.from(items);
-        }
-    }
-    /**
-     * Set the first mi-dropdown-item as the textual content of the button.
-     */
-    selectFirstMiDropdownItem() {
-        var _a;
-        if (!this.filterable) {
-            const selectedIndex = (_a = this.items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => { return item.selected; });
-            this.selected = [this.items[selectedIndex > -1 ? selectedIndex : 0]];
-        }
-    }
-    /**
-     * Enables cycling through the items in the content window using arrow up/down keys.
-     */
-    enableKeyboardNavigationEvents() {
-        this.hostElement.addEventListener('keydown', event => {
-            if (this.open === false && event.key === KeyCode.ArrowDown) {
-                this.isMouseOverEventDisabled = true;
-                this.toggleContentWindow();
-                event.preventDefault();
-                return;
-            }
-            if (this.open === true && !this.filterable) {
-                switch (event.key) {
-                    case KeyCode.ArrowDown || KeyCode.ArrowUp:
-                        this.isMouseOverEventDisabled = true;
-                        this.currentItemIndex = (this.currentItemIndex + 1) % this.currentItems.length;
-                        this.highlightItem(this.currentItemIndex, true);
-                        event.preventDefault();
-                        break;
-                    case KeyCode.ArrowUp:
-                        this.isMouseOverEventDisabled = true;
-                        this.currentItemIndex = ((this.currentItemIndex + this.currentItems.length) - 1) % this.currentItems.length;
-                        this.highlightItem(this.currentItemIndex, true);
-                        event.preventDefault();
-                        break;
-                    case KeyCode.Enter:
-                        if (this.hostElement.shadowRoot.activeElement === this.clearButtonElement) {
-                            // When the clear button is focused and Enter is pressed, don't select the
-                            // currently highlighted item or close the content window.
-                            return;
-                        }
-                        if (this.currentItems[this.currentItemIndex] !== undefined) {
-                            this.onSelect(this.currentItems[this.currentItemIndex]);
-                        }
-                        event.preventDefault();
-                        break;
-                }
-            }
-            // This case must be applied to all types of the dropdown component.
-            if (event.key === KeyCode.Esc) {
-                if (!this.filterable) {
-                    this.currentItemIndex = this.selectedItemIndex;
-                    this.highlightItem(this.currentItemIndex);
-                }
-                this.toggleContentWindow();
-                this.clearFilter();
-            }
-        });
-    }
-    /**
-     * Updates the currently highlighted item in the markup.
-     *
-     * @param {number} itemIndex
-     */
-    highlightItem(itemIndex, scrollIntoView = false) {
-        var _a, _b;
-        const items = this.hostElement.shadowRoot.querySelectorAll('.list__item');
-        items.forEach(item => {
-            item.classList.remove(this.highlightedItemClassName);
-        });
-        (_a = items[itemIndex]) === null || _a === void 0 ? void 0 : _a.classList.add(this.highlightedItemClassName);
-        if (scrollIntoView) {
-            (_b = items[itemIndex]) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-    /**
-     * Get sorted items.
-     * The sorting order is defined by the itemsOrder attribute.
-     *
-     * @param {HTMLMiDropdownItemElement[]} items
-     * @returns {HTMLMiDropdownItemElement[]}
-     */
-    getSortedItems(items) {
-        if (this.itemsOrder === SortOrder.Asc) {
-            // Ascending order
-            items.sort((a, b) => (a.text || a.innerText)
-                .trimStart()
-                .toLowerCase()
-                .localeCompare((b.text || b.innerText).trimStart().toLowerCase(), undefined, { numeric: true }));
-        }
-        else {
-            // Descending order
-            items.sort((b, a) => (a.text || a.innerText)
-                .trimStart()
-                .toLowerCase()
-                .localeCompare((b.text || b.innerText).trimStart().toLowerCase(), undefined, { numeric: true }));
-        }
-        return items;
-    }
-    /**
-     * Update and emit list of selected items.
-     */
-    onChangedHandler() {
-        this.selected = [...this.items.filter(item => item.selected)];
-        this.change.emit(this.selected);
-    }
-    /**
-     * Toggle visibility of content window.
-     */
-    toggleContentWindow() {
-        this.open = !this.open;
-    }
-    /**
-     * Select or toggle selection of item.
-     *
-     * @param {HTMLMiDropdownItemElement} item
-     */
-    onSelect(item) {
-        if (!this.filterable) {
-            this.open = false;
-            const items = Array.from(this.items);
-            items.forEach((item) => {
-                item.selected = false;
-            });
-            this.clearFilter();
-        }
-        item.selected = !item.selected;
-        this.currentItemIndex = Number(item.dataset.index);
-        this.selectedItemIndex = this.currentItemIndex;
-        this.onChangedHandler();
-    }
-    /**
-     * Highlights the item that the cursor is hovering in the content window.
-     *
-     * @param {number} filteredItemsIndex
-     */
-    onMouseOver(filteredItemsIndex) {
-        if (!this.isMouseOverEventDisabled && !this.filterable) {
-            this.highlightItem(filteredItemsIndex);
-            this.currentItemIndex = filteredItemsIndex;
-        }
-    }
-    /**
-     * Filter items based on input query.
-     *
-     * @returns {HTMLMiDropdownItemElement[]}
-     */
-    filter() {
-        if (this.filterElement) {
-            const inputQuery = this.filterElement.value;
-            const miDropdownItemTexts = this.items.map(item => (item.text || item.innerText));
-            const numberOfItemsDisplayed = this.currentItems.length;
-            if (inputQuery === '') {
-                this.currentItemIndex = this.selectedItemIndex;
-                return this.currentItems = [...this.items];
-            }
-            const searchResultsOptions = {
-                limit: 50,
-                allowTypo: false,
-                threshold: -1e4
-            };
-            const fuzzyResults = fuzzysort.go(inputQuery, miDropdownItemTexts, searchResultsOptions);
-            const filteredItems = fuzzyResults.map(result => this.items.find(item => (item.text || item.innerText) === result.target));
-            this.currentItems = filteredItems;
-            if (numberOfItemsDisplayed !== this.currentItems.length) {
-                this.currentItemIndex = 0;
-            }
-        }
-    }
-    /**
-     * Clear filter.
-     */
-    clearFilter() {
-        var _a;
-        if (this.filterElement) {
-            this.filterElement.value = (_a = this.selected[0]) === null || _a === void 0 ? void 0 : _a.text;
-            this.filterElement.blur();
-            this.currentItems = this.items;
-        }
-    }
-    /**
-     * Render input field - combobox.
-     *
-     * @returns {Host}
-     */
-    render() {
-        var _a;
-        const listOfItems = (h("ul", { key: 'f6b41bb0354bf67724906748853706dc88d82d44', class: "list" }, this.currentItems.map((item, index) => this.renderListItem(item, index, this.filterable))));
-        return (h(Host, { key: '67bdf9b1ef80cd02e9c5e5c222cc57b4403d944f', class: { 'open': this.open } }, h("input", { key: '7696e84b9761fffdea045bc058b461bdde2558a6', type: "text", class: "input", onFocus: (event) => this.onClickExists(event), ref: (el) => this.filterElement = el, onInput: () => this.filter(), tabIndex: 0, value: (_a = this.selected[0]) === null || _a === void 0 ? void 0 : _a.text }), h("svg", { key: '520bb60108aa631de484f64d24e84f471e14387a', role: 'button', class: "input__svg", part: "icon-down-arrow", width: "12", height: "6", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg", onClick: () => this.toggleContentWindow() }, h("path", { key: '70aae628fde18fac4bddf606b72111384ab66196', d: "M9.37165 9.58706C9.17303 9.80775 8.82697 9.80775 8.62835 9.58706L0.751035 0.834484C0.46145 0.512722 0.689796 7.73699e-08 1.12268 1.25924e-07L16.8773 1.89302e-06C17.3102 1.94157e-06 17.5386 0.512723 17.249 0.834484L9.37165 9.58706Z" })), h("section", { key: '3d79acbb1daaa7a03f3af83106d2c186bdeda585', ref: (el) => this.listElement = el, part: "dropdown-container", class: "content" }, this.currentItems.length === 0 ? this.renderNoResultsTemplate() : listOfItems)));
-    }
-    /**
-     * Helper function to render markup when no items are available to be displayed in the content window.
-     *
-     * @returns {JSX.Element}
-     */
-    renderNoResultsTemplate() {
-        const noResultsTemplate = (h("div", { class: "empty-page" }, h("p", { class: "empty-page__header" }, this.noResultsMessage)));
-        return noResultsTemplate;
-    }
-    /**
-     * Helper function for rendering list item.
-     *
-     * @param {HTMLMiDropdownItemElement} item
-     * @param {number} index
-     * @param {boolean} showCheckBox
-     * @returns {JSX.Element}
-     */
-    renderListItem(item, index, showCheckBox) {
-        let itemText;
-        const itemTooltipInfo = (item.getAttribute('title') || item.text || item.innerText);
-        if (item.innerText.length > 0) {
-            itemText = h("div", { class: "label__item label__item--from-inner-html", innerHTML: item.innerHTML });
-        }
-        else {
-            itemText = h("div", { class: "label__item", innerHTML: item.text });
-        }
-        return (h("li", { class: "list__item", title: itemTooltipInfo, onMouseOver: () => { this.onMouseOver(index); } }, h("label", { class: "mi-label label", tabindex: "-1" }, h("input", { class: { 'label__checkbox': true, 'label__checkbox--hidden': !showCheckBox, 'mi-input': true }, type: "checkbox", value: index, checked: item.selected, onChange: () => this.onSelect(item) }), itemText)));
-    }
-    /**
-     * Function for calculating the position of the dropdown list element.
-     */
-    calculateDropDownPosition() {
-        this.listElement.style.bottom = null;
-        this.listElement.style.left = null;
-        this.listElement.style.right = null;
-        this.listElement.style.top = null;
-        this.listElement.style.maxHeight = null;
-        this.listElement.style.minWidth = null;
-        const { clientWidth, clientHeight } = document.documentElement;
-        const hostElementRect = this.hostElement.getBoundingClientRect();
-        const listElementRect = this.listElement.getBoundingClientRect();
-        const availableSpaceBelowComponent = clientHeight - hostElementRect.bottom;
-        const availableSpaceAboveComponent = hostElementRect.top;
-        const MAX_HEIGHT = 580;
-        const MARGIN = 12;
-        if (clientWidth <= listElementRect.width || (hostElementRect.right - listElementRect.width < 0 && listElementRect.right > clientWidth)) {
-            this.listElement.style.right = `${MARGIN}px`;
-            this.listElement.style.left = `${MARGIN}px`;
-            this.listElement.style.minWidth = 'unset';
-        }
-        else if (listElementRect.right > clientWidth) {
-            this.listElement.style.left = 'unset';
-            this.listElement.style.right = `${clientWidth - hostElementRect.right}px`;
-        }
-        else {
-            this.listElement.style.left = `${hostElementRect.left}px`;
-            this.listElement.style.right = 'unset';
-        }
-        if (availableSpaceAboveComponent > availableSpaceBelowComponent) {
-            this.listElement.style.maxHeight = `${Math.min(availableSpaceAboveComponent, MAX_HEIGHT)}px`;
-            this.listElement.style.top = 'unset';
-            this.listElement.style.bottom = `${clientHeight - hostElementRect.top}px`;
-        }
-        else {
-            this.listElement.style.top = `${hostElementRect.bottom}px`;
-            this.listElement.style.bottom = 'unset';
-            this.listElement.style.maxHeight = `${Math.min(availableSpaceBelowComponent - (MARGIN * 2), MAX_HEIGHT)}px`;
-        }
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "items": [{
-                "onItemsChanged": 0
-            }],
-        "currentItems": [{
-                "onCurrentItemsChange": 0
-            }]
-    }; }
-};
-ComboBox.style = comboBoxCss();
-
-export { ComboBox as mi_combo_box };