npm - @dubai-design-system/components-js - Versions diffs - 3.11.9 → 3.12.2-alpha.0 - Mend

@dubai-design-system/components-js 3.11.9 → 3.12.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/dist/collection/components/dda-textarea/dda-textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-textarea.js","sourceRoot":"","sources":["../../../src/components/dda-textarea/dda-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AAOnC,MAAM,OAAO,WAAW;IALxB;QASU,UAAK,GAAW,EAAE,CAAC;QAInB,mBAAc,GAAY,KAAK,CAAC;QAY/B,mBAAc,GAAW,CAAC,CAAC;QAC3B,kBAAa,GAAW,EAAE,CAAC;KAgJrC;IApIC,+BAA+B;IAE/B,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,gBAAgB;;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;YAC/D,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,MAAM,EAAE;gBAC7B,OAAO,EAAE;oBACP,OAAO,EAAE;wBACP,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC;wBACzC,CAAC,YAAY,EAAE,YAAY,CAAC;wBAC5B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wBACzC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;wBACxC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;wBACpC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wBACtB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;wBACvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;wBACnC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;wBACd,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;wBACf,CAAC,OAAO,CAAC;wBACT,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;qBAC3B;iBACF;gBACD,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAC,CAAC;YAEH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE;gBAChC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC1C,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;gBAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC;gBACzD,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,WAAW;gBACxC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;gBACvC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC;YAC3D,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,cAAc,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAY;QACtB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA8B,CAAC,KAAK,CAAC;QACxD,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,UAAU,CAAC,KAAY;QACrB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA8B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC/D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,yCAAyC;YACzC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE;YACpE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,aAAa;SACnB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,aAAa;gBACtB,IAAI,CAAC,KAAK,IAAI,CACb,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,iBAAiB,IACnD,IAAI,CAAC,KAAK,CACL,CACT;gBAEA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACzB,WAAK,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAC,sBAAsB,GAAO,CACrD,CAAC,CAAC,CAAC,CACF,gBACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,aAAa,gBACZ,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,kBACzB,IAAI,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACjE,KAAK,EAAC,oCAAoC,EAC1C,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAC/B,CACb;gBAEA,IAAI,CAAC,eAAe,KAAK,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,WAAK,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa;oBACnD,YAAM,KAAK,EAAC,uCAAuC;wBAChD,IAAI,CAAC,cAAc,IAAI,CACtB,SAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,WAElE,CACL;wBACA,IAAI,CAAC,aAAa,CACd;oBACP,YAAM,KAAK,EAAC,kBAAkB;wBAC3B,IAAI,CAAC,cAAc;;wBAAK,IAAI,CAAC,cAAc,CACvC,CACH,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa;oBACjD,YAAM,KAAK,EAAC,uCAAuC;wBAChD,IAAI,CAAC,cAAc,IAAI,CACtB,SAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,WAElE,CACL;wBACA,IAAI,CAAC,WAAW,CACZ;oBACP,YAAM,KAAK,EAAC,kBAAkB;wBAC3B,IAAI,CAAC,cAAc;;wBAAK,IAAI,CAAC,cAAc,CACvC,CACH,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element, State, Method, Event, EventEmitter } from '@stencil/core';\r\nimport Quill from 'quill';\r\nimport 'quill/dist/quill.snow.css';\r\n\r\n@Component({\r\n tag: 'dda-textarea',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaTextarea {\r\n @Prop() label: string;\r\n @Prop() placeholder: string;\r\n @Prop() max_characters: number;\r\n @Prop() value: string = '';\r\n @Prop() input_id: string;\r\n @Prop() textarea_name: string;\r\n @Prop() aria_label?: string;\r\n @Prop() show_info_icon: boolean = false;\r\n @Prop() helper_text?: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string;\r\n @Prop() input_status?: string;\r\n @Prop() custom_class?: string;\r\n @Prop() component_mode?: string;\r\n @Prop() enable_rich_editor?: boolean;\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() characterCount: number = 0;\r\n @State() internalValue: string = '';\r\n\r\n private quill: Quill;\r\n\r\n // ✅ NEW: Events\r\n @Event() textareaChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() textareaBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n\r\n // ✅ NEW: External value getter\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.enable_rich_editor) {\r\n const editor = this.el.querySelector('#editor') as HTMLElement;\r\n this.quill = new Quill(editor, {\r\n modules: {\r\n toolbar: [\r\n ['bold', 'italic', 'underline', 'strike'],\r\n ['blockquote', 'code-block'],\r\n [{ list: 'ordered' }, { list: 'bullet' }],\r\n [{ script: 'sub' }, { script: 'super' }],\r\n [{ indent: '-1' }, { indent: '+1' }],\r\n [{ direction: 'rtl' }],\r\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n [{ color: [] }, { background: [] }],\r\n [{ font: [] }],\r\n [{ align: [] }],\r\n ['clean'],\r\n ['link', 'image', 'video'],\r\n ],\r\n },\r\n theme: 'snow',\r\n placeholder: this.placeholder,\r\n });\r\n\r\n this.quill.on('text-change', () => {\r\n const content = this.quill.root.innerHTML;\r\n this.internalValue = content;\r\n this.characterCount = this.quill.getText().trim().length;\r\n this.textareaChanged.emit(); // optional\r\n this.onChanged.emit(); \r\n });\r\n\r\n if (this.value) {\r\n this.quill.root.innerHTML = this.value;\r\n this.internalValue = this.value;\r\n this.characterCount = this.quill.getText().trim().length;\r\n }\r\n } else {\r\n this.internalValue = this.value;\r\n this.characterCount = this.value?.length \|\| 0;\r\n }\r\n }\r\n\r\n handleInput(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value;\r\n this.internalValue = val;\r\n this.characterCount = val.length;\r\n this.textareaChanged.emit(event);\r\n this.onChanged.emit(event);\r\n }\r\n\r\n handleBlur(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value.trim();\r\n this.textareaBlurred.emit({ name: this.textarea_name, value: val });\r\n this.onBlurred.emit({ name: this.textarea_name, value: val });\r\n }\r\n\r\n render() {\r\n const textareaClass = [\r\n 'dda-input-container dda-richtext-editor',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.input_status ? `dda-input-${this.input_status}` : '',\r\n this.custom_class,\r\n this.component_mode,\r\n this.textarea_name,\r\n ].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={textareaClass}>\r\n {this.label && (\r\n <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n\r\n {this.enable_rich_editor ? (\r\n <div id=\"editor\" class=\"dda-richeditor-field\"></div>\r\n ) : (\r\n <textarea\r\n id={this.input_id}\r\n name={this.textarea_name}\r\n aria-label={this.aria_label}\r\n placeholder={this.placeholder}\r\n value={this.internalValue \|\| this.value}\r\n aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n class=\"dda-input-field dda-input-textarea\"\r\n maxLength={this.max_characters}\r\n onInput={(event) => this.handleInput(event)}\r\n onBlur={(event) => this.handleBlur(event)}\r\n ></textarea>\r\n )}\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <div class=\"dda-error-message\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.error_message}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </span>\r\n </div>\r\n ) : (\r\n <div class=\"dda-helper-text\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.helper_text}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"dda-textarea.js","sourceRoot":"","sources":["../../../src/components/dda-textarea/dda-textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, State, Method, Event, EventEmitter } from '@stencil/core';\r\nimport Quill from 'quill';\r\nimport 'quill/dist/quill.snow.css';\r\n\r\n@Component({\r\n tag: 'dda-textarea',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaTextarea {\r\n @Prop() label: string;\r\n @Prop() placeholder: string;\r\n @Prop() max_characters: number;\r\n @Prop() value: string = '';\r\n @Prop() input_id: string;\r\n @Prop() textarea_name: string;\r\n @Prop() aria_label?: string;\r\n @Prop() show_info_icon: boolean = false;\r\n @Prop() helper_text?: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string;\r\n @Prop() input_status?: string;\r\n @Prop() custom_class?: string;\r\n @Prop() component_mode?: string;\r\n @Prop() enable_rich_editor?: boolean;\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() characterCount: number = 0;\r\n @State() internalValue: string = '';\r\n\r\n private quill: Quill;\r\n\r\n // ✅ NEW: Events\r\n @Event() textareaChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() textareaBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\r\n\r\n // ✅ NEW: External value getter\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.enable_rich_editor) {\r\n const editor = this.el.querySelector('#editor') as HTMLElement;\r\n this.quill = new Quill(editor, {\r\n modules: {\r\n toolbar: [\r\n ['bold', 'italic', 'underline', 'strike'],\r\n ['blockquote', 'code-block'],\r\n [{ list: 'ordered' }, { list: 'bullet' }],\r\n [{ script: 'sub' }, { script: 'super' }],\r\n [{ indent: '-1' }, { indent: '+1' }],\r\n [{ direction: 'rtl' }],\r\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n [{ color: [] }, { background: [] }],\r\n [{ font: [] }],\r\n [{ align: [] }],\r\n ['clean'],\r\n ['link', 'image', 'video'],\r\n ],\r\n },\r\n theme: 'snow',\r\n placeholder: this.placeholder,\r\n });\r\n\r\n this.quill.on('text-change', () => {\r\n const content = this.quill.root.innerHTML;\r\n this.internalValue = content;\r\n this.characterCount = this.quill.getText().trim().length;\r\n this.textareaChanged.emit(); // optional\r\n this.onChanged.emit();\r\n });\r\n\r\n if (this.value) {\r\n this.quill.root.innerHTML = this.value;\r\n this.internalValue = this.value;\r\n this.characterCount = this.quill.getText().trim().length;\r\n }\r\n } else {\r\n this.internalValue = this.value;\r\n this.characterCount = this.value?.length \|\| 0;\r\n }\r\n }\r\n\r\n handleInput(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value;\r\n this.internalValue = val;\r\n this.characterCount = val.length;\r\n this.textareaChanged.emit(event);\r\n this.onChanged.emit(val);\r\n\r\n this.el.dispatchEvent(new InputEvent('input', event));\r\n }\r\n\r\n handleBlur(event: Event) {\r\n const val = (event.target as HTMLTextAreaElement).value.trim();\r\n this.textareaBlurred.emit({ name: this.textarea_name, value: val });\r\n this.onBlurred.emit(val);\r\n this.el.dispatchEvent(\r\n new FocusEvent('blur', {\r\n bubbles: true,\r\n composed: true,\r\n relatedTarget: event.target,\r\n }),\r\n );\r\n }\r\n\r\n render() {\r\n const textareaClass = [\r\n 'dda-input-container dda-richtext-editor',\r\n this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n this.input_status ? `dda-input-${this.input_status}` : '',\r\n this.custom_class,\r\n this.component_mode,\r\n this.textarea_name,\r\n ]\r\n .filter(Boolean)\r\n .join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={textareaClass}>\r\n {this.label && (\r\n <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n\r\n {this.enable_rich_editor ? (\r\n <div id=\"editor\" class=\"dda-richeditor-field\"></div>\r\n ) : (\r\n <textarea\r\n id={this.input_id}\r\n name={this.textarea_name}\r\n aria-label={this.aria_label}\r\n placeholder={this.placeholder}\r\n value={this.internalValue \|\| this.value}\r\n aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n class=\"dda-input-field dda-input-textarea\"\r\n maxLength={this.max_characters}\r\n onInput={event => this.handleInput(event)}\r\n onBlur={event => this.handleBlur(event)}\r\n onFocus={(event: FocusEvent) => {\r\n this.el.dispatchEvent(\r\n new FocusEvent('focus', {\r\n bubbles: true,\r\n composed: true,\r\n relatedTarget: event.relatedTarget,\r\n }),\r\n );\r\n }}\r\n onKeyDown={(event: KeyboardEvent) => {\r\n this.el.dispatchEvent(\r\n new KeyboardEvent('keydown', {\r\n bubbles: true,\r\n composed: true,\r\n key: event.key,\r\n code: event.code,\r\n ctrlKey: event.ctrlKey,\r\n shiftKey: event.shiftKey,\r\n altKey: event.altKey,\r\n metaKey: event.metaKey,\r\n repeat: event.repeat,\r\n }),\r\n );\r\n }}\r\n ></textarea>\r\n )}\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <div class=\"dda-error-message\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.error_message}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </span>\r\n </div>\r\n ) : (\r\n <div class=\"dda-helper-text\" id={this.validation_id}>\r\n <span class=\"dda-d-flex dda-items-center dda-gap-2\">\r\n {this.show_info_icon && (\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n info\r\n </i>\r\n )}\r\n {this.helper_text}\r\n </span>\r\n <span class=\"dda-letter-count\">\r\n {this.characterCount} / {this.max_characters}\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/components/dda-header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-f6588843.js';
 import { d as defineCustomElement$7 } from './p-a7f02338.js';
 import { d as defineCustomElement$6 } from './p-f0f752d2.js';
-import { d as defineCustomElement$5 } from './p-5b2ec1a3.js';
+import { d as defineCustomElement$5 } from './p-0bbf1225.js';
 import { d as defineCustomElement$4 } from './p-42b74b87.js';
 import { d as defineCustomElement$3 } from './p-c30d0ada.js';
 import { d as defineCustomElement$2 } from './p-e5df7bea.js';

package/dist/components/dda-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DdaInput$1, d as defineCustomElement$1 } from './p-5b2ec1a3.js';
+import { D as DdaInput$1, d as defineCustomElement$1 } from './p-0bbf1225.js';
 const DdaInput = DdaInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dda-phonefield.js CHANGED Viewed

@@ -207,11 +207,11 @@ const DdaPhoneField = /*@__PURE__*/ proxyCustomElement(class DdaPhoneField exten
     async validatePhoneField() {
         this.phoneBlurred.emit({
             name: this.phone_input_name,
-            value: this.internalValue.trim()
+            value: this.internalValue.trim(),
         });
         this.onBlurred.emit({
             name: this.phone_input_name,
-            value: this.internalValue.trim()
+            value: this.internalValue.trim(),
         });
     }
     watchHandler(newValue) {
@@ -242,12 +242,9 @@ const DdaPhoneField = /*@__PURE__*/ proxyCustomElement(class DdaPhoneField exten
         this.is_focused = false;
         this.phoneBlurred.emit({
             name: this.phone_input_name,
-            value: this.internalValue.trim()
-        });
-        this.onBlurred.emit({
-            name: this.phone_input_name,
-            value: this.internalValue.trim()
+            value: this.internalValue.trim(),
         });
+        this.onBlurred.emit(this.internalValue.trim());
     }
     handlephonenumberChange(event) {
         const target = event.target;
@@ -255,11 +252,10 @@ const DdaPhoneField = /*@__PURE__*/ proxyCustomElement(class DdaPhoneField exten
         this.internalValue = targetvalue;
     }
     handleKeyDown(event) {
-        const allowedKeys = [
-            'Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'
-        ];
+        const allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'];
         if (allowedKeys.includes(event.key) ||
-            (event.ctrlKey || event.metaKey) // Allow copy/paste shortcuts
+            event.ctrlKey ||
+            event.metaKey // Allow copy/paste shortcuts
         ) {
             return;
         }
@@ -269,7 +265,7 @@ const DdaPhoneField = /*@__PURE__*/ proxyCustomElement(class DdaPhoneField exten
     }
     render() {
         const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.internalValue ? 'dda-input-focus-filled' : ''}`;
-        return (h(Host, { key: '536b5776354d2baa1accb5614e28f18f4e16cc41', ref: (el) => this.hostElement = el }, h("div", { key: '70e1c8297d1c04f8bba3702bad9ce201a1e33309', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '9527d8fc868abf4b1ddca345d87a71df9aeeeea1', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'df78a8dfa93281c3de6206db05b0498c6aa03c9a', class: `dda-input-field-group dda-phone-field` }, h("div", { key: 'feba11b8c237aae12bd36fcf2172bbe75a871295', class: "dda-input-dropdown-btn" }, h("button", { key: '00b4ce8c1e82b23a738f32fe8879291703f0303d', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: 'b226050ee9bf0580ca9a39d3a7dd8300bd421fcc', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, h("i", { key: '4457ef48f82ee65976486a2866c5d1ffc4528ac1', class: "material-icons", "aria-hidden": "true" }, "keyboard_arrow_down")), this.dropdown_open && (h("div", { key: 'd595b834384499e1ea7b3f14916239ca8c03ad85', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: `countryCode${country.code}`, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "country-select dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: '8b1273e7cdeea5e307ca770f48de3d6f3510d8b4', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "text", inputmode: "numeric", maxlength: this.max_length, pattern: "[0-9]*", class: "dda-field-group-input", placeholder: this.placeholder, value: this.internalValue, disabled: this.disabled, onFocus: this.handleFocus.bind(this), onInput: (e) => this.handlephonenumberChange(e), onKeyDown: (e) => this.handleKeyDown(e), onBlur: () => this.handleBlur() })), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+        return (h(Host, { key: 'd97be882c394ba7cc2a1f489d7222ab2fed0fe54', ref: el => (this.hostElement = el) }, h("div", { key: '8d811d7dc857a05ff09e1679af984714ec320d96', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && (h("label", { key: '715f3cbce511a077295ebaaf88c9c0affe58b782', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), h("div", { key: 'cec492e63da2a10f200dc23ee480559597ac6670', class: `dda-input-field-group dda-phone-field` }, h("div", { key: 'c8fdd1e13ba790b6b3b3ed0037182bac05343608', class: "dda-input-dropdown-btn" }, h("button", { key: '1362edbfa546588f16d8c6d8b1793e08b9749945', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: '0a0e0d32f797c2ab1044a0ba7bf3814bb8862331', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, h("i", { key: '8709a1598a6e57a816126d14c8466f41d56ce2b1', class: "material-icons", "aria-hidden": "true" }, "keyboard_arrow_down")), this.dropdown_open && (h("div", { key: 'a47b6c2d06486ae76ff2a98e7160b297b249c202', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: `countryCode${country.code}`, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "country-select dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: 'ecc0b8bdde9294c0c1cefaed0fe797fe955bb599', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "text", inputmode: "numeric", maxlength: this.max_length, pattern: "[0-9]*", class: "dda-field-group-input", placeholder: this.placeholder, value: this.internalValue, disabled: this.disabled, onFocus: this.handleFocus.bind(this), onInput: e => this.handlephonenumberChange(e), onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleBlur() })), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     static get watchers() { return {
         "value": ["watchHandler"]

package/dist/components/dda-phonefield.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-phonefield.js","mappings":";;AAAO,MAAM,aAAa,GAAG;AAC7B,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACnE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAChE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EA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","names":[],"sources":["src/assets/countries.js","src/components/dda-phonefield/dda-phonefield.tsx"],"sourcesContent":["export const CountriesList = [\r\n { \"code\": \"+93\", \"flag\": \"https://flagcdn.com/w320/af.png\" },\r\n { \"code\": \"+355\", \"flag\": \"https://flagcdn.com/w320/al.png\" },\r\n { \"code\": \"+213\", \"flag\": \"https://flagcdn.com/w320/dz.png\" },\r\n { \"code\": \"+376\", \"flag\": \"https://flagcdn.com/w320/ad.png\" },\r\n { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n { \"code\": \"+54\", \"flag\": \"https://flagcdn.com/w320/ar.png\" },\r\n { \"code\": \"+374\", \"flag\": \"https://flagcdn.com/w320/am.png\" },\r\n { \"code\": \"+61\", \"flag\": \"https://flagcdn.com/w320/au.png\" },\r\n { \"code\": \"+43\", \"flag\": \"https://flagcdn.com/w320/at.png\" },\r\n { \"code\": \"+994\", \"flag\": \"https://flagcdn.com/w320/az.png\" },\r\n { \"code\": \"+1\", \"flag\": \"https://flagcdn.com/w320/us.png\" },\r\n { \"code\": \"+1-268\", \"flag\": \"https://flagcdn.com/w320/ag.png\" },\r\n { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/bs.png\" },\r\n { \"code\": \"+973\", \"flag\": \"https://flagcdn.com/w320/bh.png\" },\r\n { \"code\": \"+880\", \"flag\": \"https://flagcdn.com/w320/bd.png\" },\r\n { \"code\": \"+1-246\", \"flag\": \"https://flagcdn.com/w320/bb.png\" },\r\n { \"code\": \"+375\", \"flag\": \"https://flagcdn.com/w320/by.png\" },\r\n { \"code\": \"+32\", \"flag\": \"https://flagcdn.com/w320/be.png\" },\r\n { \"code\": \"+501\", \"flag\": \"https://flagcdn.com/w320/bz.png\" },\r\n { \"code\": \"+229\", \"flag\": \"https://flagcdn.com/w320/bj.png\" },\r\n { \"code\": \"+1-441\", \"flag\": \"https://flagcdn.com/w320/bm.png\" },\r\n { \"code\": \"+975\", \"flag\": \"https://flagcdn.com/w320/bt.png\" },\r\n { \"code\": \"+591\", \"flag\": \"https://flagcdn.com/w320/bo.png\" },\r\n { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n { \"code\": \"+267\", \"flag\": \"https://flagcdn.com/w320/bw.png\" },\r\n { \"code\": \"+55\", \"flag\": \"https://flagcdn.com/w320/br.png\" },\r\n { \"code\": \"+359\", \"flag\": \"https://flagcdn.com/w320/bg.png\" },\r\n { \"code\": \"+226\", \"flag\": \"https://flagcdn.com/w320/bf.png\" },\r\n { \"code\": \"+257\", \"flag\": \"https://flagcdn.com/w320/bi.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+237\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/cb.png\" },\r\n { \"code\": \"+238\", \"flag\": \"https://flagcdn.com/w320/cv.png\" },\r\n { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n { \"code\": \"+236\", \"flag\": \"https://flagcdn.com/w320/cf.png\" },\r\n { \"code\": \"+235\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n { \"code\": \"+57\", \"flag\": \"https://flagcdn.com/w320/co.png\" },\r\n { \"code\": \"+269\", \"flag\": \"https://flagcdn.com/w320/km.png\" },\r\n { \"code\": \"+242\", \"flag\": \"https://flagcdn.com/w320/cg.png\" },\r\n { \"code\": \"+243\", \"flag\": \"https://flagcdn.com/w320/cd.png\" },\r\n { \"code\": \"+682\", \"flag\": \"https://flagcdn.com/w320/ck.png\" },\r\n { \"code\": \"+506\", \"flag\": \"https://flagcdn.com/w320/cr.png\" },\r\n { \"code\": \"+225\", \"flag\": \"https://flagcdn.com/w320/ci.png\" },\r\n { \"code\": \"+385\", \"flag\": \"https://flagcdn.com/w320/hr.png\" },\r\n { \"code\": \"+53\", \"flag\": \"https://flagcdn.com/w320/cu.png\" },\r\n { \"code\": \"+357\", \"flag\": \"https://flagcdn.com/w320/cy.png\" },\r\n { \"code\": \"+420\", \"flag\": \"https://flagcdn.com/w320/cz.png\" },\r\n { \"code\": \"+45\", \"flag\": \"https://flagcdn.com/w320/dk.png\" },\r\n { \"code\": \"+253\", \"flag\": \"https://flagcdn.com/w320/dj.png\" },\r\n { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n { \"code\": \"+1-809\", \"flag\": \"https://flagcdn.com/w320/do.png\" },\r\n { \"code\": \"+593\", \"flag\": \"https://flagcdn.com/w320/ec.png\" },\r\n { \"code\": \"+20\", \"flag\": \"https://flagcdn.com/w320/eg.png\" },\r\n { \"code\": \"+503\", \"flag\": \"https://flagcdn.com/w320/sv.png\" },\r\n { \"code\": \"+240\", \"flag\": \"https://flagcdn.com/w320/gq.png\" },\r\n { \"code\": \"+291\", \"flag\": \"https://flagcdn.com/w320/er.png\" },\r\n { \"code\": \"+372\", \"flag\": \"https://flagcdn.com/w320/ee.png\" },\r\n { \"code\": \"+251\", \"flag\": \"https://flagcdn.com/w320/et.png\" },\r\n { \"code\": \"+500\", \"flag\": \"https://flagcdn.com/w320/fk.png\" },\r\n { \"code\": \"+298\", \"flag\": \"https://flagcdn.com/w320/fo.png\" },\r\n { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n { \"code\": \"+358\", \"flag\": \"https://flagcdn.com/w320/fi.png\" },\r\n { \"code\": \"+33\", \"flag\": \"https://flagcdn.com/w320/fr.png\" },\r\n { \"code\": \"+594\", \"flag\": \"https://flagcdn.com/w320/gf.png\" },\r\n { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+241\", \"flag\": \"https://flagcdn.com/w320/ga.png\" },\r\n { \"code\": \"+220\", \"flag\": \"https://flagcdn.com/w320/gm.png\" },\r\n { \"code\": \"+995\", \"flag\": \"https://flagcdn.com/w320/ge.png\" },\r\n { \"code\": \"+233\", \"flag\": \"https://flagcdn.com/w320/gh.png\" },\r\n { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n { \"code\": \"+30\", \"flag\": \"https://flagcdn.com/w320/gr.png\" },\r\n { \"code\": \"+299\", \"flag\": \"https://flagcdn.com/w320/gl.png\" },\r\n { \"code\": \"+502\", \"flag\": \"https://flagcdn.com/w320/gt.png\" },\r\n { \"code\": \"+44-1481\", \"flag\": \"https://flagcdn.com/w320/gg.png\" },\r\n { \"code\": \"+224\", \"flag\": \"https://flagcdn.com/w320/gn.png\" },\r\n { \"code\": \"+245\", \"flag\": \"https://flagcdn.com/w320/gw.png\" },\r\n { \"code\": \"+592\", \"flag\": \"https://flagcdn.com/w320/gy.png\" },\r\n { \"code\": \"+509\", \"flag\": \"https://flagcdn.com/w320/ht.png\" },\r\n { \"code\": \"+504\", \"flag\": \"https://flagcdn.com/w320/hn.png\" },\r\n { \"code\": \"+852\", \"flag\": \"https://flagcdn.com/w320/hk.png\" },\r\n { \"code\": \"+36\", \"flag\": \"https://flagcdn.com/w320/hu.png\" },\r\n { \"code\": \"+354\", \"flag\": \"https://flagcdn.com/w320/is.png\" },\r\n { \"code\": \"+91\", \"flag\": \"https://flagcdn.com/w320/in.png\" },\r\n { \"code\": \"+62\", \"flag\": \"https://flagcdn.com/w320/id.png\" },\r\n { \"code\": \"+98\", \"flag\": \"https://flagcdn.com/w320/ir.png\" },\r\n { \"code\": \"+964\", \"flag\": \"https://flagcdn.com/w320/iq.png\" },\r\n { \"code\": \"+353\", \"flag\": \"https://flagcdn.com/w320/ie.png\" },\r\n { \"code\": \"+972\", \"flag\": \"https://flagcdn.com/w320/il.png\" },\r\n { \"code\": \"+1-876\", \"flag\": \"https://flagcdn.com/w320/jm.png\" },\r\n { \"code\": \"+81\", \"flag\": \"https://flagcdn.com/w320/jp.png\" },\r\n { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n { \"code\": \"+7\", \"flag\": \"https://flagcdn.com/w320/ru.png\" },\r\n { \"code\": \"+254\", \"flag\": \"https://flagcdn.com/w320/ke.png\" },\r\n { \"code\": \"+686\", \"flag\": \"https://flagcdn.com/w320/ki.png\" },\r\n { \"code\": \"+965\", \"flag\": \"https://flagcdn.com/w320/kw.png\" },\r\n { \"code\": \"+996\", \"flag\": \"https://flagcdn.com/w320/kg.png\" },\r\n { \"code\": \"+856\", \"flag\": \"https://flagcdn.com/w320/la.png\" },\r\n { \"code\": \"+371\", \"flag\": \"https://flagcdn.com/w320/lv.png\" },\r\n { \"code\": \"+961\", \"flag\": \"https://flagcdn.com/w320/lb.png\" },\r\n { \"code\": \"+266\", \"flag\": \"https://flagcdn.com/w320/ls.png\" },\r\n { \"code\": \"+231\", \"flag\": \"https://flagcdn.com/w320/lr.png\" },\r\n { \"code\": \"+218\", \"flag\": \"https://flagcdn.com/w320/ly.png\" },\r\n { \"code\": \"+423\", \"flag\": \"https://flagcdn.com/w320/li.png\" },\r\n { \"code\": \"+370\", \"flag\": \"https://flagcdn.com/w320/lt.png\" },\r\n { \"code\": \"+352\", \"flag\": \"https://flagcdn.com/w320/lu.png\" },\r\n { \"code\": \"+261\", \"flag\": \"https://flagcdn.com/w320/mg.png\" },\r\n { \"code\": \"+265\", \"flag\": \"https://flagcdn.com/w320/mw.png\" },\r\n { \"code\": \"+60\", \"flag\": \"https://flagcdn.com/w320/my.png\" },\r\n { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n { \"code\": \"+223\", \"flag\": \"https://flagcdn.com/w320/ml.png\" },\r\n { \"code\": \"+230\", \"flag\": \"https://flagcdn.com/w320/mu.png\" },\r\n { \"code\": \"+262\", \"flag\": \"https://flagcdn.com/w320/re.png\" },\r\n { \"code\": \"+52\", \"flag\": \"https://flagcdn.com/w320/mx.png\" },\r\n { \"code\": \"+691\", \"flag\": \"https://flagcdn.com/w320/fm.png\" },\r\n { \"code\": \"+373\", \"flag\": \"https://flagcdn.com/w320/md.png\" },\r\n { \"code\": \"+377\", \"flag\": \"https://flagcdn.com/w320/mc.png\" },\r\n { \"code\": \"+976\", \"flag\": \"https://flagcdn.com/w320/mn.png\" },\r\n { \"code\": \"+382\", \"flag\": \"https://flagcdn.com/w320/me.png\" },\r\n { \"code\": \"+1-664\", \"flag\": \"https://flagcdn.com/w320/ms.png\" },\r\n { \"code\": \"+212\", \"flag\": \"https://flagcdn.com/w320/ma.png\" },\r\n { \"code\": \"+258\", \"flag\": \"https://flagcdn.com/w320/mz.png\" },\r\n { \"code\": \"+95\", \"flag\": \"https://flagcdn.com/w320/mm.png\" },\r\n { \"code\": \"+264\", \"flag\": \"https://flagcdn.com/w320/na.png\" },\r\n { \"code\": \"+674\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n { \"code\": \"+977\", \"flag\": \"https://flagcdn.com/w320/np.png\" },\r\n { \"code\": \"+31\", \"flag\": \"https://flagcdn.com/w320/nl.png\" },\r\n { \"code\": \"+687\", \"flag\": \"https://flagcdn.com/w320/nc.png\" },\r\n { \"code\": \"+64\", \"flag\": \"https://flagcdn.com/w320/nz.png\" },\r\n { \"code\": \"+505\", \"flag\": \"https://flagcdn.com/w320/ni.png\" },\r\n { \"code\": \"+227\", \"flag\": \"https://flagcdn.com/w320/ne.png\" },\r\n { \"code\": \"+234\", \"flag\": \"https://flagcdn.com/w320/ng.png\" },\r\n { \"code\": \"+683\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n { \"code\": \"+47\", \"flag\": \"https://flagcdn.com/w320/no.png\" },\r\n { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n { \"code\": \"+92\", \"flag\": \"https://flagcdn.com/w320/pk.png\" },\r\n { \"code\": \"+680\", \"flag\": \"https://flagcdn.com/w320/pw.png\" },\r\n { \"code\": \"+970\", \"flag\": \"https://flagcdn.com/w320/ps.png\" },\r\n { \"code\": \"+595\", \"flag\": \"https://flagcdn.com/w320/py.png\" },\r\n { \"code\": \"+51\", \"flag\": \"https://flagcdn.com/w320/pe.png\" },\r\n { \"code\": \"+63\", \"flag\": \"https://flagcdn.com/w320/ph.png\" },\r\n { \"code\": \"+48\", \"flag\": \"https://flagcdn.com/w320/pl.png\" },\r\n { \"code\": \"+351\", \"flag\": \"https://flagcdn.com/w320/pt.png\" },\r\n { \"code\": \"+1787\", \"flag\": \"https://flagcdn.com/w320/pr.png\" },\r\n { \"code\": \"+1-649\", \"flag\": \"https://flagcdn.com/w320/tc.png\" },\r\n { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n { \"code\": \"+508\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n { \"code\": \"+1-284\", \"flag\": \"https://flagcdn.com/w320/vg.png\" },\r\n { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n { \"code\": \"+1-758\", \"flag\": \"https://flagcdn.com/w320/lc.png\" },\r\n { \"code\": \"+1-721\", \"flag\": \"https://flagcdn.com/w320/sx.png\" },\r\n { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n { \"code\": \"+1-868\", \"flag\": \"https://flagcdn.com/w320/tt.png\" },\r\n { \"code\": \"+1-877\", \"flag\": \"https://flagcdn.com/w320/ca.png\" },\r\n { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n { \"code\": \"+260\", \"flag\": \"https://flagcdn.com/w320/zm.png\" },\r\n { \"code\": \"+263\", \"flag\": \"https://flagcdn.com/w320/zw.png\" },\r\n { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n { \"code\": \"+378\", \"flag\": \"https://flagcdn.com/w320/sm.png\" },\r\n { \"code\": \"+39\", \"flag\": \"https://flagcdn.com/w320/it.png\" },\r\n { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n { \"code\": \"+239\", \"flag\": \"https://flagcdn.com/w320/st.png\" },\r\n { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+886\", \"flag\": \"https://flagcdn.com/w320/tw.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+882\", \"flag\": \"https://flagcdn.com/w320/oa.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n { \"code\": \"+678\", \"flag\": \"https://flagcdn.com/w320/vu.png\" },\r\n { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n { \"code\": \"+881\", \"flag\": \"https://flagcdn.com/w320/ja.png\" },\r\n { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+998\", \"flag\": \"https://flagcdn.com/w320/uz.png\" }\r\n];\r\n","import { Component, Prop, State, Event, EventEmitter, h, Host, Method, Watch } from '@stencil/core';\r\nimport { CountriesList } from '../../assets/countries';\r\n\r\n@Component({\r\n tag: 'dda-phonefield',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaPhoneField {\r\n @Prop() label: string;\r\n @Prop() placeholder: string = 'Enter phone number';\r\n @Prop() helper_text: string;\r\n @Prop() max_length: string;\r\n @Prop() validation_type?: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_id: string = 'text';\r\n @Prop() disabled: boolean = false;\r\n @Prop() size?: string;\r\n @Prop() custom_class: string;\r\n @Prop() component_mode?: string;\r\n @Prop() input_id?: string;\r\n @Prop() aria_label: string;\r\n @Prop() button_id?: string;\r\n @Prop() button_aria_label: string;\r\n @Prop() toggle_button_name: string;\r\n @Prop() country_select_button_name: string;\r\n @Prop() phone_input_name: string;\r\n @Prop() value: string;\r\n\r\n @State() country_code: string = '+971';\r\n @State() country_flag: string = 'https://flagcdn.com/w320/ae.png';\r\n @State() internalValue: string = '';\r\n @State() is_focused: boolean = false;\r\n @State() dropdown_open: boolean = false;\r\n @State() countries: { code: string; flag: string }[] = [];\r\n @State() hostElement: HTMLElement;\r\n\r\n @Event() phoneBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\r\n\r\n @Method()\r\n async validatePhoneField() {\r\n this.phoneBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim()\r\n });\r\n this.onBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim()\r\n });\r\n }\r\n\r\n @Watch('value')\r\n watchHandler(newValue: string) {\r\n this.internalValue = newValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.countries = CountriesList;\r\n this.internalValue = this.value \|\| '';\r\n }\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleDocumentClick);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleDocumentClick);\r\n }\r\n\r\n handleDocumentClick = (event: MouseEvent) => {\r\n if (this.dropdown_open && this.hostElement && !this.hostElement.contains(event.target as Node)) {\r\n this.dropdown_open = false;\r\n }\r\n }\r\n\r\n toggleDropdown() {\r\n this.dropdown_open = !this.dropdown_open;\r\n }\r\n\r\n selectCountry(country: { code: string; flag: string }) {\r\n this.country_code = country.code;\r\n this.country_flag = country.flag;\r\n this.dropdown_open = false;\r\n }\r\n\r\n handleFocus() {\r\n this.is_focused = true;\r\n }\r\n\r\n handleBlur() {\r\n this.is_focused = false;\r\n this.phoneBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim()\r\n });\r\n this.onBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim()\r\n });\r\n }\r\n\r\n handlephonenumberChange(event: Event) {\r\n const target = event.target as HTMLInputElement;\r\n const targetvalue = target.value.replace(/\\D/g, '');\r\n this.internalValue = targetvalue;\r\n }\r\n\r\n handleKeyDown(event: KeyboardEvent) {\r\n const allowedKeys = [\r\n 'Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'\r\n ];\r\n\r\n if (\r\n allowedKeys.includes(event.key) \|\|\r\n (event.ctrlKey \|\| event.metaKey) // Allow copy/paste shortcuts\r\n ) {\r\n return;\r\n }\r\n\r\n if (!/^\\d$/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n}\r\n\r\n render() {\r\n const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.internalValue ? 'dda-input-focus-filled' : ''}`;\r\n\r\n return (\r\n <Host ref={(el) => this.hostElement = el as HTMLElement}>\r\n <div class={`dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}`}>\r\n {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n <div class={`dda-input-field-group dda-phone-field`}>\r\n <div class=\"dda-input-dropdown-btn\">\r\n <button type=\"button\" name={this.toggle_button_name} class=\"dda-dropdown-select\" onClick={() => this.toggleDropdown()}>\r\n <img src={this.country_flag} alt=\"\" width=\"20\" /> {this.country_code}\r\n <i class=\"material-icons\" aria-hidden=\"true\">keyboard_arrow_down</i>\r\n </button>\r\n {this.dropdown_open && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.countries.map(country => (\r\n <button\r\n id={`countryCode${country.code}`}\r\n name={this.country_select_button_name}\r\n aria-label={this.button_aria_label}\r\n type=\"button\"\r\n class=\"country-select dda-input-dropdown-item\"\r\n onClick={() => this.selectCountry(country)}\r\n >\r\n <img src={country.flag} alt=\"\" width=\"20\" /> {country.code}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n <input\r\n id={this.input_id}\r\n name={this.phone_input_name}\r\n aria-label={this.aria_label}\r\n type=\"text\"\r\n inputmode=\"numeric\"\r\n maxlength={this.max_length}\r\n pattern=\"[0-9]*\"\r\n class=\"dda-field-group-input\"\r\n placeholder={this.placeholder}\r\n value={this.internalValue}\r\n disabled={this.disabled}\r\n onFocus={this.handleFocus.bind(this)}\r\n onInput={(e) => this.handlephonenumberChange(e)}\r\n onKeyDown={(e) => this.handleKeyDown(e)}\r\n onBlur={() => this.handleBlur()}\r\n />\r\n </div>\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-phonefield.js","mappings":";;AAAO,MAAM,aAAa,GAAG;AAC7B,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACnE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAChE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EA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","names":[],"sources":["src/assets/countries.js","src/components/dda-phonefield/dda-phonefield.tsx"],"sourcesContent":["export const CountriesList = [\r\n { \"code\": \"+93\", \"flag\": \"https://flagcdn.com/w320/af.png\" },\r\n { \"code\": \"+355\", \"flag\": \"https://flagcdn.com/w320/al.png\" },\r\n { \"code\": \"+213\", \"flag\": \"https://flagcdn.com/w320/dz.png\" },\r\n { \"code\": \"+376\", \"flag\": \"https://flagcdn.com/w320/ad.png\" },\r\n { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n { \"code\": \"+54\", \"flag\": \"https://flagcdn.com/w320/ar.png\" },\r\n { \"code\": \"+374\", \"flag\": \"https://flagcdn.com/w320/am.png\" },\r\n { \"code\": \"+61\", \"flag\": \"https://flagcdn.com/w320/au.png\" },\r\n { \"code\": \"+43\", \"flag\": \"https://flagcdn.com/w320/at.png\" },\r\n { \"code\": \"+994\", \"flag\": \"https://flagcdn.com/w320/az.png\" },\r\n { \"code\": \"+1\", \"flag\": \"https://flagcdn.com/w320/us.png\" },\r\n { \"code\": \"+1-268\", \"flag\": \"https://flagcdn.com/w320/ag.png\" },\r\n { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/bs.png\" },\r\n { \"code\": \"+973\", \"flag\": \"https://flagcdn.com/w320/bh.png\" },\r\n { \"code\": \"+880\", \"flag\": \"https://flagcdn.com/w320/bd.png\" },\r\n { \"code\": \"+1-246\", \"flag\": \"https://flagcdn.com/w320/bb.png\" },\r\n { \"code\": \"+375\", \"flag\": \"https://flagcdn.com/w320/by.png\" },\r\n { \"code\": \"+32\", \"flag\": \"https://flagcdn.com/w320/be.png\" },\r\n { \"code\": \"+501\", \"flag\": \"https://flagcdn.com/w320/bz.png\" },\r\n { \"code\": \"+229\", \"flag\": \"https://flagcdn.com/w320/bj.png\" },\r\n { \"code\": \"+1-441\", \"flag\": \"https://flagcdn.com/w320/bm.png\" },\r\n { \"code\": \"+975\", \"flag\": \"https://flagcdn.com/w320/bt.png\" },\r\n { \"code\": \"+591\", \"flag\": \"https://flagcdn.com/w320/bo.png\" },\r\n { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n { \"code\": \"+267\", \"flag\": \"https://flagcdn.com/w320/bw.png\" },\r\n { \"code\": \"+55\", \"flag\": \"https://flagcdn.com/w320/br.png\" },\r\n { \"code\": \"+359\", \"flag\": \"https://flagcdn.com/w320/bg.png\" },\r\n { \"code\": \"+226\", \"flag\": \"https://flagcdn.com/w320/bf.png\" },\r\n { \"code\": \"+257\", \"flag\": \"https://flagcdn.com/w320/bi.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+237\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/cb.png\" },\r\n { \"code\": \"+238\", \"flag\": \"https://flagcdn.com/w320/cv.png\" },\r\n { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n { \"code\": \"+236\", \"flag\": \"https://flagcdn.com/w320/cf.png\" },\r\n { \"code\": \"+235\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n { \"code\": \"+57\", \"flag\": \"https://flagcdn.com/w320/co.png\" },\r\n { \"code\": \"+269\", \"flag\": \"https://flagcdn.com/w320/km.png\" },\r\n { \"code\": \"+242\", \"flag\": \"https://flagcdn.com/w320/cg.png\" },\r\n { \"code\": \"+243\", \"flag\": \"https://flagcdn.com/w320/cd.png\" },\r\n { \"code\": \"+682\", \"flag\": \"https://flagcdn.com/w320/ck.png\" },\r\n { \"code\": \"+506\", \"flag\": \"https://flagcdn.com/w320/cr.png\" },\r\n { \"code\": \"+225\", \"flag\": \"https://flagcdn.com/w320/ci.png\" },\r\n { \"code\": \"+385\", \"flag\": \"https://flagcdn.com/w320/hr.png\" },\r\n { \"code\": \"+53\", \"flag\": \"https://flagcdn.com/w320/cu.png\" },\r\n { \"code\": \"+357\", \"flag\": \"https://flagcdn.com/w320/cy.png\" },\r\n { \"code\": \"+420\", \"flag\": \"https://flagcdn.com/w320/cz.png\" },\r\n { \"code\": \"+45\", \"flag\": \"https://flagcdn.com/w320/dk.png\" },\r\n { \"code\": \"+253\", \"flag\": \"https://flagcdn.com/w320/dj.png\" },\r\n { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n { \"code\": \"+1-809\", \"flag\": \"https://flagcdn.com/w320/do.png\" },\r\n { \"code\": \"+593\", \"flag\": \"https://flagcdn.com/w320/ec.png\" },\r\n { \"code\": \"+20\", \"flag\": \"https://flagcdn.com/w320/eg.png\" },\r\n { \"code\": \"+503\", \"flag\": \"https://flagcdn.com/w320/sv.png\" },\r\n { \"code\": \"+240\", \"flag\": \"https://flagcdn.com/w320/gq.png\" },\r\n { \"code\": \"+291\", \"flag\": \"https://flagcdn.com/w320/er.png\" },\r\n { \"code\": \"+372\", \"flag\": \"https://flagcdn.com/w320/ee.png\" },\r\n { \"code\": \"+251\", \"flag\": \"https://flagcdn.com/w320/et.png\" },\r\n { \"code\": \"+500\", \"flag\": \"https://flagcdn.com/w320/fk.png\" },\r\n { \"code\": \"+298\", \"flag\": \"https://flagcdn.com/w320/fo.png\" },\r\n { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n { \"code\": \"+358\", \"flag\": \"https://flagcdn.com/w320/fi.png\" },\r\n { \"code\": \"+33\", \"flag\": \"https://flagcdn.com/w320/fr.png\" },\r\n { \"code\": \"+594\", \"flag\": \"https://flagcdn.com/w320/gf.png\" },\r\n { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+241\", \"flag\": \"https://flagcdn.com/w320/ga.png\" },\r\n { \"code\": \"+220\", \"flag\": \"https://flagcdn.com/w320/gm.png\" },\r\n { \"code\": \"+995\", \"flag\": \"https://flagcdn.com/w320/ge.png\" },\r\n { \"code\": \"+233\", \"flag\": \"https://flagcdn.com/w320/gh.png\" },\r\n { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n { \"code\": \"+30\", \"flag\": \"https://flagcdn.com/w320/gr.png\" },\r\n { \"code\": \"+299\", \"flag\": \"https://flagcdn.com/w320/gl.png\" },\r\n { \"code\": \"+502\", \"flag\": \"https://flagcdn.com/w320/gt.png\" },\r\n { \"code\": \"+44-1481\", \"flag\": \"https://flagcdn.com/w320/gg.png\" },\r\n { \"code\": \"+224\", \"flag\": \"https://flagcdn.com/w320/gn.png\" },\r\n { \"code\": \"+245\", \"flag\": \"https://flagcdn.com/w320/gw.png\" },\r\n { \"code\": \"+592\", \"flag\": \"https://flagcdn.com/w320/gy.png\" },\r\n { \"code\": \"+509\", \"flag\": \"https://flagcdn.com/w320/ht.png\" },\r\n { \"code\": \"+504\", \"flag\": \"https://flagcdn.com/w320/hn.png\" },\r\n { \"code\": \"+852\", \"flag\": \"https://flagcdn.com/w320/hk.png\" },\r\n { \"code\": \"+36\", \"flag\": \"https://flagcdn.com/w320/hu.png\" },\r\n { \"code\": \"+354\", \"flag\": \"https://flagcdn.com/w320/is.png\" },\r\n { \"code\": \"+91\", \"flag\": \"https://flagcdn.com/w320/in.png\" },\r\n { \"code\": \"+62\", \"flag\": \"https://flagcdn.com/w320/id.png\" },\r\n { \"code\": \"+98\", \"flag\": \"https://flagcdn.com/w320/ir.png\" },\r\n { \"code\": \"+964\", \"flag\": \"https://flagcdn.com/w320/iq.png\" },\r\n { \"code\": \"+353\", \"flag\": \"https://flagcdn.com/w320/ie.png\" },\r\n { \"code\": \"+972\", \"flag\": \"https://flagcdn.com/w320/il.png\" },\r\n { \"code\": \"+1-876\", \"flag\": \"https://flagcdn.com/w320/jm.png\" },\r\n { \"code\": \"+81\", \"flag\": \"https://flagcdn.com/w320/jp.png\" },\r\n { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n { \"code\": \"+7\", \"flag\": \"https://flagcdn.com/w320/ru.png\" },\r\n { \"code\": \"+254\", \"flag\": \"https://flagcdn.com/w320/ke.png\" },\r\n { \"code\": \"+686\", \"flag\": \"https://flagcdn.com/w320/ki.png\" },\r\n { \"code\": \"+965\", \"flag\": \"https://flagcdn.com/w320/kw.png\" },\r\n { \"code\": \"+996\", \"flag\": \"https://flagcdn.com/w320/kg.png\" },\r\n { \"code\": \"+856\", \"flag\": \"https://flagcdn.com/w320/la.png\" },\r\n { \"code\": \"+371\", \"flag\": \"https://flagcdn.com/w320/lv.png\" },\r\n { \"code\": \"+961\", \"flag\": \"https://flagcdn.com/w320/lb.png\" },\r\n { \"code\": \"+266\", \"flag\": \"https://flagcdn.com/w320/ls.png\" },\r\n { \"code\": \"+231\", \"flag\": \"https://flagcdn.com/w320/lr.png\" },\r\n { \"code\": \"+218\", \"flag\": \"https://flagcdn.com/w320/ly.png\" },\r\n { \"code\": \"+423\", \"flag\": \"https://flagcdn.com/w320/li.png\" },\r\n { \"code\": \"+370\", \"flag\": \"https://flagcdn.com/w320/lt.png\" },\r\n { \"code\": \"+352\", \"flag\": \"https://flagcdn.com/w320/lu.png\" },\r\n { \"code\": \"+261\", \"flag\": \"https://flagcdn.com/w320/mg.png\" },\r\n { \"code\": \"+265\", \"flag\": \"https://flagcdn.com/w320/mw.png\" },\r\n { \"code\": \"+60\", \"flag\": \"https://flagcdn.com/w320/my.png\" },\r\n { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n { \"code\": \"+223\", \"flag\": \"https://flagcdn.com/w320/ml.png\" },\r\n { \"code\": \"+230\", \"flag\": \"https://flagcdn.com/w320/mu.png\" },\r\n { \"code\": \"+262\", \"flag\": \"https://flagcdn.com/w320/re.png\" },\r\n { \"code\": \"+52\", \"flag\": \"https://flagcdn.com/w320/mx.png\" },\r\n { \"code\": \"+691\", \"flag\": \"https://flagcdn.com/w320/fm.png\" },\r\n { \"code\": \"+373\", \"flag\": \"https://flagcdn.com/w320/md.png\" },\r\n { \"code\": \"+377\", \"flag\": \"https://flagcdn.com/w320/mc.png\" },\r\n { \"code\": \"+976\", \"flag\": \"https://flagcdn.com/w320/mn.png\" },\r\n { \"code\": \"+382\", \"flag\": \"https://flagcdn.com/w320/me.png\" },\r\n { \"code\": \"+1-664\", \"flag\": \"https://flagcdn.com/w320/ms.png\" },\r\n { \"code\": \"+212\", \"flag\": \"https://flagcdn.com/w320/ma.png\" },\r\n { \"code\": \"+258\", \"flag\": \"https://flagcdn.com/w320/mz.png\" },\r\n { \"code\": \"+95\", \"flag\": \"https://flagcdn.com/w320/mm.png\" },\r\n { \"code\": \"+264\", \"flag\": \"https://flagcdn.com/w320/na.png\" },\r\n { \"code\": \"+674\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n { \"code\": \"+977\", \"flag\": \"https://flagcdn.com/w320/np.png\" },\r\n { \"code\": \"+31\", \"flag\": \"https://flagcdn.com/w320/nl.png\" },\r\n { \"code\": \"+687\", \"flag\": \"https://flagcdn.com/w320/nc.png\" },\r\n { \"code\": \"+64\", \"flag\": \"https://flagcdn.com/w320/nz.png\" },\r\n { \"code\": \"+505\", \"flag\": \"https://flagcdn.com/w320/ni.png\" },\r\n { \"code\": \"+227\", \"flag\": \"https://flagcdn.com/w320/ne.png\" },\r\n { \"code\": \"+234\", \"flag\": \"https://flagcdn.com/w320/ng.png\" },\r\n { \"code\": \"+683\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n { \"code\": \"+47\", \"flag\": \"https://flagcdn.com/w320/no.png\" },\r\n { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n { \"code\": \"+92\", \"flag\": \"https://flagcdn.com/w320/pk.png\" },\r\n { \"code\": \"+680\", \"flag\": \"https://flagcdn.com/w320/pw.png\" },\r\n { \"code\": \"+970\", \"flag\": \"https://flagcdn.com/w320/ps.png\" },\r\n { \"code\": \"+595\", \"flag\": \"https://flagcdn.com/w320/py.png\" },\r\n { \"code\": \"+51\", \"flag\": \"https://flagcdn.com/w320/pe.png\" },\r\n { \"code\": \"+63\", \"flag\": \"https://flagcdn.com/w320/ph.png\" },\r\n { \"code\": \"+48\", \"flag\": \"https://flagcdn.com/w320/pl.png\" },\r\n { \"code\": \"+351\", \"flag\": \"https://flagcdn.com/w320/pt.png\" },\r\n { \"code\": \"+1787\", \"flag\": \"https://flagcdn.com/w320/pr.png\" },\r\n { \"code\": \"+1-649\", \"flag\": \"https://flagcdn.com/w320/tc.png\" },\r\n { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n { \"code\": \"+508\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n { \"code\": \"+1-284\", \"flag\": \"https://flagcdn.com/w320/vg.png\" },\r\n { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n { \"code\": \"+1-758\", \"flag\": \"https://flagcdn.com/w320/lc.png\" },\r\n { \"code\": \"+1-721\", \"flag\": \"https://flagcdn.com/w320/sx.png\" },\r\n { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n { \"code\": \"+1-868\", \"flag\": \"https://flagcdn.com/w320/tt.png\" },\r\n { \"code\": \"+1-877\", \"flag\": \"https://flagcdn.com/w320/ca.png\" },\r\n { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n { \"code\": \"+260\", \"flag\": \"https://flagcdn.com/w320/zm.png\" },\r\n { \"code\": \"+263\", \"flag\": \"https://flagcdn.com/w320/zw.png\" },\r\n { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n { \"code\": \"+378\", \"flag\": \"https://flagcdn.com/w320/sm.png\" },\r\n { \"code\": \"+39\", \"flag\": \"https://flagcdn.com/w320/it.png\" },\r\n { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n { \"code\": \"+239\", \"flag\": \"https://flagcdn.com/w320/st.png\" },\r\n { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+886\", \"flag\": \"https://flagcdn.com/w320/tw.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+882\", \"flag\": \"https://flagcdn.com/w320/oa.png\" },\r\n { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n { \"code\": \"+678\", \"flag\": \"https://flagcdn.com/w320/vu.png\" },\r\n { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n { \"code\": \"+881\", \"flag\": \"https://flagcdn.com/w320/ja.png\" },\r\n { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n { \"code\": \"+998\", \"flag\": \"https://flagcdn.com/w320/uz.png\" }\r\n];\r\n","import { Component, Prop, State, Event, EventEmitter, h, Host, Method, Watch } from '@stencil/core';\r\nimport { CountriesList } from '../../assets/countries';\r\n\r\n@Component({\r\n tag: 'dda-phonefield',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaPhoneField {\r\n @Prop() label: string;\r\n @Prop() placeholder: string = 'Enter phone number';\r\n @Prop() helper_text: string;\r\n @Prop() max_length: string;\r\n @Prop() validation_type?: string;\r\n @Prop() error_message: string;\r\n @Prop() validation_id: string = 'text';\r\n @Prop() disabled: boolean = false;\r\n @Prop() size?: string;\r\n @Prop() custom_class: string;\r\n @Prop() component_mode?: string;\r\n @Prop() input_id?: string;\r\n @Prop() aria_label: string;\r\n @Prop() button_id?: string;\r\n @Prop() button_aria_label: string;\r\n @Prop() toggle_button_name: string;\r\n @Prop() country_select_button_name: string;\r\n @Prop() phone_input_name: string;\r\n @Prop() value: string;\r\n\r\n @State() country_code: string = '+971';\r\n @State() country_flag: string = 'https://flagcdn.com/w320/ae.png';\r\n @State() internalValue: string = '';\r\n @State() is_focused: boolean = false;\r\n @State() dropdown_open: boolean = false;\r\n @State() countries: { code: string; flag: string }[] = [];\r\n @State() hostElement: HTMLElement;\r\n\r\n @Event() phoneBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\r\n\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\r\n\r\n @Method()\r\n async validatePhoneField() {\r\n this.phoneBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim(),\r\n });\r\n this.onBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim(),\r\n });\r\n }\r\n\r\n @Watch('value')\r\n watchHandler(newValue: string) {\r\n this.internalValue = newValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.countries = CountriesList;\r\n this.internalValue = this.value \|\| '';\r\n }\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleDocumentClick);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleDocumentClick);\r\n }\r\n\r\n handleDocumentClick = (event: MouseEvent) => {\r\n if (this.dropdown_open && this.hostElement && !this.hostElement.contains(event.target as Node)) {\r\n this.dropdown_open = false;\r\n }\r\n };\r\n\r\n toggleDropdown() {\r\n this.dropdown_open = !this.dropdown_open;\r\n }\r\n\r\n selectCountry(country: { code: string; flag: string }) {\r\n this.country_code = country.code;\r\n this.country_flag = country.flag;\r\n this.dropdown_open = false;\r\n }\r\n\r\n handleFocus() {\r\n this.is_focused = true;\r\n }\r\n\r\n handleBlur() {\r\n this.is_focused = false;\r\n this.phoneBlurred.emit({\r\n name: this.phone_input_name,\r\n value: this.internalValue.trim(),\r\n });\r\n this.onBlurred.emit(this.internalValue.trim());\r\n }\r\n\r\n handlephonenumberChange(event: Event) {\r\n const target = event.target as HTMLInputElement;\r\n const targetvalue = target.value.replace(/\\D/g, '');\r\n this.internalValue = targetvalue;\r\n }\r\n\r\n handleKeyDown(event: KeyboardEvent) {\r\n const allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'];\r\n\r\n if (\r\n allowedKeys.includes(event.key) \|\|\r\n event.ctrlKey \|\|\r\n event.metaKey // Allow copy/paste shortcuts\r\n ) {\r\n return;\r\n }\r\n\r\n if (!/^\\d$/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n render() {\r\n const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.internalValue ? 'dda-input-focus-filled' : ''}`;\r\n\r\n return (\r\n <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n <div class={`dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}`}>\r\n {this.label && (\r\n <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n <div class={`dda-input-field-group dda-phone-field`}>\r\n <div class=\"dda-input-dropdown-btn\">\r\n <button type=\"button\" name={this.toggle_button_name} class=\"dda-dropdown-select\" onClick={() => this.toggleDropdown()}>\r\n <img src={this.country_flag} alt=\"\" width=\"20\" /> {this.country_code}\r\n <i class=\"material-icons\" aria-hidden=\"true\">\r\n keyboard_arrow_down\r\n </i>\r\n </button>\r\n {this.dropdown_open && (\r\n <div class=\"dda-input-dropdown-list\">\r\n {this.countries.map(country => (\r\n <button\r\n id={`countryCode${country.code}`}\r\n name={this.country_select_button_name}\r\n aria-label={this.button_aria_label}\r\n type=\"button\"\r\n class=\"country-select dda-input-dropdown-item\"\r\n onClick={() => this.selectCountry(country)}\r\n >\r\n <img src={country.flag} alt=\"\" width=\"20\" /> {country.code}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n <input\r\n id={this.input_id}\r\n name={this.phone_input_name}\r\n aria-label={this.aria_label}\r\n type=\"text\"\r\n inputmode=\"numeric\"\r\n maxlength={this.max_length}\r\n pattern=\"[0-9]*\"\r\n class=\"dda-field-group-input\"\r\n placeholder={this.placeholder}\r\n value={this.internalValue}\r\n disabled={this.disabled}\r\n onFocus={this.handleFocus.bind(this)}\r\n onInput={e => this.handlephonenumberChange(e)}\r\n onKeyDown={e => this.handleKeyDown(e)}\r\n onBlur={() => this.handleBlur()}\r\n />\r\n </div>\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/dda-search-input.js CHANGED Viewed

@@ -68,7 +68,7 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
         this.onChanged.emit(val);
     }
     render() {
-        return (h(Host, { key: '788e32324959a661a2e455b68ad5182596fd5425' }, h("div", { key: '14bf0a178e9c6ad063f099e50670469a848b7088', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && (h("label", { key: '98f58b4a01e5f3b2ffefda00588586115852f507', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: '43393cf11cd9b1fe151190a92bdb1963a657873f', class: "dda-search-area dda-search-action" }, h("i", { key: 'e83ea59abe03acb5d871ad6d001b8d1a753dd593', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: 'a38947bc2567d5fb162705b4b8227d3f508a51a7', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
+        return (h(Host, { key: '63cc7ca7960af3191ef0f2555f46d9e124698f8b' }, h("div", { key: '580758f178fc17fd14a8f55f60c00f2a2e2df8fa', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && (h("label", { key: '65ed51e543cd333b99ecfbdb4f5bbb4f329b53e6', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: '6aa00d11a082ca868dfe4da8586937f6d4479876', class: "dda-search-area dda-search-action" }, h("i", { key: '9cb8039c3e30f1637f250c8c80b3ae8287eb043a', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '72c2c96353d9431e0cf6f3251edb426e1401510d', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
             // onInput={this.handleInput}
             onKeyDown: this.handleKeyDown, onInput: event => {
                 this.internalValue = event.target.value;
@@ -78,8 +78,8 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
             }, onBlur: event => {
                 const value = event.target.value.trim();
                 this.inputBlurred.emit({ name: this.search_input_name, value });
-                this.onBlurred.emit({ name: this.search_input_name, value });
-            } }), h("div", { key: 'a7b692b4c6ed2b8859ff0eef0069dea881363448', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: 'd8fb9737df78af6c4196e4dbd05ca9d74107e1d5', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: '7c2f8c45df0060c2fa6d6f55bfab9d2dfa5bab28', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: '10828f37a7569715fccd9ee69f245841423b0fd5', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && (h("span", { key: '6c94b4c951409ad20a4e84b339ab81516855ef16', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: 'ade9a6a691b2c013b23a8c9186b9d2822b6dd74c', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
+                this.onBlurred.emit(value);
+            } }), h("div", { key: '80747d9137284f1b05cb0d25a7a8ad6c8a7b1048', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '25e82c8100f168b6855426d2a2a75c1bf734409c', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: 'f7612c86c0bd7e9ccd7c4e9666bca0e6da89c29b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: '6b763a5850c1d48e0a7375a361f8dfaf67e8fd06', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && (h("span", { key: 'e6f8b2cd39ad001b30a3c749d08326d344ad6430', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '417fe2bdb508400276bf19144b18c62a7b448220', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/dda-search-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-search-input.js","mappings":"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","names":["DdaSearchInput"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-search-input',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n @Prop() placeholder: string = 'Search';\r\n @Prop() label: string;\r\n @Prop() size: string = 'sm';\r\n @Prop() error_message: string;\r\n @Prop() show_button: boolean = false;\r\n @Prop() helper_text: string;\r\n @Prop() validation_id: string;\r\n @Prop() input_status?: string;\r\n @Prop() has_error: boolean = false;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_id?: string;\r\n @Prop() input_id?: string;\r\n @Prop() aria_label?: string;\r\n @Prop() button_aria_label?: string;\r\n @Prop() search_input_name: string;\r\n @Prop() close_button_name: string;\r\n @Prop() search_button_name: string;\r\n @Prop() button_text: string;\r\n @Prop() value: string;\r\n\r\n @Event() inputChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() hasInputValue: boolean = false;\r\n @State() internalValue: string = '';\r\n\r\n handleInput = (event: Event) => {\r\n const target = event.target as HTMLInputElement;\r\n this.hasInputValue = target.value.length > 0;\r\n };\r\n\r\n handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Enter') {\r\n const target = event.target as HTMLInputElement;\r\n console.log('Search input value (Enter):', target.value);\r\n }\r\n };\r\n\r\n @Watch('value')\r\n watchValue(newValue: string) {\r\n this.internalValue = newValue \|\| '';\r\n this.hasInputValue = !!this.internalValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalValue = this.value \|\| '';\r\n this.hasInputValue = !!this.internalValue;\r\n }\r\n\r\n handleSearchClick = () => {\r\n const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n if (input) {\r\n // console.log('Search input value (Button):', input.value);\r\n this.buttonClicked.emit(this.internalValue \|\| this.value);\r\n }\r\n };\r\n\r\n clearInput() {\r\n if (!this.input_id) return;\r\n const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n if (input) {\r\n input.value = '';\r\n this.internalValue = '';\r\n this.hasInputValue = false;\r\n // this.inputChanged.emit('');\r\n this.onChanged.emit('');\r\n input.focus();\r\n }\r\n }\r\n\r\n @Method()\r\n async reset() {\r\n this.internalValue = '';\r\n this.hasInputValue = false;\r\n // this.inputChanged.emit('');\r\n this.onChanged.emit('');\r\n }\r\n\r\n @Method()\r\n async setValue(val: string) {\r\n this.internalValue = val;\r\n this.hasInputValue = !!val;\r\n // this.inputChanged.emit(val);\r\n this.onChanged.emit(val);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n >\r\n {this.label && (\r\n <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n <div class=\"dda-search-area dda-search-action\">\r\n <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n search\r\n </i>\r\n <input\r\n name={this.search_input_name}\r\n aria-label={this.aria_label}\r\n id={this.input_id}\r\n value={this.internalValue}\r\n type=\"text\"\r\n class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n placeholder={this.placeholder}\r\n // onInput={this.handleInput}\r\n onKeyDown={this.handleKeyDown}\r\n onInput={event => {\r\n this.internalValue = (event.target as HTMLInputElement).value;\r\n this.hasInputValue = !!this.internalValue;\r\n this.inputChanged.emit(event);\r\n this.onChanged.emit(event);\r\n }}\r\n onBlur={event => {\r\n const value = (event.target as HTMLInputElement).value.trim();\r\n this.inputBlurred.emit({ name: this.search_input_name, value });\r\n this.onBlurred.emit({ name: this.search_input_name, value });\r\n }}\r\n />\r\n <div class=\"dda-search-btngroup\">\r\n {this.hasInputValue && (\r\n <button\r\n name={this.close_button_name}\r\n aria-label={this.button_aria_label}\r\n id={this.button_id}\r\n type=\"button\"\r\n class=\"dda-search-close-icon\"\r\n onClick={() => this.clearInput()}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n close\r\n </i>\r\n </button>\r\n )}\r\n {this.show_button && (\r\n <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n {this.button_text}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n {this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )}\r\n {this.error_message && (\r\n <span class=\"dda-error-message\" id={this.validation_id}>\r\n {this.error_message}\r\n </span>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-search-input.js","mappings":";;MAOaA,gBAAc;IAL3B;;;;;;;;QAMU,gBAAW,GAAW,QAAQ,CAAC;QAE/B,SAAI,GAAW,IAAI,CAAC;QAEpB,gBAAW,GAAY,KAAK,CAAC;QAI7B,cAAS,GAAY,KAAK,CAAC;QAC3B,iBAAY,GAAY,EAAE,CAAC;QAsB1B,kBAAa,GAAY,KAAK,CAAC;QAC/B,kBAAa,GAAW,EAAE,CAAC;QAEpC,gBAAW,GAAG,CAAC,KAAY;YACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;SAC9C,CAAC;QAEF,kBAAa,GAAG,CAAC,KAAoB;YACnC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;gBAChD,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC1D;SACF,CAAC;QAaF,sBAAiB,GAAG;YAClB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAC;YAC7E,IAAI,KAAK,EAAE;;gBAET,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;aAC3D;SACF,CAAC;KAwGH;IAxHC,UAAU,CAAC,QAAgB;QACzB,IAAI,CAAC,aAAa,GAAG,QAAQ,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;KAC3C;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;KAC3C;IAUD,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAC;QAC7E,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;;YAE3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACxB,KAAK,CAAC,KAAK,EAAE,CAAC;SACf;KACF;IAGD,MAAM,KAAK;QACT,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;;QAE3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACzB;IAGD,MAAM,QAAQ,CAAC,GAAW;QACxB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC;;QAE3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DACE,KAAK,EAAE,sCAAsC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,sBAAsB,GAAG,EAAE,EAAE,IAEhN,IAAI,CAAC,KAAK,KACT,8DAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,iBAAiB,IACpD,IAAI,CAAC,KAAK,CACL,CACT,EACD,4DAAK,KAAK,EAAC,mCAAmC,IAC5C,0DAAG,KAAK,EAAC,0BAA0B,iBAAa,MAAM,aAElD,EACJ,8DACE,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAChB,IAAI,CAAC,UAAU,EAC3B,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,oCAAoC,IAAI,CAAC,WAAW,GAAG,mBAAmB,GAAG,EAAE,EAAE,EACxF,WAAW,EAAE,IAAI,CAAC,WAAW;;YAE7B,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,KAAK;gBACZ,IAAI,CAAC,aAAa,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;gBAC9D,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;gBAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC5B,EACD,MAAM,EAAE,KAAK;gBACX,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC;gBAChE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC5B,GACD,EACF,4DAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,aAAa,KACjB,+DACE,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAChB,IAAI,CAAC,iBAAiB,EAClC,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAEhC,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,YAElE,CACG,CACV,EACA,IAAI,CAAC,WAAW,KACf,+DAAQ,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,8CAA8C,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,IACtI,IAAI,CAAC,WAAW,CACV,CACV,CACG,CACF,EACL,IAAI,CAAC,WAAW,KACf,6DAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IACjD,IAAI,CAAC,WAAW,CACZ,CACR,EACA,IAAI,CAAC,aAAa,KACjB,6DAAM,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IACnD,IAAI,CAAC,aAAa,CACd,CACR,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaSearchInput"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-search-input',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n @Prop() placeholder: string = 'Search';\r\n @Prop() label: string;\r\n @Prop() size: string = 'sm';\r\n @Prop() error_message: string;\r\n @Prop() show_button: boolean = false;\r\n @Prop() helper_text: string;\r\n @Prop() validation_id: string;\r\n @Prop() input_status?: string;\r\n @Prop() has_error: boolean = false;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_id?: string;\r\n @Prop() input_id?: string;\r\n @Prop() aria_label?: string;\r\n @Prop() button_aria_label?: string;\r\n @Prop() search_input_name: string;\r\n @Prop() close_button_name: string;\r\n @Prop() search_button_name: string;\r\n @Prop() button_text: string;\r\n @Prop() value: string;\r\n\r\n @Event() inputChanged: EventEmitter<any>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\r\n\r\n\r\n @Element() el: HTMLElement;\r\n\r\n @State() hasInputValue: boolean = false;\r\n @State() internalValue: string = '';\r\n\r\n handleInput = (event: Event) => {\r\n const target = event.target as HTMLInputElement;\r\n this.hasInputValue = target.value.length > 0;\r\n };\r\n\r\n handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Enter') {\r\n const target = event.target as HTMLInputElement;\r\n console.log('Search input value (Enter):', target.value);\r\n }\r\n };\r\n\r\n @Watch('value')\r\n watchValue(newValue: string) {\r\n this.internalValue = newValue \|\| '';\r\n this.hasInputValue = !!this.internalValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalValue = this.value \|\| '';\r\n this.hasInputValue = !!this.internalValue;\r\n }\r\n\r\n handleSearchClick = () => {\r\n const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n if (input) {\r\n // console.log('Search input value (Button):', input.value);\r\n this.buttonClicked.emit(this.internalValue \|\| this.value);\r\n }\r\n };\r\n\r\n clearInput() {\r\n if (!this.input_id) return;\r\n const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n if (input) {\r\n input.value = '';\r\n this.internalValue = '';\r\n this.hasInputValue = false;\r\n // this.inputChanged.emit('');\r\n this.onChanged.emit('');\r\n input.focus();\r\n }\r\n }\r\n\r\n @Method()\r\n async reset() {\r\n this.internalValue = '';\r\n this.hasInputValue = false;\r\n // this.inputChanged.emit('');\r\n this.onChanged.emit('');\r\n }\r\n\r\n @Method()\r\n async setValue(val: string) {\r\n this.internalValue = val;\r\n this.hasInputValue = !!val;\r\n // this.inputChanged.emit(val);\r\n this.onChanged.emit(val);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n >\r\n {this.label && (\r\n <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n {this.label}\r\n </label>\r\n )}\r\n <div class=\"dda-search-area dda-search-action\">\r\n <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n search\r\n </i>\r\n <input\r\n name={this.search_input_name}\r\n aria-label={this.aria_label}\r\n id={this.input_id}\r\n value={this.internalValue}\r\n type=\"text\"\r\n class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n placeholder={this.placeholder}\r\n // onInput={this.handleInput}\r\n onKeyDown={this.handleKeyDown}\r\n onInput={event => {\r\n this.internalValue = (event.target as HTMLInputElement).value;\r\n this.hasInputValue = !!this.internalValue;\r\n this.inputChanged.emit(event);\r\n this.onChanged.emit(event);\r\n }}\r\n onBlur={event => {\r\n const value = (event.target as HTMLInputElement).value.trim();\r\n this.inputBlurred.emit({ name: this.search_input_name, value });\r\n this.onBlurred.emit(value);\r\n }}\r\n />\r\n <div class=\"dda-search-btngroup\">\r\n {this.hasInputValue && (\r\n <button\r\n name={this.close_button_name}\r\n aria-label={this.button_aria_label}\r\n id={this.button_id}\r\n type=\"button\"\r\n class=\"dda-search-close-icon\"\r\n onClick={() => this.clearInput()}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n close\r\n </i>\r\n </button>\r\n )}\r\n {this.show_button && (\r\n <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n {this.button_text}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n {this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )}\r\n {this.error_message && (\r\n <span class=\"dda-error-message\" id={this.validation_id}>\r\n {this.error_message}\r\n </span>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/dda-select.js CHANGED Viewed

@@ -25,10 +25,11 @@ const Ddaselect = /*@__PURE__*/ proxyCustomElement(class Ddaselect extends H {
                 name: this.input_name || this.button_id,
                 value: this.selectedText || '',
             });
-            this.onBlurred.emit({
-                name: this.input_name || this.button_id,
-                value: this.selectedText || '',
-            });
+            this.onBlurred.emit(this.selectedId);
+            this.el.dispatchEvent(new FocusEvent('blur', {
+                bubbles: true,
+                composed: true,
+            }));
         };
     }
     get parsedOptions() {
@@ -60,7 +61,13 @@ const Ddaselect = /*@__PURE__*/ proxyCustomElement(class Ddaselect extends H {
             this.selectedText = option.text;
             this.is_open = false;
             this.selectChanged.emit(option);
-            this.onChanged.emit(option);
+            this.onChanged.emit(option.id);
+            this.el.dispatchEvent(new InputEvent('input', {
+                bubbles: true,
+                composed: true,
+                data: option.id,
+                inputType: 'select',
+            }));
         }
     }
     connectedCallback() {
@@ -85,6 +92,9 @@ const Ddaselect = /*@__PURE__*/ proxyCustomElement(class Ddaselect extends H {
     async getSelectedText() {
         return this.selectedText;
     }
+    async getValue() {
+        return this.selectedText || '';
+    }
     watchSelected(newVal) {
         const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);
         if (selectedOption) {
@@ -103,12 +113,12 @@ const Ddaselect = /*@__PURE__*/ proxyCustomElement(class Ddaselect extends H {
     render() {
         const labelId = `${this.button_id}-label`;
         const valueId = `${this.button_id}-value`;
-        return (h(Host, { key: 'b2ea43f3cc071d70ea0c61d143824d49c7aff023' }, h("div", { key: '950000c97017a28e0188deb01243fd13b0963c1b', class: `
+        return (h(Host, { key: 'ced7dbfc2a4f358c971a706761472784bb3e6628' }, h("div", { key: '8956ae24671d419e61eb32c6956358e2b51ec945', class: `
             dda-input-container ${this.custom_class}
             ${this.component_mode}
             ${this.disabled ? 'dda-input-disabled' : ''}
             dda-input-size-${this.size} dda-validation-${this.validation_type}
-          ` }, this.label && (h("span", { key: '5e6272c8b235646208167480e6149024687d2341', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: '0caa270da5785caec0c2e47769de205f2b085745', class: "dda-dropdown-container" }, h("button", { key: 'dc0e6b6f5d2d704e0d50c9472a3c82e20f6fbd6b', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '2f4839cad9b6aa1113054c81416798a8cc30d1bb', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: '50c1eafec7ab95152088b07889dde1ba29aef178', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'aca0e036afea36b25ab22e1e4440d25cebd2c41a', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+          ` }, this.label && (h("span", { key: 'c3a1db279d1f8a136972f3c70b4d506e7e0c34b1', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: '3bac51fcde9784786b6a7937a1342aa7f32cdafa', class: "dda-dropdown-container" }, h("button", { key: '5aa2a7d4a9f7ae8336da1a5a7bb3f09a43e51e07', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: 'ec74a3c2c026e3d9cda8ad78ede8082bd19e3b57', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: 'aff9db53adce2ab32a3b27d4a34680c68357ca2e', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: '41849c086b485acb4087e935464a759cfc3488be', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/dda-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-select.js","mappings":"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","names":[],"sources":["src/components/dda-select/dda-select.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-select',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class Ddaselect {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() label: string;\r\n @Prop() options: string;\r\n @Prop() selected: string; // can be id or text\r\n @Prop() disabled: boolean = false;\r\n @Prop() error?: string;\r\n @Prop() error_message: string;\r\n @Prop() helper_text: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string = 'text';\r\n @Prop() size?: string;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_id: string;\r\n @Prop() toggle_button_name: string;\r\n @Prop() option_select_button_name: string;\r\n @Prop() placeholder: string = '';\r\n @Prop() main_aria_label: string = '';\r\n @Prop() input_name: string = '';\r\n\r\n @State() is_open: boolean = false;\r\n @State() selectedId: number;\r\n @State() selectedText: string;\r\n\r\n @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n @Event() onChanged: EventEmitter<{ id: number; text: string }>;\r\n\r\n @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n\r\n private get parsedOptions(): { id: number; text: string }[] {\r\n try {\r\n return JSON.parse(this.options);\r\n } catch {\r\n return [];\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected \|\| opt.text === this.selected);\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n }\r\n if (this.selected) {\r\n this.watchSelected(this.selected);\r\n }\r\n }\r\n\r\n toggleSelect() {\r\n if (!this.disabled) {\r\n this.is_open = !this.is_open;\r\n }\r\n }\r\n\r\n selectOption(option: { id: number; text: string }) {\r\n if (!this.disabled) {\r\n this.selectedId = option.id;\r\n this.selectedText = option.text;\r\n this.is_open = false;\r\n this.selectChanged.emit(option);\r\n this.onChanged.emit(option);\r\n }\r\n }\r\n\r\n handleClickOutside = (event: MouseEvent) => {\r\n if (this.is_open && !this.el.contains(event.target as Node)) {\r\n this.is_open = false;\r\n }\r\n };\r\n\r\n handleBlur = () => {\r\n this.selectBlurred.emit({\r\n name: this.input_name \|\| this.button_id,\r\n value: this.selectedText \|\| '',\r\n });\r\n this.onBlurred.emit({\r\n name: this.input_name \|\| this.button_id,\r\n value: this.selectedText \|\| '',\r\n });\r\n };\r\n\r\n connectedCallback() {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Method()\r\n async setSelected(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n @Method()\r\n async getSelectedText() {\r\n return this.selectedText;\r\n }\r\n\r\n @Watch('selected')\r\n watchSelected(newVal: string) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal \|\| opt.text === newVal);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n }\r\n }\r\n\r\n private numberToWord(num: number): string {\r\n const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n return words[num - 1] \|\| num.toString();\r\n }\r\n\r\n render() {\r\n const labelId = `${this.button_id}-label`;\r\n const valueId = `${this.button_id}-value`;\r\n\r\n return (\r\n <Host>\r\n <div\r\n class={`\r\n dda-input-container ${this.custom_class} \r\n ${this.component_mode} \r\n ${this.disabled ? 'dda-input-disabled' : ''} \r\n dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n `}\r\n >\r\n {this.label && (\r\n <span id={labelId} class=\"dda-input-label\">\r\n {this.label}\r\n </span>\r\n )}\r\n <div class=\"dda-dropdown-container\">\r\n <button\r\n name={this.toggle_button_name}\r\n id={this.button_id}\r\n type=\"button\"\r\n class=\"dda-input-field dda-select-header\"\r\n aria-labelledby={`${labelId} ${this.button_id}`}\r\n disabled={this.disabled}\r\n onClick={() => this.toggleSelect()}\r\n onBlur={this.handleBlur}\r\n >\r\n <span id={valueId} class=\"dda-select-button-label\">\r\n {this.selectedText \|\| this.placeholder}\r\n </span>\r\n <i class=\"material-icons\" aria-hidden=\"true\">\r\n {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n </i>\r\n </button>\r\n\r\n {this.is_open && (\r\n <div class=\"dda-input-dropdown-list dda-select-list\">\r\n {this.parsedOptions.length > 0 ? (\r\n this.parsedOptions.map((option, index) => (\r\n <button\r\n name={`option${this.numberToWord(index + 1)}`}\r\n type=\"button\"\r\n class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n role=\"option\"\r\n aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n onClick={() => this.selectOption(option)}\r\n >\r\n {option.text}\r\n </button>\r\n ))\r\n ) : (\r\n <div class=\"dda-input-dropdown-item\">No options available</div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-select.js","mappings":"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","names":[],"sources":["src/components/dda-select/dda-select.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-select',\r\n styleUrls: [],\r\n shadow: false,\r\n})\r\nexport class Ddaselect {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() label: string;\r\n @Prop() options: string;\r\n @Prop() selected: string; // can be id or text\r\n @Prop() disabled: boolean = false;\r\n @Prop() error?: string;\r\n @Prop() error_message: string;\r\n @Prop() helper_text: string;\r\n @Prop() validation_type?: string;\r\n @Prop() validation_id: string = 'text';\r\n @Prop() size?: string;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n @Prop() button_id: string;\r\n @Prop() toggle_button_name: string;\r\n @Prop() option_select_button_name: string;\r\n @Prop() placeholder: string = '';\r\n @Prop() main_aria_label: string = '';\r\n @Prop() input_name: string = '';\r\n\r\n @State() is_open: boolean = false;\r\n @State() selectedId: number;\r\n @State() selectedText: string;\r\n\r\n @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n @Event() onChanged: EventEmitter<any>;\r\n\r\n @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n @Event() onBlurred: EventEmitter<any>;\r\n\r\n private get parsedOptions(): { id: number; text: string }[] {\r\n try {\r\n return JSON.parse(this.options);\r\n } catch {\r\n return [];\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected \|\| opt.text === this.selected);\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n }\r\n if (this.selected) {\r\n this.watchSelected(this.selected);\r\n }\r\n }\r\n\r\n toggleSelect() {\r\n if (!this.disabled) {\r\n this.is_open = !this.is_open;\r\n }\r\n }\r\n\r\n selectOption(option: { id: any; text: string }) {\r\n if (!this.disabled) {\r\n this.selectedId = option.id;\r\n this.selectedText = option.text;\r\n this.is_open = false;\r\n this.selectChanged.emit(option);\r\n this.onChanged.emit(option.id);\r\n\r\n this.el.dispatchEvent(\r\n new InputEvent('input', {\r\n bubbles: true,\r\n composed: true,\r\n data: option.id,\r\n inputType: 'select',\r\n }),\r\n );\r\n }\r\n }\r\n\r\n handleClickOutside = (event: MouseEvent) => {\r\n if (this.is_open && !this.el.contains(event.target as Node)) {\r\n this.is_open = false;\r\n }\r\n };\r\n\r\n handleBlur = () => {\r\n this.selectBlurred.emit({\r\n name: this.input_name \|\| this.button_id,\r\n value: this.selectedText \|\| '',\r\n });\r\n this.onBlurred.emit(this.selectedId);\r\n\r\n this.el.dispatchEvent(\r\n new FocusEvent('blur', {\r\n bubbles: true,\r\n composed: true,\r\n }),\r\n );\r\n };\r\n\r\n connectedCallback() {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Method()\r\n async setSelected(value: string \| number) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() \|\| opt.text === value);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n this.selected = selectedOption.id.toString();\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n this.selected = '';\r\n }\r\n }\r\n\r\n @Method()\r\n async getSelectedText() {\r\n return this.selectedText;\r\n }\r\n\r\n async getValue() {\r\n return this.selectedText \|\| '';\r\n }\r\n\r\n @Watch('selected')\r\n watchSelected(newVal: string) {\r\n const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal \|\| opt.text === newVal);\r\n\r\n if (selectedOption) {\r\n this.selectedId = selectedOption.id;\r\n this.selectedText = selectedOption.text;\r\n } else {\r\n this.selectedId = undefined;\r\n this.selectedText = '';\r\n }\r\n }\r\n\r\n private numberToWord(num: number): string {\r\n const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n return words[num - 1] \|\| num.toString();\r\n }\r\n\r\n render() {\r\n const labelId = `${this.button_id}-label`;\r\n const valueId = `${this.button_id}-value`;\r\n\r\n return (\r\n <Host>\r\n <div\r\n class={`\r\n dda-input-container ${this.custom_class} \r\n ${this.component_mode} \r\n ${this.disabled ? 'dda-input-disabled' : ''} \r\n dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n `}\r\n >\r\n {this.label && (\r\n <span id={labelId} class=\"dda-input-label\">\r\n {this.label}\r\n </span>\r\n )}\r\n <div class=\"dda-dropdown-container\">\r\n <button\r\n name={this.toggle_button_name}\r\n id={this.button_id}\r\n type=\"button\"\r\n class=\"dda-input-field dda-select-header\"\r\n aria-labelledby={`${labelId} ${this.button_id}`}\r\n disabled={this.disabled}\r\n onClick={() => this.toggleSelect()}\r\n onBlur={this.handleBlur}\r\n >\r\n <span id={valueId} class=\"dda-select-button-label\">\r\n {this.selectedText \|\| this.placeholder}\r\n </span>\r\n <i class=\"material-icons\" aria-hidden=\"true\">\r\n {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n </i>\r\n </button>\r\n\r\n {this.is_open && (\r\n <div class=\"dda-input-dropdown-list dda-select-list\">\r\n {this.parsedOptions.length > 0 ? (\r\n this.parsedOptions.map((option, index) => (\r\n <button\r\n name={`option${this.numberToWord(index + 1)}`}\r\n type=\"button\"\r\n class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n role=\"option\"\r\n aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n onClick={() => this.selectOption(option)}\r\n >\r\n {option.text}\r\n </button>\r\n ))\r\n ) : (\r\n <div class=\"dda-input-dropdown-item\">No options available</div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span class=\"dda-helper-text\" id={this.validation_id}>\r\n {this.helper_text}\r\n </span>\r\n )\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}