@db-ux/ngx-core-components 4.0.3 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -15
- package/README.md +9 -4
- package/fesm2022/db-ux-ngx-core-components.mjs +432 -152
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +54 -27
- package/package.json +3 -3
|
@@ -331,8 +331,8 @@ class DBAccordionItem {
|
|
|
331
331
|
this.initialized.set(true);
|
|
332
332
|
}
|
|
333
333
|
}
|
|
334
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
335
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
334
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBAccordionItem, isStandalone: true, selector: "db-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, headlinePlain: { classPropertyName: "headlinePlain", publicName: "headlinePlain", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<li
|
|
336
336
|
[attr.id]="_id()"
|
|
337
337
|
[class]="cls('db-accordion-item', className())"
|
|
338
338
|
>
|
|
@@ -355,7 +355,7 @@ class DBAccordionItem {
|
|
|
355
355
|
</details>
|
|
356
356
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
357
357
|
}
|
|
358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBAccordionItem, decorators: [{
|
|
359
359
|
type: Component,
|
|
360
360
|
args: [{ selector: "db-accordion-item", standalone: true, imports: [CommonModule], template: `<li
|
|
361
361
|
[attr.id]="_id()"
|
|
@@ -532,8 +532,8 @@ class DBAccordion {
|
|
|
532
532
|
this._initOpenIndexDone.set(true);
|
|
533
533
|
}
|
|
534
534
|
}
|
|
535
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
536
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
535
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
536
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBAccordion, isStandalone: true, selector: "db-accordion", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, initOpenIndex: { classPropertyName: "initOpenIndex", publicName: "initOpenIndex", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<ul
|
|
537
537
|
#_ref
|
|
538
538
|
[attr.id]="_id()"
|
|
539
539
|
[class]="cls('db-accordion', className())"
|
|
@@ -551,7 +551,7 @@ class DBAccordion {
|
|
|
551
551
|
} }
|
|
552
552
|
</ul> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBAccordionItem, selector: "db-accordion-item", inputs: ["id", "defaultOpen", "name", "className", "disabled", "headlinePlain", "text"], outputs: ["toggle"] }] }); }
|
|
553
553
|
}
|
|
554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBAccordion, decorators: [{
|
|
555
555
|
type: Component,
|
|
556
556
|
args: [{ selector: "db-accordion", standalone: true, imports: [CommonModule, DBAccordionItem], template: `<ul
|
|
557
557
|
#_ref
|
|
@@ -652,8 +652,8 @@ class DBBadge {
|
|
|
652
652
|
this.initialized.set(true);
|
|
653
653
|
}
|
|
654
654
|
}
|
|
655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
656
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
655
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
656
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBBadge, isStandalone: true, selector: "db-badge", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, semantic: { classPropertyName: "semantic", publicName: "semantic", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<span
|
|
657
657
|
#_ref
|
|
658
658
|
[attr.id]="id()"
|
|
659
659
|
[class]="cls('db-badge', className())"
|
|
@@ -667,7 +667,7 @@ class DBBadge {
|
|
|
667
667
|
}</span
|
|
668
668
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
669
669
|
}
|
|
670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBBadge, decorators: [{
|
|
671
671
|
type: Component,
|
|
672
672
|
args: [{ selector: "db-badge", standalone: true, imports: [CommonModule], template: `<span
|
|
673
673
|
#_ref
|
|
@@ -738,8 +738,8 @@ class DBBrand {
|
|
|
738
738
|
this.enableAttributePassing(element, "db-brand");
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
742
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBBrand, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
742
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBBrand, isStandalone: true, selector: "db-brand", inputs: { hideLogo: { classPropertyName: "hideLogo", publicName: "hideLogo", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
743
743
|
#_ref
|
|
744
744
|
[attr.data-icon]="hideLogo() ? 'none' : icon() ?? DEFAULT_ICON"
|
|
745
745
|
[attr.data-show-icon]="getBooleanAsString(showIcon())"
|
|
@@ -751,7 +751,7 @@ class DBBrand {
|
|
|
751
751
|
}
|
|
752
752
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
753
753
|
}
|
|
754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBBrand, decorators: [{
|
|
755
755
|
type: Component,
|
|
756
756
|
args: [{ selector: "db-brand", standalone: true, imports: [CommonModule], template: `<div
|
|
757
757
|
#_ref
|
|
@@ -840,8 +840,8 @@ class DBButton {
|
|
|
840
840
|
this.enableAttributePassing(element, "db-button");
|
|
841
841
|
}
|
|
842
842
|
}
|
|
843
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
844
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
843
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
844
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBButton, isStandalone: true, selector: "db-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIconLeading: { classPropertyName: "showIconLeading", publicName: "showIconLeading", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, showIconTrailing: { classPropertyName: "showIconTrailing", publicName: "showIconTrailing", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<button
|
|
845
845
|
#_ref
|
|
846
846
|
[attr.id]="id()"
|
|
847
847
|
[class]="cls('db-button', className())"
|
|
@@ -864,7 +864,7 @@ class DBButton {
|
|
|
864
864
|
}
|
|
865
865
|
</button> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
866
866
|
}
|
|
867
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
867
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBButton, decorators: [{
|
|
868
868
|
type: Component,
|
|
869
869
|
args: [{ selector: "db-button", standalone: true, imports: [CommonModule], template: `<button
|
|
870
870
|
#_ref
|
|
@@ -948,8 +948,8 @@ class DBCard {
|
|
|
948
948
|
this.enableAttributePassing(element, "db-card");
|
|
949
949
|
}
|
|
950
950
|
}
|
|
951
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
952
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
952
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBCard, isStandalone: true, selector: "db-card", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, elevationLevel: { classPropertyName: "elevationLevel", publicName: "elevationLevel", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
953
953
|
#_ref
|
|
954
954
|
[attr.id]="id()"
|
|
955
955
|
[class]="cls('db-card', className())"
|
|
@@ -961,7 +961,7 @@ class DBCard {
|
|
|
961
961
|
<ng-content></ng-content>
|
|
962
962
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
963
963
|
}
|
|
964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCard, decorators: [{
|
|
965
965
|
type: Component,
|
|
966
966
|
args: [{ selector: "db-card", standalone: true, imports: [CommonModule], template: `<div
|
|
967
967
|
#_ref
|
|
@@ -982,11 +982,53 @@ const CardElevationLevelList = ['1', '2', '3'];
|
|
|
982
982
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
983
983
|
const handleFrameworkEventAngular = (component, event, modelValue = 'value') => {
|
|
984
984
|
component.propagateChange(event.target[modelValue]);
|
|
985
|
+
component.writeValue(event.target[modelValue]);
|
|
985
986
|
};
|
|
986
987
|
const handleFrameworkEventVue = (emit, event, modelValue = 'value') => {
|
|
987
988
|
// TODO: Replace this with the solution out of https://github.com/BuilderIO/mitosis/issues/833 after this has been "solved"
|
|
988
989
|
emit(`update:${modelValue}`, event.target[modelValue]);
|
|
989
990
|
};
|
|
991
|
+
const addResetEventListener = (element, resetFunction, signal) => {
|
|
992
|
+
if (element.form && !element._dbFormResetListenerAdded) {
|
|
993
|
+
element.form.addEventListener('reset', (event) => {
|
|
994
|
+
resetFunction(event);
|
|
995
|
+
}, {
|
|
996
|
+
signal
|
|
997
|
+
});
|
|
998
|
+
// Mark as added to avoid duplicate listeners
|
|
999
|
+
element._dbFormResetListenerAdded = true;
|
|
1000
|
+
}
|
|
1001
|
+
};
|
|
1002
|
+
const addCheckedResetEventListener = (element, props, resetFunction, signal) => {
|
|
1003
|
+
addResetEventListener(element, (event) => {
|
|
1004
|
+
void delay(() => {
|
|
1005
|
+
const resetValue = props.checked ? props.checked : props.defaultChecked ? props.defaultChecked : element.checked;
|
|
1006
|
+
const valueEvent = {
|
|
1007
|
+
...event,
|
|
1008
|
+
target: {
|
|
1009
|
+
...event.target,
|
|
1010
|
+
checked: resetValue
|
|
1011
|
+
}
|
|
1012
|
+
};
|
|
1013
|
+
resetFunction(valueEvent);
|
|
1014
|
+
}, 1);
|
|
1015
|
+
}, signal);
|
|
1016
|
+
};
|
|
1017
|
+
const addValueResetEventListener = (element, props, resetFunction, signal) => {
|
|
1018
|
+
addResetEventListener(element, (event) => {
|
|
1019
|
+
void delay(() => {
|
|
1020
|
+
const resetValue = props.value ? props.value : props.defaultValue ? props.defaultValue : element.value;
|
|
1021
|
+
const valueEvent = {
|
|
1022
|
+
...event,
|
|
1023
|
+
target: {
|
|
1024
|
+
...event.target,
|
|
1025
|
+
value: resetValue
|
|
1026
|
+
}
|
|
1027
|
+
};
|
|
1028
|
+
resetFunction(valueEvent);
|
|
1029
|
+
}, 1);
|
|
1030
|
+
}, signal);
|
|
1031
|
+
};
|
|
990
1032
|
|
|
991
1033
|
const defaultProps$t = {};
|
|
992
1034
|
class DBInfotext {
|
|
@@ -1040,8 +1082,8 @@ class DBInfotext {
|
|
|
1040
1082
|
this.enableAttributePassing(element, "db-infotext");
|
|
1041
1083
|
}
|
|
1042
1084
|
}
|
|
1043
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1044
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBInfotext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1086
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBInfotext, isStandalone: true, selector: "db-infotext", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, semantic: { classPropertyName: "semantic", publicName: "semantic", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<span
|
|
1045
1087
|
#_ref
|
|
1046
1088
|
[attr.id]="id()"
|
|
1047
1089
|
[class]="cls('db-infotext', className())"
|
|
@@ -1054,7 +1096,7 @@ class DBInfotext {
|
|
|
1054
1096
|
}</span
|
|
1055
1097
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1056
1098
|
}
|
|
1057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBInfotext, decorators: [{
|
|
1058
1100
|
type: Component,
|
|
1059
1101
|
args: [{ selector: "db-infotext", standalone: true, imports: [CommonModule], template: `<span
|
|
1060
1102
|
#_ref
|
|
@@ -1104,9 +1146,12 @@ class DBCheckbox {
|
|
|
1104
1146
|
this._descByIds.set(undefined);
|
|
1105
1147
|
}
|
|
1106
1148
|
}
|
|
1107
|
-
handleChange(event) {
|
|
1149
|
+
handleChange(event, reset) {
|
|
1108
1150
|
if (this.change) {
|
|
1109
|
-
|
|
1151
|
+
// We need to split the if statements for generation
|
|
1152
|
+
if (reset) {
|
|
1153
|
+
this.change.emit(event);
|
|
1154
|
+
}
|
|
1110
1155
|
}
|
|
1111
1156
|
handleFrameworkEventAngular(this, event, "checked");
|
|
1112
1157
|
this.handleValidation();
|
|
@@ -1159,6 +1204,7 @@ class DBCheckbox {
|
|
|
1159
1204
|
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
1160
1205
|
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
1161
1206
|
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
1207
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
1162
1208
|
if (typeof window !== "undefined") {
|
|
1163
1209
|
effect(() => {
|
|
1164
1210
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -1220,6 +1266,27 @@ class DBCheckbox {
|
|
|
1220
1266
|
}, {
|
|
1221
1267
|
// Enable writing to signals inside effects
|
|
1222
1268
|
});
|
|
1269
|
+
effect(() => {
|
|
1270
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
1271
|
+
this._ref();
|
|
1272
|
+
// ---
|
|
1273
|
+
if (this._ref()?.nativeElement) {
|
|
1274
|
+
const defaultChecked = undefined;
|
|
1275
|
+
let controller = this.abortController();
|
|
1276
|
+
if (!controller) {
|
|
1277
|
+
controller = new AbortController();
|
|
1278
|
+
this.abortController.set(controller);
|
|
1279
|
+
}
|
|
1280
|
+
addCheckedResetEventListener(this._ref()?.nativeElement, {
|
|
1281
|
+
checked: this.checked(),
|
|
1282
|
+
defaultChecked,
|
|
1283
|
+
}, (event) => {
|
|
1284
|
+
this.handleChange(event, true);
|
|
1285
|
+
}, controller.signal);
|
|
1286
|
+
}
|
|
1287
|
+
}, {
|
|
1288
|
+
// Enable writing to signals inside effects
|
|
1289
|
+
});
|
|
1223
1290
|
}
|
|
1224
1291
|
}
|
|
1225
1292
|
/**
|
|
@@ -1282,8 +1349,11 @@ class DBCheckbox {
|
|
|
1282
1349
|
this._invalidMessage.set(this.invalidMessage() || DEFAULT_INVALID_MESSAGE);
|
|
1283
1350
|
}
|
|
1284
1351
|
}
|
|
1285
|
-
|
|
1286
|
-
|
|
1352
|
+
ngOnDestroy() {
|
|
1353
|
+
this.abortController()?.abort();
|
|
1354
|
+
}
|
|
1355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCheckbox, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBCheckbox, isStandalone: true, selector: "db-checkbox", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
1287
1357
|
provide: NG_VALUE_ACCESSOR,
|
|
1288
1358
|
useExisting: DBCheckbox,
|
|
1289
1359
|
multi: true
|
|
@@ -1342,7 +1412,7 @@ class DBCheckbox {
|
|
|
1342
1412
|
>
|
|
1343
1413
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }] }); }
|
|
1344
1414
|
}
|
|
1345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1415
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCheckbox, decorators: [{
|
|
1346
1416
|
type: Component,
|
|
1347
1417
|
args: [{ providers: [{
|
|
1348
1418
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -1825,8 +1895,8 @@ class DBCustomSelectDropdown {
|
|
|
1825
1895
|
this.enableAttributePassing(element, "db-custom-select-dropdown");
|
|
1826
1896
|
}
|
|
1827
1897
|
}
|
|
1828
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1829
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
1898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1899
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBCustomSelectDropdown, isStandalone: true, selector: "db-custom-select-dropdown", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<article
|
|
1830
1900
|
data-spacing="none"
|
|
1831
1901
|
#_ref
|
|
1832
1902
|
[attr.id]="id()"
|
|
@@ -1836,7 +1906,7 @@ class DBCustomSelectDropdown {
|
|
|
1836
1906
|
<ng-content></ng-content>
|
|
1837
1907
|
</article> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1838
1908
|
}
|
|
1839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectDropdown, decorators: [{
|
|
1840
1910
|
type: Component,
|
|
1841
1911
|
args: [{ selector: "db-custom-select-dropdown", standalone: true, imports: [CommonModule], template: `<article
|
|
1842
1912
|
data-spacing="none"
|
|
@@ -1952,8 +2022,8 @@ class DBCustomSelectListItem {
|
|
|
1952
2022
|
this._id.set(this.id() ?? `custom-select-list-item-${uuid()}`);
|
|
1953
2023
|
}
|
|
1954
2024
|
}
|
|
1955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
2025
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectListItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2026
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBCustomSelectListItem, isStandalone: true, selector: "db-custom-select-list-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isGroupTitle: { classPropertyName: "isGroupTitle", publicName: "isGroupTitle", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, groupTitle: { classPropertyName: "groupTitle", publicName: "groupTitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", change: "change" }, providers: [{
|
|
1957
2027
|
provide: NG_VALUE_ACCESSOR,
|
|
1958
2028
|
useExisting: DBCustomSelectListItem,
|
|
1959
2029
|
multi: true
|
|
@@ -1991,7 +2061,7 @@ class DBCustomSelectListItem {
|
|
|
1991
2061
|
}
|
|
1992
2062
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1993
2063
|
}
|
|
1994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectListItem, decorators: [{
|
|
1995
2065
|
type: Component,
|
|
1996
2066
|
args: [{ providers: [{
|
|
1997
2067
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2080,8 +2150,8 @@ class DBCustomSelectList {
|
|
|
2080
2150
|
this.enableAttributePassing(element, "db-custom-select-list");
|
|
2081
2151
|
}
|
|
2082
2152
|
}
|
|
2083
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2084
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
2153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2154
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBCustomSelectList, isStandalone: true, selector: "db-custom-select-list", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
2085
2155
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
2086
2156
|
[attr.aria-label]="label()"
|
|
2087
2157
|
#_ref
|
|
@@ -2093,7 +2163,7 @@ class DBCustomSelectList {
|
|
|
2093
2163
|
</ul>
|
|
2094
2164
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2095
2165
|
}
|
|
2096
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectList, decorators: [{
|
|
2097
2167
|
type: Component,
|
|
2098
2168
|
args: [{ selector: "db-custom-select-list", standalone: true, imports: [CommonModule], template: `<div
|
|
2099
2169
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
@@ -2145,16 +2215,21 @@ class DBInput {
|
|
|
2145
2215
|
this._descByIds.set(undefined);
|
|
2146
2216
|
}
|
|
2147
2217
|
}
|
|
2148
|
-
handleInput(event) {
|
|
2218
|
+
handleInput(event, reset) {
|
|
2149
2219
|
if (this.input) {
|
|
2150
|
-
|
|
2220
|
+
if (reset) {
|
|
2221
|
+
this.input.emit(event);
|
|
2222
|
+
}
|
|
2151
2223
|
}
|
|
2152
2224
|
handleFrameworkEventAngular(this, event);
|
|
2153
2225
|
this.handleValidation();
|
|
2154
2226
|
}
|
|
2155
|
-
handleChange(event) {
|
|
2227
|
+
handleChange(event, reset) {
|
|
2156
2228
|
if (this.change) {
|
|
2157
|
-
|
|
2229
|
+
// We need to split the if statements for generation
|
|
2230
|
+
if (reset) {
|
|
2231
|
+
this.change.emit(event);
|
|
2232
|
+
}
|
|
2158
2233
|
}
|
|
2159
2234
|
handleFrameworkEventAngular(this, event);
|
|
2160
2235
|
this.handleValidation();
|
|
@@ -2256,6 +2331,7 @@ class DBInput {
|
|
|
2256
2331
|
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
2257
2332
|
this._value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
2258
2333
|
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
2334
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
2259
2335
|
if (typeof window !== "undefined") {
|
|
2260
2336
|
effect(() => {
|
|
2261
2337
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -2294,6 +2370,28 @@ class DBInput {
|
|
|
2294
2370
|
}, {
|
|
2295
2371
|
// Enable writing to signals inside effects
|
|
2296
2372
|
});
|
|
2373
|
+
effect(() => {
|
|
2374
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
2375
|
+
this._ref();
|
|
2376
|
+
// ---
|
|
2377
|
+
if (this._ref()?.nativeElement) {
|
|
2378
|
+
const defaultValue = undefined;
|
|
2379
|
+
let controller = this.abortController();
|
|
2380
|
+
if (!controller) {
|
|
2381
|
+
controller = new AbortController();
|
|
2382
|
+
this.abortController.set(controller);
|
|
2383
|
+
}
|
|
2384
|
+
addValueResetEventListener(this._ref()?.nativeElement, {
|
|
2385
|
+
value: this.value(),
|
|
2386
|
+
defaultValue,
|
|
2387
|
+
}, (event) => {
|
|
2388
|
+
this.handleChange(event, true);
|
|
2389
|
+
this.handleInput(event, true);
|
|
2390
|
+
}, controller.signal);
|
|
2391
|
+
}
|
|
2392
|
+
}, {
|
|
2393
|
+
// Enable writing to signals inside effects
|
|
2394
|
+
});
|
|
2297
2395
|
}
|
|
2298
2396
|
}
|
|
2299
2397
|
/**
|
|
@@ -2362,8 +2460,11 @@ class DBInput {
|
|
|
2362
2460
|
this._invalidMessage.set(this.invalidMessage() || DEFAULT_INVALID_MESSAGE);
|
|
2363
2461
|
}
|
|
2364
2462
|
}
|
|
2365
|
-
|
|
2366
|
-
|
|
2463
|
+
ngOnDestroy() {
|
|
2464
|
+
this.abortController()?.abort();
|
|
2465
|
+
}
|
|
2466
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBInput, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2467
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBInput, isStandalone: true, selector: "db-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, dataListId: { classPropertyName: "dataListId", publicName: "dataListId", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, dataList: { classPropertyName: "dataList", publicName: "dataList", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, showIconLeading: { classPropertyName: "showIconLeading", publicName: "showIconLeading", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, showIconTrailing: { classPropertyName: "showIconTrailing", publicName: "showIconTrailing", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, fieldSizing: { classPropertyName: "fieldSizing", publicName: "fieldSizing", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, enterkeyhint: { classPropertyName: "enterkeyhint", publicName: "enterkeyhint", isSignal: true, isRequired: false, transformFunction: null }, inputmode: { classPropertyName: "inputmode", publicName: "inputmode", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, messageSize: { classPropertyName: "messageSize", publicName: "messageSize", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, validMessageSize: { classPropertyName: "validMessageSize", publicName: "validMessageSize", isSignal: true, isRequired: false, transformFunction: null }, invalidMessageSize: { classPropertyName: "invalidMessageSize", publicName: "invalidMessageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", input: "input", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
2367
2468
|
provide: NG_VALUE_ACCESSOR,
|
|
2368
2469
|
useExisting: DBInput,
|
|
2369
2470
|
multi: true
|
|
@@ -2449,7 +2550,7 @@ class DBInput {
|
|
|
2449
2550
|
>
|
|
2450
2551
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }] }); }
|
|
2451
2552
|
}
|
|
2452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBInput, decorators: [{
|
|
2453
2554
|
type: Component,
|
|
2454
2555
|
args: [{ providers: [{
|
|
2455
2556
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2685,8 +2786,8 @@ class DBTooltip {
|
|
|
2685
2786
|
this.initialized.set(true);
|
|
2686
2787
|
}
|
|
2687
2788
|
}
|
|
2688
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2689
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
2789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2790
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBTooltip, isStandalone: true, selector: "db-tooltip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<i
|
|
2690
2791
|
role="tooltip"
|
|
2691
2792
|
aria-hidden="true"
|
|
2692
2793
|
data-gap="true"
|
|
@@ -2703,7 +2804,7 @@ class DBTooltip {
|
|
|
2703
2804
|
><ng-content></ng-content
|
|
2704
2805
|
></i> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2705
2806
|
}
|
|
2706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTooltip, decorators: [{
|
|
2707
2808
|
type: Component,
|
|
2708
2809
|
args: [{ selector: "db-tooltip", standalone: true, imports: [CommonModule], template: `<i
|
|
2709
2810
|
role="tooltip"
|
|
@@ -2796,8 +2897,8 @@ class DBTag {
|
|
|
2796
2897
|
this.enableAttributePassing(element, "db-tag");
|
|
2797
2898
|
}
|
|
2798
2899
|
}
|
|
2799
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
2900
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2901
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBTag, isStandalone: true, selector: "db-tag", inputs: { removeButton: { classPropertyName: "removeButton", publicName: "removeButton", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, semantic: { classPropertyName: "semantic", publicName: "semantic", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showCheckState: { classPropertyName: "showCheckState", publicName: "showCheckState", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
2801
2902
|
#_ref
|
|
2802
2903
|
[attr.id]="id()"
|
|
2803
2904
|
[class]="cls('db-tag', className())"
|
|
@@ -2826,7 +2927,7 @@ class DBTag {
|
|
|
2826
2927
|
}
|
|
2827
2928
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "variant", "placement", "className", "emphasis", "animation", "delay", "width", "showArrow"] }] }); }
|
|
2828
2929
|
}
|
|
2829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2930
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTag, decorators: [{
|
|
2830
2931
|
type: Component,
|
|
2831
2932
|
args: [{ selector: "db-tag", standalone: true, imports: [CommonModule, DBTooltip], template: `<div
|
|
2832
2933
|
#_ref
|
|
@@ -2879,7 +2980,7 @@ class DBCustomSelect {
|
|
|
2879
2980
|
/* For a11y reasons we need to map the correct message with the select */
|
|
2880
2981
|
if (!this.selectRef()?.nativeElement?.validity.valid ||
|
|
2881
2982
|
this.validation() === "invalid") {
|
|
2882
|
-
this.
|
|
2983
|
+
this.setDescById(this._invalidMessageId());
|
|
2883
2984
|
this._invalidMessage.set(this.invalidMessage() ||
|
|
2884
2985
|
this.selectRef()?.nativeElement?.validationMessage ||
|
|
2885
2986
|
DEFAULT_INVALID_MESSAGE);
|
|
@@ -2894,7 +2995,7 @@ class DBCustomSelect {
|
|
|
2894
2995
|
else if (this.hasValidState() &&
|
|
2895
2996
|
this.selectRef()?.nativeElement?.validity.valid &&
|
|
2896
2997
|
this.required()) {
|
|
2897
|
-
this.
|
|
2998
|
+
this.setDescById(this._validMessageId());
|
|
2898
2999
|
if (hasVoiceOver()) {
|
|
2899
3000
|
this._voiceOverFallback.set(this.validMessage() ?? DEFAULT_VALID_MESSAGE);
|
|
2900
3001
|
delay(() => this._voiceOverFallback.set(""), 1000);
|
|
@@ -2902,11 +3003,11 @@ class DBCustomSelect {
|
|
|
2902
3003
|
this._validity.set(this.validation() ?? "valid");
|
|
2903
3004
|
}
|
|
2904
3005
|
else if (stringPropVisible(this.message(), this.showMessage())) {
|
|
2905
|
-
this.
|
|
3006
|
+
this.setDescById(this._messageId());
|
|
2906
3007
|
this._validity.set(this.validation() ?? "no-validation");
|
|
2907
3008
|
}
|
|
2908
3009
|
else {
|
|
2909
|
-
this.
|
|
3010
|
+
this.setDescById(this._placeholderId());
|
|
2910
3011
|
this._validity.set(this.validation() ?? "no-validation");
|
|
2911
3012
|
}
|
|
2912
3013
|
}
|
|
@@ -3324,6 +3425,7 @@ class DBCustomSelect {
|
|
|
3324
3425
|
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
3325
3426
|
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
3326
3427
|
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
|
|
3428
|
+
this.selectedPrefix = input(...(ngDevMode ? [undefined, { debugName: "selectedPrefix" }] : []));
|
|
3327
3429
|
this.dropdownWidth = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidth" }] : []));
|
|
3328
3430
|
this.searchLabel = input(...(ngDevMode ? [undefined, { debugName: "searchLabel" }] : []));
|
|
3329
3431
|
this.searchPlaceholder = input(...(ngDevMode ? [undefined, { debugName: "searchPlaceholder" }] : []));
|
|
@@ -3356,6 +3458,7 @@ class DBCustomSelect {
|
|
|
3356
3458
|
this._infoTextId = signal(undefined, ...(ngDevMode ? [{ debugName: "_infoTextId" }] : []));
|
|
3357
3459
|
this._validity = signal("no-validation", ...(ngDevMode ? [{ debugName: "_validity" }] : []));
|
|
3358
3460
|
this._userInteraction = signal(false, ...(ngDevMode ? [{ debugName: "_userInteraction" }] : []));
|
|
3461
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
3359
3462
|
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
3360
3463
|
this._selectedLabels = signal("", ...(ngDevMode ? [{ debugName: "_selectedLabels" }] : []));
|
|
3361
3464
|
this._selectedLabelsId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedLabelsId" }] : []));
|
|
@@ -3482,6 +3585,30 @@ class DBCustomSelect {
|
|
|
3482
3585
|
}, {
|
|
3483
3586
|
// Enable writing to signals inside effects
|
|
3484
3587
|
});
|
|
3588
|
+
effect(() => {
|
|
3589
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
3590
|
+
this.selectRef();
|
|
3591
|
+
// ---
|
|
3592
|
+
if (this.selectRef()?.nativeElement) {
|
|
3593
|
+
let controller = this.abortController();
|
|
3594
|
+
if (!controller) {
|
|
3595
|
+
controller = new AbortController();
|
|
3596
|
+
this.abortController.set(controller);
|
|
3597
|
+
}
|
|
3598
|
+
const initialValues = this.values();
|
|
3599
|
+
addResetEventListener(this.selectRef()?.nativeElement, () => {
|
|
3600
|
+
const resetValue = initialValues
|
|
3601
|
+
? initialValues
|
|
3602
|
+
: this.selectRef()?.nativeElement.value
|
|
3603
|
+
? [this.selectRef()?.nativeElement.value]
|
|
3604
|
+
: [];
|
|
3605
|
+
this.handleOptionSelected(resetValue);
|
|
3606
|
+
this.handleValidation();
|
|
3607
|
+
}, controller.signal);
|
|
3608
|
+
}
|
|
3609
|
+
}, {
|
|
3610
|
+
// Enable writing to signals inside effects
|
|
3611
|
+
});
|
|
3485
3612
|
effect(() => {
|
|
3486
3613
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
3487
3614
|
this.validation();
|
|
@@ -3694,8 +3821,11 @@ class DBCustomSelect {
|
|
|
3694
3821
|
}
|
|
3695
3822
|
}
|
|
3696
3823
|
}
|
|
3697
|
-
|
|
3698
|
-
|
|
3824
|
+
ngOnDestroy() {
|
|
3825
|
+
this.abortController()?.abort();
|
|
3826
|
+
}
|
|
3827
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3828
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBCustomSelect, isStandalone: true, selector: "db-custom-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, showNoResults: { classPropertyName: "showNoResults", publicName: "showNoResults", isSignal: true, isRequired: false, transformFunction: null }, showLoading: { classPropertyName: "showLoading", publicName: "showLoading", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showSelectAll: { classPropertyName: "showSelectAll", publicName: "showSelectAll", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null }, selectedLabels: { classPropertyName: "selectedLabels", publicName: "selectedLabels", isSignal: true, isRequired: false, transformFunction: null }, transformSelectedLabels: { classPropertyName: "transformSelectedLabels", publicName: "transformSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, selectedType: { classPropertyName: "selectedType", publicName: "selectedType", isSignal: true, isRequired: false, transformFunction: null }, amountText: { classPropertyName: "amountText", publicName: "amountText", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, removeTagsTexts: { classPropertyName: "removeTagsTexts", publicName: "removeTagsTexts", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, searchFilter: { classPropertyName: "searchFilter", publicName: "searchFilter", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, formFieldWidth: { classPropertyName: "formFieldWidth", publicName: "formFieldWidth", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, selectedPrefix: { classPropertyName: "selectedPrefix", publicName: "selectedPrefix", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, listLabel: { classPropertyName: "listLabel", publicName: "listLabel", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, noResultsText: { classPropertyName: "noResultsText", publicName: "noResultsText", isSignal: true, isRequired: false, transformFunction: null }, mobileCloseButtonText: { classPropertyName: "mobileCloseButtonText", publicName: "mobileCloseButtonText", isSignal: true, isRequired: false, transformFunction: null }, showClearSelection: { classPropertyName: "showClearSelection", publicName: "showClearSelection", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionText: { classPropertyName: "clearSelectionText", publicName: "clearSelectionText", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange", disabled: "disabledChange", amountChange: "amountChange", dropdownToggle: "dropdownToggle", optionSelected: "optionSelected", search: "search" }, providers: [{
|
|
3699
3829
|
provide: NG_VALUE_ACCESSOR,
|
|
3700
3830
|
useExisting: DBCustomSelect,
|
|
3701
3831
|
multi: true
|
|
@@ -3756,7 +3886,9 @@ class DBCustomSelect {
|
|
|
3756
3886
|
<span
|
|
3757
3887
|
[attr.data-visually-hidden]="getBooleanAsString(selectedType() === 'tag')"
|
|
3758
3888
|
[attr.id]="_selectedLabelsId()"
|
|
3759
|
-
|
|
3889
|
+
>@if(selectedPrefix()){
|
|
3890
|
+
<span data-visually-hidden="true">{{selectedPrefix()}}</span>
|
|
3891
|
+
} {{_selectedLabels()}}</span
|
|
3760
3892
|
>
|
|
3761
3893
|
} @if(selectedType() === 'tag'){
|
|
3762
3894
|
<div>
|
|
@@ -3905,7 +4037,7 @@ class DBCustomSelect {
|
|
|
3905
4037
|
>
|
|
3906
4038
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTag, selector: "db-tag", inputs: ["removeButton", "id", "className", "semantic", "emphasis", "icon", "showCheckState", "showIcon", "noText", "overflow", "text", "behavior"], outputs: ["remove"] }, { kind: "component", type: DBCustomSelectDropdown, selector: "db-custom-select-dropdown", inputs: ["id", "className", "width"] }, { kind: "component", type: DBInput, selector: "db-input", inputs: ["id", "invalidMessage", "dataListId", "message", "showMessage", "value", "validMessage", "validation", "required", "minLength", "maxLength", "pattern", "dataList", "className", "variant", "showLabel", "showIconLeading", "showIcon", "iconLeading", "icon", "iconTrailing", "showRequiredAsterisk", "showIconTrailing", "label", "fieldSizing", "name", "type", "multiple", "placeholder", "disabled", "step", "maxlength", "minlength", "max", "min", "readOnly", "readonly", "form", "size", "autocomplete", "autofocus", "enterkeyhint", "inputmode", "ariaDescribedBy", "messageSize", "messageIcon", "validMessageSize", "invalidMessageSize"], outputs: ["valueChange", "disabledChange", "input", "change", "blur", "focus"] }, { kind: "component", type: DBCustomSelectList, selector: "db-custom-select-list", inputs: ["multiple", "label", "id", "className"] }, { kind: "component", type: DBCustomSelectListItem, selector: "db-custom-select-list-item", inputs: ["id", "isGroupTitle", "showDivider", "type", "checked", "className", "groupTitle", "icon", "showIcon", "name", "disabled", "value", "label"], outputs: ["checkedChange", "disabledChange", "change"] }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "variant", "placement", "className", "emphasis", "animation", "delay", "width", "showArrow"] }] }); }
|
|
3907
4039
|
}
|
|
3908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelect, decorators: [{
|
|
3909
4041
|
type: Component,
|
|
3910
4042
|
args: [{ providers: [{
|
|
3911
4043
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -3978,7 +4110,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
3978
4110
|
<span
|
|
3979
4111
|
[attr.data-visually-hidden]="getBooleanAsString(selectedType() === 'tag')"
|
|
3980
4112
|
[attr.id]="_selectedLabelsId()"
|
|
3981
|
-
|
|
4113
|
+
>@if(selectedPrefix()){
|
|
4114
|
+
<span data-visually-hidden="true">{{selectedPrefix()}}</span>
|
|
4115
|
+
} {{_selectedLabels()}}</span
|
|
3982
4116
|
>
|
|
3983
4117
|
} @if(selectedType() === 'tag'){
|
|
3984
4118
|
<div>
|
|
@@ -4126,7 +4260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4126
4260
|
>{{_voiceOverFallback()}}</span
|
|
4127
4261
|
>
|
|
4128
4262
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
4129
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], showNoResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNoResults", required: false }] }], showLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLoading", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], showSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelectAll", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }, { type: i0.Output, args: ["valuesChange"] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], selectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLabels", required: false }] }], transformSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "transformSelectedLabels", required: false }] }], selectedType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedType", required: false }] }], amountText: [{ type: i0.Input, args: [{ isSignal: true, alias: "amountText", required: false }] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], selectAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllLabel", required: false }] }], removeTagsTexts: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeTagsTexts", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], searchFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFilter", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], formFieldWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFieldWidth", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], dropdownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownWidth", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], listLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "listLabel", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], noResultsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultsText", required: false }] }], mobileCloseButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileCloseButtonText", required: false }] }], showClearSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearSelection", required: false }] }], clearSelectionText: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelectionText", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], amountChange: [{ type: i0.Output, args: ["amountChange"] }], dropdownToggle: [{ type: i0.Output, args: ["dropdownToggle"] }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], search: [{ type: i0.Output, args: ["search"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }], selectRef: [{ type: i0.ViewChild, args: ["selectRef", { isSignal: true }] }], detailsRef: [{ type: i0.ViewChild, args: ["detailsRef", { isSignal: true }] }], searchInputRef: [{ type: i0.ViewChild, args: ["searchInputRef", { isSignal: true }] }], selectAllRef: [{ type: i0.ViewChild, args: ["selectAllRef", { isSignal: true }] }] } });
|
|
4263
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], showNoResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNoResults", required: false }] }], showLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLoading", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], showSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelectAll", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }, { type: i0.Output, args: ["valuesChange"] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }], selectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLabels", required: false }] }], transformSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "transformSelectedLabels", required: false }] }], selectedType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedType", required: false }] }], amountText: [{ type: i0.Input, args: [{ isSignal: true, alias: "amountText", required: false }] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], selectAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllLabel", required: false }] }], removeTagsTexts: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeTagsTexts", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], searchFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFilter", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], formFieldWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFieldWidth", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], selectedPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPrefix", required: false }] }], dropdownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownWidth", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], listLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "listLabel", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], noResultsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultsText", required: false }] }], mobileCloseButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileCloseButtonText", required: false }] }], showClearSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearSelection", required: false }] }], clearSelectionText: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelectionText", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], amountChange: [{ type: i0.Output, args: ["amountChange"] }], dropdownToggle: [{ type: i0.Output, args: ["dropdownToggle"] }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], search: [{ type: i0.Output, args: ["search"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }], selectRef: [{ type: i0.ViewChild, args: ["selectRef", { isSignal: true }] }], detailsRef: [{ type: i0.ViewChild, args: ["detailsRef", { isSignal: true }] }], searchInputRef: [{ type: i0.ViewChild, args: ["searchInputRef", { isSignal: true }] }], selectAllRef: [{ type: i0.ViewChild, args: ["selectAllRef", { isSignal: true }] }] } });
|
|
4130
4264
|
|
|
4131
4265
|
const CustomSelectDropdownWidthList = ['fixed', 'auto', 'full'];
|
|
4132
4266
|
|
|
@@ -4176,8 +4310,8 @@ class DBCustomSelectFormField {
|
|
|
4176
4310
|
this.enableAttributePassing(element, "db-custom-select-form-field");
|
|
4177
4311
|
}
|
|
4178
4312
|
}
|
|
4179
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
4313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBCustomSelectFormField, isStandalone: true, selector: "db-custom-select-form-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<summary
|
|
4181
4315
|
#_ref
|
|
4182
4316
|
[attr.id]="id()"
|
|
4183
4317
|
[class]="cls('db-custom-select-form-field', className())"
|
|
@@ -4185,7 +4319,7 @@ class DBCustomSelectFormField {
|
|
|
4185
4319
|
<ng-content></ng-content>
|
|
4186
4320
|
</summary> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4187
4321
|
}
|
|
4188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBCustomSelectFormField, decorators: [{
|
|
4189
4323
|
type: Component,
|
|
4190
4324
|
args: [{ selector: "db-custom-select-form-field", standalone: true, imports: [CommonModule], template: `<summary
|
|
4191
4325
|
#_ref
|
|
@@ -4250,8 +4384,8 @@ class DBDivider {
|
|
|
4250
4384
|
this.enableAttributePassing(element, "db-divider");
|
|
4251
4385
|
}
|
|
4252
4386
|
}
|
|
4253
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
4387
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4388
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBDivider, isStandalone: true, selector: "db-divider", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
4255
4389
|
#_ref
|
|
4256
4390
|
[attr.id]="id()"
|
|
4257
4391
|
[attr.data-margin]="margin()"
|
|
@@ -4261,7 +4395,7 @@ class DBDivider {
|
|
|
4261
4395
|
[class]="cls('db-divider', className())"
|
|
4262
4396
|
></div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4263
4397
|
}
|
|
4264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBDivider, decorators: [{
|
|
4265
4399
|
type: Component,
|
|
4266
4400
|
args: [{ selector: "db-divider", standalone: true, imports: [CommonModule], template: `<div
|
|
4267
4401
|
#_ref
|
|
@@ -4424,8 +4558,8 @@ class DBDrawer {
|
|
|
4424
4558
|
this.initialized.set(true);
|
|
4425
4559
|
}
|
|
4426
4560
|
}
|
|
4427
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4428
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
4561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBDrawer, isStandalone: true, selector: "db-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, closeButtonId: { classPropertyName: "closeButtonId", publicName: "closeButtonId", isSignal: true, isRequired: false, transformFunction: null }, closeButtonText: { classPropertyName: "closeButtonText", publicName: "closeButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }, { propertyName: "dialogContainerRef", first: true, predicate: ["dialogContainerRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<dialog
|
|
4429
4563
|
class="db-drawer"
|
|
4430
4564
|
[attr.id]="id()"
|
|
4431
4565
|
#_ref
|
|
@@ -4462,7 +4596,7 @@ class DBDrawer {
|
|
|
4462
4596
|
</article>
|
|
4463
4597
|
</dialog> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
4464
4598
|
}
|
|
4465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBDrawer, decorators: [{
|
|
4466
4600
|
type: Component,
|
|
4467
4601
|
args: [{ selector: "db-drawer", standalone: true, imports: [CommonModule, DBButton], template: `<dialog
|
|
4468
4602
|
class="db-drawer"
|
|
@@ -4641,10 +4775,10 @@ var navigation = {
|
|
|
4641
4775
|
|
|
4642
4776
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
4643
4777
|
class SecondaryActionDirective {
|
|
4644
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4645
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
4778
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SecondaryActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4779
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: SecondaryActionDirective, isStandalone: true, selector: "[dbSecondaryAction]", ngImport: i0 }); }
|
|
4646
4780
|
}
|
|
4647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SecondaryActionDirective, decorators: [{
|
|
4648
4782
|
type: Directive,
|
|
4649
4783
|
args: [{
|
|
4650
4784
|
selector: '[dbSecondaryAction]',
|
|
@@ -4654,10 +4788,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4654
4788
|
|
|
4655
4789
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
4656
4790
|
class MetaNavigationDirective {
|
|
4657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4658
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
4791
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MetaNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4792
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: MetaNavigationDirective, isStandalone: true, selector: "[dbMetaNavigation]", ngImport: i0 }); }
|
|
4659
4793
|
}
|
|
4660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MetaNavigationDirective, decorators: [{
|
|
4661
4795
|
type: Directive,
|
|
4662
4796
|
args: [{
|
|
4663
4797
|
selector: '[dbMetaNavigation]',
|
|
@@ -4667,10 +4801,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4667
4801
|
|
|
4668
4802
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
4669
4803
|
class NavigationDirective {
|
|
4670
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4671
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
4804
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4805
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: NavigationDirective, isStandalone: true, selector: "[dbNavigation]", ngImport: i0 }); }
|
|
4672
4806
|
}
|
|
4673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NavigationDirective, decorators: [{
|
|
4674
4808
|
type: Directive,
|
|
4675
4809
|
args: [{
|
|
4676
4810
|
selector: '[dbNavigation]',
|
|
@@ -4769,8 +4903,8 @@ class DBHeader {
|
|
|
4769
4903
|
this.initialized.set(true);
|
|
4770
4904
|
}
|
|
4771
4905
|
}
|
|
4772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
4906
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBHeader, isStandalone: true, selector: "db-header", inputs: { forceMobile: { classPropertyName: "forceMobile", publicName: "forceMobile", isSignal: true, isRequired: false, transformFunction: null }, drawerOpen: { classPropertyName: "drawerOpen", publicName: "drawerOpen", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, burgerMenuLabel: { classPropertyName: "burgerMenuLabel", publicName: "burgerMenuLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle" }, queries: [{ propertyName: "dbNavigation", first: true, predicate: NavigationDirective, descendants: true, read: TemplateRef }, { propertyName: "dbMetaNavigation", first: true, predicate: MetaNavigationDirective, descendants: true, read: TemplateRef }, { propertyName: "dbSecondaryAction", first: true, predicate: SecondaryActionDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<header
|
|
4774
4908
|
#_ref
|
|
4775
4909
|
[class]="cls('db-header', className())"
|
|
4776
4910
|
[attr.id]="id()"
|
|
@@ -4827,7 +4961,7 @@ class DBHeader {
|
|
|
4827
4961
|
</div>
|
|
4828
4962
|
</header> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DBDrawer, selector: "db-drawer", inputs: ["open", "position", "backdrop", "variant", "id", "direction", "className", "spacing", "width", "rounded", "closeButtonId", "closeButtonText"], outputs: ["close"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
4829
4963
|
}
|
|
4830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBHeader, decorators: [{
|
|
4831
4965
|
type: Component,
|
|
4832
4966
|
args: [{ selector: "db-header", standalone: true, imports: [CommonModule, DBDrawer, DBButton], template: `<header
|
|
4833
4967
|
#_ref
|
|
@@ -4946,8 +5080,8 @@ class DBIcon {
|
|
|
4946
5080
|
this.enableAttributePassing(element, "db-icon");
|
|
4947
5081
|
}
|
|
4948
5082
|
}
|
|
4949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4950
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5083
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5084
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBIcon, isStandalone: true, selector: "db-icon", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<span
|
|
4951
5085
|
aria-hidden="true"
|
|
4952
5086
|
#_ref
|
|
4953
5087
|
[attr.id]="id()"
|
|
@@ -4960,7 +5094,7 @@ class DBIcon {
|
|
|
4960
5094
|
}</span
|
|
4961
5095
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4962
5096
|
}
|
|
4963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBIcon, decorators: [{
|
|
4964
5098
|
type: Component,
|
|
4965
5099
|
args: [{ selector: "db-icon", standalone: true, imports: [CommonModule], template: `<span
|
|
4966
5100
|
aria-hidden="true"
|
|
@@ -5043,8 +5177,8 @@ class DBLink {
|
|
|
5043
5177
|
this.enableAttributePassing(element, "db-link");
|
|
5044
5178
|
}
|
|
5045
5179
|
}
|
|
5046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5047
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5180
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5181
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBLink, isStandalone: true, selector: "db-link", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, hreflang: { classPropertyName: "hreflang", publicName: "hreflang", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<a
|
|
5048
5182
|
#_ref
|
|
5049
5183
|
[attr.id]="id()"
|
|
5050
5184
|
[class]="cls('db-link', className())"
|
|
@@ -5065,7 +5199,7 @@ class DBLink {
|
|
|
5065
5199
|
}</a
|
|
5066
5200
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5067
5201
|
}
|
|
5068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBLink, decorators: [{
|
|
5069
5203
|
type: Component,
|
|
5070
5204
|
args: [{ selector: "db-link", standalone: true, imports: [CommonModule], template: `<a
|
|
5071
5205
|
#_ref
|
|
@@ -5141,8 +5275,8 @@ class DBNavigation {
|
|
|
5141
5275
|
this._id.set(this.id() || "navigation-" + uuid());
|
|
5142
5276
|
}
|
|
5143
5277
|
}
|
|
5144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5145
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
5278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBNavigation, isStandalone: true, selector: "db-navigation", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<nav
|
|
5146
5280
|
#_ref
|
|
5147
5281
|
[attr.id]="_id()"
|
|
5148
5282
|
[class]="cls('db-navigation', className())"
|
|
@@ -5150,7 +5284,7 @@ class DBNavigation {
|
|
|
5150
5284
|
<menu><ng-content></ng-content></menu>
|
|
5151
5285
|
</nav> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5152
5286
|
}
|
|
5153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNavigation, decorators: [{
|
|
5154
5288
|
type: Component,
|
|
5155
5289
|
args: [{ selector: "db-navigation", standalone: true, imports: [CommonModule], template: `<nav
|
|
5156
5290
|
#_ref
|
|
@@ -5163,10 +5297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5163
5297
|
|
|
5164
5298
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5165
5299
|
class NavigationContentDirective {
|
|
5166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5167
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
5300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NavigationContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5301
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: NavigationContentDirective, isStandalone: true, selector: "[dbNavigationContent]", ngImport: i0 }); }
|
|
5168
5302
|
}
|
|
5169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: NavigationContentDirective, decorators: [{
|
|
5170
5304
|
type: Directive,
|
|
5171
5305
|
args: [{
|
|
5172
5306
|
selector: '[dbNavigationContent]',
|
|
@@ -5297,8 +5431,8 @@ class DBNavigationItem {
|
|
|
5297
5431
|
this.initialized.set(true);
|
|
5298
5432
|
}
|
|
5299
5433
|
}
|
|
5300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5301
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5434
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5435
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBNavigationItem, isStandalone: true, selector: "db-navigation-item", inputs: { subNavigationExpanded: { classPropertyName: "subNavigationExpanded", publicName: "subNavigationExpanded", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, backButtonId: { classPropertyName: "backButtonId", publicName: "backButtonId", isSignal: true, isRequired: false, transformFunction: null }, backButtonText: { classPropertyName: "backButtonText", publicName: "backButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, queries: [{ propertyName: "dbNavigationContent", first: true, predicate: NavigationContentDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<li
|
|
5302
5436
|
#_ref
|
|
5303
5437
|
[attr.id]="id()"
|
|
5304
5438
|
(mouseover)="navigationItemSafeTriangle()?.enableFollow()"
|
|
@@ -5347,7 +5481,7 @@ class DBNavigationItem {
|
|
|
5347
5481
|
}
|
|
5348
5482
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
5349
5483
|
}
|
|
5350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNavigationItem, decorators: [{
|
|
5351
5485
|
type: Component,
|
|
5352
5486
|
args: [{ selector: "db-navigation-item", standalone: true, imports: [CommonModule, DBButton], template: `<li
|
|
5353
5487
|
#_ref
|
|
@@ -5414,17 +5548,17 @@ class DBNotification {
|
|
|
5414
5548
|
}
|
|
5415
5549
|
constructor() {
|
|
5416
5550
|
this.cls = cls;
|
|
5551
|
+
this.getBoolean = getBoolean;
|
|
5417
5552
|
this.getBooleanAsString = getBooleanAsString;
|
|
5418
5553
|
this.stringPropVisible = stringPropVisible;
|
|
5419
|
-
this.getBoolean = getBoolean;
|
|
5420
5554
|
this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
|
|
5421
5555
|
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5422
5556
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5423
5557
|
this.ariaLive = input(...(ngDevMode ? [undefined, { debugName: "ariaLive" }] : []));
|
|
5424
5558
|
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : []));
|
|
5425
5559
|
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
5426
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
5427
5560
|
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
5561
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
5428
5562
|
this.linkVariant = input(...(ngDevMode ? [undefined, { debugName: "linkVariant" }] : []));
|
|
5429
5563
|
this.headline = input(...(ngDevMode ? [undefined, { debugName: "headline" }] : []));
|
|
5430
5564
|
this.showHeadline = input(...(ngDevMode ? [undefined, { debugName: "showHeadline" }] : []));
|
|
@@ -5475,15 +5609,15 @@ class DBNotification {
|
|
|
5475
5609
|
this.enableAttributePassing(element, "db-notification");
|
|
5476
5610
|
}
|
|
5477
5611
|
}
|
|
5478
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5479
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5612
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5613
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBNotification, isStandalone: true, selector: "db-notification", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "ariaLive", isSignal: true, isRequired: false, transformFunction: null }, semantic: { classPropertyName: "semantic", publicName: "semantic", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, linkVariant: { classPropertyName: "linkVariant", publicName: "linkVariant", isSignal: true, isRequired: false, transformFunction: null }, headline: { classPropertyName: "headline", publicName: "headline", isSignal: true, isRequired: false, transformFunction: null }, showHeadline: { classPropertyName: "showHeadline", publicName: "showHeadline", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, timestamp: { classPropertyName: "timestamp", publicName: "timestamp", isSignal: true, isRequired: false, transformFunction: null }, showTimestamp: { classPropertyName: "showTimestamp", publicName: "showTimestamp", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, closeButtonId: { classPropertyName: "closeButtonId", publicName: "closeButtonId", isSignal: true, isRequired: false, transformFunction: null }, closeButtonText: { classPropertyName: "closeButtonText", publicName: "closeButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<article
|
|
5480
5614
|
#_ref
|
|
5481
5615
|
[attr.id]="id()"
|
|
5482
5616
|
[class]="cls('db-notification', className())"
|
|
5483
5617
|
[attr.aria-live]="ariaLive()"
|
|
5484
5618
|
[attr.data-semantic]="semantic()"
|
|
5485
5619
|
[attr.data-variant]="variant()"
|
|
5486
|
-
[attr.data-icon]="icon()"
|
|
5620
|
+
[attr.data-icon]="getBoolean(showIcon()) !== false ? icon() : undefined"
|
|
5487
5621
|
[attr.data-show-icon]="getBooleanAsString(showIcon())"
|
|
5488
5622
|
[attr.data-link-variant]="linkVariant()"
|
|
5489
5623
|
>
|
|
@@ -5513,7 +5647,7 @@ class DBNotification {
|
|
|
5513
5647
|
}
|
|
5514
5648
|
</article> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
5515
5649
|
}
|
|
5516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBNotification, decorators: [{
|
|
5517
5651
|
type: Component,
|
|
5518
5652
|
args: [{ selector: "db-notification", standalone: true, imports: [CommonModule, DBButton], template: `<article
|
|
5519
5653
|
#_ref
|
|
@@ -5522,7 +5656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5522
5656
|
[attr.aria-live]="ariaLive()"
|
|
5523
5657
|
[attr.data-semantic]="semantic()"
|
|
5524
5658
|
[attr.data-variant]="variant()"
|
|
5525
|
-
[attr.data-icon]="icon()"
|
|
5659
|
+
[attr.data-icon]="getBoolean(showIcon()) !== false ? icon() : undefined"
|
|
5526
5660
|
[attr.data-show-icon]="getBooleanAsString(showIcon())"
|
|
5527
5661
|
[attr.data-link-variant]="linkVariant()"
|
|
5528
5662
|
>
|
|
@@ -5551,7 +5685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5551
5685
|
>
|
|
5552
5686
|
}
|
|
5553
5687
|
</article> `, styles: [":host{display:contents}\n"] }]
|
|
5554
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], ariaLive: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLive", required: false }] }], semantic: [{ type: i0.Input, args: [{ isSignal: true, alias: "semantic", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }],
|
|
5688
|
+
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], ariaLive: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLive", required: false }] }], semantic: [{ type: i0.Input, args: [{ isSignal: true, alias: "semantic", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], linkVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkVariant", required: false }] }], headline: [{ type: i0.Input, args: [{ isSignal: true, alias: "headline", required: false }] }], showHeadline: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeadline", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], timestamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "timestamp", required: false }] }], showTimestamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimestamp", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], closeButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonId", required: false }] }], closeButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonText", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
5555
5689
|
|
|
5556
5690
|
const NotificationVariantList = ['docked', 'standalone', 'overlay'];
|
|
5557
5691
|
const NotificationLinkVariantList = ['block', 'inline'];
|
|
@@ -5635,8 +5769,8 @@ class DBPage {
|
|
|
5635
5769
|
document.documentElement.classList.remove("db-page-document");
|
|
5636
5770
|
}
|
|
5637
5771
|
}
|
|
5638
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5639
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
5772
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5773
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBPage, isStandalone: true, selector: "db-page", inputs: { fadeIn: { classPropertyName: "fadeIn", publicName: "fadeIn", isSignal: true, isRequired: false, transformFunction: null }, documentOverflow: { classPropertyName: "documentOverflow", publicName: "documentOverflow", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, mainClass: { classPropertyName: "mainClass", publicName: "mainClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
5640
5774
|
#_ref
|
|
5641
5775
|
[attr.id]="id()"
|
|
5642
5776
|
[class]="cls('db-page', className())"
|
|
@@ -5649,7 +5783,7 @@ class DBPage {
|
|
|
5649
5783
|
<ng-content select="[footer]"> </ng-content>
|
|
5650
5784
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5651
5785
|
}
|
|
5652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBPage, decorators: [{
|
|
5653
5787
|
type: Component,
|
|
5654
5788
|
args: [{ selector: "db-page", standalone: true, imports: [CommonModule], template: `<div
|
|
5655
5789
|
#_ref
|
|
@@ -5844,8 +5978,8 @@ class DBPopover {
|
|
|
5844
5978
|
this.initialized.set(true);
|
|
5845
5979
|
}
|
|
5846
5980
|
}
|
|
5847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5848
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
5981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5982
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBPopover, isStandalone: true, selector: "db-popover", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
5849
5983
|
#_ref
|
|
5850
5984
|
[attr.id]="id()"
|
|
5851
5985
|
[class]="cls('db-popover', className())"
|
|
@@ -5865,7 +5999,7 @@ class DBPopover {
|
|
|
5865
5999
|
</article>
|
|
5866
6000
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5867
6001
|
}
|
|
5868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBPopover, decorators: [{
|
|
5869
6003
|
type: Component,
|
|
5870
6004
|
args: [{ selector: "db-popover", standalone: true, imports: [CommonModule], template: `<div
|
|
5871
6005
|
#_ref
|
|
@@ -5890,9 +6024,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
5890
6024
|
|
|
5891
6025
|
const defaultProps$9 = {};
|
|
5892
6026
|
class DBRadio {
|
|
5893
|
-
|
|
6027
|
+
handleInput(event, reset) {
|
|
6028
|
+
if (this.input) {
|
|
6029
|
+
if (reset) {
|
|
6030
|
+
this.input.emit(event);
|
|
6031
|
+
}
|
|
6032
|
+
}
|
|
6033
|
+
handleFrameworkEventAngular(this, event);
|
|
6034
|
+
}
|
|
6035
|
+
handleChange(event, reset) {
|
|
5894
6036
|
if (this.change) {
|
|
5895
|
-
|
|
6037
|
+
// We need to split the if statements for generation
|
|
6038
|
+
if (reset) {
|
|
6039
|
+
this.change.emit(event);
|
|
6040
|
+
}
|
|
5896
6041
|
}
|
|
5897
6042
|
handleFrameworkEventAngular(this, event);
|
|
5898
6043
|
}
|
|
@@ -5923,12 +6068,14 @@ class DBRadio {
|
|
|
5923
6068
|
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
5924
6069
|
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
5925
6070
|
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
6071
|
+
this.input = output();
|
|
5926
6072
|
this.change = output();
|
|
5927
6073
|
this.blur = output();
|
|
5928
6074
|
this.focus = output();
|
|
5929
6075
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5930
6076
|
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
5931
6077
|
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
6078
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
5932
6079
|
if (typeof window !== "undefined") {
|
|
5933
6080
|
effect(() => {
|
|
5934
6081
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -5944,6 +6091,40 @@ class DBRadio {
|
|
|
5944
6091
|
}, {
|
|
5945
6092
|
// Enable writing to signals inside effects
|
|
5946
6093
|
});
|
|
6094
|
+
effect(() => {
|
|
6095
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
6096
|
+
this._ref();
|
|
6097
|
+
// ---
|
|
6098
|
+
if (this._ref()?.nativeElement) {
|
|
6099
|
+
const defaultChecked = undefined;
|
|
6100
|
+
let controller = this.abortController();
|
|
6101
|
+
if (!controller) {
|
|
6102
|
+
controller = new AbortController();
|
|
6103
|
+
this.abortController.set(controller);
|
|
6104
|
+
}
|
|
6105
|
+
addResetEventListener(this._ref()?.nativeElement, (event) => {
|
|
6106
|
+
void delay(() => {
|
|
6107
|
+
const resetChecked = this.checked()
|
|
6108
|
+
? this.checked()
|
|
6109
|
+
: defaultChecked
|
|
6110
|
+
? defaultChecked
|
|
6111
|
+
: this._ref()?.nativeElement.checked;
|
|
6112
|
+
const valueEvent = {
|
|
6113
|
+
...event,
|
|
6114
|
+
target: {
|
|
6115
|
+
...event.target,
|
|
6116
|
+
value: "",
|
|
6117
|
+
checked: resetChecked,
|
|
6118
|
+
},
|
|
6119
|
+
};
|
|
6120
|
+
this.handleChange(valueEvent, true);
|
|
6121
|
+
this.handleInput(valueEvent, true);
|
|
6122
|
+
}, 1);
|
|
6123
|
+
}, controller.signal);
|
|
6124
|
+
}
|
|
6125
|
+
}, {
|
|
6126
|
+
// Enable writing to signals inside effects
|
|
6127
|
+
});
|
|
5947
6128
|
}
|
|
5948
6129
|
}
|
|
5949
6130
|
/**
|
|
@@ -6003,8 +6184,11 @@ class DBRadio {
|
|
|
6003
6184
|
this._id.set(this.id() ?? `radio-${uuid()}`);
|
|
6004
6185
|
}
|
|
6005
6186
|
}
|
|
6006
|
-
|
|
6007
|
-
|
|
6187
|
+
ngOnDestroy() {
|
|
6188
|
+
this.abortController()?.abort();
|
|
6189
|
+
}
|
|
6190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBRadio, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6191
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBRadio, isStandalone: true, selector: "db-radio", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", input: "input", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
6008
6192
|
provide: NG_VALUE_ACCESSOR,
|
|
6009
6193
|
useExisting: DBRadio,
|
|
6010
6194
|
multi: true
|
|
@@ -6025,6 +6209,7 @@ class DBRadio {
|
|
|
6025
6209
|
[disabled]="getBoolean(disabled(), 'disabled')"
|
|
6026
6210
|
[attr.value]="value()"
|
|
6027
6211
|
[required]="getBoolean(required(), 'required')"
|
|
6212
|
+
(input)="handleInput($event)"
|
|
6028
6213
|
(change)="handleChange($event)"
|
|
6029
6214
|
(blur)="handleBlur($event)"
|
|
6030
6215
|
(focus)="handleFocus($event)"
|
|
@@ -6034,7 +6219,7 @@ class DBRadio {
|
|
|
6034
6219
|
}</label
|
|
6035
6220
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6036
6221
|
}
|
|
6037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBRadio, decorators: [{
|
|
6038
6223
|
type: Component,
|
|
6039
6224
|
args: [{ providers: [{
|
|
6040
6225
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6057,6 +6242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
6057
6242
|
[disabled]="getBoolean(disabled(), 'disabled')"
|
|
6058
6243
|
[attr.value]="value()"
|
|
6059
6244
|
[required]="getBoolean(required(), 'required')"
|
|
6245
|
+
(input)="handleInput($event)"
|
|
6060
6246
|
(change)="handleChange($event)"
|
|
6061
6247
|
(blur)="handleBlur($event)"
|
|
6062
6248
|
(focus)="handleFocus($event)"
|
|
@@ -6065,7 +6251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
6065
6251
|
<ng-content></ng-content>
|
|
6066
6252
|
}</label
|
|
6067
6253
|
> `, styles: [":host{display:contents}\n"] }]
|
|
6068
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], blur: [{ type: i0.Output, args: ["blur"] }], focus: [{ type: i0.Output, args: ["focus"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
6254
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], input: [{ type: i0.Output, args: ["input"] }], change: [{ type: i0.Output, args: ["change"] }], blur: [{ type: i0.Output, args: ["blur"] }], focus: [{ type: i0.Output, args: ["focus"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
6069
6255
|
|
|
6070
6256
|
const defaultProps$8 = {};
|
|
6071
6257
|
class DBSection {
|
|
@@ -6117,8 +6303,8 @@ class DBSection {
|
|
|
6117
6303
|
this._id.set(this.id() || "section-" + uuid());
|
|
6118
6304
|
}
|
|
6119
6305
|
}
|
|
6120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
6306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBSection, isStandalone: true, selector: "db-section", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<section
|
|
6122
6308
|
#_ref
|
|
6123
6309
|
[attr.id]="_id()"
|
|
6124
6310
|
[class]="cls('db-section', className())"
|
|
@@ -6128,7 +6314,7 @@ class DBSection {
|
|
|
6128
6314
|
<ng-content></ng-content>
|
|
6129
6315
|
</section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6130
6316
|
}
|
|
6131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSection, decorators: [{
|
|
6132
6318
|
type: Component,
|
|
6133
6319
|
args: [{ selector: "db-section", standalone: true, imports: [CommonModule], template: `<section
|
|
6134
6320
|
#_ref
|
|
@@ -6183,16 +6369,21 @@ class DBSelect {
|
|
|
6183
6369
|
this.click.emit(event);
|
|
6184
6370
|
}
|
|
6185
6371
|
}
|
|
6186
|
-
handleInput(event) {
|
|
6372
|
+
handleInput(event, reset) {
|
|
6187
6373
|
if (this.input) {
|
|
6188
|
-
|
|
6374
|
+
if (reset) {
|
|
6375
|
+
this.input.emit(event);
|
|
6376
|
+
}
|
|
6189
6377
|
}
|
|
6190
6378
|
handleFrameworkEventAngular(this, event);
|
|
6191
6379
|
this.handleValidation();
|
|
6192
6380
|
}
|
|
6193
|
-
handleChange(event) {
|
|
6381
|
+
handleChange(event, reset) {
|
|
6194
6382
|
if (this.change) {
|
|
6195
|
-
|
|
6383
|
+
// We need to split the if statements for generation
|
|
6384
|
+
if (reset) {
|
|
6385
|
+
this.change.emit(event);
|
|
6386
|
+
}
|
|
6196
6387
|
}
|
|
6197
6388
|
handleFrameworkEventAngular(this, event);
|
|
6198
6389
|
this.handleValidation();
|
|
@@ -6263,6 +6454,7 @@ class DBSelect {
|
|
|
6263
6454
|
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
6264
6455
|
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
6265
6456
|
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
6457
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
6266
6458
|
if (typeof window !== "undefined") {
|
|
6267
6459
|
effect(() => {
|
|
6268
6460
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -6310,6 +6502,28 @@ class DBSelect {
|
|
|
6310
6502
|
}, {
|
|
6311
6503
|
// Enable writing to signals inside effects
|
|
6312
6504
|
});
|
|
6505
|
+
effect(() => {
|
|
6506
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
6507
|
+
this._ref();
|
|
6508
|
+
// ---
|
|
6509
|
+
if (this._ref()?.nativeElement) {
|
|
6510
|
+
const defaultValue = undefined;
|
|
6511
|
+
let controller = this.abortController();
|
|
6512
|
+
if (!controller) {
|
|
6513
|
+
controller = new AbortController();
|
|
6514
|
+
this.abortController.set(controller);
|
|
6515
|
+
}
|
|
6516
|
+
addValueResetEventListener(this._ref()?.nativeElement, {
|
|
6517
|
+
value: this.value(),
|
|
6518
|
+
defaultValue,
|
|
6519
|
+
}, (event) => {
|
|
6520
|
+
this.handleChange(event, true);
|
|
6521
|
+
this.handleInput(event, true);
|
|
6522
|
+
}, controller.signal);
|
|
6523
|
+
}
|
|
6524
|
+
}, {
|
|
6525
|
+
// Enable writing to signals inside effects
|
|
6526
|
+
});
|
|
6313
6527
|
}
|
|
6314
6528
|
}
|
|
6315
6529
|
/**
|
|
@@ -6375,8 +6589,11 @@ class DBSelect {
|
|
|
6375
6589
|
this.writeValue?.(this.value?.() ?? "");
|
|
6376
6590
|
}
|
|
6377
6591
|
}
|
|
6378
|
-
|
|
6379
|
-
|
|
6592
|
+
ngOnDestroy() {
|
|
6593
|
+
this.abortController()?.abort();
|
|
6594
|
+
}
|
|
6595
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6596
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBSelect, isStandalone: true, selector: "db-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", click: "click", input: "input", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
6380
6597
|
provide: NG_VALUE_ACCESSOR,
|
|
6381
6598
|
useExisting: DBSelect,
|
|
6382
6599
|
multi: true
|
|
@@ -6474,7 +6691,7 @@ class DBSelect {
|
|
|
6474
6691
|
>
|
|
6475
6692
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }] }); }
|
|
6476
6693
|
}
|
|
6477
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSelect, decorators: [{
|
|
6478
6695
|
type: Component,
|
|
6479
6696
|
args: [{ providers: [{
|
|
6480
6697
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6628,8 +6845,8 @@ class DBStack {
|
|
|
6628
6845
|
this.enableAttributePassing(element, "db-stack");
|
|
6629
6846
|
}
|
|
6630
6847
|
}
|
|
6631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6632
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
6848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBStack, isStandalone: true, selector: "db-stack", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, justifyContent: { classPropertyName: "justifyContent", publicName: "justifyContent", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
6633
6850
|
#_ref
|
|
6634
6851
|
[attr.id]="id()"
|
|
6635
6852
|
[class]="cls('db-stack', className())"
|
|
@@ -6643,7 +6860,7 @@ class DBStack {
|
|
|
6643
6860
|
<ng-content></ng-content>
|
|
6644
6861
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6645
6862
|
}
|
|
6646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBStack, decorators: [{
|
|
6647
6864
|
type: Component,
|
|
6648
6865
|
args: [{ selector: "db-stack", standalone: true, imports: [CommonModule], template: `<div
|
|
6649
6866
|
#_ref
|
|
@@ -6703,9 +6920,15 @@ class DBSwitch {
|
|
|
6703
6920
|
}
|
|
6704
6921
|
this._descByIds.set(undefined);
|
|
6705
6922
|
}
|
|
6706
|
-
handleChange(event) {
|
|
6707
|
-
|
|
6923
|
+
handleChange(event, reset) {
|
|
6924
|
+
if (this.change) {
|
|
6925
|
+
// We need to split the if statements for generation
|
|
6926
|
+
if (reset) {
|
|
6927
|
+
this.change.emit(event);
|
|
6928
|
+
}
|
|
6929
|
+
}
|
|
6708
6930
|
this.handleValidation();
|
|
6931
|
+
handleFrameworkEventAngular(this, event, "checked");
|
|
6709
6932
|
}
|
|
6710
6933
|
handleBlur(event) {
|
|
6711
6934
|
if (this.blur) {
|
|
@@ -6748,6 +6971,7 @@ class DBSwitch {
|
|
|
6748
6971
|
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
6749
6972
|
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
6750
6973
|
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
6974
|
+
this.change = output();
|
|
6751
6975
|
this.blur = output();
|
|
6752
6976
|
this.focus = output();
|
|
6753
6977
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
@@ -6758,6 +6982,7 @@ class DBSwitch {
|
|
|
6758
6982
|
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
6759
6983
|
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
6760
6984
|
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
6985
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
6761
6986
|
if (typeof window !== "undefined") {
|
|
6762
6987
|
effect(() => {
|
|
6763
6988
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -6773,6 +6998,27 @@ class DBSwitch {
|
|
|
6773
6998
|
}, {
|
|
6774
6999
|
// Enable writing to signals inside effects
|
|
6775
7000
|
});
|
|
7001
|
+
effect(() => {
|
|
7002
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
7003
|
+
this._ref();
|
|
7004
|
+
// ---
|
|
7005
|
+
if (this._ref()?.nativeElement) {
|
|
7006
|
+
const defaultChecked = undefined;
|
|
7007
|
+
let controller = this.abortController();
|
|
7008
|
+
if (!controller) {
|
|
7009
|
+
controller = new AbortController();
|
|
7010
|
+
this.abortController.set(controller);
|
|
7011
|
+
}
|
|
7012
|
+
addCheckedResetEventListener(this._ref()?.nativeElement, {
|
|
7013
|
+
checked: this.checked(),
|
|
7014
|
+
defaultChecked,
|
|
7015
|
+
}, (event) => {
|
|
7016
|
+
this.handleChange(event, true);
|
|
7017
|
+
}, controller.signal);
|
|
7018
|
+
}
|
|
7019
|
+
}, {
|
|
7020
|
+
// Enable writing to signals inside effects
|
|
7021
|
+
});
|
|
6776
7022
|
}
|
|
6777
7023
|
}
|
|
6778
7024
|
/**
|
|
@@ -6833,8 +7079,11 @@ class DBSwitch {
|
|
|
6833
7079
|
this.handleValidation();
|
|
6834
7080
|
}
|
|
6835
7081
|
}
|
|
6836
|
-
|
|
6837
|
-
|
|
7082
|
+
ngOnDestroy() {
|
|
7083
|
+
this.abortController()?.abort();
|
|
7084
|
+
}
|
|
7085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSwitch, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7086
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBSwitch, isStandalone: true, selector: "db-switch", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, visualAid: { classPropertyName: "visualAid", publicName: "visualAid", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
6838
7087
|
provide: NG_VALUE_ACCESSOR,
|
|
6839
7088
|
useExisting: DBSwitch,
|
|
6840
7089
|
multi: true
|
|
@@ -6900,7 +7149,7 @@ class DBSwitch {
|
|
|
6900
7149
|
>
|
|
6901
7150
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }] }); }
|
|
6902
7151
|
}
|
|
6903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBSwitch, decorators: [{
|
|
6904
7153
|
type: Component,
|
|
6905
7154
|
args: [{ providers: [{
|
|
6906
7155
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6967,7 +7216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
6967
7216
|
>{{_voiceOverFallback()}}</span
|
|
6968
7217
|
>
|
|
6969
7218
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
6970
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], visualAid: [{ type: i0.Input, args: [{ isSignal: true, alias: "visualAid", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], iconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconLeading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], blur: [{ type: i0.Output, args: ["blur"] }], focus: [{ type: i0.Output, args: ["focus"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
7219
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], visualAid: [{ type: i0.Input, args: [{ isSignal: true, alias: "visualAid", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], iconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconLeading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], blur: [{ type: i0.Output, args: ["blur"] }], focus: [{ type: i0.Output, args: ["focus"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
6971
7220
|
|
|
6972
7221
|
const defaultProps$4 = {};
|
|
6973
7222
|
class DBTabItem {
|
|
@@ -7096,8 +7345,8 @@ class DBTabItem {
|
|
|
7096
7345
|
this.initialized.set(true);
|
|
7097
7346
|
}
|
|
7098
7347
|
}
|
|
7099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7348
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBTabItem, isStandalone: true, selector: "db-tab-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, showIconLeading: { classPropertyName: "showIconLeading", publicName: "showIconLeading", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showIconTrailing: { classPropertyName: "showIconTrailing", publicName: "showIconTrailing", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", checked: "checkedChange", change: "change" }, providers: [{
|
|
7101
7350
|
provide: NG_VALUE_ACCESSOR,
|
|
7102
7351
|
useExisting: DBTabItem,
|
|
7103
7352
|
multi: true
|
|
@@ -7123,7 +7372,7 @@ class DBTabItem {
|
|
|
7123
7372
|
></label>
|
|
7124
7373
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7125
7374
|
}
|
|
7126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabItem, decorators: [{
|
|
7127
7376
|
type: Component,
|
|
7128
7377
|
args: [{ providers: [{
|
|
7129
7378
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7200,8 +7449,8 @@ class DBTabList {
|
|
|
7200
7449
|
this._id.set(this.id() || "tab-list-" + uuid());
|
|
7201
7450
|
}
|
|
7202
7451
|
}
|
|
7203
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7204
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
7452
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7453
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: DBTabList, isStandalone: true, selector: "db-tab-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
7205
7454
|
#_ref
|
|
7206
7455
|
[attr.id]="_id()"
|
|
7207
7456
|
[class]="cls('db-tab-list', className())"
|
|
@@ -7211,7 +7460,7 @@ class DBTabList {
|
|
|
7211
7460
|
</ul>
|
|
7212
7461
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7213
7462
|
}
|
|
7214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabList, decorators: [{
|
|
7215
7464
|
type: Component,
|
|
7216
7465
|
args: [{ selector: "db-tab-list", standalone: true, imports: [CommonModule], template: `<div
|
|
7217
7466
|
#_ref
|
|
@@ -7271,8 +7520,8 @@ class DBTabPanel {
|
|
|
7271
7520
|
this.enableAttributePassing(element, "db-tab-panel");
|
|
7272
7521
|
}
|
|
7273
7522
|
}
|
|
7274
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7275
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7523
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7524
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBTabPanel, isStandalone: true, selector: "db-tab-panel", inputs: { className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<section
|
|
7276
7525
|
role="tabpanel"
|
|
7277
7526
|
#_ref
|
|
7278
7527
|
[class]="cls('db-tab-panel', className())"
|
|
@@ -7281,7 +7530,7 @@ class DBTabPanel {
|
|
|
7281
7530
|
@if(content()){ {{content()}} } <ng-content></ng-content>
|
|
7282
7531
|
</section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7283
7532
|
}
|
|
7284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabPanel, decorators: [{
|
|
7285
7534
|
type: Component,
|
|
7286
7535
|
args: [{ selector: "db-tab-panel", standalone: true, imports: [CommonModule], template: `<section
|
|
7287
7536
|
role="tabpanel"
|
|
@@ -7518,8 +7767,8 @@ class DBTabs {
|
|
|
7518
7767
|
this._resizeObserver()?.disconnect();
|
|
7519
7768
|
this._resizeObserver.set(undefined);
|
|
7520
7769
|
}
|
|
7521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7522
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7770
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7771
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBTabs, isStandalone: true, selector: "db-tabs", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, arrowScrollDistance: { classPropertyName: "arrowScrollDistance", publicName: "arrowScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, initialSelectedMode: { classPropertyName: "initialSelectedMode", publicName: "initialSelectedMode", isSignal: true, isRequired: false, transformFunction: null }, initialSelectedIndex: { classPropertyName: "initialSelectedIndex", publicName: "initialSelectedIndex", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", tabSelect: "tabSelect" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
7523
7772
|
#_ref
|
|
7524
7773
|
[attr.id]="_id()"
|
|
7525
7774
|
[class]="cls('db-tabs', className())"
|
|
@@ -7573,7 +7822,7 @@ class DBTabs {
|
|
|
7573
7822
|
<ng-content></ng-content>
|
|
7574
7823
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTabList, selector: "db-tab-list", inputs: ["id", "className"] }, { kind: "component", type: DBTabItem, selector: "db-tab-item", inputs: ["active", "name", "className", "id", "iconLeading", "icon", "iconTrailing", "showIconLeading", "showIcon", "showIconTrailing", "noText", "disabled", "checked", "label"], outputs: ["disabledChange", "checkedChange", "change"] }, { kind: "component", type: DBTabPanel, selector: "db-tab-panel", inputs: ["className", "id", "content"] }] }); }
|
|
7575
7824
|
}
|
|
7576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTabs, decorators: [{
|
|
7577
7826
|
type: Component,
|
|
7578
7827
|
args: [{ selector: "db-tabs", standalone: true, imports: [CommonModule, DBButton, DBTabList, DBTabItem, DBTabPanel], template: `<div
|
|
7579
7828
|
#_ref
|
|
@@ -7669,16 +7918,21 @@ class DBTextarea {
|
|
|
7669
7918
|
this._descByIds.set(undefined);
|
|
7670
7919
|
}
|
|
7671
7920
|
}
|
|
7672
|
-
handleInput(event) {
|
|
7921
|
+
handleInput(event, reset) {
|
|
7673
7922
|
if (this.input) {
|
|
7674
|
-
|
|
7923
|
+
if (reset) {
|
|
7924
|
+
this.input.emit(event);
|
|
7925
|
+
}
|
|
7675
7926
|
}
|
|
7676
7927
|
handleFrameworkEventAngular(this, event);
|
|
7677
7928
|
this.handleValidation();
|
|
7678
7929
|
}
|
|
7679
|
-
handleChange(event) {
|
|
7930
|
+
handleChange(event, reset) {
|
|
7680
7931
|
if (this.change) {
|
|
7681
|
-
|
|
7932
|
+
// We need to split the if statements for generation
|
|
7933
|
+
if (reset) {
|
|
7934
|
+
this.change.emit(event);
|
|
7935
|
+
}
|
|
7682
7936
|
}
|
|
7683
7937
|
handleFrameworkEventAngular(this, event);
|
|
7684
7938
|
this.handleValidation();
|
|
@@ -7750,6 +8004,7 @@ class DBTextarea {
|
|
|
7750
8004
|
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
7751
8005
|
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
7752
8006
|
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
8007
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
7753
8008
|
if (typeof window !== "undefined") {
|
|
7754
8009
|
effect(() => {
|
|
7755
8010
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -7787,6 +8042,28 @@ class DBTextarea {
|
|
|
7787
8042
|
}, {
|
|
7788
8043
|
// Enable writing to signals inside effects
|
|
7789
8044
|
});
|
|
8045
|
+
effect(() => {
|
|
8046
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
8047
|
+
this._ref();
|
|
8048
|
+
// ---
|
|
8049
|
+
if (this._ref()?.nativeElement) {
|
|
8050
|
+
const defaultValue = undefined;
|
|
8051
|
+
let controller = this.abortController();
|
|
8052
|
+
if (!controller) {
|
|
8053
|
+
controller = new AbortController();
|
|
8054
|
+
this.abortController.set(controller);
|
|
8055
|
+
}
|
|
8056
|
+
addValueResetEventListener(this._ref()?.nativeElement, {
|
|
8057
|
+
value: this.value(),
|
|
8058
|
+
defaultValue,
|
|
8059
|
+
}, (event) => {
|
|
8060
|
+
this.handleChange(event, true);
|
|
8061
|
+
this.handleInput(event, true);
|
|
8062
|
+
}, controller.signal);
|
|
8063
|
+
}
|
|
8064
|
+
}, {
|
|
8065
|
+
// Enable writing to signals inside effects
|
|
8066
|
+
});
|
|
7790
8067
|
}
|
|
7791
8068
|
}
|
|
7792
8069
|
/**
|
|
@@ -7848,8 +8125,11 @@ class DBTextarea {
|
|
|
7848
8125
|
this._invalidMessage.set(this.invalidMessage() || DEFAULT_INVALID_MESSAGE);
|
|
7849
8126
|
}
|
|
7850
8127
|
}
|
|
7851
|
-
|
|
7852
|
-
|
|
8128
|
+
ngOnDestroy() {
|
|
8129
|
+
this.abortController()?.abort();
|
|
8130
|
+
}
|
|
8131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTextarea, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DBTextarea, isStandalone: true, selector: "db-textarea", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, validMessage: { classPropertyName: "validMessage", publicName: "validMessage", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showRequiredAsterisk: { classPropertyName: "showRequiredAsterisk", publicName: "showRequiredAsterisk", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, fieldSizing: { classPropertyName: "fieldSizing", publicName: "fieldSizing", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, showResizer: { classPropertyName: "showResizer", publicName: "showResizer", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, spellCheck: { classPropertyName: "spellCheck", publicName: "spellCheck", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", input: "input", change: "change", blur: "blur", focus: "focus" }, providers: [{
|
|
7853
8133
|
provide: NG_VALUE_ACCESSOR,
|
|
7854
8134
|
useExisting: DBTextarea,
|
|
7855
8135
|
multi: true
|
|
@@ -7916,7 +8196,7 @@ class DBTextarea {
|
|
|
7916
8196
|
>
|
|
7917
8197
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "className", "icon", "semantic", "size", "showIcon", "text"] }] }); }
|
|
7918
8198
|
}
|
|
7919
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DBTextarea, decorators: [{
|
|
7920
8200
|
type: Component,
|
|
7921
8201
|
args: [{ providers: [{
|
|
7922
8202
|
provide: NG_VALUE_ACCESSOR,
|