@rededor/cura 1.3.0 → 1.4.0-alpha.1

package/dist/types/components.d.ts

@@ -770,6 +770,20 @@ export namespace Components {
          */
         "size": 'small' | 'medium' | 'large' | 'xlarge';
     }
+    interface CuraModal {
+        /**
+          * Property background to control modal backdrop color. Default: light
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Property open to control modal visibility. Default: false
+         */
+        "open"?: boolean;
+        /**
+          * Property offsetTop to control modal top position. Default: 0px
+         */
+        "topOffset"?: number;
+    }
     interface CuraPageTemplate {
         "contentwidth": 'default' | 'centered';
     }
@@ -974,6 +988,10 @@ export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputTextElement;
 }
+export interface CuraModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraModalElement;
+}
 export interface CuraRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraRadioElement;
@@ -1235,6 +1253,23 @@ declare global {
         prototype: HTMLCuraLoaderCircleElement;
         new (): HTMLCuraLoaderCircleElement;
     };
+    interface HTMLCuraModalElementEventMap {
+        "modalClose": void;
+    }
+    interface HTMLCuraModalElement extends Components.CuraModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraModalElementEventMap>(type: K, listener: (this: HTMLCuraModalElement, ev: CuraModalCustomEvent<HTMLCuraModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraModalElementEventMap>(type: K, listener: (this: HTMLCuraModalElement, ev: CuraModalCustomEvent<HTMLCuraModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraModalElement: {
+        prototype: HTMLCuraModalElement;
+        new (): HTMLCuraModalElement;
+    };
     interface HTMLCuraPageTemplateElement extends Components.CuraPageTemplate, HTMLStencilElement {
     }
     var HTMLCuraPageTemplateElement: {
@@ -1364,6 +1399,7 @@ declare global {
         "cura-label": HTMLCuraLabelElement;
         "cura-loader-bar": HTMLCuraLoaderBarElement;
         "cura-loader-circle": HTMLCuraLoaderCircleElement;
+        "cura-modal": HTMLCuraModalElement;
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
         "cura-radio": HTMLCuraRadioElement;
@@ -2170,6 +2206,24 @@ declare namespace LocalJSX {
          */
         "size"?: 'small' | 'medium' | 'large' | 'xlarge';
     }
+    interface CuraModal {
+        /**
+          * Property background to control modal backdrop color. Default: light
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Event close to handle modal close.
+         */
+        "onModalClose"?: (event: CuraModalCustomEvent<void>) => void;
+        /**
+          * Property open to control modal visibility. Default: false
+         */
+        "open"?: boolean;
+        /**
+          * Property offsetTop to control modal top position. Default: 0px
+         */
+        "topOffset"?: number;
+    }
     interface CuraPageTemplate {
         "contentwidth"?: 'default' | 'centered';
     }
@@ -2375,6 +2429,7 @@ declare namespace LocalJSX {
         "cura-label": CuraLabel;
         "cura-loader-bar": CuraLoaderBar;
         "cura-loader-circle": CuraLoaderCircle;
+        "cura-modal": CuraModal;
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
         "cura-radio": CuraRadio;
@@ -2414,6 +2469,7 @@ declare module "@stencil/core" {
             "cura-label": LocalJSX.CuraLabel & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
             "cura-loader-bar": LocalJSX.CuraLoaderBar & JSXBase.HTMLAttributes<HTMLCuraLoaderBarElement>;
             "cura-loader-circle": LocalJSX.CuraLoaderCircle & JSXBase.HTMLAttributes<HTMLCuraLoaderCircleElement>;
+            "cura-modal": LocalJSX.CuraModal & JSXBase.HTMLAttributes<HTMLCuraModalElement>;
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
             "cura-radio": LocalJSX.CuraRadio & JSXBase.HTMLAttributes<HTMLCuraRadioElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.3.0",
+  "version": "1.4.0-alpha.1",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -51,5 +51,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "b983f1ab6163aedbee5aa077b50f53e1ffbaceb0"
+  "gitHead": "fd97e88ef29529950852e1cfb902205e337b4514"
 }

package/dist/cura/p-22e921d9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as o,g as s}from"./p-fd5ed6b0.js";const r=":host{display:block;width:100%;box-sizing:border-box}.dropdown{display:flex;position:relative;flex-direction:column;width:inherit}.dropdown .dropdown-search-list{z-index:1000}.dropdown-input-search{width:100%;display:flex;justify-content:center;align-items:center;background:transparent}.dropdown-input-search.dropdown-open ::part(cura-input-field){border-radius:4px 4px 0px 0px}.dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:none}.dropdown-input-search.dropdown-open cura-input-text ::slotted([slot=helperText]){display:none}.dropdown-search-list{position:absolute;top:calc(100% - 8px);width:100%;max-height:var(--dropdown-max-height);padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));border-radius:0px 0px 4px 4px;border-top:0 var(--neutral-light);border-right:2px solid var(--neutral-light);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;display:none}.dropdown-search-list.visible{display:block}.dropdown-search-list-input-search{width:inherit;display:flex;justify-content:center;align-items:center;padding:16px 8px;border-bottom:2px solid var(--info-base);background-color:var(--neutral-purewhite)}.dropdown-search-list-input-search cura-input-text{width:inherit}.dropdown-search-list-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile{position:fixed;top:1%;left:0;right:0;width:100%;z-index:10000}.dropdown-mobile .dropdown-input-search{display:flex;gap:4px;padding:12px 8px;background-color:var(--neutral-purewhite);border-bottom:2px solid var(--info-base);z-index:10000}.dropdown-mobile .dropdown-input-search cura-button-transparent{display:flex}.dropdown-mobile .dropdown-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile .dropdown-input-search.dropdown-open{display:flex}.dropdown-mobile .dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:block}.dropdown-mobile .dropdown-search-list{position:static;width:100%;height:calc(100vh - var(--dynamic-input-search-height, 0));max-height:none;padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:none;border:none;background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;z-index:10000}";const n=r;const d=class{constructor(e){t(this,e);this.valueChanged=i(this,"valueChanged",7);this.onselect=i(this,"onselect",7);this.overlayElement=null;this.adjustInputPosition=()=>{window.visualViewport.addEventListener("resize",(()=>{var t;const i=window.innerHeight<window.screen.height*.8;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".dropdown-mobile");if(e){if(i){e.style.position="absolute";e.style.bottom=`${window.screen.height-window.innerHeight}px`}else{e.style.position="fixed";e.style.bottom="0"}}window.scroll({top:0,left:0,behavior:"smooth"})}))};this.handleSlotChange=()=>{this.options=Array.from(this.host.querySelectorAll("cura-dropdown-search-option"));this.addClickListenersToOptions();this.updateHoveredIndex()};this.handleInputChange=t=>{const i=t.target;this.value=i.value;this.onValueChange(this.value)};this.handleKeyDown=t=>{if(t.key==="ArrowDown"){t.preventDefault();this.moveHighlight(1)}else if(t.key==="ArrowUp"){t.preventDefault();this.moveHighlight(-1)}else if(t.key==="Enter"){t.preventDefault();if(this.hoveredIndex>-1){this.handleOnBlur();this.onSelectedOption(this.hoveredIndex)}}};this.handleResize=()=>{this.isMobile=window.innerWidth<768;if(this.isDropdownOpen){if(this.isMobile){this.showOverlay()}else{this.removeOverlay()}}};this.size="large";this.status="default";this.disabled=false;this.name=undefined;this.required=false;this.selected=false;this.value="";this.placeholder="";this.label="";this.iconName="search";this.dropdownMaxHeight="630px";this.overlayVisible=false;this.isDropdownOpen=false;this.styles={};this.isMobile=window.innerWidth<768;this.mode="default";this.inputTextRef=undefined;this.isOnBlurInput=true;this.hoveredIndex=-1;this.options=[]}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--info-base"]=window.CuraAPI.theme.colors.getColor("info-base");this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite");this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor("neutral-light");this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark");this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor(`neutral-black`,.16);this.styles["--error-dark"]=window.CuraAPI.theme.colors.getColor("error-dark");this.styles["--error-lighter"]=window.CuraAPI.theme.colors.getColor("error-lighter");this.styles["--breakpoints"]=window.CuraAPI.theme.breakpoints.get();this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium}onValueChange(t){this.updateSelectedOption(t);this.valueChanged.emit(t)}componentWillLoad(){this.updateSelectedOption(this.value)}componentDidRender(){if(this.isDropdownOpen&&this.isMobile){this.showOverlay();this.getDropdownSearchListHeight()}else{this.removeOverlay()}}componentDidLoad(){window.addEventListener("resize",this.handleResize);window.addEventListener("resize",this.adjustInputPosition)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize);window.removeEventListener("resize",this.adjustInputPosition)}showOverlay(){if(!this.overlayElement){this.overlayElement=document.createElement("div");this.overlayElement.className="dropdown-overlay";this.overlayElement.style.position="fixed";this.overlayElement.style.top="0";this.overlayElement.style.left="0";this.overlayElement.style.width="100%";this.overlayElement.style.height="100%";this.overlayElement.style.zIndex="9999";this.overlayElement.style.backgroundColor="white";document.body.appendChild(this.overlayElement)}}removeOverlay(){if(this.overlayElement&&this.overlayElement.parentNode===document.body){document.body.removeChild(this.overlayElement);this.overlayElement=null}}addClickListenersToOptions(){this.options.forEach(((t,i)=>{t.addEventListener("optionSelected",(()=>this.onSelectedOption(i)))}))}updateSelectedOption(t){const i=this.options.findIndex((i=>i.getAttribute("value")===t));this.hoveredIndex=i;this.updateOptionAttribute("hovered",this.hoveredIndex);this.updateOptionAttribute("selected",this.hoveredIndex);this.scrollIntoView();this.adjustInputPosition()}onSelectedOption(t){const i=this.options[t];if(i.selectable){const t=i.getAttribute("value")||i.textContent;this.value=t||"";this.updateSelectedOption(this.value);this.isDropdownOpen=false;this.isOnBlurInput=true;this.removeOverlay()}}moveHighlight(t){const i=this.options;const e=(this.hoveredIndex+t+i.length)%i.length;this.hoveredIndex=e;this.updateOptionAttribute("hovered",this.hoveredIndex);this.scrollIntoView()}updateOptionAttribute(t,i){this.options.forEach(((e,o)=>{e[t]=o===i}))}updateHoveredIndex(){const t=this.options;const i=this.value;this.hoveredIndex=t.findIndex((t=>t.getAttribute("value")===i))}scrollIntoView(){var t;const i=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".dropdown-search-list");const e=this.options[this.hoveredIndex];if(i&&e){const t=e.getBoundingClientRect();const o=i.getBoundingClientRect();if(t.bottom>o.bottom){i.scrollTop+=t.bottom-o.bottom}if(t.top<o.top){i.scrollTop-=o.top-t.top}}}handleOnBlur(){if(this.isOnBlurInput===true){setTimeout((()=>{this.isDropdownOpen=false;this.removeOverlay()}),200)}}getClasses(){return{"dropdown-input-search":true,"dropdown-open":this.isDropdownOpen,disabled:this.disabled,[this.status]:true}}getDropdownClasses(){return{"dropdown-search-list":true,visible:this.options.length&&this.isDropdownOpen?true:false}}hostCSSProperties(){return{"--dropdown-max-height":this.dropdownMaxHeight}}handleOnFocus(){this.isDropdownOpen=true}getDropdownSearchListHeight(){var t;const i=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".dropdown-input-search");if(i){this.host.style.setProperty("--dynamic-input-search-height",`${i.offsetHeight}px`)}}render(){const t=this.isMobile&&this.isDropdownOpen;return e(o,{key:"36a0df3dfbe9f164ccb41541fb5373b0e94c86bd",style:this.hostCSSProperties(),class:"dropdown-overlay"},e("div",{key:"e17cf1eec89b0346f49f497ffc6e5ea272fcd3eb",class:`dropdown ${t?"dropdown-mobile":""}`,style:this.styles},e("div",{key:"eb33cc0c6abd4792cb18a4e55eaed913e4f75761",class:this.getClasses()},this.isMobile&&this.isDropdownOpen&&e("cura-button-transparent",{key:"d837a3a15a89a9bd14260a32e3e218a3f53a18b1",fontColor:"dark",onClick:()=>this.isMobile=false,iconName:"arrowLeft",size:"medium",iconOnly:true,color:"primary"}),e("cura-input-text",{key:"c8a02959ee1d637fde64fbcd8be238b7562f0790",disabled:this.disabled,label:this.label,part:"cura-input-field",mode:t?"transparent":"default",required:this.required,hideErrorIcon:this.status==="error",iconName:this.iconName||"search",value:this.value,status:this.status,onValueChange:t=>this.onValueChange(t.target.value),onInput:t=>this.handleInputChange(t),onFocus:()=>this.handleOnFocus(),onClick:()=>window.innerWidth<768?this.isMobile=true:null,onBlur:()=>{this.handleOnBlur()},placeholder:this.placeholder,size:this.size,onKeyDown:this.handleKeyDown},e("slot",{key:"9cc22d4cf269fee171456169b787be54a814189e",name:"helperText"}))),e("div",{key:"4a9ce1710312984d2af67ac3a04df504183caaf6",id:"dropdown-search-list",class:this.getDropdownClasses()},e("slot",{key:"afdeb4b938c3d6767e440f4b32316c45b2a5e86f",name:"dropdown-search-option",onSlotchange:this.handleSlotChange}))))}get host(){return s(this)}static get watchers(){return{value:["onValueChange"]}}};d.style=n;export{d as cura_dropdown_search};
-//# sourceMappingURL=p-22e921d9.entry.js.map

package/dist/cura/p-22e921d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaDropdownSearchCss","CuraDropdownSearchStyle0","CuraDropdownSearch","this","overlayElement","adjustInputPosition","window","visualViewport","addEventListener","isKeyboardOpen","innerHeight","screen","height","dropdown","_a","host","shadowRoot","querySelector","style","position","bottom","scroll","top","left","behavior","handleSlotChange","options","Array","from","querySelectorAll","addClickListenersToOptions","updateHoveredIndex","handleInputChange","event","input","target","value","onValueChange","handleKeyDown","key","preventDefault","moveHighlight","hoveredIndex","handleOnBlur","onSelectedOption","handleResize","isMobile","innerWidth","isDropdownOpen","showOverlay","removeOverlay","connectedCallback","weights","CuraAPI","theme","fonts","getWeights","styles","colors","getColor","breakpoints","get","getSize","getFamily","medium","newValue","updateSelectedOption","valueChanged","emit","componentWillLoad","componentDidRender","getDropdownSearchListHeight","componentDidLoad","disconnectedCallback","removeEventListener","document","createElement","className","width","zIndex","backgroundColor","body","appendChild","parentNode","removeChild","forEach","option","index","selectedOptionIndex","findIndex","getAttribute","updateOptionAttribute","scrollIntoView","selectedOption","selectable","selectedValue","textContent","isOnBlurInput","direction","visibleOptions","newIndex","length","attribute","indexToUpdate","currentValue","container","hoveredOption","optionRect","getBoundingClientRect","containerRect","scrollTop","setTimeout","getClasses","disabled","status","getDropdownClasses","visible","hostCSSProperties","dropdownMaxHeight","handleOnFocus","dropdownInputSearchElement","setProperty","offsetHeight","render","isMobileDropdown","h","Host","class","fontColor","onClick","iconName","size","iconOnly","color","label","part","mode","required","hideErrorIcon","e","onInput","onFocus","onBlur","placeholder","onKeyDown","name","id","onSlotchange"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search.scss?tag=cura-dropdown-search&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search.tsx"],"sourcesContent":["@import '../../../scss/mixins/shadows.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.dropdown {\n  display: flex;\n  position: relative;\n\n  flex-direction: column;\n  width: inherit;\n\n  .dropdown-search-list {\n    z-index: 1000;\n  }\n\n  &-input-search {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: transparent;\n\n\n    &.dropdown-open {\n      ::part(cura-input-field) {\n        border-radius: 4px 4px 0px 0px;\n      }\n      ::slotted([slot='helperText']) {\n        display: none;\n      }\n\n      cura-input-text {\n        ::slotted([slot='helperText']) {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &-search-list {\n    position: absolute;\n    top:  calc(100% - 8px);\n    width: 100%;\n    max-height: var(--dropdown-max-height);\n    padding: 12px 12px;\n    margin: 0;\n    box-sizing: border-box;\n    @include shadow-level3(--neutral-black-shadow);\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0 var(--neutral-light);\n    border-right: 2px solid var(--neutral-light);\n    border-bottom: 2px solid var(--neutral-light);\n    border-left: 2px solid var(--neutral-light);\n    background-color: var(--neutral-purewhite);\n    list-style: none;\n    overflow-y: auto;\n    display: none;\n\n    &.visible {\n      display: block;\n    }\n\n    &-input-search {\n      width: inherit;\n\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 2px solid var(--info-base);\n      background-color: var(--neutral-purewhite);\n\n      cura-input-text {\n        width: inherit;\n      }\n\n      &.error {\n        background-color: var(--error-lighter);\n        border-bottom: 2px solid var(--error-dark);\n      }\n    }\n  }\n\n  &-mobile {\n    position: fixed;\n    top: 1%;\n    left: 0;\n    right: 0;\n    width: 100%;\n\n    z-index: 10000;\n    .dropdown-input-search {\n      display: flex;\n      gap: 4px;\n      padding: 12px 8px;\n      background-color: var(--neutral-purewhite);\n      border-bottom: 2px solid var(--info-base);\n      z-index: 10000;\n      cura-button-transparent {\n        display: flex;\n      }\n      &.error {\n        background-color: var(--error-lighter);\n        border-bottom: 2px solid var(--error-dark);\n      }\n      &.dropdown-open {\n        display: flex;\n\n        ::slotted([slot='helperText']) {\n          display: block;\n        }\n      }\n    }\n    .dropdown-search-list {\n      position: static;\n      width: 100%;\n      height: calc(100vh - var(--dynamic-input-search-height, 0));\n      max-height: none;\n      padding: 12px 12px;\n      margin: 0;\n      box-sizing: border-box;\n      box-shadow: none;\n      border: none;\n      background-color: var(--neutral-purewhite);\n      list-style: none;\n      overflow-y: auto;\n      z-index: 10000;\n    }\n  }\n}\n","import { Component, Host, Prop, State, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search',\n  styleUrl: 'cura-dropdown-search.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearch {\n  /**\n   * Size of the dropdown search mode default: 'small', 'medium', or 'large' (default: 'large')\n   */\n  @Prop({ reflect: true, mutable: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n   * Define the status of the dropdown search.\n   */\n  @Prop({ reflect: true }) status: 'error' | 'default' = 'default';\n\n  /**\n   * Whether the select component is disabled.\n   * Reflects as an attribute in the DOM.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * The name of the dropdown search component.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Indicates if the dropdown search is required.\n   */\n  @Prop({ reflect: true, mutable: true }) required: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * The value of the dropdown search.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * The placeholder text for the dropdown search.\n   */\n  @Prop({ reflect: true, mutable: true }) placeholder: string = '';\n\n  /**\n   * The label for the dropdown search.\n   */\n  @Prop({ reflect: true, mutable: true }) label: string = '';\n\n  /**\n   * Custom icon name. Default: search.\n   */\n  @Prop({ reflect: true }) iconName = 'search';\n\n  /**\n   * CSS max-height property for dropdown item.\n   * Default to 630px\n   */\n  @Prop({ reflect: true }) dropdownMaxHeight = '630px';\n\n  /**\n   * Reference to the host element.\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Indicates if the overlay is visible.\n   */\n  @State() overlayVisible: boolean = false;\n\n  /**\n   * Event emitted when the value changes.\n   */\n  @Event() valueChanged: EventEmitter<string>;\n\n  /**\n   * Indicates if the dropdown is open.\n   */\n  @State() isDropdownOpen: boolean = false;\n\n  /**\n * Styles for the component.\n\n */\n  @State() styles = {};\n\n  /**\n   * Indicates if the component is being viewed on a mobile device.\n   */\n  @State() isMobile: boolean = window.innerWidth < 768;\n\n  /**\n   * The mode of the dropdown search.\n   */\n  @State() mode: 'default' | 'transparent' = 'default';\n\n  @Event() onselect: EventEmitter;\n\n  @State() inputTextRef!: HTMLCuraInputTextElement;\n\n  /**\n   * Indicates if the input is on blur.\n   */\n  @State() isOnBlurInput: boolean = true;\n\n  /**\n   * The index of the currently hovered option.\n   */\n  @State() hoveredIndex: number = -1;\n\n  /**\n   * The options for the dropdown search.\n   * @type {HTMLCuraDropdownSearchOptionElement[]}\n   */\n\n  weights;\n\n  private overlayElement: HTMLDivElement | null = null;\n\n  @State() options: HTMLCuraDropdownSearchOptionElement[] = [];\n\n  private adjustInputPosition = () => {\n    window.visualViewport.addEventListener('resize', () => {\n      const isKeyboardOpen = window.innerHeight < window.screen.height * 0.8;\n      const dropdown = this.host.shadowRoot?.querySelector('.dropdown-mobile') as HTMLInputElement;\n\n      if (dropdown) {\n        if (isKeyboardOpen) {\n          dropdown.style.position = 'absolute';\n          dropdown.style.bottom = `${window.screen.height - window.innerHeight}px`;\n        } else {\n          dropdown.style.position = 'fixed';\n          dropdown.style.bottom = '0';\n        }\n      }\n\n      window.scroll({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    });\n  };\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor('info-base');\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');\n    this.styles['--breakpoints'] = window.CuraAPI.theme.breakpoints.get();\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n  }\n\n  @Watch('value')\n  onValueChange(newValue: string) {\n    this.updateSelectedOption(newValue);\n    this.valueChanged.emit(newValue);\n  }\n\n  componentWillLoad() {\n    this.updateSelectedOption(this.value);\n  }\n\n  componentDidRender() {\n    if (this.isDropdownOpen && this.isMobile) {\n      this.showOverlay();\n      this.getDropdownSearchListHeight();\n    } else {\n      this.removeOverlay();\n    }\n  }\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    window.addEventListener('resize', this.adjustInputPosition);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize);\n    window.removeEventListener('resize', this.adjustInputPosition);\n  }\n\n  private showOverlay() {\n    if (!this.overlayElement) {\n      this.overlayElement = document.createElement('div');\n      this.overlayElement.className = 'dropdown-overlay';\n      this.overlayElement.style.position = 'fixed';\n      this.overlayElement.style.top = '0';\n      this.overlayElement.style.left = '0';\n      this.overlayElement.style.width = '100%';\n      this.overlayElement.style.height = '100%';\n      this.overlayElement.style.zIndex = '9999';\n      this.overlayElement.style.backgroundColor = 'white';\n      document.body.appendChild(this.overlayElement);\n    }\n  }\n\n  private removeOverlay() {\n    if (this.overlayElement && this.overlayElement.parentNode === document.body) {\n      document.body.removeChild(this.overlayElement);\n      this.overlayElement = null;\n    }\n  }\n\n  private handleSlotChange = () => {\n    this.options = Array.from(this.host.querySelectorAll('cura-dropdown-search-option'));\n    this.addClickListenersToOptions();\n    this.updateHoveredIndex();\n  };\n\n  private addClickListenersToOptions() {\n    this.options.forEach((option, index) => {\n      option.addEventListener('optionSelected', () => this.onSelectedOption(index));\n    });\n  }\n\n  private updateSelectedOption(value: string) {\n    const selectedOptionIndex = this.options.findIndex(option => option.getAttribute('value') === value);\n    this.hoveredIndex = selectedOptionIndex;\n    this.updateOptionAttribute('hovered', this.hoveredIndex);\n    this.updateOptionAttribute('selected', this.hoveredIndex);\n\n    this.scrollIntoView();\n    this.adjustInputPosition();\n  }\n\n  private handleInputChange = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.onValueChange(this.value);\n    // this.valueChanged.emit(this.value);\n  };\n\n  private onSelectedOption(index: number) {\n    const selectedOption = this.options[index];\n    if (selectedOption.selectable) {\n      const selectedValue = selectedOption.getAttribute('value') || selectedOption.textContent;\n\n      this.value = selectedValue || '';\n      this.updateSelectedOption(this.value);\n\n      this.isDropdownOpen = false;\n      this.isOnBlurInput = true;\n      this.removeOverlay();\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      this.moveHighlight(1);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.moveHighlight(-1);\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      if (this.hoveredIndex > -1) {\n        this.handleOnBlur();\n        this.onSelectedOption(this.hoveredIndex);\n      }\n    }\n  };\n\n  private moveHighlight(direction: number) {\n    const visibleOptions = this.options;\n    const newIndex = (this.hoveredIndex + direction + visibleOptions.length) % visibleOptions.length;\n    this.hoveredIndex = newIndex;\n    this.updateOptionAttribute('hovered', this.hoveredIndex);\n    this.scrollIntoView();\n  }\n\n  private updateOptionAttribute(attribute: string, indexToUpdate: number) {\n    this.options.forEach((option, index) => {\n      (option as any)[attribute] = index === indexToUpdate;\n    });\n  }\n\n  private updateHoveredIndex() {\n    const visibleOptions = this.options;\n    const currentValue = this.value;\n    this.hoveredIndex = visibleOptions.findIndex(option => option.getAttribute('value') === currentValue);\n  }\n\n  private scrollIntoView() {\n    const container = this.host.shadowRoot?.querySelector('.dropdown-search-list');\n    const hoveredOption = this.options[this.hoveredIndex];\n\n    if (container && hoveredOption) {\n      const optionRect = hoveredOption.getBoundingClientRect();\n      const containerRect = container.getBoundingClientRect();\n\n      if (optionRect.bottom > containerRect.bottom) {\n        container.scrollTop += optionRect.bottom - containerRect.bottom;\n      }\n\n      if (optionRect.top < containerRect.top) {\n        container.scrollTop -= containerRect.top - optionRect.top;\n      }\n    }\n  }\n\n  private handleResize = () => {\n    this.isMobile = window.innerWidth < 768;\n    if (this.isDropdownOpen) {\n      if (this.isMobile) {\n        this.showOverlay();\n      } else {\n        this.removeOverlay();\n      }\n    }\n  };\n\n  handleOnBlur() {\n    if (this.isOnBlurInput === true) {\n      setTimeout(() => {\n        this.isDropdownOpen = false;\n        this.removeOverlay();\n      }, 200);\n    }\n  }\n  getClasses() {\n    return {\n      'dropdown-input-search': true,\n      'dropdown-open': this.isDropdownOpen,\n      'disabled': this.disabled,\n      [this.status]: true,\n    };\n  }\n\n  getDropdownClasses() {\n    return {\n      'dropdown-search-list': true,\n      'visible': this.options.length && this.isDropdownOpen ? true : false,\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--dropdown-max-height': this.dropdownMaxHeight,\n    };\n  }\n\n  handleOnFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  getDropdownSearchListHeight() {\n    const dropdownInputSearchElement = this.host.shadowRoot?.querySelector('.dropdown-input-search') as HTMLInputElement;\n    if (dropdownInputSearchElement) {\n      this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);\n    }\n  }\n\n  render() {\n    const isMobileDropdown = this.isMobile && this.isDropdownOpen;\n    return (\n      <Host style={this.hostCSSProperties()} class=\"dropdown-overlay\">\n        <div class={`dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`} style={this.styles}>\n          <div class={this.getClasses()}>\n            {this.isMobile && this.isDropdownOpen && (\n              <cura-button-transparent\n                fontColor=\"dark\"\n                onClick={() => (this.isMobile = false)}\n                iconName=\"arrowLeft\"\n                size=\"medium\"\n                iconOnly\n                color=\"primary\"\n              ></cura-button-transparent>\n            )}\n            <cura-input-text\n              disabled={this.disabled}\n              label={this.label}\n              part=\"cura-input-field\"\n              mode={isMobileDropdown ? 'transparent' : 'default'}\n              required={this.required}\n              hideErrorIcon={this.status === 'error'}\n              iconName={this.iconName || 'search'}\n              value={this.value}\n              status={this.status}\n              onValueChange={e => this.onValueChange(e.target.value as string)}\n              onInput={e => this.handleInputChange(e)}\n              onFocus={() => this.handleOnFocus()}\n              onClick={() => (window.innerWidth < 768 ? (this.isMobile = true) : null)}\n              onBlur={() => {\n                this.handleOnBlur();\n              }}\n              placeholder={this.placeholder}\n              size={this.size}\n              onKeyDown={this.handleKeyDown}\n            >\n              <slot name=\"helperText\"></slot>\n            </cura-input-text>\n          </div>\n          <div id=\"dropdown-search-list\" class={this.getDropdownClasses()}>\n            <slot name=\"dropdown-search-option\" onSlotchange={this.handleSlotChange}></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAwB,s4EAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,uGAmHrBC,KAAAC,eAAwC,KAIxCD,KAAAE,oBAAsB,KAC5BC,OAAOC,eAAeC,iBAAiB,UAAU,K,MAC/C,MAAMC,EAAiBH,OAAOI,YAAcJ,OAAOK,OAAOC,OAAS,GACnE,MAAMC,GAAWC,EAAAX,KAAKY,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,oBAErD,GAAIJ,EAAU,CACZ,GAAIJ,EAAgB,CAClBI,EAASK,MAAMC,SAAW,WAC1BN,EAASK,MAAME,OAAS,GAAGd,OAAOK,OAAOC,OAASN,OAAOI,e,KACpD,CACLG,EAASK,MAAMC,SAAW,QAC1BN,EAASK,MAAME,OAAS,G,EAI5Bd,OAAOe,OAAO,CACZC,IAAK,EACLC,KAAM,EACNC,SAAU,UACV,GACF,EAoEIrB,KAAAsB,iBAAmB,KACzBtB,KAAKuB,QAAUC,MAAMC,KAAKzB,KAAKY,KAAKc,iBAAiB,gCACrD1B,KAAK2B,6BACL3B,KAAK4B,oBAAoB,EAmBnB5B,KAAA6B,kBAAqBC,IAC3B,MAAMC,EAAQD,EAAME,OACpBhC,KAAKiC,MAAQF,EAAME,MACnBjC,KAAKkC,cAAclC,KAAKiC,MAAM,EAkBxBjC,KAAAmC,cAAiBL,IACvB,GAAIA,EAAMM,MAAQ,YAAa,CAC7BN,EAAMO,iBACNrC,KAAKsC,cAAc,E,MACd,GAAIR,EAAMM,MAAQ,UAAW,CAClCN,EAAMO,iBACNrC,KAAKsC,eAAe,E,MACf,GAAIR,EAAMM,MAAQ,QAAS,CAChCN,EAAMO,iBACN,GAAIrC,KAAKuC,cAAgB,EAAG,CAC1BvC,KAAKwC,eACLxC,KAAKyC,iBAAiBzC,KAAKuC,a,IA2CzBvC,KAAA0C,aAAe,KACrB1C,KAAK2C,SAAWxC,OAAOyC,WAAa,IACpC,GAAI5C,KAAK6C,eAAgB,CACvB,GAAI7C,KAAK2C,SAAU,CACjB3C,KAAK8C,a,KACA,CACL9C,KAAK+C,e,cAlTkE,Q,YAKtB,U,cAMV,M,kCAUe,M,cAKA,M,WAKJ,G,iBAKM,G,WAKN,G,cAKpB,S,uBAMS,Q,oBAUV,M,oBAUA,M,YAMjB,G,cAKW5C,OAAOyC,WAAa,I,UAKN,U,+CAST,K,mBAKD,E,aAWyB,E,CAyB1D,iBAAAI,GACEhD,KAAKiD,QAAU9C,OAAO+C,QAAQC,MAAMC,MAAMC,aAC1CrD,KAAKsD,OAAO,eAAiBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,aAClExD,KAAKsD,OAAO,uBAAyBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,qBAC1ExD,KAAKsD,OAAO,mBAAqBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,iBACtExD,KAAKsD,OAAO,kBAAoBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,gBACrExD,KAAKsD,OAAO,0BAA4BnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,gBAAiB,KAC9FxD,KAAKsD,OAAO,gBAAkBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,cACnExD,KAAKsD,OAAO,mBAAqBnD,OAAO+C,QAAQC,MAAMI,OAAOC,SAAS,iBACtExD,KAAKsD,OAAO,iBAAmBnD,OAAO+C,QAAQC,MAAMM,YAAYC,MAChE1D,KAAKsD,OAAO,eAAiBnD,OAAO+C,QAAQC,MAAMC,MAAMO,UACxD3D,KAAKsD,OAAO,iBAAmBnD,OAAO+C,QAAQC,MAAMC,MAAMQ,YAC1D5D,KAAKsD,OAAO,wBAA0BtD,KAAKiD,QAAQY,M,CAIrD,aAAA3B,CAAc4B,GACZ9D,KAAK+D,qBAAqBD,GAC1B9D,KAAKgE,aAAaC,KAAKH,E,CAGzB,iBAAAI,GACElE,KAAK+D,qBAAqB/D,KAAKiC,M,CAGjC,kBAAAkC,GACE,GAAInE,KAAK6C,gBAAkB7C,KAAK2C,SAAU,CACxC3C,KAAK8C,cACL9C,KAAKoE,6B,KACA,CACLpE,KAAK+C,e,EAGT,gBAAAsB,GACElE,OAAOE,iBAAiB,SAAUL,KAAK0C,cACvCvC,OAAOE,iBAAiB,SAAUL,KAAKE,oB,CAGzC,oBAAAoE,GACEnE,OAAOoE,oBAAoB,SAAUvE,KAAK0C,cAC1CvC,OAAOoE,oBAAoB,SAAUvE,KAAKE,oB,CAGpC,WAAA4C,GACN,IAAK9C,KAAKC,eAAgB,CACxBD,KAAKC,eAAiBuE,SAASC,cAAc,OAC7CzE,KAAKC,eAAeyE,UAAY,mBAChC1E,KAAKC,eAAec,MAAMC,SAAW,QACrChB,KAAKC,eAAec,MAAMI,IAAM,IAChCnB,KAAKC,eAAec,MAAMK,KAAO,IACjCpB,KAAKC,eAAec,MAAM4D,MAAQ,OAClC3E,KAAKC,eAAec,MAAMN,OAAS,OACnCT,KAAKC,eAAec,MAAM6D,OAAS,OACnC5E,KAAKC,eAAec,MAAM8D,gBAAkB,QAC5CL,SAASM,KAAKC,YAAY/E,KAAKC,e,EAI3B,aAAA8C,GACN,GAAI/C,KAAKC,gBAAkBD,KAAKC,eAAe+E,aAAeR,SAASM,KAAM,CAC3EN,SAASM,KAAKG,YAAYjF,KAAKC,gBAC/BD,KAAKC,eAAiB,I,EAUlB,0BAAA0B,GACN3B,KAAKuB,QAAQ2D,SAAQ,CAACC,EAAQC,KAC5BD,EAAO9E,iBAAiB,kBAAkB,IAAML,KAAKyC,iBAAiB2C,IAAO,G,CAIzE,oBAAArB,CAAqB9B,GAC3B,MAAMoD,EAAsBrF,KAAKuB,QAAQ+D,WAAUH,GAAUA,EAAOI,aAAa,WAAatD,IAC9FjC,KAAKuC,aAAe8C,EACpBrF,KAAKwF,sBAAsB,UAAWxF,KAAKuC,cAC3CvC,KAAKwF,sBAAsB,WAAYxF,KAAKuC,cAE5CvC,KAAKyF,iBACLzF,KAAKE,qB,CAUC,gBAAAuC,CAAiB2C,GACvB,MAAMM,EAAiB1F,KAAKuB,QAAQ6D,GACpC,GAAIM,EAAeC,WAAY,CAC7B,MAAMC,EAAgBF,EAAeH,aAAa,UAAYG,EAAeG,YAE7E7F,KAAKiC,MAAQ2D,GAAiB,GAC9B5F,KAAK+D,qBAAqB/D,KAAKiC,OAE/BjC,KAAK6C,eAAiB,MACtB7C,KAAK8F,cAAgB,KACrB9F,KAAK+C,e,EAoBD,aAAAT,CAAcyD,GACpB,MAAMC,EAAiBhG,KAAKuB,QAC5B,MAAM0E,GAAYjG,KAAKuC,aAAewD,EAAYC,EAAeE,QAAUF,EAAeE,OAC1FlG,KAAKuC,aAAe0D,EACpBjG,KAAKwF,sBAAsB,UAAWxF,KAAKuC,cAC3CvC,KAAKyF,gB,CAGC,qBAAAD,CAAsBW,EAAmBC,GAC/CpG,KAAKuB,QAAQ2D,SAAQ,CAACC,EAAQC,KAC3BD,EAAegB,GAAaf,IAAUgB,CAAa,G,CAIhD,kBAAAxE,GACN,MAAMoE,EAAiBhG,KAAKuB,QAC5B,MAAM8E,EAAerG,KAAKiC,MAC1BjC,KAAKuC,aAAeyD,EAAeV,WAAUH,GAAUA,EAAOI,aAAa,WAAac,G,CAGlF,cAAAZ,G,MACN,MAAMa,GAAY3F,EAAAX,KAAKY,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,yBACtD,MAAMyF,EAAgBvG,KAAKuB,QAAQvB,KAAKuC,cAExC,GAAI+D,GAAaC,EAAe,CAC9B,MAAMC,EAAaD,EAAcE,wBACjC,MAAMC,EAAgBJ,EAAUG,wBAEhC,GAAID,EAAWvF,OAASyF,EAAczF,OAAQ,CAC5CqF,EAAUK,WAAaH,EAAWvF,OAASyF,EAAczF,M,CAG3D,GAAIuF,EAAWrF,IAAMuF,EAAcvF,IAAK,CACtCmF,EAAUK,WAAaD,EAAcvF,IAAMqF,EAAWrF,G,GAgB5D,YAAAqB,GACE,GAAIxC,KAAK8F,gBAAkB,KAAM,CAC/Bc,YAAW,KACT5G,KAAK6C,eAAiB,MACtB7C,KAAK+C,eAAe,GACnB,I,EAGP,UAAA8D,GACE,MAAO,CACL,wBAAyB,KACzB,gBAAiB7G,KAAK6C,eACtBiE,SAAY9G,KAAK8G,SACjB,CAAC9G,KAAK+G,QAAS,K,CAInB,kBAAAC,GACE,MAAO,CACL,uBAAwB,KACxBC,QAAWjH,KAAKuB,QAAQ2E,QAAUlG,KAAK6C,eAAiB,KAAO,M,CAInE,iBAAAqE,GACE,MAAO,CACL,wBAAyBlH,KAAKmH,kB,CAIlC,aAAAC,GACEpH,KAAK6C,eAAiB,I,CAGxB,2BAAAuB,G,MACE,MAAMiD,GAA6B1G,EAAAX,KAAKY,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,0BACvE,GAAIuG,EAA4B,CAC9BrH,KAAKY,KAAKG,MAAMuG,YAAY,gCAAiC,GAAGD,EAA2BE,iB,EAI/F,MAAAC,GACE,MAAMC,EAAmBzH,KAAK2C,UAAY3C,KAAK6C,eAC/C,OACE6E,EAACC,EAAI,CAAAvF,IAAA,2CAACrB,MAAOf,KAAKkH,oBAAqBU,MAAM,oBAC3CF,EAAA,OAAAtF,IAAA,2CAAKwF,MAAO,YAAYH,EAAmB,kBAAoB,KAAM1G,MAAOf,KAAKsD,QAC/EoE,EAAA,OAAAtF,IAAA,2CAAKwF,MAAO5H,KAAK6G,cACd7G,KAAK2C,UAAY3C,KAAK6C,gBACrB6E,EAAA,2BAAAtF,IAAA,2CACEyF,UAAU,OACVC,QAAS,IAAO9H,KAAK2C,SAAW,MAChCoF,SAAS,YACTC,KAAK,SACLC,SAAQ,KACRC,MAAM,YAGVR,EAAA,mBAAAtF,IAAA,2CACE0E,SAAU9G,KAAK8G,SACfqB,MAAOnI,KAAKmI,MACZC,KAAK,mBACLC,KAAMZ,EAAmB,cAAgB,UACzCa,SAAUtI,KAAKsI,SACfC,cAAevI,KAAK+G,SAAW,QAC/BgB,SAAU/H,KAAK+H,UAAY,SAC3B9F,MAAOjC,KAAKiC,MACZ8E,OAAQ/G,KAAK+G,OACb7E,cAAesG,GAAKxI,KAAKkC,cAAcsG,EAAExG,OAAOC,OAChDwG,QAASD,GAAKxI,KAAK6B,kBAAkB2G,GACrCE,QAAS,IAAM1I,KAAKoH,gBACpBU,QAAS,IAAO3H,OAAOyC,WAAa,IAAO5C,KAAK2C,SAAW,KAAQ,KACnEgG,OAAQ,KACN3I,KAAKwC,cAAc,EAErBoG,YAAa5I,KAAK4I,YAClBZ,KAAMhI,KAAKgI,KACXa,UAAW7I,KAAKmC,eAEhBuF,EAAA,QAAAtF,IAAA,2CAAM0G,KAAK,iBAGfpB,EAAA,OAAAtF,IAAA,2CAAK2G,GAAG,uBAAuBnB,MAAO5H,KAAKgH,sBACzCU,EAAA,QAAAtF,IAAA,2CAAM0G,KAAK,yBAAyBE,aAAchJ,KAAKsB,qB","ignoreList":[]}

package/dist/cura/p-9991f7db.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,H as r}from"./p-fd5ed6b0.js";const a=":host{display:block;box-sizing:border-box;width:100%}cura-label{padding:12px 0px;border-bottom:1px solid var(--neutral-light)}";const d=a;const t=class{constructor(o){e(this,o)}render(){return o(r,{key:"e4929a8c5c1c1f11b3e51dc088b2dd506e1bdfa0",slot:"dropdown-search-option"},o("cura-label",{key:"5bb5406c11a39a6a587737cf99eb1d2deb2ea0da",color:"neutral-dark",size:"xsmall",lineHeight:"16px",marginBlock:"0"},o("slot",{key:"c781e560b512d5362370e9855551b3e088ffbec1"})))}};t.style=d;export{t as cura_dropdown_search_option_title};
-//# sourceMappingURL=p-9991f7db.entry.js.map