@actabldesign/bellhop-core 0.0.3

package/cjs/bh-illustrations.cjs.entry.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var index = require('./index-tZqSQc8E.js');
+
+const bhIllustrationsCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:inline-flex}.illustration{display:inline-flex;align-items:center;justify-content:center;position:relative}.illustration-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl)}.illustration-svg-container{display:flex;align-items:center;justify-content:center;position:relative}.illustration-image{width:100%;height:100%;object-fit:contain}.illustration-content{text-align:center;max-width:480px}.illustration-title{font-family:var(--font-inter);font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--color-neutral-900);margin:0 0 var(--spacing-md) 0}.illustration-description{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-regular);line-height:var(--text-md-line);color:var(--color-neutral-600);margin:0}.illustration-sm .illustration-svg-container{width:80px;height:80px}.illustration-md .illustration-svg-container{width:120px;height:120px}.illustration-lg .illustration-svg-container{width:160px;height:160px}.illustration-xl .illustration-svg-container{width:200px;height:200px}.illustration-2xl .illustration-svg-container{width:240px;height:240px}.illustration-3xl .illustration-svg-container{width:280px;height:280px}.illustration-4xl .illustration-svg-container{width:320px;height:320px}@media (max-width: 768px){.illustration-4xl .illustration-svg-container{width:400px;height:400px}.illustration-3xl .illustration-svg-container{width:320px;height:320px}.illustration-content{max-width:320px}}@media (max-width: 480px){.illustration-4xl .illustration-svg-container,.illustration-3xl .illustration-svg-container{width:280px;height:280px}.illustration-2xl .illustration-svg-container{width:240px;height:240px}}";
+
+const BhIllustrations = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * Size of the illustration
+     */
+    size = 'lg';
+    /**
+     * Title text to display below the illustration
+     */
+    illustrationTitle;
+    /**
+     * Description text to display below the title
+     */
+    description;
+    /**
+     * Path to the SVG illustration
+     */
+    svgPath = '/illustrations/Search-not-found.svg';
+    /**
+     * Alt text for the illustration image
+     */
+    alt = 'Illustration';
+    getSvgDimensions() {
+        switch (this.size) {
+            case 'sm':
+                return { width: 120, height: 120 };
+            case 'md':
+                return { width: 160, height: 160 };
+            case 'lg':
+                return { width: 200, height: 200 };
+            case 'xl':
+                return { width: 280, height: 280 };
+            case '2xl':
+                return { width: 360, height: 360 };
+            case '3xl':
+                return { width: 480, height: 480 };
+            case '4xl':
+                return { width: 600, height: 600 };
+            default:
+                return { width: 200, height: 200 };
+        }
+    }
+    render() {
+        const dimensions = this.getSvgDimensions();
+        return (index.h(index.Host, { key: '673e24fb8f562656d47c1261fc3a2161086984af' }, index.h("div", { key: 'f2e405ef5a09b1e23e64fe1c4469a796b138902e', class: `illustration illustration-${this.size}` }, index.h("div", { key: '6b158db312cb292112fb8ff3c5b083d9dade7d3f', class: "illustration-wrapper" }, index.h("div", { key: '87f0d6895d021d1ee947b8f67cc306b6c6109330', class: "illustration-svg-container", style: {
+                width: `${dimensions.width}px`,
+                height: `${dimensions.height}px`,
+            } }, index.h("img", { key: '4b9552d1b82a0487248c57efaceb4c86258dc25e', src: this.svgPath, alt: this.alt, style: {
+                width: `${dimensions.width}px`,
+                height: `${dimensions.height}px`,
+            }, class: "illustration-image" })), (this.illustrationTitle || this.description) && (index.h("div", { key: 'f65786a700b2683beeb7f1e28fd64ef0edb6702b', class: "illustration-content" }, this.illustrationTitle && (index.h("h3", { key: '7095e9fd459a45141fe3ae83c2ee69be996eac0f', class: "illustration-title" }, this.illustrationTitle)), this.description && (index.h("p", { key: 'd10751d18943f0cca55cf2bc1f04514f94beceb9', class: "illustration-description" }, this.description))))))));
+    }
+};
+BhIllustrations.style = bhIllustrationsCss;
+
+exports.bh_illustrations = BhIllustrations;
+//# sourceMappingURL=bh-illustrations.entry.cjs.js.map

