@dubai-design-system/components-js 3.11.4 → 3.11.5
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.
- package/dist/cjs/dda-search-input.cjs.entry.js +5 -3
- package/dist/cjs/dda-search-input.cjs.entry.js.map +1 -1
- package/dist/collection/components/dda-search-input/dda-search-input.js +19 -3
- package/dist/collection/components/dda-search-input/dda-search-input.js.map +1 -1
- package/dist/components/dda-search-input.js +5 -3
- package/dist/components/dda-search-input.js.map +1 -1
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/p-48f0e5e3.entry.js +2 -0
- package/dist/dda/p-48f0e5e3.entry.js.map +1 -0
- package/dist/esm/dda-search-input.entry.js +5 -3
- package/dist/esm/dda-search-input.entry.js.map +1 -1
- package/dist/types/components/dda-search-input/dda-search-input.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +2 -2
- package/readme.md +8 -2
- package/www/build/dda.esm.js +1 -1
- package/www/build/p-48f0e5e3.entry.js +2 -0
- package/www/build/p-48f0e5e3.entry.js.map +1 -0
- package/dist/dda/p-2477d805.entry.js +0 -2
- package/dist/dda/p-2477d805.entry.js.map +0 -1
- package/www/build/p-2477d805.entry.js +0 -2
- package/www/build/p-2477d805.entry.js.map +0 -1
|
@@ -8,6 +8,7 @@ const DdaSearchInput = class {
|
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
this.inputChanged = index.createEvent(this, "inputChanged", 7);
|
|
11
|
+
this.buttonClicked = index.createEvent(this, "buttonClicked", 7);
|
|
11
12
|
this.inputBlurred = index.createEvent(this, "inputBlurred", 7);
|
|
12
13
|
this.placeholder = 'Search';
|
|
13
14
|
this.size = 'sm';
|
|
@@ -29,7 +30,8 @@ const DdaSearchInput = class {
|
|
|
29
30
|
this.handleSearchClick = () => {
|
|
30
31
|
const input = this.el.querySelector(`#${this.input_id}`);
|
|
31
32
|
if (input) {
|
|
32
|
-
console.log('Search input value (Button):', input.value);
|
|
33
|
+
// console.log('Search input value (Button):', input.value);
|
|
34
|
+
this.buttonClicked.emit(this.internalValue || this.value);
|
|
33
35
|
}
|
|
34
36
|
};
|
|
35
37
|
}
|
|
@@ -44,7 +46,7 @@ const DdaSearchInput = class {
|
|
|
44
46
|
}
|
|
45
47
|
}
|
|
46
48
|
render() {
|
|
47
|
-
return (index.h(index.Host, { key: '
|
|
49
|
+
return (index.h(index.Host, { key: 'f0fc1e206852227eeb82390059a4b0fbdb3c3978' }, index.h("div", { key: '4da59521507db34828bd771b96839af1930b6bde', 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 && (index.h("label", { key: '028f47421e723d951fe90b3e386b1c0a580330aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), index.h("div", { key: 'a347149b88dd251f9572896aa6e989498f4e64e8', class: "dda-search-area dda-search-action" }, index.h("i", { key: '5a39b3cd16166c02841adb4f5f8153a7ae211c55', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), index.h("input", { key: '32fada4ba0736a93e0a3dac2a68c43e0cc08af90', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
|
|
48
50
|
// onInput={this.handleInput}
|
|
49
51
|
onKeyDown: this.handleKeyDown, onInput: event => {
|
|
50
52
|
this.internalValue = event.target.value;
|
|
@@ -52,7 +54,7 @@ const DdaSearchInput = class {
|
|
|
52
54
|
}, onBlur: event => {
|
|
53
55
|
const value = event.target.value.trim();
|
|
54
56
|
this.inputBlurred.emit({ name: this.search_input_name, value });
|
|
55
|
-
} }), index.h("div", { key: '
|
|
57
|
+
} }), index.h("div", { key: '52488a0aaeea3d843515494801ac5f15789b9726', class: "dda-search-btngroup" }, this.hasInputValue && (index.h("button", { key: '1758a03fcb843d097ffc057f8c4f03b6ee8d2638', 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() }, index.h("i", { key: '49c31a2d6ae37925b38f5df8ad60f7f05556e4d6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (index.h("button", { key: '4400e93f058867d62f847460581ce5a26d96ed1e', 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 && (index.h("span", { key: '7982b705e86d2ac78f8b09d239a513dcbe5c6b5b', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (index.h("span", { key: '3ef56723a6479b87e93f4ab989b145c80a064ff5', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
|
|
56
58
|
}
|
|
57
59
|
get el() { return index.getElement(this); }
|
|
58
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-search-input.entry.cjs.js","mappings":";;;;;;MAOa,cAAc;IAL3B
|
|
1
|
+
{"file":"dda-search-input.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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}
|
|
@@ -21,7 +21,8 @@ export class DdaSearchInput {
|
|
|
21
21
|
this.handleSearchClick = () => {
|
|
22
22
|
const input = this.el.querySelector(`#${this.input_id}`);
|
|
23
23
|
if (input) {
|
|
24
|
-
console.log('Search input value (Button):', input.value);
|
|
24
|
+
// console.log('Search input value (Button):', input.value);
|
|
25
|
+
this.buttonClicked.emit(this.internalValue || this.value);
|
|
25
26
|
}
|
|
26
27
|
};
|
|
27
28
|
}
|
|
@@ -36,7 +37,7 @@ export class DdaSearchInput {
|
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
39
|
render() {
|
|
39
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: 'f0fc1e206852227eeb82390059a4b0fbdb3c3978' }, h("div", { key: '4da59521507db34828bd771b96839af1930b6bde', 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: '028f47421e723d951fe90b3e386b1c0a580330aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: 'a347149b88dd251f9572896aa6e989498f4e64e8', class: "dda-search-area dda-search-action" }, h("i", { key: '5a39b3cd16166c02841adb4f5f8153a7ae211c55', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '32fada4ba0736a93e0a3dac2a68c43e0cc08af90', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
|
|
40
41
|
// onInput={this.handleInput}
|
|
41
42
|
onKeyDown: this.handleKeyDown, onInput: event => {
|
|
42
43
|
this.internalValue = event.target.value;
|
|
@@ -44,7 +45,7 @@ export class DdaSearchInput {
|
|
|
44
45
|
}, onBlur: event => {
|
|
45
46
|
const value = event.target.value.trim();
|
|
46
47
|
this.inputBlurred.emit({ name: this.search_input_name, value });
|
|
47
|
-
} }), h("div", { key: '
|
|
48
|
+
} }), h("div", { key: '52488a0aaeea3d843515494801ac5f15789b9726', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '1758a03fcb843d097ffc057f8c4f03b6ee8d2638', 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: '49c31a2d6ae37925b38f5df8ad60f7f05556e4d6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: '4400e93f058867d62f847460581ce5a26d96ed1e', 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: '7982b705e86d2ac78f8b09d239a513dcbe5c6b5b', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '3ef56723a6479b87e93f4ab989b145c80a064ff5', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
|
|
48
49
|
}
|
|
49
50
|
static get is() { return "dda-search-input"; }
|
|
50
51
|
static get properties() {
|
|
@@ -458,6 +459,21 @@ export class DdaSearchInput {
|
|
|
458
459
|
"resolved": "any",
|
|
459
460
|
"references": {}
|
|
460
461
|
}
|
|
462
|
+
}, {
|
|
463
|
+
"method": "buttonClicked",
|
|
464
|
+
"name": "buttonClicked",
|
|
465
|
+
"bubbles": true,
|
|
466
|
+
"cancelable": true,
|
|
467
|
+
"composed": true,
|
|
468
|
+
"docs": {
|
|
469
|
+
"tags": [],
|
|
470
|
+
"text": ""
|
|
471
|
+
},
|
|
472
|
+
"complexType": {
|
|
473
|
+
"original": "any",
|
|
474
|
+
"resolved": "any",
|
|
475
|
+
"references": {}
|
|
476
|
+
}
|
|
461
477
|
}, {
|
|
462
478
|
"method": "inputBlurred",
|
|
463
479
|
"name": "inputBlurred",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9F,MAAM,OAAO,cAAc;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;
|
|
1
|
+
{"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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"]}
|
|
@@ -5,6 +5,7 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
|
|
|
5
5
|
super();
|
|
6
6
|
this.__registerHost();
|
|
7
7
|
this.inputChanged = createEvent(this, "inputChanged", 7);
|
|
8
|
+
this.buttonClicked = createEvent(this, "buttonClicked", 7);
|
|
8
9
|
this.inputBlurred = createEvent(this, "inputBlurred", 7);
|
|
9
10
|
this.placeholder = 'Search';
|
|
10
11
|
this.size = 'sm';
|
|
@@ -26,7 +27,8 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
|
|
|
26
27
|
this.handleSearchClick = () => {
|
|
27
28
|
const input = this.el.querySelector(`#${this.input_id}`);
|
|
28
29
|
if (input) {
|
|
29
|
-
console.log('Search input value (Button):', input.value);
|
|
30
|
+
// console.log('Search input value (Button):', input.value);
|
|
31
|
+
this.buttonClicked.emit(this.internalValue || this.value);
|
|
30
32
|
}
|
|
31
33
|
};
|
|
32
34
|
}
|
|
@@ -41,7 +43,7 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
|
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
45
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
46
|
+
return (h(Host, { key: 'f0fc1e206852227eeb82390059a4b0fbdb3c3978' }, h("div", { key: '4da59521507db34828bd771b96839af1930b6bde', 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: '028f47421e723d951fe90b3e386b1c0a580330aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: 'a347149b88dd251f9572896aa6e989498f4e64e8', class: "dda-search-area dda-search-action" }, h("i", { key: '5a39b3cd16166c02841adb4f5f8153a7ae211c55', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '32fada4ba0736a93e0a3dac2a68c43e0cc08af90', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
|
|
45
47
|
// onInput={this.handleInput}
|
|
46
48
|
onKeyDown: this.handleKeyDown, onInput: event => {
|
|
47
49
|
this.internalValue = event.target.value;
|
|
@@ -49,7 +51,7 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
|
|
|
49
51
|
}, onBlur: event => {
|
|
50
52
|
const value = event.target.value.trim();
|
|
51
53
|
this.inputBlurred.emit({ name: this.search_input_name, value });
|
|
52
|
-
} }), h("div", { key: '
|
|
54
|
+
} }), h("div", { key: '52488a0aaeea3d843515494801ac5f15789b9726', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '1758a03fcb843d097ffc057f8c4f03b6ee8d2638', 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: '49c31a2d6ae37925b38f5df8ad60f7f05556e4d6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: '4400e93f058867d62f847460581ce5a26d96ed1e', 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: '7982b705e86d2ac78f8b09d239a513dcbe5c6b5b', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '3ef56723a6479b87e93f4ab989b145c80a064ff5', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
|
|
53
55
|
}
|
|
54
56
|
get el() { return this; }
|
|
55
57
|
}, [0, "dda-search-input", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-search-input.js","mappings":";;MAOaA,gBAAc;IAL3B
|
|
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 } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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/dda/dda.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-2477d805",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"value":[1],"hasInputValue":[32],"internalValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-23c2a581",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
|
|
1
|
+
import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-48f0e5e3",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"value":[1],"hasInputValue":[32],"internalValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-23c2a581",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=dda.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as t,h as a,H as i,g as e}from"./p-1b339a0a.js";const h=class{constructor(a){s(this,a);this.inputChanged=t(this,"inputChanged",7);this.buttonClicked=t(this,"buttonClicked",7);this.inputBlurred=t(this,"inputBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=s=>{const t=s.target;this.hasInputValue=t.value.length>0};this.handleKeyDown=s=>{if(s.key==="Enter"){const t=s.target;console.log("Search input value (Enter):",t.value)}};this.handleSearchClick=()=>{const s=this.el.querySelector(`#${this.input_id}`);if(s){this.buttonClicked.emit(this.internalValue||this.value)}}}clearInput(){if(!this.input_id)return;const s=this.el.querySelector(`#${this.input_id}`);if(s){s.value="";this.hasInputValue=false;s.focus()}}render(){return a(i,{key:"f0fc1e206852227eeb82390059a4b0fbdb3c3978"},a("div",{key:"4da59521507db34828bd771b96839af1930b6bde",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&&a("label",{key:"028f47421e723d951fe90b3e386b1c0a580330aa",htmlFor:this.button_id,class:"dda-input-label"},this.label),a("div",{key:"a347149b88dd251f9572896aa6e989498f4e64e8",class:"dda-search-area dda-search-action"},a("i",{key:"5a39b3cd16166c02841adb4f5f8153a7ae211c55",class:"material-icons icon-left","aria-hidden":"true"},"search"),a("input",{key:"32fada4ba0736a93e0a3dac2a68c43e0cc08af90",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue||this.value,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:s=>{this.internalValue=s.target.value;this.inputChanged.emit(s)},onBlur:s=>{const t=s.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:t})}}),a("div",{key:"52488a0aaeea3d843515494801ac5f15789b9726",class:"dda-search-btngroup"},this.hasInputValue&&a("button",{key:"1758a03fcb843d097ffc057f8c4f03b6ee8d2638",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()},a("i",{key:"49c31a2d6ae37925b38f5df8ad60f7f05556e4d6",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&a("button",{key:"4400e93f058867d62f847460581ce5a26d96ed1e",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&&a("span",{key:"7982b705e86d2ac78f8b09d239a513dcbe5c6b5b",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&a("span",{key:"3ef56723a6479b87e93f4ab989b145c80a064ff5",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return e(this)}};export{h as dda_search_input};
|
|
2
|
+
//# sourceMappingURL=p-48f0e5e3.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","handleSearchClick","input","el","querySelector","input_id","buttonClicked","emit","clearInput","focus","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","onBlur","trim","inputBlurred","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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"],"mappings":"sEAOaA,EAAc,MAL3B,WAAAC,CAAAC,G,6IAMUC,KAAAC,YAAsB,SAEtBD,KAAAE,KAAe,KAEfF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MACrBJ,KAAAK,aAAwB,GAkBvBL,KAAAM,cAAyB,MACzBN,KAAAO,cAAwB,GAEjCP,KAAAQ,YAAeC,IACb,MAAMC,EAASD,EAAMC,OACrBV,KAAKM,cAAgBI,EAAOC,MAAMC,OAAS,CAAC,EAG9CZ,KAAAa,cAAiBJ,IACf,GAAIA,EAAMK,MAAQ,QAAS,CACzB,MAAMJ,EAASD,EAAMC,OACrBK,QAAQC,IAAI,8BAA+BN,EAAOC,M,GAItDX,KAAAiB,kBAAoB,KAClB,MAAMC,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CAETlB,KAAKsB,cAAcC,KAAKvB,KAAKO,eAAiBP,KAAKW,M,GAIvD,UAAAa,GACE,IAAKxB,KAAKqB,SAAU,OACpB,MAAMH,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTA,EAAMP,MAAQ,GACdX,KAAKM,cAAgB,MACrBY,EAAMO,O,EAIV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAd,IAAA,4CACHa,EAAA,OAAAb,IAAA,2CACEe,MAAO,sCAAsC7B,KAAKE,QAAQF,KAAK8B,kBAAkB9B,KAAKK,gBAAgBL,KAAK+B,aAAe,aAAa/B,KAAK+B,eAAiB,MAAM/B,KAAKI,UAAY,uBAAyB,MAE5MJ,KAAKgC,OACJL,EAAA,SAAAb,IAAA,2CAAOmB,QAASjC,KAAKkC,UAAWL,MAAM,mBACnC7B,KAAKgC,OAGVL,EAAA,OAAAb,IAAA,2CAAKe,MAAM,qCACTF,EAAA,KAAAb,IAAA,2CAAGe,MAAM,2BAA0B,cAAa,QAAM,UAGtDF,EAAA,SAAAb,IAAA,2CACEqB,KAAMnC,KAAKoC,kBAAiB,aAChBpC,KAAKqC,WACjBC,GAAItC,KAAKqB,SACTV,MAAOX,KAAKO,eAAiBP,KAAKW,MAClC4B,KAAK,OACLV,MAAO,oCAAoC7B,KAAKG,YAAc,oBAAsB,KACpFF,YAAaD,KAAKC,YAElBuC,UAAWxC,KAAKa,cAChB4B,QAAShC,IACPT,KAAKO,cAAiBE,EAAMC,OAA4BC,MACxDX,KAAK0C,aAAanB,KAAKd,EAAM,EAE/BkC,OAAQlC,IACN,MAAME,EAASF,EAAMC,OAA4BC,MAAMiC,OACvD5C,KAAK6C,aAAatB,KAAK,CAAEY,KAAMnC,KAAKoC,kBAAmBzB,SAAQ,IAGnEgB,EAAA,OAAAb,IAAA,2CAAKe,MAAM,uBACR7B,KAAKM,eACJqB,EAAA,UAAAb,IAAA,2CACEqB,KAAMnC,KAAK8C,kBAAiB,aAChB9C,KAAK+C,kBACjBT,GAAItC,KAAKkC,UACTK,KAAK,SACLV,MAAM,wBACNmB,QAAS,IAAMhD,KAAKwB,cAEpBG,EAAA,KAAAb,IAAA,2CAAGe,MAAM,2CAA0C,cAAa,QAAM,UAKzE7B,KAAKG,aACJwB,EAAA,UAAAb,IAAA,2CAAQqB,KAAMnC,KAAKiD,mBAAoBV,KAAK,SAASV,MAAM,+CAA+CmB,QAAShD,KAAKiB,mBACrHjB,KAAKkD,eAKblD,KAAKmD,aACJxB,EAAA,QAAAb,IAAA,2CAAMe,MAAM,kBAAkBS,GAAItC,KAAKoD,eACpCpD,KAAKmD,aAGTnD,KAAKqD,eACJ1B,EAAA,QAAAb,IAAA,2CAAMe,MAAM,oBAAoBS,GAAItC,KAAKoD,eACtCpD,KAAKqD,gB","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ const DdaSearchInput = class {
|
|
|
4
4
|
constructor(hostRef) {
|
|
5
5
|
registerInstance(this, hostRef);
|
|
6
6
|
this.inputChanged = createEvent(this, "inputChanged", 7);
|
|
7
|
+
this.buttonClicked = createEvent(this, "buttonClicked", 7);
|
|
7
8
|
this.inputBlurred = createEvent(this, "inputBlurred", 7);
|
|
8
9
|
this.placeholder = 'Search';
|
|
9
10
|
this.size = 'sm';
|
|
@@ -25,7 +26,8 @@ const DdaSearchInput = class {
|
|
|
25
26
|
this.handleSearchClick = () => {
|
|
26
27
|
const input = this.el.querySelector(`#${this.input_id}`);
|
|
27
28
|
if (input) {
|
|
28
|
-
console.log('Search input value (Button):', input.value);
|
|
29
|
+
// console.log('Search input value (Button):', input.value);
|
|
30
|
+
this.buttonClicked.emit(this.internalValue || this.value);
|
|
29
31
|
}
|
|
30
32
|
};
|
|
31
33
|
}
|
|
@@ -40,7 +42,7 @@ const DdaSearchInput = class {
|
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
44
|
render() {
|
|
43
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: 'f0fc1e206852227eeb82390059a4b0fbdb3c3978' }, h("div", { key: '4da59521507db34828bd771b96839af1930b6bde', 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: '028f47421e723d951fe90b3e386b1c0a580330aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: 'a347149b88dd251f9572896aa6e989498f4e64e8', class: "dda-search-area dda-search-action" }, h("i", { key: '5a39b3cd16166c02841adb4f5f8153a7ae211c55', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '32fada4ba0736a93e0a3dac2a68c43e0cc08af90', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
|
|
44
46
|
// onInput={this.handleInput}
|
|
45
47
|
onKeyDown: this.handleKeyDown, onInput: event => {
|
|
46
48
|
this.internalValue = event.target.value;
|
|
@@ -48,7 +50,7 @@ const DdaSearchInput = class {
|
|
|
48
50
|
}, onBlur: event => {
|
|
49
51
|
const value = event.target.value.trim();
|
|
50
52
|
this.inputBlurred.emit({ name: this.search_input_name, value });
|
|
51
|
-
} }), h("div", { key: '
|
|
53
|
+
} }), h("div", { key: '52488a0aaeea3d843515494801ac5f15789b9726', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '1758a03fcb843d097ffc057f8c4f03b6ee8d2638', 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: '49c31a2d6ae37925b38f5df8ad60f7f05556e4d6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: '4400e93f058867d62f847460581ce5a26d96ed1e', 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: '7982b705e86d2ac78f8b09d239a513dcbe5c6b5b', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '3ef56723a6479b87e93f4ab989b145c80a064ff5', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
|
|
52
54
|
}
|
|
53
55
|
get el() { return getElement(this); }
|
|
54
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-search-input.entry.js","mappings":";;MAOa,cAAc;IAL3B
|
|
1
|
+
{"file":"dda-search-input.entry.js","mappings":"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","names":[],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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}
|
|
@@ -1214,6 +1214,7 @@ declare global {
|
|
|
1214
1214
|
};
|
|
1215
1215
|
interface HTMLDdaSearchInputElementEventMap {
|
|
1216
1216
|
"inputChanged": any;
|
|
1217
|
+
"buttonClicked": any;
|
|
1217
1218
|
"inputBlurred": { name: string; value: string };
|
|
1218
1219
|
}
|
|
1219
1220
|
interface HTMLDdaSearchInputElement extends Components.DdaSearchInput, HTMLStencilElement {
|
|
@@ -2005,6 +2006,7 @@ declare namespace LocalJSX {
|
|
|
2005
2006
|
"input_id"?: string;
|
|
2006
2007
|
"input_status"?: string;
|
|
2007
2008
|
"label"?: string;
|
|
2009
|
+
"onButtonClicked"?: (event: DdaSearchInputCustomEvent<any>) => void;
|
|
2008
2010
|
"onInputBlurred"?: (event: DdaSearchInputCustomEvent<{ name: string; value: string }>) => void;
|
|
2009
2011
|
"onInputChanged"?: (event: DdaSearchInputCustomEvent<any>) => void;
|
|
2010
2012
|
"placeholder"?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dubai-design-system/components-js",
|
|
3
|
-
"version": "3.11.
|
|
3
|
+
"version": "3.11.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "JavaScript package for the Digital Dubai Design System, offering reusable, customizable components for seamless integration into web applications",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"storybook": "^8.1.11"
|
|
84
84
|
},
|
|
85
85
|
"license": "SEE LICENSE IN LICENSE",
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "ffec030eaa40933f3a0147d3b2f5ca09f4e15b20"
|
|
87
87
|
}
|
package/readme.md
CHANGED
|
@@ -5,11 +5,17 @@
|
|
|
5
5
|
</p>
|
|
6
6
|
|
|
7
7
|
#### Change Log
|
|
8
|
-
Version: (3.11.
|
|
9
|
-
Published on:
|
|
8
|
+
Version: (3.11.5)
|
|
9
|
+
Published on: 25-august-2025
|
|
10
10
|
|
|
11
11
|
- Search Input events added
|
|
12
12
|
|
|
13
|
+
#### Change Log
|
|
14
|
+
Version: (3.11.4)
|
|
15
|
+
Published on: 25-august-2025
|
|
16
|
+
|
|
17
|
+
- Search & Toggle Input events added
|
|
18
|
+
|
|
13
19
|
#### Change Log
|
|
14
20
|
Version: (3.11.3)
|
|
15
21
|
Published on: 22-august-2025
|
package/www/build/dda.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-2477d805",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"value":[1],"hasInputValue":[32],"internalValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-23c2a581",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
|
|
1
|
+
import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-48f0e5e3",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"value":[1],"hasInputValue":[32],"internalValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-23c2a581",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=dda.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as t,h as a,H as i,g as e}from"./p-1b339a0a.js";const h=class{constructor(a){s(this,a);this.inputChanged=t(this,"inputChanged",7);this.buttonClicked=t(this,"buttonClicked",7);this.inputBlurred=t(this,"inputBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=s=>{const t=s.target;this.hasInputValue=t.value.length>0};this.handleKeyDown=s=>{if(s.key==="Enter"){const t=s.target;console.log("Search input value (Enter):",t.value)}};this.handleSearchClick=()=>{const s=this.el.querySelector(`#${this.input_id}`);if(s){this.buttonClicked.emit(this.internalValue||this.value)}}}clearInput(){if(!this.input_id)return;const s=this.el.querySelector(`#${this.input_id}`);if(s){s.value="";this.hasInputValue=false;s.focus()}}render(){return a(i,{key:"f0fc1e206852227eeb82390059a4b0fbdb3c3978"},a("div",{key:"4da59521507db34828bd771b96839af1930b6bde",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&&a("label",{key:"028f47421e723d951fe90b3e386b1c0a580330aa",htmlFor:this.button_id,class:"dda-input-label"},this.label),a("div",{key:"a347149b88dd251f9572896aa6e989498f4e64e8",class:"dda-search-area dda-search-action"},a("i",{key:"5a39b3cd16166c02841adb4f5f8153a7ae211c55",class:"material-icons icon-left","aria-hidden":"true"},"search"),a("input",{key:"32fada4ba0736a93e0a3dac2a68c43e0cc08af90",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue||this.value,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:s=>{this.internalValue=s.target.value;this.inputChanged.emit(s)},onBlur:s=>{const t=s.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:t})}}),a("div",{key:"52488a0aaeea3d843515494801ac5f15789b9726",class:"dda-search-btngroup"},this.hasInputValue&&a("button",{key:"1758a03fcb843d097ffc057f8c4f03b6ee8d2638",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()},a("i",{key:"49c31a2d6ae37925b38f5df8ad60f7f05556e4d6",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&a("button",{key:"4400e93f058867d62f847460581ce5a26d96ed1e",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&&a("span",{key:"7982b705e86d2ac78f8b09d239a513dcbe5c6b5b",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&a("span",{key:"3ef56723a6479b87e93f4ab989b145c80a064ff5",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return e(this)}};export{h as dda_search_input};
|
|
2
|
+
//# sourceMappingURL=p-48f0e5e3.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","handleSearchClick","input","el","querySelector","input_id","buttonClicked","emit","clearInput","focus","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","onBlur","trim","inputBlurred","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() buttonClicked: EventEmitter<any>;\r\n @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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"],"mappings":"sEAOaA,EAAc,MAL3B,WAAAC,CAAAC,G,6IAMUC,KAAAC,YAAsB,SAEtBD,KAAAE,KAAe,KAEfF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MACrBJ,KAAAK,aAAwB,GAkBvBL,KAAAM,cAAyB,MACzBN,KAAAO,cAAwB,GAEjCP,KAAAQ,YAAeC,IACb,MAAMC,EAASD,EAAMC,OACrBV,KAAKM,cAAgBI,EAAOC,MAAMC,OAAS,CAAC,EAG9CZ,KAAAa,cAAiBJ,IACf,GAAIA,EAAMK,MAAQ,QAAS,CACzB,MAAMJ,EAASD,EAAMC,OACrBK,QAAQC,IAAI,8BAA+BN,EAAOC,M,GAItDX,KAAAiB,kBAAoB,KAClB,MAAMC,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CAETlB,KAAKsB,cAAcC,KAAKvB,KAAKO,eAAiBP,KAAKW,M,GAIvD,UAAAa,GACE,IAAKxB,KAAKqB,SAAU,OACpB,MAAMH,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTA,EAAMP,MAAQ,GACdX,KAAKM,cAAgB,MACrBY,EAAMO,O,EAIV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAd,IAAA,4CACHa,EAAA,OAAAb,IAAA,2CACEe,MAAO,sCAAsC7B,KAAKE,QAAQF,KAAK8B,kBAAkB9B,KAAKK,gBAAgBL,KAAK+B,aAAe,aAAa/B,KAAK+B,eAAiB,MAAM/B,KAAKI,UAAY,uBAAyB,MAE5MJ,KAAKgC,OACJL,EAAA,SAAAb,IAAA,2CAAOmB,QAASjC,KAAKkC,UAAWL,MAAM,mBACnC7B,KAAKgC,OAGVL,EAAA,OAAAb,IAAA,2CAAKe,MAAM,qCACTF,EAAA,KAAAb,IAAA,2CAAGe,MAAM,2BAA0B,cAAa,QAAM,UAGtDF,EAAA,SAAAb,IAAA,2CACEqB,KAAMnC,KAAKoC,kBAAiB,aAChBpC,KAAKqC,WACjBC,GAAItC,KAAKqB,SACTV,MAAOX,KAAKO,eAAiBP,KAAKW,MAClC4B,KAAK,OACLV,MAAO,oCAAoC7B,KAAKG,YAAc,oBAAsB,KACpFF,YAAaD,KAAKC,YAElBuC,UAAWxC,KAAKa,cAChB4B,QAAShC,IACPT,KAAKO,cAAiBE,EAAMC,OAA4BC,MACxDX,KAAK0C,aAAanB,KAAKd,EAAM,EAE/BkC,OAAQlC,IACN,MAAME,EAASF,EAAMC,OAA4BC,MAAMiC,OACvD5C,KAAK6C,aAAatB,KAAK,CAAEY,KAAMnC,KAAKoC,kBAAmBzB,SAAQ,IAGnEgB,EAAA,OAAAb,IAAA,2CAAKe,MAAM,uBACR7B,KAAKM,eACJqB,EAAA,UAAAb,IAAA,2CACEqB,KAAMnC,KAAK8C,kBAAiB,aAChB9C,KAAK+C,kBACjBT,GAAItC,KAAKkC,UACTK,KAAK,SACLV,MAAM,wBACNmB,QAAS,IAAMhD,KAAKwB,cAEpBG,EAAA,KAAAb,IAAA,2CAAGe,MAAM,2CAA0C,cAAa,QAAM,UAKzE7B,KAAKG,aACJwB,EAAA,UAAAb,IAAA,2CAAQqB,KAAMnC,KAAKiD,mBAAoBV,KAAK,SAASV,MAAM,+CAA+CmB,QAAShD,KAAKiB,mBACrHjB,KAAKkD,eAKblD,KAAKmD,aACJxB,EAAA,QAAAb,IAAA,2CAAMe,MAAM,kBAAkBS,GAAItC,KAAKoD,eACpCpD,KAAKmD,aAGTnD,KAAKqD,eACJ1B,EAAA,QAAAb,IAAA,2CAAMe,MAAM,oBAAoBS,GAAItC,KAAKoD,eACtCpD,KAAKqD,gB","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,H as a,g as i}from"./p-1b339a0a.js";const d=class{constructor(e){s(this,e);this.inputChanged=t(this,"inputChanged",7);this.inputBlurred=t(this,"inputBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=s=>{const t=s.target;this.hasInputValue=t.value.length>0};this.handleKeyDown=s=>{if(s.key==="Enter"){const t=s.target;console.log("Search input value (Enter):",t.value)}};this.handleSearchClick=()=>{const s=this.el.querySelector(`#${this.input_id}`);if(s){console.log("Search input value (Button):",s.value)}}}clearInput(){if(!this.input_id)return;const s=this.el.querySelector(`#${this.input_id}`);if(s){s.value="";this.hasInputValue=false;s.focus()}}render(){return e(a,{key:"24a3489b35cb7fad24f1685896ce86f0cbaec775"},e("div",{key:"8fceadbaa3dc319abe11ee1371d01f39af8045fd",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&&e("label",{key:"a07e7340bdacc2c3e835c3e95e3dd71948726498",htmlFor:this.button_id,class:"dda-input-label"},this.label),e("div",{key:"437f37044b18f048c666c69d8d5fd694b3f919fa",class:"dda-search-area dda-search-action"},e("i",{key:"b686ee2511ac4b049d8e518eb8da7ec9fe6d0dad",class:"material-icons icon-left","aria-hidden":"true"},"search"),e("input",{key:"936b817328ed0c2a69d8f570540ae063ba740341",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue||this.value,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:s=>{this.internalValue=s.target.value;this.inputChanged.emit(s)},onBlur:s=>{const t=s.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:t})}}),e("div",{key:"5dca25f937e125a362c3fefa1c043b62540e02fe",class:"dda-search-btngroup"},this.hasInputValue&&e("button",{key:"0b3016b7ac21d5ef22d2786d29f0992b2e3560de",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()},e("i",{key:"192e15d6c7b93441906080cdb821d645f1512d80",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&e("button",{key:"e91d067ef4f160cc018963c8b842f29a1c127d45",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&&e("span",{key:"b686be70ce3e1c5c80cc3e033c40b3d94b7e0547",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&e("span",{key:"235a13717b035f9c896ed3bb42ddc4d0218adb29",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return i(this)}};export{d as dda_search_input};
|
|
2
|
-
//# sourceMappingURL=p-2477d805.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","handleSearchClick","input","el","querySelector","input_id","clearInput","focus","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","emit","onBlur","trim","inputBlurred","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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 }\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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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"],"mappings":"sEAOaA,EAAc,MAL3B,WAAAC,CAAAC,G,gGAMUC,KAAAC,YAAsB,SAEtBD,KAAAE,KAAe,KAEfF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MACrBJ,KAAAK,aAAwB,GAiBvBL,KAAAM,cAAyB,MACzBN,KAAAO,cAAwB,GAEjCP,KAAAQ,YAAeC,IACb,MAAMC,EAASD,EAAMC,OACrBV,KAAKM,cAAgBI,EAAOC,MAAMC,OAAS,CAAC,EAG9CZ,KAAAa,cAAiBJ,IACf,GAAIA,EAAMK,MAAQ,QAAS,CACzB,MAAMJ,EAASD,EAAMC,OACrBK,QAAQC,IAAI,8BAA+BN,EAAOC,M,GAItDX,KAAAiB,kBAAoB,KAClB,MAAMC,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTH,QAAQC,IAAI,+BAAgCE,EAAMP,M,GAItD,UAAAW,GACE,IAAKtB,KAAKqB,SAAU,OACpB,MAAMH,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTA,EAAMP,MAAQ,GACdX,KAAKM,cAAgB,MACrBY,EAAMK,O,EAIV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAZ,IAAA,4CACHW,EAAA,OAAAX,IAAA,2CACEa,MAAO,sCAAsC3B,KAAKE,QAAQF,KAAK4B,kBAAkB5B,KAAKK,gBAAgBL,KAAK6B,aAAe,aAAa7B,KAAK6B,eAAiB,MAAM7B,KAAKI,UAAY,uBAAyB,MAE5MJ,KAAK8B,OACJL,EAAA,SAAAX,IAAA,2CAAOiB,QAAS/B,KAAKgC,UAAWL,MAAM,mBACnC3B,KAAK8B,OAGVL,EAAA,OAAAX,IAAA,2CAAKa,MAAM,qCACTF,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2BAA0B,cAAa,QAAM,UAGtDF,EAAA,SAAAX,IAAA,2CACEmB,KAAMjC,KAAKkC,kBAAiB,aAChBlC,KAAKmC,WACjBC,GAAIpC,KAAKqB,SACTV,MAAOX,KAAKO,eAAiBP,KAAKW,MAClC0B,KAAK,OACLV,MAAO,oCAAoC3B,KAAKG,YAAc,oBAAsB,KACpFF,YAAaD,KAAKC,YAElBqC,UAAWtC,KAAKa,cAChB0B,QAAS9B,IACPT,KAAKO,cAAiBE,EAAMC,OAA4BC,MACxDX,KAAKwC,aAAaC,KAAKhC,EAAM,EAE/BiC,OAAQjC,IACN,MAAME,EAASF,EAAMC,OAA4BC,MAAMgC,OACvD3C,KAAK4C,aAAaH,KAAK,CAAER,KAAMjC,KAAKkC,kBAAmBvB,SAAQ,IAGnEc,EAAA,OAAAX,IAAA,2CAAKa,MAAM,uBACR3B,KAAKM,eACJmB,EAAA,UAAAX,IAAA,2CACEmB,KAAMjC,KAAK6C,kBAAiB,aAChB7C,KAAK8C,kBACjBV,GAAIpC,KAAKgC,UACTK,KAAK,SACLV,MAAM,wBACNoB,QAAS,IAAM/C,KAAKsB,cAEpBG,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2CAA0C,cAAa,QAAM,UAKzE3B,KAAKG,aACJsB,EAAA,UAAAX,IAAA,2CAAQmB,KAAMjC,KAAKgD,mBAAoBX,KAAK,SAASV,MAAM,+CAA+CoB,QAAS/C,KAAKiB,mBACrHjB,KAAKiD,eAKbjD,KAAKkD,aACJzB,EAAA,QAAAX,IAAA,2CAAMa,MAAM,kBAAkBS,GAAIpC,KAAKmD,eACpCnD,KAAKkD,aAGTlD,KAAKoD,eACJ3B,EAAA,QAAAX,IAAA,2CAAMa,MAAM,oBAAoBS,GAAIpC,KAAKmD,eACtCnD,KAAKoD,gB","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,H as a,g as i}from"./p-1b339a0a.js";const d=class{constructor(e){s(this,e);this.inputChanged=t(this,"inputChanged",7);this.inputBlurred=t(this,"inputBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=s=>{const t=s.target;this.hasInputValue=t.value.length>0};this.handleKeyDown=s=>{if(s.key==="Enter"){const t=s.target;console.log("Search input value (Enter):",t.value)}};this.handleSearchClick=()=>{const s=this.el.querySelector(`#${this.input_id}`);if(s){console.log("Search input value (Button):",s.value)}}}clearInput(){if(!this.input_id)return;const s=this.el.querySelector(`#${this.input_id}`);if(s){s.value="";this.hasInputValue=false;s.focus()}}render(){return e(a,{key:"24a3489b35cb7fad24f1685896ce86f0cbaec775"},e("div",{key:"8fceadbaa3dc319abe11ee1371d01f39af8045fd",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&&e("label",{key:"a07e7340bdacc2c3e835c3e95e3dd71948726498",htmlFor:this.button_id,class:"dda-input-label"},this.label),e("div",{key:"437f37044b18f048c666c69d8d5fd694b3f919fa",class:"dda-search-area dda-search-action"},e("i",{key:"b686ee2511ac4b049d8e518eb8da7ec9fe6d0dad",class:"material-icons icon-left","aria-hidden":"true"},"search"),e("input",{key:"936b817328ed0c2a69d8f570540ae063ba740341",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue||this.value,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:s=>{this.internalValue=s.target.value;this.inputChanged.emit(s)},onBlur:s=>{const t=s.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:t})}}),e("div",{key:"5dca25f937e125a362c3fefa1c043b62540e02fe",class:"dda-search-btngroup"},this.hasInputValue&&e("button",{key:"0b3016b7ac21d5ef22d2786d29f0992b2e3560de",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()},e("i",{key:"192e15d6c7b93441906080cdb821d645f1512d80",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&e("button",{key:"e91d067ef4f160cc018963c8b842f29a1c127d45",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&&e("span",{key:"b686be70ce3e1c5c80cc3e033c40b3d94b7e0547",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&e("span",{key:"235a13717b035f9c896ed3bb42ddc4d0218adb29",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return i(this)}};export{d as dda_search_input};
|
|
2
|
-
//# sourceMappingURL=p-2477d805.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","handleSearchClick","input","el","querySelector","input_id","clearInput","focus","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","emit","onBlur","trim","inputBlurred","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } 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() inputBlurred: EventEmitter<{ name: string; value: string }>;\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 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 }\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.hasInputValue = false;\r\n input.focus();\r\n }\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 || this.value}\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.inputChanged.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 }}\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"],"mappings":"sEAOaA,EAAc,MAL3B,WAAAC,CAAAC,G,gGAMUC,KAAAC,YAAsB,SAEtBD,KAAAE,KAAe,KAEfF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MACrBJ,KAAAK,aAAwB,GAiBvBL,KAAAM,cAAyB,MACzBN,KAAAO,cAAwB,GAEjCP,KAAAQ,YAAeC,IACb,MAAMC,EAASD,EAAMC,OACrBV,KAAKM,cAAgBI,EAAOC,MAAMC,OAAS,CAAC,EAG9CZ,KAAAa,cAAiBJ,IACf,GAAIA,EAAMK,MAAQ,QAAS,CACzB,MAAMJ,EAASD,EAAMC,OACrBK,QAAQC,IAAI,8BAA+BN,EAAOC,M,GAItDX,KAAAiB,kBAAoB,KAClB,MAAMC,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTH,QAAQC,IAAI,+BAAgCE,EAAMP,M,GAItD,UAAAW,GACE,IAAKtB,KAAKqB,SAAU,OACpB,MAAMH,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTA,EAAMP,MAAQ,GACdX,KAAKM,cAAgB,MACrBY,EAAMK,O,EAIV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAZ,IAAA,4CACHW,EAAA,OAAAX,IAAA,2CACEa,MAAO,sCAAsC3B,KAAKE,QAAQF,KAAK4B,kBAAkB5B,KAAKK,gBAAgBL,KAAK6B,aAAe,aAAa7B,KAAK6B,eAAiB,MAAM7B,KAAKI,UAAY,uBAAyB,MAE5MJ,KAAK8B,OACJL,EAAA,SAAAX,IAAA,2CAAOiB,QAAS/B,KAAKgC,UAAWL,MAAM,mBACnC3B,KAAK8B,OAGVL,EAAA,OAAAX,IAAA,2CAAKa,MAAM,qCACTF,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2BAA0B,cAAa,QAAM,UAGtDF,EAAA,SAAAX,IAAA,2CACEmB,KAAMjC,KAAKkC,kBAAiB,aAChBlC,KAAKmC,WACjBC,GAAIpC,KAAKqB,SACTV,MAAOX,KAAKO,eAAiBP,KAAKW,MAClC0B,KAAK,OACLV,MAAO,oCAAoC3B,KAAKG,YAAc,oBAAsB,KACpFF,YAAaD,KAAKC,YAElBqC,UAAWtC,KAAKa,cAChB0B,QAAS9B,IACPT,KAAKO,cAAiBE,EAAMC,OAA4BC,MACxDX,KAAKwC,aAAaC,KAAKhC,EAAM,EAE/BiC,OAAQjC,IACN,MAAME,EAASF,EAAMC,OAA4BC,MAAMgC,OACvD3C,KAAK4C,aAAaH,KAAK,CAAER,KAAMjC,KAAKkC,kBAAmBvB,SAAQ,IAGnEc,EAAA,OAAAX,IAAA,2CAAKa,MAAM,uBACR3B,KAAKM,eACJmB,EAAA,UAAAX,IAAA,2CACEmB,KAAMjC,KAAK6C,kBAAiB,aAChB7C,KAAK8C,kBACjBV,GAAIpC,KAAKgC,UACTK,KAAK,SACLV,MAAM,wBACNoB,QAAS,IAAM/C,KAAKsB,cAEpBG,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2CAA0C,cAAa,QAAM,UAKzE3B,KAAKG,aACJsB,EAAA,UAAAX,IAAA,2CAAQmB,KAAMjC,KAAKgD,mBAAoBX,KAAK,SAASV,MAAM,+CAA+CoB,QAAS/C,KAAKiB,mBACrHjB,KAAKiD,eAKbjD,KAAKkD,aACJzB,EAAA,QAAAX,IAAA,2CAAMa,MAAM,kBAAkBS,GAAIpC,KAAKmD,eACpCnD,KAAKkD,aAGTlD,KAAKoD,eACJ3B,EAAA,QAAAX,IAAA,2CAAMa,MAAM,oBAAoBS,GAAIpC,KAAKmD,eACtCnD,KAAKoD,gB","ignoreList":[]}
|