@db-ux/ngx-core-components 4.6.1 → 4.7.0-tabs-34782eb
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.
|
@@ -170,7 +170,7 @@ const getNotificationRole = ({ semantic, role, ariaLive }) => {
|
|
|
170
170
|
}
|
|
171
171
|
};
|
|
172
172
|
|
|
173
|
-
const defaultProps$
|
|
173
|
+
const defaultProps$z = {};
|
|
174
174
|
class DBAccordionItem {
|
|
175
175
|
handleNameAttribute() {
|
|
176
176
|
if (this._ref()?.nativeElement) {
|
|
@@ -277,8 +277,8 @@ class DBAccordionItem {
|
|
|
277
277
|
this.initialized.set(true);
|
|
278
278
|
}
|
|
279
279
|
}
|
|
280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBAccordionItem, isStandalone: true, selector: "db-accordion-item", inputs: { defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
282
282
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
283
283
|
[class]="cls('db-accordion-item', className())"
|
|
284
284
|
>
|
|
@@ -301,7 +301,7 @@ class DBAccordionItem {
|
|
|
301
301
|
</details>
|
|
302
302
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
303
303
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBAccordionItem, decorators: [{
|
|
305
305
|
type: Component,
|
|
306
306
|
args: [{ selector: "db-accordion-item", standalone: true, imports: [CommonModule], template: `<li
|
|
307
307
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -327,7 +327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
327
327
|
</li> `, styles: [":host{display:contents}\n"] }]
|
|
328
328
|
}], ctorParameters: () => [], propDecorators: { defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], headlinePlain: [{ type: i0.Input, args: [{ isSignal: true, alias: "headlinePlain", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
329
329
|
|
|
330
|
-
const defaultProps$
|
|
330
|
+
const defaultProps$y = {};
|
|
331
331
|
class DBAccordion {
|
|
332
332
|
convertItems() {
|
|
333
333
|
try {
|
|
@@ -478,8 +478,8 @@ class DBAccordion {
|
|
|
478
478
|
this._initOpenIndexDone.set(true);
|
|
479
479
|
}
|
|
480
480
|
}
|
|
481
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
482
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
482
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBAccordion, isStandalone: true, selector: "db-accordion", inputs: { 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 }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
483
483
|
#_ref
|
|
484
484
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
485
485
|
[class]="cls('db-accordion', className())"
|
|
@@ -497,7 +497,7 @@ class DBAccordion {
|
|
|
497
497
|
} }
|
|
498
498
|
</ul> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBAccordionItem, selector: "db-accordion-item", inputs: ["defaultOpen", "name", "id", "propOverrides", "className", "disabled", "headlinePlain", "text"], outputs: ["toggle"] }] }); }
|
|
499
499
|
}
|
|
500
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBAccordion, decorators: [{
|
|
501
501
|
type: Component,
|
|
502
502
|
args: [{ selector: "db-accordion", standalone: true, imports: [CommonModule, DBAccordionItem], template: `<ul
|
|
503
503
|
#_ref
|
|
@@ -622,7 +622,7 @@ const TESTING_VIEWPORTS = [{
|
|
|
622
622
|
const DB_UX_LOCAL_STORAGE_FRAMEWORK = 'db-ux-framework';
|
|
623
623
|
const DB_UX_LOCAL_STORAGE_MODE = 'db-ux-mode';
|
|
624
624
|
|
|
625
|
-
const defaultProps$
|
|
625
|
+
const defaultProps$x = {};
|
|
626
626
|
class DBBadge {
|
|
627
627
|
constructor() {
|
|
628
628
|
this.cls = cls;
|
|
@@ -706,8 +706,8 @@ class DBBadge {
|
|
|
706
706
|
this.initialized.set(true);
|
|
707
707
|
}
|
|
708
708
|
}
|
|
709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
710
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, wrap: { classPropertyName: "wrap", publicName: "wrap", 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
|
|
711
711
|
#_ref
|
|
712
712
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
713
713
|
[class]="cls('db-badge', className())"
|
|
@@ -722,7 +722,7 @@ class DBBadge {
|
|
|
722
722
|
}</span
|
|
723
723
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
724
724
|
}
|
|
725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBBadge, decorators: [{
|
|
726
726
|
type: Component,
|
|
727
727
|
args: [{ selector: "db-badge", standalone: true, imports: [CommonModule], template: `<span
|
|
728
728
|
#_ref
|
|
@@ -742,7 +742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
742
742
|
|
|
743
743
|
const BadgePlacementList = ['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'];
|
|
744
744
|
|
|
745
|
-
const defaultProps$
|
|
745
|
+
const defaultProps$w = {};
|
|
746
746
|
class DBBrand {
|
|
747
747
|
constructor() {
|
|
748
748
|
this.DEFAULT_ICON = DEFAULT_ICON;
|
|
@@ -799,8 +799,8 @@ class DBBrand {
|
|
|
799
799
|
this.enableAttributePassing(element, "db-brand");
|
|
800
800
|
}
|
|
801
801
|
}
|
|
802
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
803
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
802
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBBrand, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
803
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
804
804
|
#_ref
|
|
805
805
|
[attr.data-icon]="hideLogo() ? 'none' : icon() ?? DEFAULT_ICON"
|
|
806
806
|
[attr.data-show-icon]="getBooleanAsString(showIcon())"
|
|
@@ -812,7 +812,7 @@ class DBBrand {
|
|
|
812
812
|
}
|
|
813
813
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
814
814
|
}
|
|
815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBBrand, decorators: [{
|
|
816
816
|
type: Component,
|
|
817
817
|
args: [{ selector: "db-brand", standalone: true, imports: [CommonModule], template: `<div
|
|
818
818
|
#_ref
|
|
@@ -827,7 +827,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
827
827
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
828
828
|
}], ctorParameters: () => [], propDecorators: { hideLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLogo", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
829
829
|
|
|
830
|
-
const defaultProps$
|
|
830
|
+
const defaultProps$v = {};
|
|
831
831
|
class DBButton {
|
|
832
832
|
getButtonType() {
|
|
833
833
|
if (this.type()) {
|
|
@@ -907,8 +907,8 @@ class DBButton {
|
|
|
907
907
|
this.enableAttributePassing(element, "db-button");
|
|
908
908
|
}
|
|
909
909
|
}
|
|
910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, wrap: { classPropertyName: "wrap", publicName: "wrap", 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
|
|
912
912
|
#_ref
|
|
913
913
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
914
914
|
[class]="cls('db-button', className())"
|
|
@@ -932,7 +932,7 @@ class DBButton {
|
|
|
932
932
|
}
|
|
933
933
|
</button> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
934
934
|
}
|
|
935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBButton, decorators: [{
|
|
936
936
|
type: Component,
|
|
937
937
|
args: [{ selector: "db-button", standalone: true, imports: [CommonModule], template: `<button
|
|
938
938
|
#_ref
|
|
@@ -962,7 +962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
962
962
|
const ButtonVariantList = ['outlined', 'brand', 'filled', 'ghost'];
|
|
963
963
|
const ButtonTypeList = ['button', 'reset', 'submit'];
|
|
964
964
|
|
|
965
|
-
const defaultProps$
|
|
965
|
+
const defaultProps$u = {};
|
|
966
966
|
class DBCard {
|
|
967
967
|
handleClick(event) {
|
|
968
968
|
if (this.click) {
|
|
@@ -1022,8 +1022,8 @@ class DBCard {
|
|
|
1022
1022
|
this.enableAttributePassing(element, "db-card");
|
|
1023
1023
|
}
|
|
1024
1024
|
}
|
|
1025
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1026
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1025
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1026
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBCard, isStandalone: true, selector: "db-card", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
1027
1027
|
#_ref
|
|
1028
1028
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
1029
1029
|
[class]="cls('db-card', className())"
|
|
@@ -1035,7 +1035,7 @@ class DBCard {
|
|
|
1035
1035
|
<ng-content></ng-content>
|
|
1036
1036
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1037
1037
|
}
|
|
1038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCard, decorators: [{
|
|
1039
1039
|
type: Component,
|
|
1040
1040
|
args: [{ selector: "db-card", standalone: true, imports: [CommonModule], template: `<div
|
|
1041
1041
|
#_ref
|
|
@@ -1125,7 +1125,7 @@ const addValueResetEventListener = (element, props, resetFunction, signal) => {
|
|
|
1125
1125
|
}, signal);
|
|
1126
1126
|
};
|
|
1127
1127
|
|
|
1128
|
-
const defaultProps$
|
|
1128
|
+
const defaultProps$t = {};
|
|
1129
1129
|
class DBInfotext {
|
|
1130
1130
|
constructor() {
|
|
1131
1131
|
this.cls = cls;
|
|
@@ -1183,8 +1183,8 @@ class DBInfotext {
|
|
|
1183
1183
|
this.enableAttributePassing(element, "db-infotext");
|
|
1184
1184
|
}
|
|
1185
1185
|
}
|
|
1186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBInfotext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1187
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBInfotext, isStandalone: true, selector: "db-infotext", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, wrap: { classPropertyName: "wrap", publicName: "wrap", 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
|
|
1188
1188
|
#_ref
|
|
1189
1189
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
1190
1190
|
[class]="cls('db-infotext', className())"
|
|
@@ -1198,7 +1198,7 @@ class DBInfotext {
|
|
|
1198
1198
|
}</span
|
|
1199
1199
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1200
1200
|
}
|
|
1201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBInfotext, decorators: [{
|
|
1202
1202
|
type: Component,
|
|
1203
1203
|
args: [{ selector: "db-infotext", standalone: true, imports: [CommonModule], template: `<span
|
|
1204
1204
|
#_ref
|
|
@@ -1215,7 +1215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
1215
1215
|
> `, styles: [":host{display:contents}\n"] }]
|
|
1216
1216
|
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], semantic: [{ type: i0.Input, args: [{ isSignal: true, alias: "semantic", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
1217
1217
|
|
|
1218
|
-
const defaultProps$
|
|
1218
|
+
const defaultProps$s = {};
|
|
1219
1219
|
class DBCheckbox {
|
|
1220
1220
|
hasValidState() {
|
|
1221
1221
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -1473,8 +1473,8 @@ class DBCheckbox {
|
|
|
1473
1473
|
ngOnDestroy() {
|
|
1474
1474
|
this.abortController()?.abort();
|
|
1475
1475
|
}
|
|
1476
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1477
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1476
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCheckbox, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1477
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBCheckbox, isStandalone: true, selector: "db-checkbox", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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: [{
|
|
1478
1478
|
provide: NG_VALUE_ACCESSOR,
|
|
1479
1479
|
useExisting: DBCheckbox,
|
|
1480
1480
|
multi: true
|
|
@@ -1533,7 +1533,7 @@ class DBCheckbox {
|
|
|
1533
1533
|
>
|
|
1534
1534
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
|
|
1535
1535
|
}
|
|
1536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCheckbox, decorators: [{
|
|
1537
1537
|
type: Component,
|
|
1538
1538
|
args: [{ providers: [{
|
|
1539
1539
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -1595,7 +1595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
1595
1595
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
1596
1596
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", 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 }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", 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 }] }] } });
|
|
1597
1597
|
|
|
1598
|
-
const defaultProps$
|
|
1598
|
+
const defaultProps$r = {};
|
|
1599
1599
|
class DBCustomButton {
|
|
1600
1600
|
constructor() {
|
|
1601
1601
|
this.cls = cls;
|
|
@@ -1657,8 +1657,8 @@ class DBCustomButton {
|
|
|
1657
1657
|
this.enableAttributePassing(element, "db-custom-button");
|
|
1658
1658
|
}
|
|
1659
1659
|
}
|
|
1660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1661
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1660
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1661
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBCustomButton, isStandalone: true, selector: "db-custom-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", 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 } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
1662
1662
|
#_ref
|
|
1663
1663
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
1664
1664
|
[class]="cls('db-custom-button', className())"
|
|
@@ -1674,7 +1674,7 @@ class DBCustomButton {
|
|
|
1674
1674
|
<ng-content></ng-content>
|
|
1675
1675
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1676
1676
|
}
|
|
1677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomButton, decorators: [{
|
|
1678
1678
|
type: Component,
|
|
1679
1679
|
args: [{ selector: "db-custom-button", standalone: true, imports: [CommonModule], template: `<div
|
|
1680
1680
|
#_ref
|
|
@@ -2121,14 +2121,14 @@ const handleFixedPopover = (element, parent, placement) => {
|
|
|
2121
2121
|
element.dataset['correctedPlacement'] = correctedPlacement;
|
|
2122
2122
|
};
|
|
2123
2123
|
|
|
2124
|
-
const defaultProps$
|
|
2124
|
+
const defaultProps$q = { width: "fixed" };
|
|
2125
2125
|
class DBCustomSelectDropdown {
|
|
2126
2126
|
constructor() {
|
|
2127
2127
|
this.cls = cls;
|
|
2128
2128
|
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2129
2129
|
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2130
2130
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2131
|
-
this.width = input(defaultProps$
|
|
2131
|
+
this.width = input(defaultProps$q["width"], ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
2132
2132
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
2133
2133
|
}
|
|
2134
2134
|
/**
|
|
@@ -2173,8 +2173,8 @@ class DBCustomSelectDropdown {
|
|
|
2173
2173
|
this.enableAttributePassing(element, "db-custom-select-dropdown");
|
|
2174
2174
|
}
|
|
2175
2175
|
}
|
|
2176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
2176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBCustomSelectDropdown, isStandalone: true, selector: "db-custom-select-dropdown", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
2178
2178
|
data-spacing="none"
|
|
2179
2179
|
#_ref
|
|
2180
2180
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -2184,7 +2184,7 @@ class DBCustomSelectDropdown {
|
|
|
2184
2184
|
<ng-content></ng-content>
|
|
2185
2185
|
</article> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2186
2186
|
}
|
|
2187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectDropdown, decorators: [{
|
|
2188
2188
|
type: Component,
|
|
2189
2189
|
args: [{ selector: "db-custom-select-dropdown", standalone: true, imports: [CommonModule], template: `<article
|
|
2190
2190
|
data-spacing="none"
|
|
@@ -2197,7 +2197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2197
2197
|
</article> `, styles: [":host{display:contents}\n"] }]
|
|
2198
2198
|
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
2199
2199
|
|
|
2200
|
-
const defaultProps$
|
|
2200
|
+
const defaultProps$p = {};
|
|
2201
2201
|
class DBCustomSelectListItem {
|
|
2202
2202
|
handleChange(event) {
|
|
2203
2203
|
event.stopPropagation();
|
|
@@ -2303,8 +2303,8 @@ class DBCustomSelectListItem {
|
|
|
2303
2303
|
this.enableAttributePassing(element, "db-custom-select-list-item");
|
|
2304
2304
|
}
|
|
2305
2305
|
}
|
|
2306
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2307
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
2306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectListItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBCustomSelectListItem, isStandalone: true, selector: "db-custom-select-list-item", inputs: { 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 }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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: [{
|
|
2308
2308
|
provide: NG_VALUE_ACCESSOR,
|
|
2309
2309
|
useExisting: DBCustomSelectListItem,
|
|
2310
2310
|
multi: true
|
|
@@ -2342,7 +2342,7 @@ class DBCustomSelectListItem {
|
|
|
2342
2342
|
}
|
|
2343
2343
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2344
2344
|
}
|
|
2345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectListItem, decorators: [{
|
|
2346
2346
|
type: Component,
|
|
2347
2347
|
args: [{ providers: [{
|
|
2348
2348
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2383,7 +2383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2383
2383
|
</li> `, styles: [":host{display:contents}\n"] }]
|
|
2384
2384
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { isGroupTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isGroupTitle", required: false }] }], showDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDivider", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], groupTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupTitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
2385
2385
|
|
|
2386
|
-
const defaultProps$
|
|
2386
|
+
const defaultProps$o = {};
|
|
2387
2387
|
class DBCustomSelectList {
|
|
2388
2388
|
constructor() {
|
|
2389
2389
|
this.cls = cls;
|
|
@@ -2436,8 +2436,8 @@ class DBCustomSelectList {
|
|
|
2436
2436
|
this.enableAttributePassing(element, "db-custom-select-list");
|
|
2437
2437
|
}
|
|
2438
2438
|
}
|
|
2439
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2440
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
2439
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2440
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
2441
2441
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
2442
2442
|
[attr.aria-label]="label()"
|
|
2443
2443
|
#_ref
|
|
@@ -2449,7 +2449,7 @@ class DBCustomSelectList {
|
|
|
2449
2449
|
</ul>
|
|
2450
2450
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2451
2451
|
}
|
|
2452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectList, decorators: [{
|
|
2453
2453
|
type: Component,
|
|
2454
2454
|
args: [{ selector: "db-custom-select-list", standalone: true, imports: [CommonModule], template: `<div
|
|
2455
2455
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
@@ -2464,7 +2464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2464
2464
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
2465
2465
|
}], ctorParameters: () => [], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
2466
2466
|
|
|
2467
|
-
const defaultProps$
|
|
2467
|
+
const defaultProps$n = {};
|
|
2468
2468
|
class DBInput {
|
|
2469
2469
|
hasValidState() {
|
|
2470
2470
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -2766,8 +2766,8 @@ class DBInput {
|
|
|
2766
2766
|
ngOnDestroy() {
|
|
2767
2767
|
this.abortController()?.abort();
|
|
2768
2768
|
}
|
|
2769
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2770
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
2769
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBInput, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2770
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBInput, isStandalone: true, selector: "db-input", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, accept: { classPropertyName: "accept", publicName: "accept", 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: [{
|
|
2771
2771
|
provide: NG_VALUE_ACCESSOR,
|
|
2772
2772
|
useExisting: DBInput,
|
|
2773
2773
|
multi: true
|
|
@@ -2854,7 +2854,7 @@ class DBInput {
|
|
|
2854
2854
|
>
|
|
2855
2855
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
|
|
2856
2856
|
}
|
|
2857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBInput, decorators: [{
|
|
2858
2858
|
type: Component,
|
|
2859
2859
|
args: [{ providers: [{
|
|
2860
2860
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2944,7 +2944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2944
2944
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
2945
2945
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], dataListId: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataListId", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], dataList: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataList", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], showIconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconLeading", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", 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 }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", required: false }] }], showIconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconTrailing", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], fieldSizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldSizing", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], enterkeyhint: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterkeyhint", required: false }] }], inputmode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputmode", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], messageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageSize", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], validMessageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessageSize", required: false }] }], invalidMessageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessageSize", 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 }] }] } });
|
|
2946
2946
|
|
|
2947
|
-
const defaultProps$
|
|
2947
|
+
const defaultProps$m = {};
|
|
2948
2948
|
class DBTooltip {
|
|
2949
2949
|
handleClick(event) {
|
|
2950
2950
|
event.stopPropagation();
|
|
@@ -3012,7 +3012,7 @@ class DBTooltip {
|
|
|
3012
3012
|
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
3013
3013
|
this.showArrow = input(...(ngDevMode ? [undefined, { debugName: "showArrow" }] : /* istanbul ignore next */ []));
|
|
3014
3014
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
3015
|
-
this._id = signal(
|
|
3015
|
+
this._id = signal("tooltip-" + uuid(), ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
3016
3016
|
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
3017
3017
|
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
|
|
3018
3018
|
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
|
|
@@ -3112,8 +3112,8 @@ class DBTooltip {
|
|
|
3112
3112
|
this.initialized.set(true);
|
|
3113
3113
|
}
|
|
3114
3114
|
}
|
|
3115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
3115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBTooltip, isStandalone: true, selector: "db-tooltip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, wrap: { classPropertyName: "wrap", publicName: "wrap", 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
|
|
3117
3117
|
role="tooltip"
|
|
3118
3118
|
aria-hidden="true"
|
|
3119
3119
|
data-gap="true"
|
|
@@ -3131,7 +3131,7 @@ class DBTooltip {
|
|
|
3131
3131
|
><ng-content></ng-content
|
|
3132
3132
|
></i> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
3133
3133
|
}
|
|
3134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTooltip, decorators: [{
|
|
3135
3135
|
type: Component,
|
|
3136
3136
|
args: [{ selector: "db-tooltip", standalone: true, imports: [CommonModule], template: `<i
|
|
3137
3137
|
role="tooltip"
|
|
@@ -3152,7 +3152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
3152
3152
|
></i> `, styles: [":host{display:contents}\n"] }]
|
|
3153
3153
|
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], showArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrow", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
3154
3154
|
|
|
3155
|
-
const defaultProps$
|
|
3155
|
+
const defaultProps$l = {};
|
|
3156
3156
|
class DBTag {
|
|
3157
3157
|
handleRemove(event) {
|
|
3158
3158
|
if (!event)
|
|
@@ -3230,8 +3230,8 @@ class DBTag {
|
|
|
3230
3230
|
this.enableAttributePassing(element, "db-tag");
|
|
3231
3231
|
}
|
|
3232
3232
|
}
|
|
3233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3234
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
3235
3235
|
#_ref
|
|
3236
3236
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
3237
3237
|
[class]="cls('db-tag', className())"
|
|
@@ -3260,7 +3260,7 @@ class DBTag {
|
|
|
3260
3260
|
}
|
|
3261
3261
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "propOverrides", "variant", "placement", "className", "emphasis", "wrap", "animation", "delay", "width", "showArrow"] }] }); }
|
|
3262
3262
|
}
|
|
3263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTag, decorators: [{
|
|
3264
3264
|
type: Component,
|
|
3265
3265
|
args: [{ selector: "db-tag", standalone: true, imports: [CommonModule, DBTooltip], template: `<div
|
|
3266
3266
|
#_ref
|
|
@@ -3292,7 +3292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
3292
3292
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
3293
3293
|
}], ctorParameters: () => [], propDecorators: { removeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeButton", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], semantic: [{ type: i0.Input, args: [{ isSignal: true, alias: "semantic", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showCheckState: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckState", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], noText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noText", required: false }] }], overflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflow", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], remove: [{ type: i0.Output, args: ["remove"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
3294
3294
|
|
|
3295
|
-
const defaultProps$
|
|
3295
|
+
const defaultProps$k = {
|
|
3296
3296
|
clearSelectionText: "Clear selection",
|
|
3297
3297
|
showClearSelection: true,
|
|
3298
3298
|
};
|
|
@@ -3792,8 +3792,8 @@ class DBCustomSelect {
|
|
|
3792
3792
|
this.loadingText = input(...(ngDevMode ? [undefined, { debugName: "loadingText" }] : /* istanbul ignore next */ []));
|
|
3793
3793
|
this.noResultsText = input(...(ngDevMode ? [undefined, { debugName: "noResultsText" }] : /* istanbul ignore next */ []));
|
|
3794
3794
|
this.mobileCloseButtonText = input(...(ngDevMode ? [undefined, { debugName: "mobileCloseButtonText" }] : /* istanbul ignore next */ []));
|
|
3795
|
-
this.showClearSelection = input(defaultProps$
|
|
3796
|
-
this.clearSelectionText = input(defaultProps$
|
|
3795
|
+
this.showClearSelection = input(defaultProps$k["showClearSelection"], ...(ngDevMode ? [{ debugName: "showClearSelection" }] : /* istanbul ignore next */ []));
|
|
3796
|
+
this.clearSelectionText = input(defaultProps$k["clearSelectionText"], ...(ngDevMode ? [{ debugName: "clearSelectionText" }] : /* istanbul ignore next */ []));
|
|
3797
3797
|
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
3798
3798
|
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
3799
3799
|
this.amountChange = output();
|
|
@@ -4187,8 +4187,8 @@ class DBCustomSelect {
|
|
|
4187
4187
|
ngOnDestroy() {
|
|
4188
4188
|
this.abortController()?.abort();
|
|
4189
4189
|
}
|
|
4190
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4191
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4191
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBCustomSelect, isStandalone: true, selector: "db-custom-select", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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: [{
|
|
4192
4192
|
provide: NG_VALUE_ACCESSOR,
|
|
4193
4193
|
useExisting: DBCustomSelect,
|
|
4194
4194
|
multi: true
|
|
@@ -4402,7 +4402,7 @@ class DBCustomSelect {
|
|
|
4402
4402
|
>
|
|
4403
4403
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTag, selector: "db-tag", inputs: ["removeButton", "id", "propOverrides", "className", "semantic", "emphasis", "icon", "showCheckState", "showIcon", "noText", "overflow", "text", "behavior"], outputs: ["remove"] }, { kind: "component", type: DBCustomSelectDropdown, selector: "db-custom-select-dropdown", inputs: ["id", "propOverrides", "className", "width"] }, { kind: "component", type: DBInput, selector: "db-input", inputs: ["invalidMessage", "id", "propOverrides", "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", "accept", "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", "propOverrides", "className"] }, { kind: "component", type: DBCustomSelectListItem, selector: "db-custom-select-list-item", inputs: ["isGroupTitle", "showDivider", "type", "checked", "id", "propOverrides", "className", "groupTitle", "icon", "showIcon", "name", "disabled", "value", "label"], outputs: ["checkedChange", "disabledChange", "change"] }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "propOverrides", "variant", "placement", "className", "emphasis", "wrap", "animation", "delay", "width", "showArrow"] }] }); }
|
|
4404
4404
|
}
|
|
4405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelect, decorators: [{
|
|
4406
4406
|
type: Component,
|
|
4407
4407
|
args: [{ providers: [{
|
|
4408
4408
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -4631,7 +4631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
4631
4631
|
|
|
4632
4632
|
const CustomSelectDropdownWidthList = ['fixed', 'auto', 'full'];
|
|
4633
4633
|
|
|
4634
|
-
const defaultProps$
|
|
4634
|
+
const defaultProps$j = {};
|
|
4635
4635
|
class DBCustomSelectFormField {
|
|
4636
4636
|
constructor() {
|
|
4637
4637
|
this.cls = cls;
|
|
@@ -4682,8 +4682,8 @@ class DBCustomSelectFormField {
|
|
|
4682
4682
|
this.enableAttributePassing(element, "db-custom-select-form-field");
|
|
4683
4683
|
}
|
|
4684
4684
|
}
|
|
4685
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4686
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4686
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBCustomSelectFormField, isStandalone: true, selector: "db-custom-select-form-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
4687
4687
|
#_ref
|
|
4688
4688
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4689
4689
|
[class]="cls('db-custom-select-form-field', className())"
|
|
@@ -4691,7 +4691,7 @@ class DBCustomSelectFormField {
|
|
|
4691
4691
|
<ng-content></ng-content>
|
|
4692
4692
|
</summary> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4693
4693
|
}
|
|
4694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBCustomSelectFormField, decorators: [{
|
|
4695
4695
|
type: Component,
|
|
4696
4696
|
args: [{ selector: "db-custom-select-form-field", standalone: true, imports: [CommonModule], template: `<summary
|
|
4697
4697
|
#_ref
|
|
@@ -4706,7 +4706,7 @@ const CustomSelectListItemTypeList = ['checkbox', 'radio'];
|
|
|
4706
4706
|
|
|
4707
4707
|
const SelectedTypeList = ['amount', 'text', 'tag'];
|
|
4708
4708
|
|
|
4709
|
-
const defaultProps$
|
|
4709
|
+
const defaultProps$i = {};
|
|
4710
4710
|
class DBDivider {
|
|
4711
4711
|
constructor() {
|
|
4712
4712
|
this.cls = cls;
|
|
@@ -4761,8 +4761,8 @@ class DBDivider {
|
|
|
4761
4761
|
this.enableAttributePassing(element, "db-divider");
|
|
4762
4762
|
}
|
|
4763
4763
|
}
|
|
4764
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4765
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4764
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4765
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBDivider, isStandalone: true, selector: "db-divider", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
4766
4766
|
#_ref
|
|
4767
4767
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4768
4768
|
[attr.data-margin]="margin()"
|
|
@@ -4772,7 +4772,7 @@ class DBDivider {
|
|
|
4772
4772
|
[class]="cls('db-divider', className())"
|
|
4773
4773
|
></div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4774
4774
|
}
|
|
4775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBDivider, decorators: [{
|
|
4776
4776
|
type: Component,
|
|
4777
4777
|
args: [{ selector: "db-divider", standalone: true, imports: [CommonModule], template: `<div
|
|
4778
4778
|
#_ref
|
|
@@ -4788,7 +4788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
4788
4788
|
const DividerMarginList = ['none', '_'];
|
|
4789
4789
|
const DividerVariantList = ['horizontal', 'vertical'];
|
|
4790
4790
|
|
|
4791
|
-
const defaultProps$
|
|
4791
|
+
const defaultProps$h = {};
|
|
4792
4792
|
class DBDrawer {
|
|
4793
4793
|
handleClose(event, forceClose) {
|
|
4794
4794
|
if (!event)
|
|
@@ -4942,8 +4942,8 @@ class DBDrawer {
|
|
|
4942
4942
|
this.initialized.set(true);
|
|
4943
4943
|
}
|
|
4944
4944
|
}
|
|
4945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4946
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4945
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4946
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
4947
4947
|
class="db-drawer"
|
|
4948
4948
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4949
4949
|
#_ref
|
|
@@ -4980,7 +4980,7 @@ class DBDrawer {
|
|
|
4980
4980
|
</article>
|
|
4981
4981
|
</dialog> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
4982
4982
|
}
|
|
4983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBDrawer, decorators: [{
|
|
4984
4984
|
type: Component,
|
|
4985
4985
|
args: [{ selector: "db-drawer", standalone: true, imports: [CommonModule, DBButton], template: `<dialog
|
|
4986
4986
|
class="db-drawer"
|
|
@@ -5159,10 +5159,10 @@ var navigation = {
|
|
|
5159
5159
|
|
|
5160
5160
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5161
5161
|
class SecondaryActionDirective {
|
|
5162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5163
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
5162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SecondaryActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5163
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: SecondaryActionDirective, isStandalone: true, selector: "[dbSecondaryAction]", ngImport: i0 }); }
|
|
5164
5164
|
}
|
|
5165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SecondaryActionDirective, decorators: [{
|
|
5166
5166
|
type: Directive,
|
|
5167
5167
|
args: [{
|
|
5168
5168
|
selector: '[dbSecondaryAction]',
|
|
@@ -5172,10 +5172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5172
5172
|
|
|
5173
5173
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5174
5174
|
class MetaNavigationDirective {
|
|
5175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5176
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
5175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MetaNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5176
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: MetaNavigationDirective, isStandalone: true, selector: "[dbMetaNavigation]", ngImport: i0 }); }
|
|
5177
5177
|
}
|
|
5178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MetaNavigationDirective, decorators: [{
|
|
5179
5179
|
type: Directive,
|
|
5180
5180
|
args: [{
|
|
5181
5181
|
selector: '[dbMetaNavigation]',
|
|
@@ -5185,10 +5185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5185
5185
|
|
|
5186
5186
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5187
5187
|
class NavigationDirective {
|
|
5188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5189
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
5188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5189
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: NavigationDirective, isStandalone: true, selector: "[dbNavigation]", ngImport: i0 }); }
|
|
5190
5190
|
}
|
|
5191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NavigationDirective, decorators: [{
|
|
5192
5192
|
type: Directive,
|
|
5193
5193
|
args: [{
|
|
5194
5194
|
selector: '[dbNavigation]',
|
|
@@ -5196,7 +5196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5196
5196
|
}]
|
|
5197
5197
|
}] });
|
|
5198
5198
|
|
|
5199
|
-
const defaultProps$
|
|
5199
|
+
const defaultProps$g = {};
|
|
5200
5200
|
class DBHeader {
|
|
5201
5201
|
handleToggle(event) {
|
|
5202
5202
|
if (event && event.stopPropagation) {
|
|
@@ -5294,8 +5294,8 @@ class DBHeader {
|
|
|
5294
5294
|
this.initialized.set(true);
|
|
5295
5295
|
}
|
|
5296
5296
|
}
|
|
5297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5298
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5298
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", 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 }, 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
|
|
5299
5299
|
#_ref
|
|
5300
5300
|
[class]="cls('db-header', className())"
|
|
5301
5301
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -5354,7 +5354,7 @@ class DBHeader {
|
|
|
5354
5354
|
</div>
|
|
5355
5355
|
</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", "propOverrides", "direction", "className", "spacing", "width", "rounded", "closeButtonId", "closeButtonText"], outputs: ["close"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
5356
5356
|
}
|
|
5357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBHeader, decorators: [{
|
|
5358
5358
|
type: Component,
|
|
5359
5359
|
args: [{ selector: "db-header", standalone: true, imports: [CommonModule, DBDrawer, DBButton], template: `<header
|
|
5360
5360
|
#_ref
|
|
@@ -5425,7 +5425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5425
5425
|
args: [SecondaryActionDirective, { read: TemplateRef }]
|
|
5426
5426
|
}], forceMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceMobile", required: false }] }], drawerOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawerOpen", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], closeButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonId", required: false }] }], closeButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonText", required: false }] }], burgerMenuLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "burgerMenuLabel", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
5427
5427
|
|
|
5428
|
-
const defaultProps$
|
|
5428
|
+
const defaultProps$f = {};
|
|
5429
5429
|
class DBIcon {
|
|
5430
5430
|
constructor() {
|
|
5431
5431
|
this.cls = cls;
|
|
@@ -5480,8 +5480,8 @@ class DBIcon {
|
|
|
5480
5480
|
this.enableAttributePassing(element, "db-icon");
|
|
5481
5481
|
}
|
|
5482
5482
|
}
|
|
5483
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5484
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5484
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBIcon, isStandalone: true, selector: "db-icon", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
5485
5485
|
aria-hidden="true"
|
|
5486
5486
|
#_ref
|
|
5487
5487
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -5494,7 +5494,7 @@ class DBIcon {
|
|
|
5494
5494
|
}</span
|
|
5495
5495
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5496
5496
|
}
|
|
5497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBIcon, decorators: [{
|
|
5498
5498
|
type: Component,
|
|
5499
5499
|
args: [{ selector: "db-icon", standalone: true, imports: [CommonModule], template: `<span
|
|
5500
5500
|
aria-hidden="true"
|
|
@@ -5518,7 +5518,7 @@ const InputTypeList = ['color', 'date', 'datetime-local', 'email', 'file',
|
|
|
5518
5518
|
// TODO: move this to own component
|
|
5519
5519
|
'search', 'tel', 'text', 'time', 'url', 'week'];
|
|
5520
5520
|
|
|
5521
|
-
const defaultProps$
|
|
5521
|
+
const defaultProps$e = {};
|
|
5522
5522
|
class DBLink {
|
|
5523
5523
|
constructor() {
|
|
5524
5524
|
this.cls = cls;
|
|
@@ -5584,8 +5584,8 @@ class DBLink {
|
|
|
5584
5584
|
this.enableAttributePassing(element, "db-link");
|
|
5585
5585
|
}
|
|
5586
5586
|
}
|
|
5587
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5588
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5587
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5588
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBLink, isStandalone: true, selector: "db-link", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, referrerpolicy: { classPropertyName: "referrerpolicy", publicName: "referrerpolicy", isSignal: true, isRequired: false, transformFunction: null }, referrerPolicy: { classPropertyName: "referrerPolicy", publicName: "referrerPolicy", 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
|
|
5589
5589
|
#_ref
|
|
5590
5590
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5591
5591
|
[class]="cls('db-link', className())"
|
|
@@ -5607,7 +5607,7 @@ class DBLink {
|
|
|
5607
5607
|
}</a
|
|
5608
5608
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5609
5609
|
}
|
|
5610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBLink, decorators: [{
|
|
5611
5611
|
type: Component,
|
|
5612
5612
|
args: [{ selector: "db-link", standalone: true, imports: [CommonModule], template: `<a
|
|
5613
5613
|
#_ref
|
|
@@ -5636,7 +5636,7 @@ const LinkVariantList = ['adaptive', 'brand', 'inline'];
|
|
|
5636
5636
|
const LinkSizeList = ['medium', 'small'];
|
|
5637
5637
|
const LinkContentList = ['external', 'internal'];
|
|
5638
5638
|
|
|
5639
|
-
const defaultProps$
|
|
5639
|
+
const defaultProps$d = {};
|
|
5640
5640
|
class DBNavigation {
|
|
5641
5641
|
constructor() {
|
|
5642
5642
|
this.cls = cls;
|
|
@@ -5687,8 +5687,8 @@ class DBNavigation {
|
|
|
5687
5687
|
this.enableAttributePassing(element, "db-navigation");
|
|
5688
5688
|
}
|
|
5689
5689
|
}
|
|
5690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBNavigation, isStandalone: true, selector: "db-navigation", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
5692
5692
|
#_ref
|
|
5693
5693
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5694
5694
|
[class]="cls('db-navigation', className())"
|
|
@@ -5696,7 +5696,7 @@ class DBNavigation {
|
|
|
5696
5696
|
<menu><ng-content></ng-content></menu>
|
|
5697
5697
|
</nav> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5698
5698
|
}
|
|
5699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNavigation, decorators: [{
|
|
5700
5700
|
type: Component,
|
|
5701
5701
|
args: [{ selector: "db-navigation", standalone: true, imports: [CommonModule], template: `<nav
|
|
5702
5702
|
#_ref
|
|
@@ -5709,10 +5709,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5709
5709
|
|
|
5710
5710
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5711
5711
|
class NavigationContentDirective {
|
|
5712
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5713
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
5712
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NavigationContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5713
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: NavigationContentDirective, isStandalone: true, selector: "[dbNavigationContent]", ngImport: i0 }); }
|
|
5714
5714
|
}
|
|
5715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NavigationContentDirective, decorators: [{
|
|
5716
5716
|
type: Directive,
|
|
5717
5717
|
args: [{
|
|
5718
5718
|
selector: '[dbNavigationContent]',
|
|
@@ -5720,7 +5720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5720
5720
|
}]
|
|
5721
5721
|
}] });
|
|
5722
5722
|
|
|
5723
|
-
const defaultProps$
|
|
5723
|
+
const defaultProps$c = {};
|
|
5724
5724
|
class DBNavigationItem {
|
|
5725
5725
|
handleNavigationItemClick(event) {
|
|
5726
5726
|
if (event?.target?.nodeName === "A") {
|
|
@@ -5852,8 +5852,8 @@ class DBNavigationItem {
|
|
|
5852
5852
|
this.subNavigationToggleId.set(`${subNavId}-toggle`);
|
|
5853
5853
|
}
|
|
5854
5854
|
}
|
|
5855
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5856
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5855
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5856
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBNavigationItem, isStandalone: true, selector: "db-navigation-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, subNavigationExpanded: { classPropertyName: "subNavigationExpanded", publicName: "subNavigationExpanded", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
5857
5857
|
#_ref
|
|
5858
5858
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5859
5859
|
(mouseover)="navigationItemSafeTriangle()?.enableFollow()"
|
|
@@ -5905,7 +5905,7 @@ class DBNavigationItem {
|
|
|
5905
5905
|
}
|
|
5906
5906
|
</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", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
5907
5907
|
}
|
|
5908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNavigationItem, decorators: [{
|
|
5909
5909
|
type: Component,
|
|
5910
5910
|
args: [{ selector: "db-navigation-item", standalone: true, imports: [CommonModule, DBButton], template: `<li
|
|
5911
5911
|
#_ref
|
|
@@ -5963,7 +5963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
5963
5963
|
args: [NavigationContentDirective, { read: TemplateRef }]
|
|
5964
5964
|
}], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], subNavigationExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "subNavigationExpanded", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], backButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButtonId", required: false }] }], backButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButtonText", required: false }] }], click: [{ type: i0.Output, args: ["click"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
5965
5965
|
|
|
5966
|
-
const defaultProps$
|
|
5966
|
+
const defaultProps$b = {};
|
|
5967
5967
|
class DBNotification {
|
|
5968
5968
|
handleClose(event) {
|
|
5969
5969
|
if (!event)
|
|
@@ -6043,8 +6043,8 @@ class DBNotification {
|
|
|
6043
6043
|
this.enableAttributePassing(element, "db-notification");
|
|
6044
6044
|
}
|
|
6045
6045
|
}
|
|
6046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6047
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6046
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6047
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBNotification, isStandalone: true, selector: "db-notification", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "ariaLive", 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: `<div
|
|
6048
6048
|
#_ref
|
|
6049
6049
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6050
6050
|
[class]="cls('db-notification', className())"
|
|
@@ -6064,11 +6064,11 @@ class DBNotification {
|
|
|
6064
6064
|
@if(stringPropVisible(headline(), showHeadline())){
|
|
6065
6065
|
<header>{{headline()}}</header>
|
|
6066
6066
|
}
|
|
6067
|
-
<
|
|
6067
|
+
<div data-area="content">
|
|
6068
6068
|
@if(text()){{{text()}}}@else{
|
|
6069
6069
|
<ng-content></ng-content>
|
|
6070
6070
|
}
|
|
6071
|
-
</
|
|
6071
|
+
</div>
|
|
6072
6072
|
@if(stringPropVisible(timestamp(), showTimestamp())){
|
|
6073
6073
|
<span>{{timestamp()}}</span>
|
|
6074
6074
|
}
|
|
@@ -6086,7 +6086,7 @@ class DBNotification {
|
|
|
6086
6086
|
}
|
|
6087
6087
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
|
|
6088
6088
|
}
|
|
6089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBNotification, decorators: [{
|
|
6090
6090
|
type: Component,
|
|
6091
6091
|
args: [{ selector: "db-notification", standalone: true, imports: [CommonModule, DBButton], template: `<div
|
|
6092
6092
|
#_ref
|
|
@@ -6108,11 +6108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
6108
6108
|
@if(stringPropVisible(headline(), showHeadline())){
|
|
6109
6109
|
<header>{{headline()}}</header>
|
|
6110
6110
|
}
|
|
6111
|
-
<
|
|
6111
|
+
<div data-area="content">
|
|
6112
6112
|
@if(text()){{{text()}}}@else{
|
|
6113
6113
|
<ng-content></ng-content>
|
|
6114
6114
|
}
|
|
6115
|
-
</
|
|
6115
|
+
</div>
|
|
6116
6116
|
@if(stringPropVisible(timestamp(), showTimestamp())){
|
|
6117
6117
|
<span>{{timestamp()}}</span>
|
|
6118
6118
|
}
|
|
@@ -6135,7 +6135,7 @@ const NotificationVariantList = ['docked', 'standalone', 'overlay'];
|
|
|
6135
6135
|
const NotificationLinkVariantList = ['block', 'inline'];
|
|
6136
6136
|
const NotificationAriaLiveList = ['assertive', 'polite', 'off'];
|
|
6137
6137
|
|
|
6138
|
-
const defaultProps$
|
|
6138
|
+
const defaultProps$a = {};
|
|
6139
6139
|
class DBPage {
|
|
6140
6140
|
constructor() {
|
|
6141
6141
|
this.cls = cls;
|
|
@@ -6218,8 +6218,8 @@ class DBPage {
|
|
|
6218
6218
|
document.documentElement.classList.remove("db-page-document");
|
|
6219
6219
|
}
|
|
6220
6220
|
}
|
|
6221
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6222
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6221
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
6223
6223
|
#_ref
|
|
6224
6224
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6225
6225
|
[class]="cls('db-page', className())"
|
|
@@ -6232,7 +6232,7 @@ class DBPage {
|
|
|
6232
6232
|
<ng-content select="[footer]"> </ng-content>
|
|
6233
6233
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6234
6234
|
}
|
|
6235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBPage, decorators: [{
|
|
6236
6236
|
type: Component,
|
|
6237
6237
|
args: [{ selector: "db-page", standalone: true, imports: [CommonModule], template: `<div
|
|
6238
6238
|
#_ref
|
|
@@ -6251,7 +6251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
6251
6251
|
const PageVariantList = ['auto', 'fixed'];
|
|
6252
6252
|
const PageDocumentOverflowList = ['hidden', 'auto'];
|
|
6253
6253
|
|
|
6254
|
-
const defaultProps$
|
|
6254
|
+
const defaultProps$9 = {};
|
|
6255
6255
|
class DBPopover {
|
|
6256
6256
|
handleEscape(event) {
|
|
6257
6257
|
if (!event || event.key === "Escape") {
|
|
@@ -6432,8 +6432,8 @@ class DBPopover {
|
|
|
6432
6432
|
this.initialized.set(true);
|
|
6433
6433
|
}
|
|
6434
6434
|
}
|
|
6435
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6435
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6436
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
6437
6437
|
#_ref
|
|
6438
6438
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6439
6439
|
[class]="cls('db-popover', className())"
|
|
@@ -6453,7 +6453,7 @@ class DBPopover {
|
|
|
6453
6453
|
</article>
|
|
6454
6454
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6455
6455
|
}
|
|
6456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBPopover, decorators: [{
|
|
6457
6457
|
type: Component,
|
|
6458
6458
|
args: [{ selector: "db-popover", standalone: true, imports: [CommonModule], template: `<div
|
|
6459
6459
|
#_ref
|
|
@@ -6476,7 +6476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
6476
6476
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
6477
6477
|
}], ctorParameters: () => [], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
6478
6478
|
|
|
6479
|
-
const defaultProps$
|
|
6479
|
+
const defaultProps$8 = {};
|
|
6480
6480
|
class DBRadio {
|
|
6481
6481
|
handleInput(event, reset) {
|
|
6482
6482
|
if (this.input) {
|
|
@@ -6659,8 +6659,8 @@ class DBRadio {
|
|
|
6659
6659
|
ngOnDestroy() {
|
|
6660
6660
|
this.abortController()?.abort();
|
|
6661
6661
|
}
|
|
6662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6663
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6662
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBRadio, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6663
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBRadio, isStandalone: true, selector: "db-radio", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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: [{
|
|
6664
6664
|
provide: NG_VALUE_ACCESSOR,
|
|
6665
6665
|
useExisting: DBRadio,
|
|
6666
6666
|
multi: true
|
|
@@ -6691,7 +6691,7 @@ class DBRadio {
|
|
|
6691
6691
|
}</label
|
|
6692
6692
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6693
6693
|
}
|
|
6694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBRadio, decorators: [{
|
|
6695
6695
|
type: Component,
|
|
6696
6696
|
args: [{ providers: [{
|
|
6697
6697
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6725,7 +6725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
6725
6725
|
> `, styles: [":host{display:contents}\n"] }]
|
|
6726
6726
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", 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 }] }] } });
|
|
6727
6727
|
|
|
6728
|
-
const defaultProps$
|
|
6728
|
+
const defaultProps$7 = {};
|
|
6729
6729
|
class DBSection {
|
|
6730
6730
|
constructor() {
|
|
6731
6731
|
this.cls = cls;
|
|
@@ -6778,8 +6778,8 @@ class DBSection {
|
|
|
6778
6778
|
this.enableAttributePassing(element, "db-section");
|
|
6779
6779
|
}
|
|
6780
6780
|
}
|
|
6781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBSection, isStandalone: true, selector: "db-section", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
6783
6783
|
#_ref
|
|
6784
6784
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6785
6785
|
[class]="cls('db-section', className())"
|
|
@@ -6789,7 +6789,7 @@ class DBSection {
|
|
|
6789
6789
|
<ng-content></ng-content>
|
|
6790
6790
|
</section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6791
6791
|
}
|
|
6792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSection, decorators: [{
|
|
6793
6793
|
type: Component,
|
|
6794
6794
|
args: [{ selector: "db-section", standalone: true, imports: [CommonModule], template: `<section
|
|
6795
6795
|
#_ref
|
|
@@ -6802,7 +6802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
6802
6802
|
</section> `, styles: [":host{display:contents}\n"] }]
|
|
6803
6803
|
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
6804
6804
|
|
|
6805
|
-
const defaultProps$
|
|
6805
|
+
const defaultProps$6 = {};
|
|
6806
6806
|
class DBSelect {
|
|
6807
6807
|
hasValidState() {
|
|
6808
6808
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -7100,8 +7100,8 @@ class DBSelect {
|
|
|
7100
7100
|
ngOnDestroy() {
|
|
7101
7101
|
this.abortController()?.abort();
|
|
7102
7102
|
}
|
|
7103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBSelect, isStandalone: true, selector: "db-select", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showEmptyOption: { classPropertyName: "showEmptyOption", publicName: "showEmptyOption", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", 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: [{
|
|
7105
7105
|
provide: NG_VALUE_ACCESSOR,
|
|
7106
7106
|
useExisting: DBSelect,
|
|
7107
7107
|
multi: true
|
|
@@ -7203,7 +7203,7 @@ class DBSelect {
|
|
|
7203
7203
|
>
|
|
7204
7204
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
|
|
7205
7205
|
}
|
|
7206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSelect, decorators: [{
|
|
7207
7207
|
type: Component,
|
|
7208
7208
|
args: [{ providers: [{
|
|
7209
7209
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7308,7 +7308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7308
7308
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
7309
7309
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], validMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validMessage", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showEmptyOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEmptyOption", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], showRequiredAsterisk: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequiredAsterisk", 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 }] }], 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 }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], click: [{ type: i0.Output, args: ["click"] }], 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 }] }] } });
|
|
7310
7310
|
|
|
7311
|
-
const defaultProps$
|
|
7311
|
+
const defaultProps$5 = {};
|
|
7312
7312
|
class DBStack {
|
|
7313
7313
|
constructor() {
|
|
7314
7314
|
this.cls = cls;
|
|
@@ -7366,8 +7366,8 @@ class DBStack {
|
|
|
7366
7366
|
this.enableAttributePassing(element, "db-stack");
|
|
7367
7367
|
}
|
|
7368
7368
|
}
|
|
7369
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7370
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
7369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7370
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: DBStack, isStandalone: true, selector: "db-stack", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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
|
|
7371
7371
|
#_ref
|
|
7372
7372
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
7373
7373
|
[class]="cls('db-stack', className())"
|
|
@@ -7381,7 +7381,7 @@ class DBStack {
|
|
|
7381
7381
|
<ng-content></ng-content>
|
|
7382
7382
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7383
7383
|
}
|
|
7384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBStack, decorators: [{
|
|
7385
7385
|
type: Component,
|
|
7386
7386
|
args: [{ selector: "db-stack", standalone: true, imports: [CommonModule], template: `<div
|
|
7387
7387
|
#_ref
|
|
@@ -7403,7 +7403,7 @@ const StackDirectionList = ['row', 'column'];
|
|
|
7403
7403
|
const StackAlignmentList = ['stretch', 'start', 'end', 'center'];
|
|
7404
7404
|
const StackJustifyContentList = ['space-between', 'start', 'end', 'center'];
|
|
7405
7405
|
|
|
7406
|
-
const defaultProps$
|
|
7406
|
+
const defaultProps$4 = {};
|
|
7407
7407
|
class DBSwitch {
|
|
7408
7408
|
hasValidState() {
|
|
7409
7409
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -7643,8 +7643,8 @@ class DBSwitch {
|
|
|
7643
7643
|
ngOnDestroy() {
|
|
7644
7644
|
this.abortController()?.abort();
|
|
7645
7645
|
}
|
|
7646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7646
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSwitch, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7647
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBSwitch, isStandalone: true, selector: "db-switch", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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 }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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 }, 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: [{
|
|
7648
7648
|
provide: NG_VALUE_ACCESSOR,
|
|
7649
7649
|
useExisting: DBSwitch,
|
|
7650
7650
|
multi: true
|
|
@@ -7710,7 +7710,7 @@ class DBSwitch {
|
|
|
7710
7710
|
>
|
|
7711
7711
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
|
|
7712
7712
|
}
|
|
7713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBSwitch, decorators: [{
|
|
7714
7714
|
type: Component,
|
|
7715
7715
|
args: [{ providers: [{
|
|
7716
7716
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7779,89 +7779,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7779
7779
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
7780
7780
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidMessage", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", 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 }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], 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 }] }], 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 }] }] } });
|
|
7781
7781
|
|
|
7782
|
-
const defaultProps$
|
|
7782
|
+
const defaultProps$3 = {};
|
|
7783
7783
|
class DBTabItem {
|
|
7784
|
-
|
|
7785
|
-
|
|
7786
|
-
|
|
7784
|
+
getCurrentTabIndex() {
|
|
7785
|
+
return this.tabIndex() !== undefined
|
|
7786
|
+
? Number(this.tabIndex())
|
|
7787
|
+
: this.internalTabIndex();
|
|
7787
7788
|
}
|
|
7788
|
-
|
|
7789
|
-
if (
|
|
7790
|
-
|
|
7791
|
-
|
|
7792
|
-
|
|
7793
|
-
|
|
7794
|
-
this._name.set(value);
|
|
7795
|
-
}
|
|
7796
|
-
};
|
|
7789
|
+
handleClick(event) {
|
|
7790
|
+
if (event && event.preventDefault) {
|
|
7791
|
+
event.preventDefault();
|
|
7792
|
+
}
|
|
7793
|
+
if (!getBoolean(this.disabled()) && this.click.emit()) {
|
|
7794
|
+
this.click.emit(event);
|
|
7797
7795
|
}
|
|
7798
7796
|
}
|
|
7799
|
-
|
|
7800
|
-
if (this.
|
|
7801
|
-
this.
|
|
7797
|
+
checkTruncation() {
|
|
7798
|
+
if (this._labelRef()?.nativeElement) {
|
|
7799
|
+
const scrollWidth = Math.ceil(this._labelRef()?.nativeElement.scrollWidth);
|
|
7800
|
+
const clientWidth = Math.ceil(this._labelRef()?.nativeElement.clientWidth);
|
|
7801
|
+
const truncated = scrollWidth > clientWidth + 1;
|
|
7802
|
+
if (this.isTruncated() !== truncated) {
|
|
7803
|
+
this.isTruncated.set(truncated);
|
|
7804
|
+
if (!truncated && this._ref()?.nativeElement) {
|
|
7805
|
+
if (this._ref()?.nativeElement.hasAttribute("data-has-tooltip")) {
|
|
7806
|
+
this._ref()?.nativeElement.removeAttribute("data-has-tooltip");
|
|
7807
|
+
}
|
|
7808
|
+
if (this._ref()?.nativeElement.hasAttribute("aria-describedby")) {
|
|
7809
|
+
this._ref()?.nativeElement.removeAttribute("aria-describedby");
|
|
7810
|
+
}
|
|
7811
|
+
}
|
|
7812
|
+
}
|
|
7813
|
+
this.tooltipText.set(truncated
|
|
7814
|
+
? this.label() ||
|
|
7815
|
+
this._labelRef()?.nativeElement.innerText ||
|
|
7816
|
+
this._labelRef()?.nativeElement.textContent ||
|
|
7817
|
+
""
|
|
7818
|
+
: "");
|
|
7802
7819
|
}
|
|
7803
|
-
handleFrameworkEventAngular(this, event, "checked");
|
|
7804
7820
|
}
|
|
7805
|
-
constructor(
|
|
7806
|
-
this.renderer = renderer;
|
|
7821
|
+
constructor() {
|
|
7807
7822
|
this.cls = cls;
|
|
7808
|
-
this.getBooleanAsString = getBooleanAsString;
|
|
7809
7823
|
this.getBoolean = getBoolean;
|
|
7810
7824
|
this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : /* istanbul ignore next */ []));
|
|
7811
|
-
this.
|
|
7825
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7826
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
7827
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
7828
|
+
this.tabIndex = input(...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
|
|
7829
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
7812
7830
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
7831
|
+
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
|
|
7832
|
+
this.ariaControls = input(...(ngDevMode ? [undefined, { debugName: "ariaControls" }] : /* istanbul ignore next */ []));
|
|
7813
7833
|
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
7814
|
-
this.
|
|
7815
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
7816
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
7817
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
7834
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
7818
7835
|
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
|
|
7819
|
-
this.
|
|
7836
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
7820
7837
|
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
|
|
7821
|
-
this.
|
|
7822
|
-
this.
|
|
7823
|
-
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
7824
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7825
|
-
this.change = output();
|
|
7838
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
7839
|
+
this.click = output();
|
|
7826
7840
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
7827
|
-
this.
|
|
7828
|
-
this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
|
|
7841
|
+
this._labelRef = viewChild("_labelRef", ...(ngDevMode ? [{ debugName: "_labelRef" }] : /* istanbul ignore next */ []));
|
|
7829
7842
|
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
7830
|
-
this.
|
|
7831
|
-
this.
|
|
7843
|
+
this.internalActive = signal(false, ...(ngDevMode ? [{ debugName: "internalActive" }] : /* istanbul ignore next */ []));
|
|
7844
|
+
this.internalTabIndex = signal(-1, ...(ngDevMode ? [{ debugName: "internalTabIndex" }] : /* istanbul ignore next */ []));
|
|
7845
|
+
this.isTruncated = signal(false, ...(ngDevMode ? [{ debugName: "isTruncated" }] : /* istanbul ignore next */ []));
|
|
7846
|
+
this.tooltipText = signal("", ...(ngDevMode ? [{ debugName: "tooltipText" }] : /* istanbul ignore next */ []));
|
|
7847
|
+
this._resizeObserver = signal(null, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : /* istanbul ignore next */ []));
|
|
7848
|
+
this._ariaSelectedListener = signal(null, ...(ngDevMode ? [{ debugName: "_ariaSelectedListener" }] : /* istanbul ignore next */ []));
|
|
7832
7849
|
if (typeof window !== "undefined") {
|
|
7833
7850
|
effect(() => {
|
|
7834
7851
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
7835
|
-
this.
|
|
7836
|
-
this.initialized();
|
|
7837
|
-
this.boundSetSelectedOnChange();
|
|
7852
|
+
this.active();
|
|
7838
7853
|
// ---
|
|
7839
|
-
if (this.
|
|
7840
|
-
this.
|
|
7841
|
-
this.boundSetSelectedOnChange()) {
|
|
7842
|
-
this.initialized.set(false);
|
|
7843
|
-
// deselect this tab when another tab in tablist is selected
|
|
7844
|
-
if (!this._listenerAdded()) {
|
|
7845
|
-
this._ref()
|
|
7846
|
-
?.nativeElement.closest("[role=tablist]")
|
|
7847
|
-
?.addEventListener("change", this.boundSetSelectedOnChange());
|
|
7848
|
-
this._listenerAdded.set(true);
|
|
7849
|
-
}
|
|
7850
|
-
// Initialize selected state from either active prop (set by parent) or checked attribute
|
|
7851
|
-
if (this.active() || this._ref()?.nativeElement.checked) {
|
|
7852
|
-
this._selected.set(true);
|
|
7853
|
-
this._ref()?.nativeElement.click();
|
|
7854
|
-
}
|
|
7854
|
+
if (this.active() !== undefined) {
|
|
7855
|
+
this.internalActive.set(getBoolean(this.active()) || false);
|
|
7855
7856
|
}
|
|
7856
7857
|
}, {
|
|
7857
7858
|
// Enable writing to signals inside effects
|
|
7858
7859
|
});
|
|
7859
7860
|
effect(() => {
|
|
7860
|
-
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
|
|
7861
|
+
if (this._ref()?.nativeElement) {
|
|
7862
|
+
const isDisabled = getBoolean(this.disabled());
|
|
7863
|
+
const disabledStr = isDisabled ? "true" : "false";
|
|
7864
|
+
if (this._ref()?.nativeElement?.getAttribute("aria-disabled") !==
|
|
7865
|
+
disabledStr) {
|
|
7866
|
+
this._ref()?.nativeElement?.setAttribute("aria-disabled", disabledStr);
|
|
7867
|
+
}
|
|
7868
|
+
if (!this.isTruncated()) {
|
|
7869
|
+
if (this._ref()?.nativeElement.hasAttribute("data-has-tooltip")) {
|
|
7870
|
+
this._ref()?.nativeElement.removeAttribute("data-has-tooltip");
|
|
7871
|
+
}
|
|
7872
|
+
if (this._ref()?.nativeElement.hasAttribute("aria-describedby")) {
|
|
7873
|
+
this._ref()?.nativeElement.removeAttribute("aria-describedby");
|
|
7874
|
+
}
|
|
7875
|
+
}
|
|
7865
7876
|
}
|
|
7866
7877
|
}, {
|
|
7867
7878
|
// Enable writing to signals inside effects
|
|
@@ -7904,103 +7915,159 @@ class DBTabItem {
|
|
|
7904
7915
|
}
|
|
7905
7916
|
}
|
|
7906
7917
|
}
|
|
7907
|
-
writeValue(value) {
|
|
7908
|
-
this.checked.set(!!value);
|
|
7909
|
-
if (this._ref()?.nativeElement) {
|
|
7910
|
-
this.renderer.setProperty(this._ref()?.nativeElement, 'checked', !!value);
|
|
7911
|
-
}
|
|
7912
|
-
}
|
|
7913
|
-
propagateChange(_) { }
|
|
7914
|
-
registerOnChange(onChange) {
|
|
7915
|
-
this.propagateChange = onChange;
|
|
7916
|
-
}
|
|
7917
|
-
registerOnTouched(onTouched) {
|
|
7918
|
-
}
|
|
7919
|
-
setDisabledState(disabled) {
|
|
7920
|
-
this.disabled.set(disabled);
|
|
7921
|
-
}
|
|
7922
7918
|
ngAfterViewInit() {
|
|
7923
7919
|
if (typeof window !== "undefined") {
|
|
7924
7920
|
const element = this._ref()?.nativeElement;
|
|
7925
7921
|
this.enableAttributePassing(element, "db-tab-item");
|
|
7926
|
-
this.
|
|
7927
|
-
this.
|
|
7922
|
+
this.internalActive.set(getBoolean(this.active()) || false);
|
|
7923
|
+
this.internalTabIndex.set(getBoolean(this.active()) ? 0 : -1);
|
|
7924
|
+
if (typeof window !== "undefined") {
|
|
7925
|
+
const setupObserverAndCheck = () => {
|
|
7926
|
+
requestAnimationFrame(() => {
|
|
7927
|
+
this.checkTruncation();
|
|
7928
|
+
const labelEl = this._labelRef()?.nativeElement;
|
|
7929
|
+
if (labelEl && !labelEl.dataset.label) {
|
|
7930
|
+
labelEl.dataset.label =
|
|
7931
|
+
this.label() || labelEl.innerText || labelEl.textContent || "";
|
|
7932
|
+
}
|
|
7933
|
+
if (this._labelRef()?.nativeElement) {
|
|
7934
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
7935
|
+
requestAnimationFrame(() => {
|
|
7936
|
+
this.checkTruncation();
|
|
7937
|
+
});
|
|
7938
|
+
});
|
|
7939
|
+
resizeObserver.observe(this._labelRef()?.nativeElement);
|
|
7940
|
+
this._resizeObserver.set(resizeObserver);
|
|
7941
|
+
}
|
|
7942
|
+
});
|
|
7943
|
+
};
|
|
7944
|
+
const hasIcon = this.showIcon() && this.icon();
|
|
7945
|
+
if (hasIcon && document.fonts?.ready) {
|
|
7946
|
+
document.fonts.ready.then(setupObserverAndCheck);
|
|
7947
|
+
}
|
|
7948
|
+
else {
|
|
7949
|
+
setupObserverAndCheck();
|
|
7950
|
+
}
|
|
7951
|
+
}
|
|
7952
|
+
if (this._ref()?.nativeElement) {
|
|
7953
|
+
const listener = (event) => {
|
|
7954
|
+
this.internalActive.set(event.detail.selected);
|
|
7955
|
+
if (this.tabIndex() === undefined) {
|
|
7956
|
+
if (event.detail.tabIndex !== undefined) {
|
|
7957
|
+
this.internalTabIndex.set(event.detail.tabIndex);
|
|
7958
|
+
}
|
|
7959
|
+
else {
|
|
7960
|
+
this.internalTabIndex.set(event.detail.selected ? 0 : -1);
|
|
7961
|
+
}
|
|
7962
|
+
}
|
|
7963
|
+
};
|
|
7964
|
+
this._ariaSelectedListener.set({
|
|
7965
|
+
fn: listener,
|
|
7966
|
+
});
|
|
7967
|
+
this._ref()?.nativeElement.addEventListener("aria-selected-changed", listener);
|
|
7968
|
+
}
|
|
7928
7969
|
}
|
|
7929
7970
|
}
|
|
7930
7971
|
ngOnDestroy() {
|
|
7931
|
-
|
|
7932
|
-
|
|
7933
|
-
|
|
7934
|
-
this._ref()
|
|
7935
|
-
?.nativeElement.closest("[role=tablist]")
|
|
7936
|
-
?.removeEventListener("change", this.boundSetSelectedOnChange());
|
|
7937
|
-
this._listenerAdded.set(false);
|
|
7972
|
+
this._resizeObserver()?.disconnect();
|
|
7973
|
+
const _listener = this._ariaSelectedListener();
|
|
7974
|
+
if (this._ref()?.nativeElement && _listener) {
|
|
7975
|
+
this._ref()?.nativeElement.removeEventListener("aria-selected-changed", _listener.fn);
|
|
7938
7976
|
}
|
|
7939
7977
|
}
|
|
7940
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7941
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7942
|
-
|
|
7943
|
-
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
|
|
7947
|
-
|
|
7948
|
-
|
|
7949
|
-
|
|
7950
|
-
|
|
7951
|
-
|
|
7952
|
-
|
|
7953
|
-
|
|
7954
|
-
|
|
7955
|
-
|
|
7956
|
-
|
|
7957
|
-
|
|
7958
|
-
|
|
7959
|
-
|
|
7960
|
-
|
|
7961
|
-
|
|
7962
|
-
|
|
7963
|
-
|
|
7964
|
-
|
|
7965
|
-
|
|
7978
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBTabItem, isStandalone: true, selector: "db-tab-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", 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 }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showIconLeading: { classPropertyName: "showIconLeading", publicName: "showIconLeading", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, showIconTrailing: { classPropertyName: "showIconTrailing", publicName: "showIconTrailing", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", click: "click" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }, { propertyName: "_labelRef", first: true, predicate: ["_labelRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<button
|
|
7980
|
+
type="button"
|
|
7981
|
+
role="tab"
|
|
7982
|
+
title=""
|
|
7983
|
+
#_ref
|
|
7984
|
+
[class]="cls('db-tab-item', className())"
|
|
7985
|
+
[attr.aria-label]="getBoolean(noText()) ? label() : undefined"
|
|
7986
|
+
[attr.aria-selected]="(active() !== undefined ? getBoolean(active()) : internalActive()) ? 'true' : 'false'"
|
|
7987
|
+
[attr.aria-controls]="ariaControls()"
|
|
7988
|
+
[disabled]="getBoolean(disabled()) ? true : undefined"
|
|
7989
|
+
[attr.tabIndex]="getCurrentTabIndex()"
|
|
7990
|
+
[attr.id]="id()"
|
|
7991
|
+
[attr.data-active]="active() !== undefined ? getBoolean(active()) : internalActive()"
|
|
7992
|
+
[attr.data-no-text]="getBoolean(noText()) ? 'true' : undefined"
|
|
7993
|
+
[attr.data-value]="value()"
|
|
7994
|
+
(click)="handleClick($event)"
|
|
7995
|
+
>
|
|
7996
|
+
@if(!noText()){
|
|
7997
|
+
<span
|
|
7998
|
+
class="db-tab-label"
|
|
7999
|
+
title=""
|
|
8000
|
+
#_labelRef
|
|
8001
|
+
[attr.data-icon]="getBoolean(showIconLeading() ?? showIcon()) ? iconLeading() ?? icon() : undefined"
|
|
8002
|
+
[attr.data-icon-trailing]="getBoolean(showIconTrailing()) ? iconTrailing() : undefined"
|
|
8003
|
+
>@if(label()){{{label()}}} @if(!label()){
|
|
8004
|
+
<ng-content> </ng-content>
|
|
8005
|
+
}</span
|
|
8006
|
+
>
|
|
8007
|
+
} @if(getBoolean(noText())){
|
|
8008
|
+
<span
|
|
8009
|
+
class="db-tab-label"
|
|
8010
|
+
aria-hidden="true"
|
|
8011
|
+
[attr.data-icon]="getBoolean(showIconLeading() ?? showIcon()) ? iconLeading() ?? icon() : undefined"
|
|
8012
|
+
></span>
|
|
8013
|
+
} @if(isTruncated() && tooltipText()){
|
|
8014
|
+
<db-tooltip placement="right">{{tooltipText()}}</db-tooltip>
|
|
8015
|
+
}
|
|
8016
|
+
</button> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "propOverrides", "variant", "placement", "className", "emphasis", "wrap", "animation", "delay", "width", "showArrow"] }] }); }
|
|
7966
8017
|
}
|
|
7967
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabItem, decorators: [{
|
|
7968
8019
|
type: Component,
|
|
7969
|
-
args: [{
|
|
7970
|
-
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
|
|
7974
|
-
|
|
7975
|
-
|
|
7976
|
-
|
|
7977
|
-
|
|
7978
|
-
|
|
7979
|
-
|
|
7980
|
-
|
|
7981
|
-
|
|
7982
|
-
|
|
7983
|
-
|
|
7984
|
-
|
|
7985
|
-
|
|
7986
|
-
|
|
7987
|
-
|
|
7988
|
-
|
|
7989
|
-
|
|
7990
|
-
|
|
7991
|
-
|
|
7992
|
-
|
|
7993
|
-
|
|
7994
|
-
|
|
8020
|
+
args: [{ selector: "db-tab-item", standalone: true, imports: [CommonModule, DBTooltip], template: `<button
|
|
8021
|
+
type="button"
|
|
8022
|
+
role="tab"
|
|
8023
|
+
title=""
|
|
8024
|
+
#_ref
|
|
8025
|
+
[class]="cls('db-tab-item', className())"
|
|
8026
|
+
[attr.aria-label]="getBoolean(noText()) ? label() : undefined"
|
|
8027
|
+
[attr.aria-selected]="(active() !== undefined ? getBoolean(active()) : internalActive()) ? 'true' : 'false'"
|
|
8028
|
+
[attr.aria-controls]="ariaControls()"
|
|
8029
|
+
[disabled]="getBoolean(disabled()) ? true : undefined"
|
|
8030
|
+
[attr.tabIndex]="getCurrentTabIndex()"
|
|
8031
|
+
[attr.id]="id()"
|
|
8032
|
+
[attr.data-active]="active() !== undefined ? getBoolean(active()) : internalActive()"
|
|
8033
|
+
[attr.data-no-text]="getBoolean(noText()) ? 'true' : undefined"
|
|
8034
|
+
[attr.data-value]="value()"
|
|
8035
|
+
(click)="handleClick($event)"
|
|
8036
|
+
>
|
|
8037
|
+
@if(!noText()){
|
|
8038
|
+
<span
|
|
8039
|
+
class="db-tab-label"
|
|
8040
|
+
title=""
|
|
8041
|
+
#_labelRef
|
|
8042
|
+
[attr.data-icon]="getBoolean(showIconLeading() ?? showIcon()) ? iconLeading() ?? icon() : undefined"
|
|
8043
|
+
[attr.data-icon-trailing]="getBoolean(showIconTrailing()) ? iconTrailing() : undefined"
|
|
8044
|
+
>@if(label()){{{label()}}} @if(!label()){
|
|
8045
|
+
<ng-content> </ng-content>
|
|
8046
|
+
}</span
|
|
8047
|
+
>
|
|
8048
|
+
} @if(getBoolean(noText())){
|
|
8049
|
+
<span
|
|
8050
|
+
class="db-tab-label"
|
|
8051
|
+
aria-hidden="true"
|
|
8052
|
+
[attr.data-icon]="getBoolean(showIconLeading() ?? showIcon()) ? iconLeading() ?? icon() : undefined"
|
|
8053
|
+
></span>
|
|
8054
|
+
} @if(isTruncated() && tooltipText()){
|
|
8055
|
+
<db-tooltip placement="right">{{tooltipText()}}</db-tooltip>
|
|
8056
|
+
}
|
|
8057
|
+
</button> `, styles: [":host{display:contents}\n"] }]
|
|
8058
|
+
}], ctorParameters: () => [], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], noText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noText", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], showIconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconLeading", required: false }] }], iconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconLeading", required: false }] }], showIconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconTrailing", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], click: [{ type: i0.Output, args: ["click"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }], _labelRef: [{ type: i0.ViewChild, args: ["_labelRef", { isSignal: true }] }] } });
|
|
7995
8059
|
|
|
7996
|
-
const defaultProps$
|
|
8060
|
+
const defaultProps$2 = {};
|
|
7997
8061
|
class DBTabList {
|
|
7998
8062
|
constructor() {
|
|
7999
8063
|
this.cls = cls;
|
|
8000
8064
|
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8001
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8002
8065
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8066
|
+
this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
8067
|
+
this.ariaLabelledby = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
|
|
8068
|
+
this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
8003
8069
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8070
|
+
this._id = signal("tab-list-base-id", ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
8004
8071
|
}
|
|
8005
8072
|
/**
|
|
8006
8073
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -8042,39 +8109,46 @@ class DBTabList {
|
|
|
8042
8109
|
if (typeof window !== "undefined") {
|
|
8043
8110
|
const element = this._ref()?.nativeElement;
|
|
8044
8111
|
this.enableAttributePassing(element, "db-tab-list");
|
|
8112
|
+
this._id.set(this.id() || "tab-list-" + uuid());
|
|
8045
8113
|
}
|
|
8046
8114
|
}
|
|
8047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8048
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
8115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", 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 }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
8117
|
+
role="tablist"
|
|
8049
8118
|
#_ref
|
|
8050
|
-
[attr.id]="
|
|
8119
|
+
[attr.id]="_id()"
|
|
8051
8120
|
[class]="cls('db-tab-list', className())"
|
|
8121
|
+
[attr.aria-orientation]="orientation() || 'horizontal'"
|
|
8122
|
+
[attr.aria-label]="ariaLabelledby() ? undefined : ariaLabel()"
|
|
8123
|
+
[attr.aria-labelledby]="ariaLabelledby()"
|
|
8052
8124
|
>
|
|
8053
|
-
<
|
|
8054
|
-
<ng-content></ng-content>
|
|
8055
|
-
</ul>
|
|
8125
|
+
<ng-content></ng-content>
|
|
8056
8126
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
8057
8127
|
}
|
|
8058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabList, decorators: [{
|
|
8059
8129
|
type: Component,
|
|
8060
8130
|
args: [{ selector: "db-tab-list", standalone: true, imports: [CommonModule], template: `<div
|
|
8131
|
+
role="tablist"
|
|
8061
8132
|
#_ref
|
|
8062
|
-
[attr.id]="
|
|
8133
|
+
[attr.id]="_id()"
|
|
8063
8134
|
[class]="cls('db-tab-list', className())"
|
|
8135
|
+
[attr.aria-orientation]="orientation() || 'horizontal'"
|
|
8136
|
+
[attr.aria-label]="ariaLabelledby() ? undefined : ariaLabel()"
|
|
8137
|
+
[attr.aria-labelledby]="ariaLabelledby()"
|
|
8064
8138
|
>
|
|
8065
|
-
<
|
|
8066
|
-
<ng-content></ng-content>
|
|
8067
|
-
</ul>
|
|
8139
|
+
<ng-content></ng-content>
|
|
8068
8140
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
8069
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }],
|
|
8141
|
+
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8070
8142
|
|
|
8071
|
-
const defaultProps$2 = {};
|
|
8072
8143
|
class DBTabPanel {
|
|
8073
8144
|
constructor() {
|
|
8074
8145
|
this.cls = cls;
|
|
8075
8146
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8076
8147
|
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8077
8148
|
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8149
|
+
this.hidden = input(...(ngDevMode ? [undefined, { debugName: "hidden" }] : /* istanbul ignore next */ []));
|
|
8150
|
+
this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
8151
|
+
this.ariaLabelledby = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
|
|
8078
8152
|
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
|
|
8079
8153
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8080
8154
|
}
|
|
@@ -8120,145 +8194,337 @@ class DBTabPanel {
|
|
|
8120
8194
|
this.enableAttributePassing(element, "db-tab-panel");
|
|
8121
8195
|
}
|
|
8122
8196
|
}
|
|
8123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", 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: `<div
|
|
8125
8199
|
role="tabpanel"
|
|
8126
8200
|
#_ref
|
|
8127
8201
|
[class]="cls('db-tab-panel', className())"
|
|
8128
8202
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
8203
|
+
[attr.tabIndex]="hidden() ? -1 : 0"
|
|
8204
|
+
[attr.hidden]="hidden()"
|
|
8205
|
+
[attr.aria-label]="ariaLabel()"
|
|
8206
|
+
[attr.aria-labelledby]="ariaLabel() ? undefined : ariaLabelledby()"
|
|
8129
8207
|
>
|
|
8130
8208
|
@if(content()){{{content()}}} <ng-content></ng-content>
|
|
8131
|
-
</
|
|
8209
|
+
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
8132
8210
|
}
|
|
8133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabPanel, decorators: [{
|
|
8134
8212
|
type: Component,
|
|
8135
|
-
args: [{ selector: "db-tab-panel", standalone: true, imports: [CommonModule], template: `<
|
|
8213
|
+
args: [{ selector: "db-tab-panel", standalone: true, imports: [CommonModule], template: `<div
|
|
8136
8214
|
role="tabpanel"
|
|
8137
8215
|
#_ref
|
|
8138
8216
|
[class]="cls('db-tab-panel', className())"
|
|
8139
8217
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
8218
|
+
[attr.tabIndex]="hidden() ? -1 : 0"
|
|
8219
|
+
[attr.hidden]="hidden()"
|
|
8220
|
+
[attr.aria-label]="ariaLabel()"
|
|
8221
|
+
[attr.aria-labelledby]="ariaLabel() ? undefined : ariaLabelledby()"
|
|
8140
8222
|
>
|
|
8141
8223
|
@if(content()){{{content()}}} <ng-content></ng-content>
|
|
8142
|
-
</
|
|
8143
|
-
}], ctorParameters: () => [], propDecorators: { className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8224
|
+
</div> `, styles: [":host{display:contents}\n"] }]
|
|
8225
|
+
}], ctorParameters: () => [], propDecorators: { className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8144
8226
|
|
|
8145
|
-
const defaultProps$1 = {
|
|
8227
|
+
const defaultProps$1 = {
|
|
8228
|
+
tabItemWidth: "auto",
|
|
8229
|
+
tabItemAlignment: "start",
|
|
8230
|
+
scrollStartLabel: "Scroll start",
|
|
8231
|
+
scrollEndLabel: "Scroll end",
|
|
8232
|
+
};
|
|
8146
8233
|
class DBTabs {
|
|
8147
|
-
|
|
8234
|
+
_id() {
|
|
8235
|
+
return this.id() || this._generatedId();
|
|
8236
|
+
}
|
|
8237
|
+
_name() {
|
|
8238
|
+
return "tabs-" + (this.name() || this._generatedName());
|
|
8239
|
+
}
|
|
8240
|
+
getTabId(index) {
|
|
8241
|
+
return `${this._name()}-tab-${index}`;
|
|
8242
|
+
}
|
|
8243
|
+
getPanelId(index) {
|
|
8244
|
+
return `${this._name()}-tab-panel-${index}`;
|
|
8245
|
+
}
|
|
8246
|
+
activateTab(index) {
|
|
8247
|
+
// Prevent activating a disabled tab
|
|
8248
|
+
if (this._ref()?.nativeElement) {
|
|
8249
|
+
const tabList = this._ref()?.nativeElement.querySelector('[role="tablist"]');
|
|
8250
|
+
if (tabList) {
|
|
8251
|
+
const tabs = Array.from(tabList.querySelectorAll('[role="tab"]'));
|
|
8252
|
+
const tab = tabs[index];
|
|
8253
|
+
if (tab?.disabled || tab?.getAttribute("aria-disabled") === "true") {
|
|
8254
|
+
return;
|
|
8255
|
+
}
|
|
8256
|
+
}
|
|
8257
|
+
}
|
|
8258
|
+
if (this.activeTabIndex() !== index) {
|
|
8259
|
+
this.activeTabIndex.set(index);
|
|
8260
|
+
if (this.indexChange) {
|
|
8261
|
+
this.indexChange.emit(index);
|
|
8262
|
+
}
|
|
8263
|
+
// Emit value of the newly active tab item if value props are set
|
|
8264
|
+
if (this.valueChange) {
|
|
8265
|
+
const tabList = this._ref()?.nativeElement?.querySelector('[role="tablist"]');
|
|
8266
|
+
const tabs = tabList
|
|
8267
|
+
? Array.from(tabList.querySelectorAll('[role="tab"]'))
|
|
8268
|
+
: [];
|
|
8269
|
+
const value = tabs[index]?.dataset?.["value"];
|
|
8270
|
+
this.valueChange.emit(value);
|
|
8271
|
+
}
|
|
8272
|
+
this.initTabs(index);
|
|
8273
|
+
}
|
|
8274
|
+
}
|
|
8275
|
+
handleClick(event) {
|
|
8276
|
+
// In props-mode (props.tabs), tab activation is handled via onClick on each DBTabItem directly.
|
|
8277
|
+
// In slot-mode (!props.tabs), clicks bubble up and are handled here via DOM traversal.
|
|
8278
|
+
if (this.tabs()) {
|
|
8279
|
+
return;
|
|
8280
|
+
}
|
|
8281
|
+
const target = event.target;
|
|
8282
|
+
const button = target.closest('[role="tab"]');
|
|
8283
|
+
if (!button || !this._ref()?.nativeElement)
|
|
8284
|
+
return;
|
|
8285
|
+
const tabList = this._ref()?.nativeElement?.querySelector('[role="tablist"]');
|
|
8286
|
+
if (!tabList)
|
|
8287
|
+
return;
|
|
8288
|
+
const buttons = Array.from(tabList.querySelectorAll('[role="tab"]'));
|
|
8289
|
+
const index = buttons.indexOf(button);
|
|
8290
|
+
if (index !== -1) {
|
|
8291
|
+
event.preventDefault();
|
|
8292
|
+
this.activateTab(index);
|
|
8293
|
+
}
|
|
8294
|
+
}
|
|
8295
|
+
handleKeyDown(event) {
|
|
8296
|
+
if (!this._ref()?.nativeElement)
|
|
8297
|
+
return;
|
|
8298
|
+
const key = event.key;
|
|
8299
|
+
const navigationKeys = [
|
|
8300
|
+
"ArrowRight",
|
|
8301
|
+
"ArrowDown",
|
|
8302
|
+
"ArrowLeft",
|
|
8303
|
+
"ArrowUp",
|
|
8304
|
+
"Home",
|
|
8305
|
+
"End",
|
|
8306
|
+
"Enter",
|
|
8307
|
+
" ",
|
|
8308
|
+
];
|
|
8309
|
+
if (!navigationKeys.includes(key)) {
|
|
8310
|
+
return;
|
|
8311
|
+
}
|
|
8312
|
+
const tabList = this._ref()?.nativeElement.querySelector('[role="tablist"]');
|
|
8313
|
+
if (!tabList)
|
|
8314
|
+
return;
|
|
8315
|
+
const buttons = Array.from(tabList.querySelectorAll('[role="tab"]'));
|
|
8316
|
+
// find currently focused element within the buttons list
|
|
8317
|
+
let currentIndex = -1;
|
|
8318
|
+
if (typeof document !== "undefined") {
|
|
8319
|
+
// Traverse Shadow DOM boundaries to find the truly focused element.
|
|
8320
|
+
// document.activeElement only returns the shadow host when focus is inside a Shadow DOM,
|
|
8321
|
+
// so we must walk through each shadowRoot to reach the actual focused element.
|
|
8322
|
+
let activeEl = document.activeElement;
|
|
8323
|
+
while (activeEl?.shadowRoot?.activeElement) {
|
|
8324
|
+
activeEl = activeEl.shadowRoot.activeElement;
|
|
8325
|
+
}
|
|
8326
|
+
if (activeEl) {
|
|
8327
|
+
const focusedButton = activeEl.closest('[role="tab"]');
|
|
8328
|
+
if (focusedButton) {
|
|
8329
|
+
currentIndex = buttons.indexOf(focusedButton);
|
|
8330
|
+
}
|
|
8331
|
+
}
|
|
8332
|
+
}
|
|
8333
|
+
if (currentIndex === -1) {
|
|
8334
|
+
currentIndex = this.activeTabIndex();
|
|
8335
|
+
}
|
|
8336
|
+
if (buttons.length > 0) {
|
|
8337
|
+
// handle activation (enter / space) -> change panel
|
|
8338
|
+
if (key === "Enter" || key === " ") {
|
|
8339
|
+
event.preventDefault();
|
|
8340
|
+
this.activateTab(currentIndex);
|
|
8341
|
+
return;
|
|
8342
|
+
}
|
|
8343
|
+
// handle navigation (arrows) -> moves focus
|
|
8344
|
+
let nextIndex;
|
|
8345
|
+
const length = buttons.length;
|
|
8346
|
+
if (key === "ArrowRight" || key === "ArrowDown") {
|
|
8347
|
+
nextIndex = (currentIndex + 1) % length;
|
|
8348
|
+
}
|
|
8349
|
+
else if (key === "ArrowLeft" || key === "ArrowUp") {
|
|
8350
|
+
nextIndex = (currentIndex - 1 + length) % length;
|
|
8351
|
+
}
|
|
8352
|
+
else if (key === "Home") {
|
|
8353
|
+
nextIndex = 0;
|
|
8354
|
+
}
|
|
8355
|
+
else if (key === "End") {
|
|
8356
|
+
nextIndex = length - 1;
|
|
8357
|
+
}
|
|
8358
|
+
if (nextIndex !== undefined) {
|
|
8359
|
+
event.preventDefault();
|
|
8360
|
+
// Skip disabled tabs when navigating with arrow keys
|
|
8361
|
+
const isForward = key === "ArrowRight" || key === "ArrowDown";
|
|
8362
|
+
const maxAttempts = length;
|
|
8363
|
+
for (let i = 0; i < maxAttempts; i++) {
|
|
8364
|
+
const candidate = buttons[nextIndex];
|
|
8365
|
+
if (!candidate?.disabled &&
|
|
8366
|
+
candidate?.getAttribute("aria-disabled") !== "true") {
|
|
8367
|
+
break;
|
|
8368
|
+
}
|
|
8369
|
+
if (isForward) {
|
|
8370
|
+
nextIndex = (nextIndex + 1) % length;
|
|
8371
|
+
}
|
|
8372
|
+
else {
|
|
8373
|
+
nextIndex = (nextIndex - 1 + length) % length;
|
|
8374
|
+
}
|
|
8375
|
+
}
|
|
8376
|
+
// do not activateTab here for manual activation, just move the focus
|
|
8377
|
+
const nextButton = buttons[nextIndex];
|
|
8378
|
+
if (nextButton &&
|
|
8379
|
+
!nextButton.disabled &&
|
|
8380
|
+
nextButton.getAttribute("aria-disabled") !== "true") {
|
|
8381
|
+
nextButton.focus();
|
|
8382
|
+
}
|
|
8383
|
+
}
|
|
8384
|
+
}
|
|
8385
|
+
}
|
|
8386
|
+
isIndexActive(index) {
|
|
8387
|
+
return this.activeTabIndex() === Number(index);
|
|
8388
|
+
}
|
|
8389
|
+
getTabItemTabIndex(index) {
|
|
8390
|
+
const i = Number(index);
|
|
8391
|
+
// only the active tab should be reachable via Tab key
|
|
8392
|
+
return this.activeTabIndex() === i ||
|
|
8393
|
+
(this.activeTabIndex() === -1 && i === 0)
|
|
8394
|
+
? 0
|
|
8395
|
+
: -1;
|
|
8396
|
+
}
|
|
8397
|
+
_updateCachedTabs() {
|
|
8148
8398
|
try {
|
|
8149
8399
|
if (typeof this.tabs() === "string") {
|
|
8150
|
-
|
|
8400
|
+
this._cachedTabs.set(JSON.parse(this.tabs()));
|
|
8401
|
+
}
|
|
8402
|
+
else if (this.tabs()) {
|
|
8403
|
+
this._cachedTabs.set(this.tabs());
|
|
8404
|
+
}
|
|
8405
|
+
else {
|
|
8406
|
+
this._cachedTabs.set([]);
|
|
8151
8407
|
}
|
|
8152
|
-
return this.tabs();
|
|
8153
8408
|
}
|
|
8154
8409
|
catch (error) {
|
|
8155
8410
|
console.error(error);
|
|
8411
|
+
this._cachedTabs.set([]);
|
|
8156
8412
|
}
|
|
8157
|
-
|
|
8413
|
+
}
|
|
8414
|
+
_getScrollContainer() {
|
|
8415
|
+
return (this._ref()?.nativeElement?.querySelector('[role="tablist"]') ?? null);
|
|
8416
|
+
}
|
|
8417
|
+
_isRtl() {
|
|
8418
|
+
const container = this._getScrollContainer();
|
|
8419
|
+
return (!!container &&
|
|
8420
|
+
typeof getComputedStyle !== "undefined" &&
|
|
8421
|
+
getComputedStyle(container).direction === "rtl");
|
|
8158
8422
|
}
|
|
8159
8423
|
evaluateScrollButtons(tList) {
|
|
8160
8424
|
const needsScroll = tList.scrollWidth > tList.clientWidth;
|
|
8161
|
-
|
|
8162
|
-
|
|
8425
|
+
if (!needsScroll) {
|
|
8426
|
+
this.showScrollStart.set(false);
|
|
8427
|
+
this.showScrollEnd.set(false);
|
|
8428
|
+
return;
|
|
8429
|
+
}
|
|
8430
|
+
const scrollPos = Math.abs(tList.scrollLeft);
|
|
8431
|
+
const maxScroll = tList.scrollWidth - tList.clientWidth;
|
|
8432
|
+
const tolerance = 2;
|
|
8433
|
+
// scrollPos=0 means "at inline-start" in both LTR and RTL
|
|
8434
|
+
this.showScrollStart.set(scrollPos > tolerance);
|
|
8435
|
+
this.showScrollEnd.set(scrollPos < maxScroll - tolerance);
|
|
8163
8436
|
}
|
|
8164
|
-
scroll(
|
|
8165
|
-
|
|
8166
|
-
if (
|
|
8437
|
+
scroll(toStart) {
|
|
8438
|
+
const container = this._getScrollContainer();
|
|
8439
|
+
if (!container) {
|
|
8440
|
+
return;
|
|
8441
|
+
}
|
|
8442
|
+
let step = Number(this.arrowScrollDistance()) || 120;
|
|
8443
|
+
const isLeft = !!toStart;
|
|
8444
|
+
const isRtl = this._isRtl();
|
|
8445
|
+
// Map logical direction (start/end) to physical direction.
|
|
8446
|
+
// In LTR: toStart=true → scroll left (negative), toEnd → scroll right (positive).
|
|
8447
|
+
// In RTL: directions are inverted physically.
|
|
8448
|
+
if (isLeft !== isRtl) {
|
|
8167
8449
|
step *= -1;
|
|
8168
8450
|
}
|
|
8169
|
-
|
|
8170
|
-
top: 0,
|
|
8451
|
+
container.scrollBy({
|
|
8171
8452
|
left: step,
|
|
8172
8453
|
behavior: "smooth",
|
|
8173
8454
|
});
|
|
8174
8455
|
}
|
|
8175
8456
|
initTabList() {
|
|
8176
8457
|
if (this._ref()?.nativeElement) {
|
|
8177
|
-
const
|
|
8178
|
-
if (
|
|
8179
|
-
|
|
8180
|
-
|
|
8181
|
-
|
|
8182
|
-
|
|
8183
|
-
|
|
8184
|
-
|
|
8185
|
-
|
|
8458
|
+
const container = this._ref()?.nativeElement.querySelector('[role="tablist"]');
|
|
8459
|
+
if (container) {
|
|
8460
|
+
if (!container.getAttribute("aria-orientation")) {
|
|
8461
|
+
container.setAttribute("aria-orientation", this.orientation() ?? "horizontal");
|
|
8462
|
+
}
|
|
8463
|
+
if (this.behavior() === "arrows") {
|
|
8464
|
+
this.evaluateScrollButtons(container);
|
|
8465
|
+
const _listener = this._scrollListener();
|
|
8466
|
+
if (_listener && container) {
|
|
8467
|
+
container.removeEventListener("scroll", _listener.fn);
|
|
8468
|
+
this._scrollListener.set(null);
|
|
8469
|
+
}
|
|
8470
|
+
const onScroll = () => this.evaluateScrollButtons(container);
|
|
8471
|
+
this._scrollListener.set({
|
|
8472
|
+
fn: onScroll,
|
|
8473
|
+
});
|
|
8474
|
+
container.addEventListener("scroll", onScroll);
|
|
8475
|
+
if (!this._resizeObserver()) {
|
|
8476
|
+
const observer = new ResizeObserver(() => {
|
|
8186
8477
|
this.evaluateScrollButtons(container);
|
|
8187
8478
|
});
|
|
8188
|
-
|
|
8189
|
-
|
|
8190
|
-
const observer = new ResizeObserver(() => {
|
|
8191
|
-
this.evaluateScrollButtons(container);
|
|
8192
|
-
});
|
|
8193
|
-
observer.observe(container);
|
|
8194
|
-
this._resizeObserver.set(observer);
|
|
8195
|
-
}
|
|
8479
|
+
observer.observe(container);
|
|
8480
|
+
this._resizeObserver.set(observer);
|
|
8196
8481
|
}
|
|
8197
8482
|
}
|
|
8483
|
+
if (this.name() && !container.getAttribute("aria-label")) {
|
|
8484
|
+
container.setAttribute("aria-label", this.name() ?? "");
|
|
8485
|
+
}
|
|
8198
8486
|
}
|
|
8199
8487
|
}
|
|
8200
8488
|
}
|
|
8201
|
-
initTabs(
|
|
8489
|
+
initTabs(activeIndex) {
|
|
8490
|
+
const currentIndex = activeIndex !== undefined ? activeIndex : this.activeTabIndex();
|
|
8202
8491
|
if (this._ref()?.nativeElement) {
|
|
8203
|
-
const
|
|
8204
|
-
const
|
|
8205
|
-
|
|
8206
|
-
|
|
8207
|
-
|
|
8208
|
-
|
|
8209
|
-
|
|
8210
|
-
|
|
8211
|
-
|
|
8212
|
-
|
|
8213
|
-
|
|
8214
|
-
|
|
8215
|
-
|
|
8216
|
-
|
|
8217
|
-
|
|
8218
|
-
|
|
8219
|
-
|
|
8220
|
-
|
|
8221
|
-
|
|
8222
|
-
|
|
8223
|
-
|
|
8224
|
-
|
|
8225
|
-
|
|
8226
|
-
|
|
8227
|
-
|
|
8492
|
+
const tabListEl = this._ref()?.nativeElement.querySelector('[role="tablist"]');
|
|
8493
|
+
const panels = Array.from(this._ref()?.nativeElement?.querySelectorAll('[role="tabpanel"]') ?? []).filter((panel) => panel.closest(".db-tabs") === this._ref()?.nativeElement);
|
|
8494
|
+
if (!tabListEl)
|
|
8495
|
+
return;
|
|
8496
|
+
const buttons = Array.from(tabListEl.querySelectorAll('[role="tab"]'));
|
|
8497
|
+
buttons.forEach((button, index) => {
|
|
8498
|
+
const isSelected = currentIndex === index;
|
|
8499
|
+
const panel = panels[index];
|
|
8500
|
+
const tabId = button.id || this.getTabId(index);
|
|
8501
|
+
const panelId = panel?.id || this.getPanelId(index);
|
|
8502
|
+
if (!button.id) {
|
|
8503
|
+
button.id = tabId;
|
|
8504
|
+
}
|
|
8505
|
+
if (!button.getAttribute("aria-controls")) {
|
|
8506
|
+
button.setAttribute("aria-controls", panelId);
|
|
8507
|
+
}
|
|
8508
|
+
button.dispatchEvent(new CustomEvent("aria-selected-changed", {
|
|
8509
|
+
detail: {
|
|
8510
|
+
selected: isSelected,
|
|
8511
|
+
tabIndex: currentIndex === index || (currentIndex === -1 && index === 0)
|
|
8512
|
+
? 0
|
|
8513
|
+
: -1,
|
|
8514
|
+
},
|
|
8515
|
+
}));
|
|
8516
|
+
if (panel) {
|
|
8517
|
+
if (!panel.id) {
|
|
8518
|
+
panel.id = panelId;
|
|
8228
8519
|
}
|
|
8229
|
-
|
|
8230
|
-
|
|
8231
|
-
|
|
8232
|
-
if (panel.id)
|
|
8233
|
-
continue;
|
|
8234
|
-
const index = tabPanels.indexOf(panel);
|
|
8235
|
-
panel.id = `${this._name()}-tab-panel-${index}`;
|
|
8236
|
-
panel.setAttribute("aria-labelledby", `${this._name()}-tab-${index}`);
|
|
8237
|
-
}
|
|
8238
|
-
}
|
|
8239
|
-
}
|
|
8240
|
-
handleChange(event) {
|
|
8241
|
-
event.stopPropagation();
|
|
8242
|
-
if (event.target) {
|
|
8243
|
-
const target = event.target;
|
|
8244
|
-
const parent = target.parentElement;
|
|
8245
|
-
if (parent &&
|
|
8246
|
-
parent.parentElement &&
|
|
8247
|
-
parent.parentElement?.nodeName === "LI") {
|
|
8248
|
-
const tabItem = parent.parentElement.parentElement;
|
|
8249
|
-
if (tabItem) {
|
|
8250
|
-
const list = tabItem.parentElement;
|
|
8251
|
-
if (list) {
|
|
8252
|
-
const tabIndex = Array.from(list.children).indexOf(tabItem);
|
|
8253
|
-
if (this.indexChange) {
|
|
8254
|
-
this.indexChange.emit(tabIndex);
|
|
8255
|
-
}
|
|
8256
|
-
if (this.tabSelect) {
|
|
8257
|
-
this.tabSelect.emit(event);
|
|
8258
|
-
}
|
|
8520
|
+
if (!panel.getAttribute("aria-label") &&
|
|
8521
|
+
!panel.getAttribute("aria-labelledby")) {
|
|
8522
|
+
panel.setAttribute("aria-labelledby", tabId);
|
|
8259
8523
|
}
|
|
8524
|
+
// toggle visibility
|
|
8525
|
+
panel.hidden = !isSelected;
|
|
8260
8526
|
}
|
|
8261
|
-
}
|
|
8527
|
+
});
|
|
8262
8528
|
}
|
|
8263
8529
|
}
|
|
8264
8530
|
trackByTab0(index, tab) {
|
|
@@ -8269,53 +8535,53 @@ class DBTabs {
|
|
|
8269
8535
|
}
|
|
8270
8536
|
constructor() {
|
|
8271
8537
|
this.cls = cls;
|
|
8538
|
+
this.initialSelectedIndex = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedIndex" }] : /* istanbul ignore next */ []));
|
|
8539
|
+
this.initialSelectedMode = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedMode" }] : /* istanbul ignore next */ []));
|
|
8272
8540
|
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
8273
8541
|
this.tabs = input(...(ngDevMode ? [undefined, { debugName: "tabs" }] : /* istanbul ignore next */ []));
|
|
8542
|
+
this.activeIndex = input(...(ngDevMode ? [undefined, { debugName: "activeIndex" }] : /* istanbul ignore next */ []));
|
|
8543
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8274
8544
|
this.arrowScrollDistance = input(...(ngDevMode ? [undefined, { debugName: "arrowScrollDistance" }] : /* istanbul ignore next */ []));
|
|
8275
8545
|
this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
8276
8546
|
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
|
|
8277
|
-
this.initialSelectedMode = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedMode" }] : /* istanbul ignore next */ []));
|
|
8278
|
-
this.initialSelectedIndex = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedIndex" }] : /* istanbul ignore next */ []));
|
|
8279
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8280
8547
|
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8281
8548
|
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8282
|
-
this.
|
|
8283
|
-
this.
|
|
8549
|
+
this.tabItemAlignment = input(defaultProps$1["tabItemAlignment"], ...(ngDevMode ? [{ debugName: "tabItemAlignment" }] : /* istanbul ignore next */ []));
|
|
8550
|
+
this.tabItemWidth = input(defaultProps$1["tabItemWidth"], ...(ngDevMode ? [{ debugName: "tabItemWidth" }] : /* istanbul ignore next */ []));
|
|
8551
|
+
this.scrollStartLabel = input(defaultProps$1["scrollStartLabel"], ...(ngDevMode ? [{ debugName: "scrollStartLabel" }] : /* istanbul ignore next */ []));
|
|
8552
|
+
this.scrollEndLabel = input(defaultProps$1["scrollEndLabel"], ...(ngDevMode ? [{ debugName: "scrollEndLabel" }] : /* istanbul ignore next */ []));
|
|
8284
8553
|
this.indexChange = output();
|
|
8285
|
-
this.
|
|
8554
|
+
this.valueChange = output();
|
|
8286
8555
|
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8287
|
-
this.
|
|
8556
|
+
this._generatedId = signal("tabs-" + uuid(), ...(ngDevMode ? [{ debugName: "_generatedId" }] : /* istanbul ignore next */ []));
|
|
8557
|
+
this._generatedName = signal(uuid(), ...(ngDevMode ? [{ debugName: "_generatedName" }] : /* istanbul ignore next */ []));
|
|
8558
|
+
this.activeTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeTabIndex" }] : /* istanbul ignore next */ []));
|
|
8288
8559
|
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
8289
|
-
this.
|
|
8290
|
-
this.
|
|
8291
|
-
this.
|
|
8292
|
-
this.
|
|
8560
|
+
this.showScrollStart = signal(false, ...(ngDevMode ? [{ debugName: "showScrollStart" }] : /* istanbul ignore next */ []));
|
|
8561
|
+
this.showScrollEnd = signal(false, ...(ngDevMode ? [{ debugName: "showScrollEnd" }] : /* istanbul ignore next */ []));
|
|
8562
|
+
this._resizeObserver = signal(null, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : /* istanbul ignore next */ []));
|
|
8563
|
+
this._observer = signal(null, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
|
|
8564
|
+
this._pendingRafId = signal(null, ...(ngDevMode ? [{ debugName: "_pendingRafId" }] : /* istanbul ignore next */ []));
|
|
8565
|
+
this._scrollListener = signal(null, ...(ngDevMode ? [{ debugName: "_scrollListener" }] : /* istanbul ignore next */ []));
|
|
8566
|
+
this._cachedTabs = signal([], ...(ngDevMode ? [{ debugName: "_cachedTabs" }] : /* istanbul ignore next */ []));
|
|
8293
8567
|
if (typeof window !== "undefined") {
|
|
8294
8568
|
effect(() => {
|
|
8295
8569
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
8296
|
-
this.
|
|
8297
|
-
this.initialized();
|
|
8570
|
+
this.tabs();
|
|
8298
8571
|
// ---
|
|
8299
|
-
|
|
8300
|
-
|
|
8301
|
-
|
|
8302
|
-
|
|
8303
|
-
|
|
8304
|
-
|
|
8305
|
-
|
|
8306
|
-
|
|
8307
|
-
|
|
8308
|
-
|
|
8309
|
-
|
|
8310
|
-
|
|
8311
|
-
});
|
|
8312
|
-
});
|
|
8313
|
-
observer.observe(tabList, {
|
|
8314
|
-
childList: true,
|
|
8315
|
-
subtree: true,
|
|
8316
|
-
});
|
|
8572
|
+
this._updateCachedTabs();
|
|
8573
|
+
}, {
|
|
8574
|
+
// Enable writing to signals inside effects
|
|
8575
|
+
});
|
|
8576
|
+
effect(() => {
|
|
8577
|
+
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
8578
|
+
this.activeIndex();
|
|
8579
|
+
// ---
|
|
8580
|
+
if (this.activeIndex() !== undefined) {
|
|
8581
|
+
const newIndex = Number(this.activeIndex());
|
|
8582
|
+
if (!isNaN(newIndex) && newIndex !== this.activeTabIndex()) {
|
|
8583
|
+
this.activateTab(newIndex);
|
|
8317
8584
|
}
|
|
8318
|
-
this.initialized.set(false);
|
|
8319
8585
|
}
|
|
8320
8586
|
}, {
|
|
8321
8587
|
// Enable writing to signals inside effects
|
|
@@ -8362,125 +8628,209 @@ class DBTabs {
|
|
|
8362
8628
|
if (typeof window !== "undefined") {
|
|
8363
8629
|
const element = this._ref()?.nativeElement;
|
|
8364
8630
|
this.enableAttributePassing(element, "db-tabs");
|
|
8365
|
-
|
|
8631
|
+
// 1. Calculate final start index synchronously to avoid race conditions
|
|
8632
|
+
let startIndex = 0;
|
|
8633
|
+
if (this.initialSelectedIndex() !== undefined) {
|
|
8634
|
+
const parsedIndex = Number(this.initialSelectedIndex());
|
|
8635
|
+
startIndex = isNaN(parsedIndex) ? 0 : parsedIndex;
|
|
8636
|
+
}
|
|
8637
|
+
else if (this.initialSelectedMode() === "manually") {
|
|
8638
|
+
startIndex = -1;
|
|
8639
|
+
}
|
|
8640
|
+
// 2. Support deep linking: URL hash takes precedence over initial index
|
|
8641
|
+
if (typeof window !== "undefined" && window.location.hash) {
|
|
8642
|
+
const hashId = window.location.hash.substring(1);
|
|
8643
|
+
const name = this.name() ? "tabs-" + this.name() : this._name();
|
|
8644
|
+
const prefix = `${name}-tab-`;
|
|
8645
|
+
if (hashId.startsWith(prefix)) {
|
|
8646
|
+
const indexStr = hashId.replace(prefix, "");
|
|
8647
|
+
const index = parseInt(indexStr, 10);
|
|
8648
|
+
if (!isNaN(index)) {
|
|
8649
|
+
startIndex = index;
|
|
8650
|
+
}
|
|
8651
|
+
}
|
|
8652
|
+
}
|
|
8653
|
+
// 3. Set initial state synchronously
|
|
8654
|
+
this.activeTabIndex.set(startIndex);
|
|
8366
8655
|
this.initialized.set(true);
|
|
8656
|
+
this._updateCachedTabs();
|
|
8657
|
+
// 4. Trigger single initial DOM update after paint
|
|
8658
|
+
if (typeof window !== "undefined") {
|
|
8659
|
+
requestAnimationFrame(() => {
|
|
8660
|
+
this.initTabList();
|
|
8661
|
+
this.initTabs(startIndex);
|
|
8662
|
+
});
|
|
8663
|
+
}
|
|
8664
|
+
if (this._ref()?.nativeElement) {
|
|
8665
|
+
const tabListEl = this._ref()?.nativeElement.querySelector('[role="tablist"]');
|
|
8666
|
+
if (tabListEl) {
|
|
8667
|
+
const observer = new MutationObserver(() => {
|
|
8668
|
+
const rafId = this._pendingRafId();
|
|
8669
|
+
if (rafId !== null)
|
|
8670
|
+
cancelAnimationFrame(rafId);
|
|
8671
|
+
this._pendingRafId.set(requestAnimationFrame(() => {
|
|
8672
|
+
this._pendingRafId.set(null);
|
|
8673
|
+
this.initTabList();
|
|
8674
|
+
this.initTabs(this.activeTabIndex());
|
|
8675
|
+
}));
|
|
8676
|
+
});
|
|
8677
|
+
// Observe only the tablist (not panel content) to avoid unnecessary
|
|
8678
|
+
// re-evaluations when user content inside panels changes.
|
|
8679
|
+
// childList only – attribute changes (set by initTabs) are not observed, preventing infinite loops.
|
|
8680
|
+
observer.observe(tabListEl, {
|
|
8681
|
+
childList: true,
|
|
8682
|
+
subtree: true,
|
|
8683
|
+
});
|
|
8684
|
+
this._observer.set(observer);
|
|
8685
|
+
}
|
|
8686
|
+
}
|
|
8367
8687
|
}
|
|
8368
8688
|
}
|
|
8369
8689
|
ngOnDestroy() {
|
|
8690
|
+
const rafId = this._pendingRafId();
|
|
8691
|
+
if (rafId !== null) {
|
|
8692
|
+
cancelAnimationFrame(rafId);
|
|
8693
|
+
this._pendingRafId.set(null);
|
|
8694
|
+
}
|
|
8695
|
+
const _listener = this._scrollListener();
|
|
8696
|
+
const _container = this._getScrollContainer();
|
|
8697
|
+
if (_listener && _container) {
|
|
8698
|
+
_container.removeEventListener("scroll", _listener.fn);
|
|
8699
|
+
}
|
|
8370
8700
|
this._resizeObserver()?.disconnect();
|
|
8371
|
-
this._resizeObserver.set(
|
|
8701
|
+
this._resizeObserver.set(null);
|
|
8702
|
+
this._observer()?.disconnect();
|
|
8703
|
+
this._observer.set(null);
|
|
8372
8704
|
}
|
|
8373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8374
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8705
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8706
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBTabs, isStandalone: true, selector: "db-tabs", inputs: { initialSelectedIndex: { classPropertyName: "initialSelectedIndex", publicName: "initialSelectedIndex", isSignal: true, isRequired: false, transformFunction: null }, initialSelectedMode: { classPropertyName: "initialSelectedMode", publicName: "initialSelectedMode", 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 }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, tabItemAlignment: { classPropertyName: "tabItemAlignment", publicName: "tabItemAlignment", isSignal: true, isRequired: false, transformFunction: null }, tabItemWidth: { classPropertyName: "tabItemWidth", publicName: "tabItemWidth", isSignal: true, isRequired: false, transformFunction: null }, scrollStartLabel: { classPropertyName: "scrollStartLabel", publicName: "scrollStartLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollEndLabel: { classPropertyName: "scrollEndLabel", publicName: "scrollEndLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", valueChange: "valueChange" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
8375
8707
|
#_ref
|
|
8376
|
-
[attr.id]="id() ?? propOverrides()?.id"
|
|
8708
|
+
[attr.id]="id() ?? propOverrides()?.id ?? _id()"
|
|
8377
8709
|
[class]="cls('db-tabs', className())"
|
|
8378
8710
|
[attr.data-orientation]="orientation()"
|
|
8379
8711
|
[attr.data-scroll-behavior]="behavior()"
|
|
8380
|
-
[attr.data-alignment]="
|
|
8381
|
-
[attr.data-width]="
|
|
8382
|
-
(
|
|
8383
|
-
(
|
|
8712
|
+
[attr.data-tab-item-alignment]="tabItemAlignment()"
|
|
8713
|
+
[attr.data-tab-item-width]="tabItemWidth()"
|
|
8714
|
+
(click)="handleClick($event)"
|
|
8715
|
+
(keydown)="handleKeyDown($event)"
|
|
8384
8716
|
>
|
|
8385
|
-
@if(
|
|
8717
|
+
@if(showScrollStart()){
|
|
8386
8718
|
<db-button
|
|
8387
8719
|
variant="ghost"
|
|
8388
8720
|
icon="chevron_left"
|
|
8389
8721
|
type="button"
|
|
8390
|
-
className="tabs-scroll-
|
|
8722
|
+
className="tabs-scroll-start"
|
|
8391
8723
|
[noText]="true"
|
|
8392
8724
|
(click)="scroll(true)"
|
|
8725
|
+
>{{scrollStartLabel()}}</db-button
|
|
8393
8726
|
>
|
|
8394
|
-
Scroll left
|
|
8395
|
-
</db-button>
|
|
8396
8727
|
} @if(tabs()){
|
|
8397
|
-
<db-tab-list>
|
|
8398
|
-
@for (tab of
|
|
8728
|
+
<db-tab-list [orientation]="orientation()" [ariaLabel]="name()">
|
|
8729
|
+
@for (tab of _cachedTabs();track trackByTab0(index, tab);let index =
|
|
8399
8730
|
$index) {
|
|
8400
8731
|
<db-tab-item
|
|
8401
|
-
[
|
|
8732
|
+
[id]="getTabId(index)"
|
|
8733
|
+
[ariaControls]="getPanelId(index)"
|
|
8734
|
+
[active]="isIndexActive(index)"
|
|
8735
|
+
[tabIndex]="getTabItemTabIndex(index)"
|
|
8402
8736
|
[label]="tab.label"
|
|
8403
8737
|
[iconTrailing]="tab.iconTrailing"
|
|
8404
8738
|
[icon]="tab.icon"
|
|
8405
8739
|
[noText]="tab.noText"
|
|
8740
|
+
(click)="activateTab(index)"
|
|
8406
8741
|
></db-tab-item>
|
|
8407
8742
|
}
|
|
8408
8743
|
</db-tab-list>
|
|
8409
8744
|
|
|
8410
|
-
@for (tab of
|
|
8745
|
+
@for (tab of _cachedTabs();track trackByTab1(index, tab);let index = $index)
|
|
8411
8746
|
{
|
|
8412
|
-
<db-tab-panel
|
|
8413
|
-
|
|
8747
|
+
<db-tab-panel
|
|
8748
|
+
[id]="getPanelId(index)"
|
|
8749
|
+
[ariaLabelledby]="getTabId(index)"
|
|
8750
|
+
[content]="tab.content"
|
|
8751
|
+
[hidden]="!isIndexActive(index)"
|
|
8752
|
+
>{{tab.children}}</db-tab-panel
|
|
8753
|
+
>
|
|
8754
|
+
} } @if(!tabs()){
|
|
8755
|
+
<ng-content></ng-content>
|
|
8756
|
+
} @if(showScrollEnd()){
|
|
8414
8757
|
<db-button
|
|
8415
8758
|
variant="ghost"
|
|
8416
8759
|
icon="chevron_right"
|
|
8417
8760
|
type="button"
|
|
8418
|
-
className="tabs-scroll-
|
|
8761
|
+
className="tabs-scroll-end"
|
|
8419
8762
|
[noText]="true"
|
|
8420
|
-
(click)="scroll()"
|
|
8763
|
+
(click)="scroll(false)"
|
|
8764
|
+
>{{scrollEndLabel()}}</db-button
|
|
8421
8765
|
>
|
|
8422
|
-
Scroll right
|
|
8423
|
-
</db-button>
|
|
8424
8766
|
}
|
|
8425
|
-
|
|
8426
|
-
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTabList, selector: "db-tab-list", inputs: ["id", "propOverrides", "className"] }, { kind: "component", type: DBTabItem, selector: "db-tab-item", inputs: ["active", "name", "className", "id", "propOverrides", "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", "propOverrides", "content"] }] }); }
|
|
8767
|
+
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTabList, selector: "db-tab-list", inputs: ["id", "className", "orientation", "ariaLabelledby", "ariaLabel"] }, { kind: "component", type: DBTabItem, selector: "db-tab-item", inputs: ["active", "label", "showIcon", "icon", "tabIndex", "disabled", "className", "noText", "ariaControls", "id", "value", "showIconLeading", "iconLeading", "showIconTrailing", "iconTrailing"], outputs: ["disabledChange", "click"] }, { kind: "component", type: DBTabPanel, selector: "db-tab-panel", inputs: ["className", "id", "propOverrides", "hidden", "ariaLabel", "ariaLabelledby", "content"] }] }); }
|
|
8427
8768
|
}
|
|
8428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTabs, decorators: [{
|
|
8429
8770
|
type: Component,
|
|
8430
8771
|
args: [{ selector: "db-tabs", standalone: true, imports: [CommonModule, DBButton, DBTabList, DBTabItem, DBTabPanel], template: `<div
|
|
8431
8772
|
#_ref
|
|
8432
|
-
[attr.id]="id() ?? propOverrides()?.id"
|
|
8773
|
+
[attr.id]="id() ?? propOverrides()?.id ?? _id()"
|
|
8433
8774
|
[class]="cls('db-tabs', className())"
|
|
8434
8775
|
[attr.data-orientation]="orientation()"
|
|
8435
8776
|
[attr.data-scroll-behavior]="behavior()"
|
|
8436
|
-
[attr.data-alignment]="
|
|
8437
|
-
[attr.data-width]="
|
|
8438
|
-
(
|
|
8439
|
-
(
|
|
8777
|
+
[attr.data-tab-item-alignment]="tabItemAlignment()"
|
|
8778
|
+
[attr.data-tab-item-width]="tabItemWidth()"
|
|
8779
|
+
(click)="handleClick($event)"
|
|
8780
|
+
(keydown)="handleKeyDown($event)"
|
|
8440
8781
|
>
|
|
8441
|
-
@if(
|
|
8782
|
+
@if(showScrollStart()){
|
|
8442
8783
|
<db-button
|
|
8443
8784
|
variant="ghost"
|
|
8444
8785
|
icon="chevron_left"
|
|
8445
8786
|
type="button"
|
|
8446
|
-
className="tabs-scroll-
|
|
8787
|
+
className="tabs-scroll-start"
|
|
8447
8788
|
[noText]="true"
|
|
8448
8789
|
(click)="scroll(true)"
|
|
8790
|
+
>{{scrollStartLabel()}}</db-button
|
|
8449
8791
|
>
|
|
8450
|
-
Scroll left
|
|
8451
|
-
</db-button>
|
|
8452
8792
|
} @if(tabs()){
|
|
8453
|
-
<db-tab-list>
|
|
8454
|
-
@for (tab of
|
|
8793
|
+
<db-tab-list [orientation]="orientation()" [ariaLabel]="name()">
|
|
8794
|
+
@for (tab of _cachedTabs();track trackByTab0(index, tab);let index =
|
|
8455
8795
|
$index) {
|
|
8456
8796
|
<db-tab-item
|
|
8457
|
-
[
|
|
8797
|
+
[id]="getTabId(index)"
|
|
8798
|
+
[ariaControls]="getPanelId(index)"
|
|
8799
|
+
[active]="isIndexActive(index)"
|
|
8800
|
+
[tabIndex]="getTabItemTabIndex(index)"
|
|
8458
8801
|
[label]="tab.label"
|
|
8459
8802
|
[iconTrailing]="tab.iconTrailing"
|
|
8460
8803
|
[icon]="tab.icon"
|
|
8461
8804
|
[noText]="tab.noText"
|
|
8805
|
+
(click)="activateTab(index)"
|
|
8462
8806
|
></db-tab-item>
|
|
8463
8807
|
}
|
|
8464
8808
|
</db-tab-list>
|
|
8465
8809
|
|
|
8466
|
-
@for (tab of
|
|
8810
|
+
@for (tab of _cachedTabs();track trackByTab1(index, tab);let index = $index)
|
|
8467
8811
|
{
|
|
8468
|
-
<db-tab-panel
|
|
8469
|
-
|
|
8812
|
+
<db-tab-panel
|
|
8813
|
+
[id]="getPanelId(index)"
|
|
8814
|
+
[ariaLabelledby]="getTabId(index)"
|
|
8815
|
+
[content]="tab.content"
|
|
8816
|
+
[hidden]="!isIndexActive(index)"
|
|
8817
|
+
>{{tab.children}}</db-tab-panel
|
|
8818
|
+
>
|
|
8819
|
+
} } @if(!tabs()){
|
|
8820
|
+
<ng-content></ng-content>
|
|
8821
|
+
} @if(showScrollEnd()){
|
|
8470
8822
|
<db-button
|
|
8471
8823
|
variant="ghost"
|
|
8472
8824
|
icon="chevron_right"
|
|
8473
8825
|
type="button"
|
|
8474
|
-
className="tabs-scroll-
|
|
8826
|
+
className="tabs-scroll-end"
|
|
8475
8827
|
[noText]="true"
|
|
8476
|
-
(click)="scroll()"
|
|
8828
|
+
(click)="scroll(false)"
|
|
8829
|
+
>{{scrollEndLabel()}}</db-button
|
|
8477
8830
|
>
|
|
8478
|
-
Scroll right
|
|
8479
|
-
</db-button>
|
|
8480
8831
|
}
|
|
8481
|
-
<ng-content></ng-content>
|
|
8482
8832
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
8483
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
8833
|
+
}], ctorParameters: () => [], propDecorators: { initialSelectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialSelectedIndex", required: false }] }], initialSelectedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialSelectedMode", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], arrowScrollDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowScrollDistance", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], propOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "propOverrides", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], tabItemAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabItemAlignment", required: false }] }], tabItemWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabItemWidth", required: false }] }], scrollStartLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStartLabel", required: false }] }], scrollEndLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEndLabel", required: false }] }], indexChange: [{ type: i0.Output, args: ["indexChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8484
8834
|
|
|
8485
8835
|
const TabsBehaviorList = ['scrollbar', 'arrows'];
|
|
8486
8836
|
const TabsInitialSelectedModeList = ['auto', 'manually'];
|
|
@@ -8752,8 +9102,8 @@ class DBTextarea {
|
|
|
8752
9102
|
ngOnDestroy() {
|
|
8753
9103
|
this.abortController()?.abort();
|
|
8754
9104
|
}
|
|
8755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8756
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTextarea, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DBTextarea, isStandalone: true, selector: "db-textarea", inputs: { invalidMessage: { classPropertyName: "invalidMessage", publicName: "invalidMessage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", 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: [{
|
|
8757
9107
|
provide: NG_VALUE_ACCESSOR,
|
|
8758
9108
|
useExisting: DBTextarea,
|
|
8759
9109
|
multi: true
|
|
@@ -8820,7 +9170,7 @@ class DBTextarea {
|
|
|
8820
9170
|
>
|
|
8821
9171
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
|
|
8822
9172
|
}
|
|
8823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DBTextarea, decorators: [{
|
|
8824
9174
|
type: Component,
|
|
8825
9175
|
args: [{ providers: [{
|
|
8826
9176
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -8917,11 +9267,11 @@ const LabelVariantHorizontalList = ['leading', 'trailing'];
|
|
|
8917
9267
|
const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'];
|
|
8918
9268
|
const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
|
|
8919
9269
|
const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
|
|
8920
|
-
const
|
|
9270
|
+
const TabItemAlignmentList = ['start', 'center', 'end'];
|
|
8921
9271
|
|
|
8922
9272
|
/**
|
|
8923
9273
|
* Generated bundle index. Do not edit.
|
|
8924
9274
|
*/
|
|
8925
9275
|
|
|
8926
|
-
export { AccordionBehaviorList, AccordionVariantList,
|
|
9276
|
+
export { AccordionBehaviorList, AccordionVariantList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabItemAlignmentList, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
|
|
8927
9277
|
//# sourceMappingURL=db-ux-ngx-core-components.mjs.map
|