package/cjs/bh-illustrations.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-illustrations.entry.cjs.js","sources":["src/components/bh-illustrations/bh-illustrations.css?tag=bh-illustrations&encapsulation=shadow","src/components/bh-illustrations/bh-illustrations.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: inline-flex;\n}\n\n/* Base Illustration Styles */\n.illustration {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.illustration-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-3xl);\n}\n\n/* SVG Container */\n.illustration-svg-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.illustration-image {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n/* Content Styles */\n.illustration-content {\n  text-align: center;\n  max-width: 480px;\n}\n\n.illustration-title {\n  font-family: var(--font-inter);\n  font-size: var(--text-lg-size);\n  font-weight: var(--weight-semibold);\n  line-height: var(--text-lg-line);\n  color: var(--color-neutral-900);\n  margin: 0 0 var(--spacing-md) 0;\n}\n\n.illustration-description {\n  font-family: var(--font-inter);\n  font-size: var(--text-md-size);\n  font-weight: var(--weight-regular);\n  line-height: var(--text-md-line);\n  color: var(--color-neutral-600);\n  margin: 0;\n}\n\n/* Size Variations */\n.illustration-sm .illustration-svg-container {\n  width: 80px;\n  height: 80px;\n}\n\n.illustration-md .illustration-svg-container {\n  width: 120px;\n  height: 120px;\n}\n\n.illustration-lg .illustration-svg-container {\n  width: 160px;\n  height: 160px;\n}\n\n.illustration-xl .illustration-svg-container {\n  width: 200px;\n  height: 200px;\n}\n\n.illustration-2xl .illustration-svg-container {\n  width: 240px;\n  height: 240px;\n}\n\n.illustration-3xl .illustration-svg-container {\n  width: 280px;\n  height: 280px;\n}\n\n.illustration-4xl .illustration-svg-container {\n  width: 320px;\n  height: 320px;\n}\n\n/* Responsive Styles */\n@media (max-width: 768px) {\n  .illustration-4xl .illustration-svg-container {\n    width: 400px;\n    height: 400px;\n  }\n\n  .illustration-3xl .illustration-svg-container {\n    width: 320px;\n    height: 320px;\n  }\n\n  .illustration-content {\n    max-width: 320px;\n  }\n}\n\n@media (max-width: 480px) {\n  .illustration-4xl .illustration-svg-container,\n  .illustration-3xl .illustration-svg-container {\n    width: 280px;\n    height: 280px;\n  }\n\n  .illustration-2xl .illustration-svg-container {\n    width: 240px;\n    height: 240px;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type IllustrationSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n\n@Component({\n  tag: 'bh-illustrations',\n  styleUrl: 'bh-illustrations.css',\n  shadow: true,\n})\nexport class BhIllustrations {\n  /**\n   * Size of the illustration\n   */\n  @Prop() size: IllustrationSize = 'lg';\n\n  /**\n   * Title text to display below the illustration\n   */\n  @Prop() illustrationTitle?: string;\n\n  /**\n   * Description text to display below the title\n   */\n  @Prop() description?: string;\n\n  /**\n   * Path to the SVG illustration\n   */\n  @Prop() svgPath: string = '/illustrations/Search-not-found.svg';\n\n  /**\n   * Alt text for the illustration image\n   */\n  @Prop() alt: string = 'Illustration';\n\n  private getSvgDimensions(): { width: number; height: number } {\n    switch (this.size) {\n      case 'sm':\n        return { width: 120, height: 120 };\n      case 'md':\n        return { width: 160, height: 160 };\n      case 'lg':\n        return { width: 200, height: 200 };\n      case 'xl':\n        return { width: 280, height: 280 };\n      case '2xl':\n        return { width: 360, height: 360 };\n      case '3xl':\n        return { width: 480, height: 480 };\n      case '4xl':\n        return { width: 600, height: 600 };\n      default:\n        return { width: 200, height: 200 };\n    }\n  }\n\n  render() {\n    const dimensions = this.getSvgDimensions();\n\n    return (\n      <Host>\n        <div class={`illustration illustration-${this.size}`}>\n          <div class=\"illustration-wrapper\">\n            <div\n              class=\"illustration-svg-container\"\n              style={{\n                width: `${dimensions.width}px`,\n                height: `${dimensions.height}px`,\n              }}\n            >\n              <img\n                src={this.svgPath}\n                alt={this.alt}\n                style={{\n                  width: `${dimensions.width}px`,\n                  height: `${dimensions.height}px`,\n                }}\n                class=\"illustration-image\"\n              />\n            </div>\n            {(this.illustrationTitle || this.description) && (\n              <div class=\"illustration-content\">\n                {this.illustrationTitle && (\n                  <h3 class=\"illustration-title\">{this.illustrationTitle}</h3>\n                )}\n                {this.description && (\n                  <p class=\"illustration-description\">{this.description}</p>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/cjs/bh-input-autocomplete.cjs.entry.js

@@ -0,0 +1,342 @@
+'use strict';
+
+var index = require('./index-tZqSQc8E.js');
+
+const bhInputAutocompleteCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:block;position:relative}.input-autocomplete-wrapper{position:relative}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-field{display:flex;align-items:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:all 0.15s ease}.input-field.input-hover{border-color:var(--color-neutral-400)}.input-field.input-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 4px var(--color-brand-50)}.input-field.input-error{border-color:var(--color-error-500)}.input-field.input-error.input-focused{box-shadow:0 0 0 4px var(--color-error-50)}.input-field.input-disabled{background:var(--color-neutral-50);cursor:not-allowed}.input-content-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);width:100%}.leading-icon{font-size:20px;color:var(--color-neutral-500);flex-shrink:0}.inline-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:var(--font-inter);font-size:var(--text-md-size);line-height:var(--text-md-line);color:var(--color-neutral-900)}.inline-input::placeholder{color:var(--color-neutral-500)}.inline-input:disabled{cursor:not-allowed;color:var(--color-neutral-400)}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-600);transition:opacity 0.15s ease}.hint-text.hint-error{color:var(--color-error-600)}";
+
+const BhInputAutocomplete = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bhChange = index.createEvent(this, "bhChange");
+        this.bhSelectedItemsChange = index.createEvent(this, "bhSelectedItemsChange");
+        this.bhFocus = index.createEvent(this, "bhFocus");
+        this.bhBlur = index.createEvent(this, "bhBlur");
+        this.bhHelpClick = index.createEvent(this, "bhHelpClick");
+        this.bhOptionSelect = index.createEvent(this, "bhOptionSelect");
+    }
+    get el() { return index.getElement(this); }
+    // Base input props
+    /**
+     * Input state
+     */
+    state;
+    /**
+     * Whether input has error
+     */
+    error = false;
+    /**
+     * Whether input is required
+     */
+    required = false;
+    /**
+     * Whether input is disabled
+     */
+    disabled = false;
+    /**
+     * Whether to show help icon
+     */
+    showHelpIcon = false;
+    /**
+     * Whether to show leading icon
+     */
+    showLeadingIcon = true;
+    /**
+     * Whether to show label
+     */
+    showLabel = true;
+    /**
+     * Whether to show hint text
+     */
+    showHintText = true;
+    /**
+     * Label text
+     */
+    label = 'Search';
+    /**
+     * Placeholder text
+     */
+    placeholder = 'Search...';
+    /**
+     * Hint text
+     */
+    hintText = 'This is a hint text to help user.';
+    /**
+     * Leading icon name
+     */
+    leadingIcon = 'search';
+    /**
+     * Help icon tooltip
+     */
+    helpIconTooltip = 'Help';
+    /**
+     * Current value
+     */
+    value = '';
+    /**
+     * Width of the component
+     */
+    width = '450px';
+    // Autocomplete-specific props
+    /**
+     * Available options
+     */
+    options = [];
+    /**
+     * Maximum number of options to show
+     */
+    maxOptions = 10;
+    /**
+     * Enable multi-select mode
+     */
+    multiSelect = false;
+    /**
+     * Minimum search length to show options
+     */
+    minSearchLength = 3;
+    /**
+     * Selected items (for multi-select)
+     */
+    selectedItems = [];
+    showDropdown = false;
+    focusedOptionIndex = -1;
+    isFocused = false;
+    isHovered = false;
+    isTagClickOpen = false;
+    /**
+     * Event emitted when value changes
+     */
+    bhChange;
+    /**
+     * Event emitted when selected items change
+     */
+    bhSelectedItemsChange;
+    /**
+     * Event emitted when input is focused
+     */
+    bhFocus;
+    /**
+     * Event emitted when input is blurred
+     */
+    bhBlur;
+    /**
+     * Event emitted when help icon is clicked
+     */
+    bhHelpClick;
+    /**
+     * Event emitted when an option is selected
+     */
+    bhOptionSelect;
+    handleValueChange(newValue) {
+        if (newValue && newValue.length >= this.minSearchLength) {
+            this.showDropdown = true;
+        }
+    }
+    get filteredOptions() {
+        let baseOptions = [];
+        if (this.isTagClickOpen && this.multiSelect) {
+            baseOptions = this.selectedItems;
+        }
+        else if (this.showDropdown && (!this.value || this.value.length === 0)) {
+            baseOptions = this.options.slice(0, this.maxOptions);
+        }
+        else if (this.value && this.value.length >= this.minSearchLength) {
+            const searchLower = this.value.toLowerCase();
+            const filtered = this.options.filter(option => option.label.toLowerCase().includes(searchLower));
+            baseOptions = filtered.slice(0, this.maxOptions);
+        }
+        return baseOptions.map(option => ({
+            ...option,
+            selected: this.multiSelect && this.selectedItems.some(item => item.id === option.id),
+        }));
+    }
+    get shouldShowClearButton() {
+        return !this.disabled && ((this.multiSelect && this.selectedItems.length > 0) ||
+            (!this.multiSelect && Boolean(this.value && this.value.length > 0)));
+    }
+    get visibleTags() {
+        if (!this.multiSelect || this.selectedItems.length === 0) {
+            return { tags: [], remaining: 0 };
+        }
+        const containerWidth = parseFloat(this.width.replace('px', '')) || 450;
+        const searchIconWidth = this.showLeadingIcon ? 40 : 0;
+        const clearButtonWidth = this.shouldShowClearButton ? 32 : 0;
+        const inputFieldMinWidth = 60;
+        const padding = 24;
+        const reservedWidth = searchIconWidth + clearButtonWidth + inputFieldMinWidth + padding;
+        const availableWidth = Math.max(containerWidth - reservedWidth, 80);
+        let currentWidth = 0;
+        const visibleTagsList = [];
+        const tagSpacing = 8;
+        const counterWidth = 40;
+        const reversedItems = [...this.selectedItems].reverse();
+        for (let i = 0; i < reversedItems.length; i++) {
+            const tag = reversedItems[i];
+            const baseTagWidth = Math.min(tag.label.length * 8 + 36, 150);
+            const remainingAfterThis = reversedItems.length - (i + 1);
+            const needsCounter = remainingAfterThis > 0;
+            const totalRequiredWidth = currentWidth + baseTagWidth + (needsCounter ? counterWidth : 0);
+            if (totalRequiredWidth <= availableWidth) {
+                visibleTagsList.push(tag);
+                currentWidth += baseTagWidth + tagSpacing;
+            }
+            else {
+                break;
+            }
+        }
+        const finalVisibleTags = visibleTagsList.reverse();
+        return {
+            tags: finalVisibleTags,
+            remaining: this.selectedItems.length - finalVisibleTags.length,
+        };
+    }
+    handleInputChange = (e) => {
+        const target = e.target;
+        this.value = target.value;
+        this.bhChange.emit(this.value);
+        this.isTagClickOpen = false;
+        if (this.value.length >= this.minSearchLength) {
+            this.focusedOptionIndex = -1;
+        }
+        else {
+            this.showDropdown = false;
+        }
+    };
+    handleInputFocus = () => {
+        this.isFocused = true;
+        this.bhFocus.emit();
+        if (this.value && this.value.length >= this.minSearchLength && this.filteredOptions.length > 0) {
+            this.showDropdown = true;
+        }
+    };
+    getInputTextState() {
+        if (this.state === 'placeholder') {
+            return 'default';
+        }
+        if (this.state === 'focused') {
+            return 'focus';
+        }
+        return this.state;
+    }
+    handleInputBlur = () => {
+        setTimeout(() => {
+            this.isFocused = false;
+            this.showDropdown = false;
+            this.focusedOptionIndex = -1;
+            this.isTagClickOpen = false;
+            this.bhBlur.emit();
+        }, 200);
+    };
+    handleOptionSelect = (event) => {
+        const option = event.detail;
+        if (option.disabled)
+            return;
+        this.bhOptionSelect.emit(option);
+        if (this.multiSelect) {
+            const isSelected = this.selectedItems.some(item => item.id === option.id);
+            const newItems = isSelected
+                ? this.selectedItems.filter(item => item.id !== option.id)
+                : [...this.selectedItems, option];
+            this.selectedItems = newItems;
+            this.bhSelectedItemsChange.emit(newItems);
+            this.value = '';
+            this.bhChange.emit('');
+            this.isTagClickOpen = false;
+            this.showDropdown = false;
+        }
+        else {
+            this.value = option.label;
+            this.bhChange.emit(option.label);
+            this.showDropdown = false;
+        }
+    };
+    handleTagRemove = (tag) => {
+        const newItems = this.selectedItems.filter(item => item.id !== tag.id);
+        this.selectedItems = newItems;
+        this.bhSelectedItemsChange.emit(newItems);
+    };
+    handleTagClick = (e) => {
+        if (e.target.closest('.tag-dismiss')) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (!this.disabled) {
+            this.isTagClickOpen = true;
+            this.showDropdown = true;
+            this.isFocused = true;
+        }
+    };
+    handleClearAll = () => {
+        if (this.multiSelect) {
+            this.selectedItems = [];
+            this.bhSelectedItemsChange.emit([]);
+        }
+        this.value = '';
+        this.bhChange.emit('');
+    };
+    handleKeyDown = (e) => {
+        if (!this.showDropdown || this.filteredOptions.length === 0)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this.focusedOptionIndex = this.focusedOptionIndex < this.filteredOptions.length - 1
+                    ? this.focusedOptionIndex + 1
+                    : 0;
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                this.focusedOptionIndex = this.focusedOptionIndex > 0
+                    ? this.focusedOptionIndex - 1
+                    : this.filteredOptions.length - 1;
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < this.filteredOptions.length) {
+                    const option = this.filteredOptions[this.focusedOptionIndex];
+                    this.handleOptionSelect({ detail: option });
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                this.showDropdown = false;
+                this.focusedOptionIndex = -1;
+                break;
+        }
+    };
+    handleItemHover = (event) => {
+        this.focusedOptionIndex = event.detail;
+    };
+    render() {
+        const { tags, remaining } = this.visibleTags;
+        return (index.h(index.Host, { key: '61d319d2ad6a9fad1067d017602b4ec3e856c62d' }, index.h("div", { key: '1fd6c5019c2abde42bddbf604087183e9a0355be', class: "input-autocomplete-wrapper", style: { width: this.width }, onKeyDown: this.handleKeyDown }, this.multiSelect ? (
+        // Multi-select input with flowing tags
+        index.h("div", { class: "input-wrapper" }, index.h("bh-label", { label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: () => this.bhHelpClick.emit() }, index.h("div", { class: {
+                'input-field': true,
+                'autocomplete-multi-input': true,
+                'input-error': this.error,
+                'input-disabled': this.disabled,
+                'input-focused': this.isFocused,
+                'input-hover': this.isHovered,
+            }, onMouseEnter: () => !this.isFocused && (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("div", { class: "input-content-flow" }, this.showLeadingIcon && (index.h("span", { class: "leading-icon material-symbols-outlined" }, this.leadingIcon)), tags.map(tag => (index.h("div", { key: tag.id, onClick: this.handleTagClick, onMouseDown: e => e.preventDefault(), style: { cursor: 'pointer' } }, index.h("bh-tag", { variant: "text-only", size: "sm", label: tag.label, dismissible: !this.disabled, disabled: this.disabled, maxWidth: 150, onBhDismiss: () => this.handleTagRemove(tag) })))), remaining > 0 && (index.h("div", { onClick: this.handleTagClick, onMouseDown: e => e.preventDefault(), style: { cursor: 'pointer' } }, index.h("bh-tag", { variant: "text-only", size: "sm", label: `+${remaining}`, dismissible: false, disabled: this.disabled }))), index.h("input", { type: "text", value: this.value, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, class: "inline-input", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur }), this.shouldShowClearButton && (index.h("bh-button-icon", { hierarchy: "tertiary", size: "xs", iconName: "close", onBhClick: this.handleClearAll, disabled: this.disabled }))))), this.showHintText && this.hintText && (index.h("div", { class: { 'hint-text': true, 'hint-error': this.error }, style: { opacity: this.showDropdown ? '0' : '1' } }, this.hintText)))) : (
+        // Standard single-select using bh-input-text
+        index.h("bh-input-text", { state: this.getInputTextState(), error: this.error, required: this.required, disabled: this.disabled, showHelpIcon: this.showHelpIcon, showLeadingIcon: this.showLeadingIcon, showLabel: this.showLabel, showHintText: this.showHintText, label: this.label, placeholder: this.placeholder, hintText: this.hintText, leadingIcon: this.leadingIcon, helpIconTooltip: this.helpIconTooltip, value: this.value, width: "100%", onBhInput: (e) => {
+                this.value = e.detail;
+                this.bhChange.emit(this.value);
+                this.isTagClickOpen = false;
+                if (this.value.length >= this.minSearchLength) {
+                    this.showDropdown = true;
+                }
+                else {
+                    this.showDropdown = false;
+                }
+            }, onBhFocus: this.handleInputFocus, onBhBlur: this.handleInputBlur, onBhHelpClick: () => this.bhHelpClick.emit() })), index.h("bh-autocomplete-menu", { key: 'a6a4e0692cb97555257ac794a090275533ff5dd7', visible: this.showDropdown, menuItems: this.filteredOptions, selectedIndex: this.focusedOptionIndex, multiSelect: this.multiSelect, searchQuery: this.value, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover }))));
+    }
+    static get watchers() { return {
+        "value": ["handleValueChange"]
+    }; }
+};
+BhInputAutocomplete.style = bhInputAutocompleteCss;
+
+exports.bh_input_autocomplete = BhInputAutocomplete;
+//# sourceMappingURL=bh-input-autocomplete.entry.cjs.js.map

package/cjs/bh-input-autocomplete.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-autocomplete.entry.cjs.js","sources":["src/components/bh-input-autocomplete/bh-input-autocomplete.css?tag=bh-input-autocomplete&encapsulation=shadow","src/components/bh-input-autocomplete/bh-input-autocomplete.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n  display: block;\n  position: relative;\n}\n\n.input-autocomplete-wrapper {\n  position: relative;\n}\n\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm);\n}\n\n/* Multi-select input field */\n.input-field {\n  display: flex;\n  align-items: center;\n  min-height: 44px;\n  padding: var(--spacing-sm) var(--spacing-md);\n  background: var(--color-white);\n  border: 1px solid var(--color-neutral-300);\n  border-radius: var(--radius-md);\n  transition: all 0.15s ease;\n}\n\n.input-field.input-hover {\n  border-color: var(--color-neutral-400);\n}\n\n.input-field.input-focused {\n  border-color: var(--color-brand-500);\n  box-shadow: 0 0 0 4px var(--color-brand-50);\n}\n\n.input-field.input-error {\n  border-color: var(--color-error-500);\n}\n\n.input-field.input-error.input-focused {\n  box-shadow: 0 0 0 4px var(--color-error-50);\n}\n\n.input-field.input-disabled {\n  background: var(--color-neutral-50);\n  cursor: not-allowed;\n}\n\n.input-content-flow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  width: 100%;\n}\n\n.leading-icon {\n  font-size: 20px;\n  color: var(--color-neutral-500);\n  flex-shrink: 0;\n}\n\n.inline-input {\n  flex: 1;\n  min-width: 60px;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: var(--font-inter);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-line);\n  color: var(--color-neutral-900);\n}\n\n.inline-input::placeholder {\n  color: var(--color-neutral-500);\n}\n\n.inline-input:disabled {\n  cursor: not-allowed;\n  color: var(--color-neutral-400);\n}\n\n.hint-text {\n  font-family: var(--font-inter);\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--color-neutral-600);\n  transition: opacity 0.15s ease;\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600);\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, Watch, h, Host } from '@stencil/core';\nimport { AutocompleteMenuItem } from '../bh-autocomplete-menu/bh-autocomplete-menu';\n\nexport type InputAutocompleteState = 'placeholder' | 'filled' | 'hover' | 'focused';\n\n@Component({\n  tag: 'bh-input-autocomplete',\n  styleUrl: 'bh-input-autocomplete.css',\n  shadow: true,\n})\nexport class BhInputAutocomplete {\n  @Element() el!: HTMLElement;\n\n  // Base input props\n  /**\n   * Input state\n   */\n  @Prop() state?: InputAutocompleteState;\n\n  /**\n   * Whether input has error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show leading icon\n   */\n  @Prop() showLeadingIcon: boolean = true;\n\n  /**\n   * Whether to show label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Label text\n   */\n  @Prop() label: string = 'Search';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'Search...';\n\n  /**\n   * Hint text\n   */\n  @Prop() hintText: string = 'This is a hint text to help user.';\n\n  /**\n   * Leading icon name\n   */\n  @Prop() leadingIcon: string = 'search';\n\n  /**\n   * Help icon tooltip\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Current value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '450px';\n\n  // Autocomplete-specific props\n  /**\n   * Available options\n   */\n  @Prop() options: AutocompleteMenuItem[] = [];\n\n  /**\n   * Maximum number of options to show\n   */\n  @Prop() maxOptions: number = 10;\n\n  /**\n   * Enable multi-select mode\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Minimum search length to show options\n   */\n  @Prop() minSearchLength: number = 3;\n\n  /**\n   * Selected items (for multi-select)\n   */\n  @Prop({ mutable: true }) selectedItems: AutocompleteMenuItem[] = [];\n\n  @State() showDropdown: boolean = false;\n  @State() focusedOptionIndex: number = -1;\n  @State() isFocused: boolean = false;\n  @State() isHovered: boolean = false;\n  @State() isTagClickOpen: boolean = false;\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event() bhChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when selected items change\n   */\n  @Event() bhSelectedItemsChange!: EventEmitter<AutocompleteMenuItem[]>;\n\n  /**\n   * Event emitted when input is focused\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Event emitted when input is blurred\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Event emitted when help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when an option is selected\n   */\n  @Event() bhOptionSelect!: EventEmitter<AutocompleteMenuItem>;\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (newValue && newValue.length >= this.minSearchLength) {\n      this.showDropdown = true;\n    }\n  }\n\n  private get filteredOptions(): AutocompleteMenuItem[] {\n    let baseOptions: AutocompleteMenuItem[] = [];\n\n    if (this.isTagClickOpen && this.multiSelect) {\n      baseOptions = this.selectedItems;\n    } else if (this.showDropdown && (!this.value || this.value.length === 0)) {\n      baseOptions = this.options.slice(0, this.maxOptions);\n    } else if (this.value && this.value.length >= this.minSearchLength) {\n      const searchLower = this.value.toLowerCase();\n      const filtered = this.options.filter(option =>\n        option.label.toLowerCase().includes(searchLower)\n      );\n      baseOptions = filtered.slice(0, this.maxOptions);\n    }\n\n    return baseOptions.map(option => ({\n      ...option,\n      selected: this.multiSelect && this.selectedItems.some(item => item.id === option.id),\n    }));\n  }\n\n  private get shouldShowClearButton(): boolean {\n    return !this.disabled && (\n      (this.multiSelect && this.selectedItems.length > 0) ||\n      (!this.multiSelect && Boolean(this.value && this.value.length > 0))\n    );\n  }\n\n  private get visibleTags(): { tags: AutocompleteMenuItem[]; remaining: number } {\n    if (!this.multiSelect || this.selectedItems.length === 0) {\n      return { tags: [], remaining: 0 };\n    }\n\n    const containerWidth = parseFloat(this.width.replace('px', '')) || 450;\n    const searchIconWidth = this.showLeadingIcon ? 40 : 0;\n    const clearButtonWidth = this.shouldShowClearButton ? 32 : 0;\n    const inputFieldMinWidth = 60;\n    const padding = 24;\n    const reservedWidth = searchIconWidth + clearButtonWidth + inputFieldMinWidth + padding;\n    const availableWidth = Math.max(containerWidth - reservedWidth, 80);\n\n    let currentWidth = 0;\n    const visibleTagsList: AutocompleteMenuItem[] = [];\n    const tagSpacing = 8;\n    const counterWidth = 40;\n\n    const reversedItems = [...this.selectedItems].reverse();\n\n    for (let i = 0; i < reversedItems.length; i++) {\n      const tag = reversedItems[i];\n      const baseTagWidth = Math.min(tag.label.length * 8 + 36, 150);\n      const remainingAfterThis = reversedItems.length - (i + 1);\n      const needsCounter = remainingAfterThis > 0;\n      const totalRequiredWidth = currentWidth + baseTagWidth + (needsCounter ? counterWidth : 0);\n\n      if (totalRequiredWidth <= availableWidth) {\n        visibleTagsList.push(tag);\n        currentWidth += baseTagWidth + tagSpacing;\n      } else {\n        break;\n      }\n    }\n\n    const finalVisibleTags = visibleTagsList.reverse();\n    return {\n      tags: finalVisibleTags,\n      remaining: this.selectedItems.length - finalVisibleTags.length,\n    };\n  }\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhChange.emit(this.value);\n    this.isTagClickOpen = false;\n\n    if (this.value.length >= this.minSearchLength) {\n      this.focusedOptionIndex = -1;\n    } else {\n      this.showDropdown = false;\n    }\n  };\n\n  private handleInputFocus = () => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n\n    if (this.value && this.value.length >= this.minSearchLength && this.filteredOptions.length > 0) {\n      this.showDropdown = true;\n    }\n  };\n\n  private getInputTextState(): 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined {\n    if (this.state === 'placeholder') {\n      return 'default';\n    }\n    if (this.state === 'focused') {\n      return 'focus';\n    }\n    return this.state as 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined;\n  }\n\n  private handleInputBlur = () => {\n    setTimeout(() => {\n      this.isFocused = false;\n      this.showDropdown = false;\n      this.focusedOptionIndex = -1;\n      this.isTagClickOpen = false;\n      this.bhBlur.emit();\n    }, 200);\n  };\n\n  private handleOptionSelect = (event: CustomEvent<AutocompleteMenuItem>) => {\n    const option = event.detail;\n    if (option.disabled) return;\n\n    this.bhOptionSelect.emit(option);\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedItems.some(item => item.id === option.id);\n      const newItems = isSelected\n        ? this.selectedItems.filter(item => item.id !== option.id)\n        : [...this.selectedItems, option];\n\n      this.selectedItems = newItems;\n      this.bhSelectedItemsChange.emit(newItems);\n      this.value = '';\n      this.bhChange.emit('');\n      this.isTagClickOpen = false;\n      this.showDropdown = false;\n    } else {\n      this.value = option.label;\n      this.bhChange.emit(option.label);\n      this.showDropdown = false;\n    }\n  };\n\n  private handleTagRemove = (tag: AutocompleteMenuItem) => {\n    const newItems = this.selectedItems.filter(item => item.id !== tag.id);\n    this.selectedItems = newItems;\n    this.bhSelectedItemsChange.emit(newItems);\n  };\n\n  private handleTagClick = (e: MouseEvent) => {\n    if ((e.target as HTMLElement).closest('.tag-dismiss')) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.disabled) {\n      this.isTagClickOpen = true;\n      this.showDropdown = true;\n      this.isFocused = true;\n    }\n  };\n\n  private handleClearAll = () => {\n    if (this.multiSelect) {\n      this.selectedItems = [];\n      this.bhSelectedItemsChange.emit([]);\n    }\n    this.value = '';\n    this.bhChange.emit('');\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (!this.showDropdown || this.filteredOptions.length === 0) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex < this.filteredOptions.length - 1\n          ? this.focusedOptionIndex + 1\n          : 0;\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex > 0\n          ? this.focusedOptionIndex - 1\n          : this.filteredOptions.length - 1;\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < this.filteredOptions.length) {\n          const option = this.filteredOptions[this.focusedOptionIndex];\n          this.handleOptionSelect({ detail: option } as CustomEvent<AutocompleteMenuItem>);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.showDropdown = false;\n        this.focusedOptionIndex = -1;\n        break;\n    }\n  };\n\n  private handleItemHover = (event: CustomEvent<number>) => {\n    this.focusedOptionIndex = event.detail;\n  };\n\n  render() {\n    const { tags, remaining } = this.visibleTags;\n\n    return (\n      <Host>\n        <div\n          class=\"input-autocomplete-wrapper\"\n          style={{ width: this.width }}\n          onKeyDown={this.handleKeyDown}\n        >\n          {this.multiSelect ? (\n            // Multi-select input with flowing tags\n            <div class=\"input-wrapper\">\n              <bh-label\n                label={this.showLabel ? this.label : ''}\n                required={this.required}\n                showHelpIcon={this.showHelpIcon}\n                helpIconTooltip={this.helpIconTooltip}\n                disabled={this.disabled}\n                onBhHelpClick={() => this.bhHelpClick.emit()}\n              >\n              <div\n                class={{\n                  'input-field': true,\n                  'autocomplete-multi-input': true,\n                  'input-error': this.error,\n                  'input-disabled': this.disabled,\n                  'input-focused': this.isFocused,\n                  'input-hover': this.isHovered,\n                }}\n                onMouseEnter={() => !this.isFocused && (this.isHovered = true)}\n                onMouseLeave={() => (this.isHovered = false)}\n              >\n                <div class=\"input-content-flow\">\n                  {this.showLeadingIcon && (\n                    <span class=\"leading-icon material-symbols-outlined\">\n                      {this.leadingIcon}\n                    </span>\n                  )}\n\n                  {/* Tags */}\n                  {tags.map(tag => (\n                    <div\n                      key={tag.id}\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={tag.label}\n                        dismissible={!this.disabled}\n                        disabled={this.disabled}\n                        maxWidth={150}\n                        onBhDismiss={() => this.handleTagRemove(tag)}\n                      ></bh-tag>\n                    </div>\n                  ))}\n\n                  {remaining > 0 && (\n                    <div\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={`+${remaining}`}\n                        dismissible={false}\n                        disabled={this.disabled}\n                      ></bh-tag>\n                    </div>\n                  )}\n\n                  <input\n                    type=\"text\"\n                    value={this.value}\n                    placeholder={tags.length === 0 ? this.placeholder : ''}\n                    disabled={this.disabled}\n                    class=\"inline-input\"\n                    onInput={this.handleInputChange}\n                    onFocus={this.handleInputFocus}\n                    onBlur={this.handleInputBlur}\n                  />\n\n                  {this.shouldShowClearButton && (\n                    <bh-button-icon\n                      hierarchy=\"tertiary\"\n                      size=\"xs\"\n                      iconName=\"close\"\n                      onBhClick={this.handleClearAll}\n                      disabled={this.disabled}\n                    ></bh-button-icon>\n                  )}\n                </div>\n              </div>\n              </bh-label>\n\n              {this.showHintText && this.hintText && (\n                <div\n                  class={{ 'hint-text': true, 'hint-error': this.error }}\n                  style={{ opacity: this.showDropdown ? '0' : '1' }}\n                >\n                  {this.hintText}\n                </div>\n              )}\n            </div>\n          ) : (\n            // Standard single-select using bh-input-text\n            <bh-input-text\n              state={this.getInputTextState()}\n              error={this.error}\n              required={this.required}\n              disabled={this.disabled}\n              showHelpIcon={this.showHelpIcon}\n              showLeadingIcon={this.showLeadingIcon}\n              showLabel={this.showLabel}\n              showHintText={this.showHintText}\n              label={this.label}\n              placeholder={this.placeholder}\n              hintText={this.hintText}\n              leadingIcon={this.leadingIcon}\n              helpIconTooltip={this.helpIconTooltip}\n              value={this.value}\n              width=\"100%\"\n              onBhInput={(e: CustomEvent<string>) => {\n                this.value = e.detail;\n                this.bhChange.emit(this.value);\n                this.isTagClickOpen = false;\n                if (this.value.length >= this.minSearchLength) {\n                  this.showDropdown = true;\n                } else {\n                  this.showDropdown = false;\n                }\n              }}\n              onBhFocus={this.handleInputFocus}\n              onBhBlur={this.handleInputBlur}\n              onBhHelpClick={() => this.bhHelpClick.emit()}\n            ></bh-input-text>\n          )}\n\n          {/* Dropdown menu */}\n          <bh-autocomplete-menu\n            visible={this.showDropdown}\n            menuItems={this.filteredOptions}\n            selectedIndex={this.focusedOptionIndex}\n            multiSelect={this.multiSelect}\n            searchQuery={this.value}\n            onBhItemClick={this.handleOptionSelect}\n            onBhItemHover={this.handleItemHover}\n          ></bh-autocomplete-menu>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,ymMAAymM;;MCU3nM,mBAAmB,GAAA,MAAA;;;;;;;;;;;;AAI9B;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,KAAK,GAAY,KAAK;AAE9B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,YAAY,GAAY,KAAK;AAErC;;AAEG;IACK,eAAe,GAAY,IAAI;AAEvC;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,KAAK,GAAW,QAAQ;AAEhC;;AAEG;IACK,WAAW,GAAW,WAAW;AAEzC;;AAEG;IACK,QAAQ,GAAW,mCAAmC;AAE9D;;AAEG;IACK,WAAW,GAAW,QAAQ;AAEtC;;AAEG;IACK,eAAe,GAAW,MAAM;AAExC;;AAEG;IACsB,KAAK,GAAW,EAAE;AAE3C;;AAEG;IACK,KAAK,GAAW,OAAO;;AAG/B;;AAEG;IACK,OAAO,GAA2B,EAAE;AAE5C;;AAEG;IACK,UAAU,GAAW,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAY,KAAK;AAEpC;;AAEG;IACK,eAAe,GAAW,CAAC;AAEnC;;AAEG;IACsB,aAAa,GAA2B,EAAE;IAE1D,YAAY,GAAY,KAAK;IAC7B,kBAAkB,GAAW,EAAE;IAC/B,SAAS,GAAY,KAAK;IAC1B,SAAS,GAAY,KAAK;IAC1B,cAAc,GAAY,KAAK;AAExC;;AAEG;AACM,IAAA,QAAQ;AAEjB;;AAEG;AACM,IAAA,qBAAqB;AAE9B;;AAEG;AACM,IAAA,OAAO;AAEhB;;AAEG;AACM,IAAA,MAAM;AAEf;;AAEG;AACM,IAAA,WAAW;AAEpB;;AAEG;AACM,IAAA,cAAc;AAGvB,IAAA,iBAAiB,CAAC,QAAgB,EAAA;QAChC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AACvD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;;AAI5B,IAAA,IAAY,eAAe,GAAA;QACzB,IAAI,WAAW,GAA2B,EAAE;QAE5C,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE;AAC3C,YAAA,WAAW,GAAG,IAAI,CAAC,aAAa;;AAC3B,aAAA,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;AACxE,YAAA,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC;;AAC/C,aAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;YAClE,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,IACzC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CACjD;YACD,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC;;QAGlD,OAAO,WAAW,CAAC,GAAG,CAAC,MAAM,KAAK;AAChC,YAAA,GAAG,MAAM;YACT,QAAQ,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC;AACrF,SAAA,CAAC,CAAC;;AAGL,IAAA,IAAY,qBAAqB,GAAA;AAC/B,QAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,KACnB,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;aACjD,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CACpE;;AAGH,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YACxD,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;;AAGnC,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG;AACtE,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,GAAG,EAAE,GAAG,CAAC;AACrD,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,GAAG,EAAE,GAAG,CAAC;QAC5D,MAAM,kBAAkB,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,EAAE;QAClB,MAAM,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,OAAO;AACvF,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,aAAa,EAAE,EAAE,CAAC;QAEnE,IAAI,YAAY,GAAG,CAAC;QACpB,MAAM,eAAe,GAA2B,EAAE;QAClD,MAAM,UAAU,GAAG,CAAC;QACpB,MAAM,YAAY,GAAG,EAAE;QAEvB,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE;AAEvD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,YAAA,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC;AAC5B,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC;YAC7D,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AACzD,YAAA,MAAM,YAAY,GAAG,kBAAkB,GAAG,CAAC;AAC3C,YAAA,MAAM,kBAAkB,GAAG,YAAY,GAAG,YAAY,IAAI,YAAY,GAAG,YAAY,GAAG,CAAC,CAAC;AAE1F,YAAA,IAAI,kBAAkB,IAAI,cAAc,EAAE;AACxC,gBAAA,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,gBAAA,YAAY,IAAI,YAAY,GAAG,UAAU;;iBACpC;gBACL;;;AAIJ,QAAA,MAAM,gBAAgB,GAAG,eAAe,CAAC,OAAO,EAAE;QAClD,OAAO;AACL,YAAA,IAAI,EAAE,gBAAgB;YACtB,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,gBAAgB,CAAC,MAAM;SAC/D;;AAGK,IAAA,iBAAiB,GAAG,CAAC,CAAQ,KAAI;AACvC,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;QAE3B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AAC7C,YAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE;;aACvB;AACL,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;AAE7B,KAAC;IAEO,gBAAgB,GAAG,MAAK;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;QAEnB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;AAC9F,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;AAE5B,KAAC;IAEO,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,aAAa,EAAE;AAChC,YAAA,OAAO,SAAS;;AAElB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,OAAO,OAAO;;QAEhB,OAAO,IAAI,CAAC,KAAoF;;IAG1F,eAAe,GAAG,MAAK;QAC7B,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,YAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE;AAC5B,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;SACnB,EAAE,GAAG,CAAC;AACT,KAAC;AAEO,IAAA,kBAAkB,GAAG,CAAC,KAAwC,KAAI;AACxE,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;QAC3B,IAAI,MAAM,CAAC,QAAQ;YAAE;AAErB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;AAEhC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC;YACzE,MAAM,QAAQ,GAAG;AACf,kBAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE;kBACvD,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;AAEnC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;AAC7B,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC;AACzC,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;aACpB;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;YACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;AAChC,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;AAE7B,KAAC;AAEO,IAAA,eAAe,GAAG,CAAC,GAAyB,KAAI;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;AACtE,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;AAC7B,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3C,KAAC;AAEO,IAAA,cAAc,GAAG,CAAC,CAAa,KAAI;QACzC,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;YACrD;;QAGF,CAAC,CAAC,cAAc,EAAE;QAClB,CAAC,CAAC,eAAe,EAAE;AAEnB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;AAEzB,KAAC;IAEO,cAAc,GAAG,MAAK;AAC5B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;AACvB,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC;;AAErC,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AACxB,KAAC;AAEO,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;QAC3C,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC;YAAE;AAE7D,QAAA,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG;AAChF,sBAAE,IAAI,CAAC,kBAAkB,GAAG;sBAC1B,CAAC;gBACL;AACF,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,GAAG;AAClD,sBAAE,IAAI,CAAC,kBAAkB,GAAG;sBAC1B,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC;gBACnC;AACF,YAAA,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;oBACzF,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,kBAAkB,CAAC;oBAC5D,IAAI,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAuC,CAAC;;gBAElF;AACF,YAAA,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE;gBAC5B;;AAEN,KAAC;AAEO,IAAA,eAAe,GAAG,CAAC,KAA0B,KAAI;AACvD,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM;AACxC,KAAC;IAED,MAAM,GAAA;QACJ,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,WAAW;QAE5C,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAE,IAAI,CAAC,aAAa,EAAA,EAE5B,IAAI,CAAC,WAAW;;AAEf,QAAAA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxBA,OACE,CAAA,UAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAA,EAE9CA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,0BAA0B,EAAE,IAAI;gBAChC,aAAa,EAAE,IAAI,CAAC,KAAK;gBACzB,gBAAgB,EAAE,IAAI,CAAC,QAAQ;gBAC/B,eAAe,EAAE,IAAI,CAAC,SAAS;gBAC/B,aAAa,EAAE,IAAI,CAAC,SAAS;aAC9B,EACD,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC9D,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAA,EAE5CA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,eAAe,KACnBA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,wCAAwC,EACjD,EAAA,IAAI,CAAC,WAAW,CACZ,CACR,EAGA,IAAI,CAAC,GAAG,CAAC,GAAG,KACXA,OACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,EAE5BA,OACE,CAAA,QAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,GAAG,EACb,WAAW,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAA,CACpC,CACN,CACP,CAAC,EAED,SAAS,GAAG,CAAC,KACZA,OACE,CAAA,KAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,EAE5BA,OACE,CAAA,QAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,SAAS,CAAA,CAAE,EACtB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACf,CAAA,CACN,CACP,EAEDA,OACE,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,EACtD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,CAAA,EAED,IAAI,CAAC,qBAAqB,KACzBA,4BACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACP,CACnB,CACG,CACF,CACK,EAEV,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,KACjCA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EACtD,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,GAAG,EAAE,EAAA,EAEhD,IAAI,CAAC,QAAQ,CACV,CACP,CACG;;QAGNA,OACE,CAAA,eAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,CAAC,CAAsB,KAAI;AACpC,gBAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM;gBACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,gBAAA,IAAI,CAAC,cAAc,GAAG,KAAK;gBAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AAC7C,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;qBACnB;AACL,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;AAE7B,aAAC,EACD,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAC9B,aAAa,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAA,CAC7B,CAClB,EAGDA,OACE,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,eAAe,EAC/B,aAAa,EAAE,IAAI,CAAC,kBAAkB,EACtC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAE,IAAI,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,kBAAkB,EACtC,aAAa,EAAE,IAAI,CAAC,eAAe,EACb,CAAA,CACpB,CACD;;;;;;;;;;"}