@db-ux/ngx-core-components 4.5.4-table-c758ae7 → 4.5.4-tailwind-inline-5d37a00
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$A = {};
|
|
174
174
|
class DBAccordionItem {
|
|
175
175
|
handleNameAttribute() {
|
|
176
176
|
if (this._ref()?.nativeElement) {
|
|
@@ -195,19 +195,19 @@ class DBAccordionItem {
|
|
|
195
195
|
constructor() {
|
|
196
196
|
this.cls = cls;
|
|
197
197
|
this.getBooleanAsString = getBooleanAsString;
|
|
198
|
-
this.defaultOpen = input(...(ngDevMode ? [undefined, { debugName: "defaultOpen" }] : []));
|
|
199
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
200
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
201
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
202
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
203
|
-
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
204
|
-
this.headlinePlain = input(...(ngDevMode ? [undefined, { debugName: "headlinePlain" }] : []));
|
|
205
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
198
|
+
this.defaultOpen = input(...(ngDevMode ? [undefined, { debugName: "defaultOpen" }] : /* istanbul ignore next */ []));
|
|
199
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
200
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
201
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
202
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
203
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
204
|
+
this.headlinePlain = input(...(ngDevMode ? [undefined, { debugName: "headlinePlain" }] : /* istanbul ignore next */ []));
|
|
205
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
206
206
|
this.toggle = output();
|
|
207
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
208
|
-
this._open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
|
|
209
|
-
this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : []));
|
|
210
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
207
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
208
|
+
this._open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : /* istanbul ignore next */ []));
|
|
209
|
+
this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
|
|
210
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
211
211
|
if (typeof window !== "undefined") {
|
|
212
212
|
effect(() => {
|
|
213
213
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -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: "
|
|
281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: "
|
|
304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", 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: "20.3.18", ngImpo
|
|
|
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$z = {};
|
|
331
331
|
class DBAccordion {
|
|
332
332
|
convertItems() {
|
|
333
333
|
try {
|
|
@@ -346,18 +346,18 @@ class DBAccordion {
|
|
|
346
346
|
}
|
|
347
347
|
constructor() {
|
|
348
348
|
this.cls = cls;
|
|
349
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
350
|
-
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : []));
|
|
351
|
-
this.initOpenIndex = input(...(ngDevMode ? [undefined, { debugName: "initOpenIndex" }] : []));
|
|
352
|
-
this.items = input(...(ngDevMode ? [undefined, { debugName: "items" }] : []));
|
|
353
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
354
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
355
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
356
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
357
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
358
|
-
this._name = signal("", ...(ngDevMode ? [{ debugName: "_name" }] : []));
|
|
359
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
360
|
-
this._initOpenIndexDone = signal(false, ...(ngDevMode ? [{ debugName: "_initOpenIndexDone" }] : []));
|
|
349
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
350
|
+
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
|
|
351
|
+
this.initOpenIndex = input(...(ngDevMode ? [undefined, { debugName: "initOpenIndex" }] : /* istanbul ignore next */ []));
|
|
352
|
+
this.items = input(...(ngDevMode ? [undefined, { debugName: "items" }] : /* istanbul ignore next */ []));
|
|
353
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
354
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
355
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
356
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
357
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
358
|
+
this._name = signal("", ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
|
|
359
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
360
|
+
this._initOpenIndexDone = signal(false, ...(ngDevMode ? [{ debugName: "_initOpenIndexDone" }] : /* istanbul ignore next */ []));
|
|
361
361
|
if (typeof window !== "undefined") {
|
|
362
362
|
effect(() => {
|
|
363
363
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -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: "
|
|
482
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
482
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: "
|
|
500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", 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,24 +622,24 @@ 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$y = {};
|
|
626
626
|
class DBBadge {
|
|
627
627
|
constructor() {
|
|
628
628
|
this.cls = cls;
|
|
629
629
|
this.getBooleanAsString = getBooleanAsString;
|
|
630
630
|
this.DEFAULT_LABEL = DEFAULT_LABEL;
|
|
631
|
-
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : []));
|
|
632
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
633
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
634
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
635
|
-
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : []));
|
|
636
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
637
|
-
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
|
|
638
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
639
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
640
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
641
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
642
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
631
|
+
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
632
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
633
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
634
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
635
|
+
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
|
|
636
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
637
|
+
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
|
|
638
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
639
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
640
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
641
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
642
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
643
643
|
if (typeof window !== "undefined") {
|
|
644
644
|
effect(() => {
|
|
645
645
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -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: "
|
|
710
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBBadge, isStandalone: true, selector: "db-badge", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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: "
|
|
725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", 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,20 +742,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
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$x = {};
|
|
746
746
|
class DBBrand {
|
|
747
747
|
constructor() {
|
|
748
748
|
this.DEFAULT_ICON = DEFAULT_ICON;
|
|
749
749
|
this.getBooleanAsString = getBooleanAsString;
|
|
750
750
|
this.cls = cls;
|
|
751
|
-
this.hideLogo = input(...(ngDevMode ? [undefined, { debugName: "hideLogo" }] : []));
|
|
752
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
753
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
754
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
755
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
756
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
757
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
758
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
751
|
+
this.hideLogo = input(...(ngDevMode ? [undefined, { debugName: "hideLogo" }] : /* istanbul ignore next */ []));
|
|
752
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
753
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
754
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
755
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
756
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
757
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
758
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
759
759
|
}
|
|
760
760
|
/**
|
|
761
761
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -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: "
|
|
803
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
802
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBBrand, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
803
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBBrand, isStandalone: true, selector: "db-brand", inputs: { hideLogo: { classPropertyName: "hideLogo", publicName: "hideLogo", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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: "
|
|
815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", 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: "20.3.18", ngImpo
|
|
|
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$w = {};
|
|
831
831
|
class DBButton {
|
|
832
832
|
getButtonType() {
|
|
833
833
|
if (this.type()) {
|
|
@@ -842,28 +842,28 @@ class DBButton {
|
|
|
842
842
|
this.cls = cls;
|
|
843
843
|
this.getBoolean = getBoolean;
|
|
844
844
|
this.getBooleanAsString = getBooleanAsString;
|
|
845
|
-
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
846
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
847
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
848
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
849
|
-
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
850
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : []));
|
|
851
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
852
|
-
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : []));
|
|
853
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
854
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
855
|
-
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : []));
|
|
856
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
857
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
858
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
859
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
860
|
-
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : []));
|
|
861
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
862
|
-
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : []));
|
|
863
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
864
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
845
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
|
|
846
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
847
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
848
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
849
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
850
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
851
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
852
|
+
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
|
|
853
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
854
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
855
|
+
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
|
|
856
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
857
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
858
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
859
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
860
|
+
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
|
|
861
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
862
|
+
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
|
|
863
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
864
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
865
865
|
this.click = output();
|
|
866
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
866
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
867
867
|
}
|
|
868
868
|
/**
|
|
869
869
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -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: "
|
|
911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBButton, isStandalone: true, selector: "db-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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: "
|
|
935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", 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: "20.3.18", ngImpo
|
|
|
962
962
|
const ButtonVariantList = ['outlined', 'brand', 'filled', 'ghost'];
|
|
963
963
|
const ButtonTypeList = ['button', 'reset', 'submit'];
|
|
964
964
|
|
|
965
|
-
const defaultProps$
|
|
965
|
+
const defaultProps$v = {};
|
|
966
966
|
class DBCard {
|
|
967
967
|
handleClick(event) {
|
|
968
968
|
if (this.click) {
|
|
@@ -971,14 +971,14 @@ class DBCard {
|
|
|
971
971
|
}
|
|
972
972
|
constructor() {
|
|
973
973
|
this.cls = cls;
|
|
974
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
975
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
976
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
977
|
-
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : []));
|
|
978
|
-
this.elevationLevel = input(...(ngDevMode ? [undefined, { debugName: "elevationLevel" }] : []));
|
|
979
|
-
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : []));
|
|
974
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
975
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
976
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
977
|
+
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
|
|
978
|
+
this.elevationLevel = input(...(ngDevMode ? [undefined, { debugName: "elevationLevel" }] : /* istanbul ignore next */ []));
|
|
979
|
+
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
|
|
980
980
|
this.click = output();
|
|
981
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
981
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
982
982
|
}
|
|
983
983
|
/**
|
|
984
984
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -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: "
|
|
1026
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1025
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1026
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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: "
|
|
1038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCard, decorators: [{
|
|
1039
1039
|
type: Component,
|
|
1040
1040
|
args: [{ selector: "db-card", standalone: true, imports: [CommonModule], template: `<div
|
|
1041
1041
|
#_ref
|
|
@@ -1104,21 +1104,21 @@ const addValueResetEventListener = (element, props, resetFunction, signal) => {
|
|
|
1104
1104
|
}, signal);
|
|
1105
1105
|
};
|
|
1106
1106
|
|
|
1107
|
-
const defaultProps$
|
|
1107
|
+
const defaultProps$u = {};
|
|
1108
1108
|
class DBInfotext {
|
|
1109
1109
|
constructor() {
|
|
1110
1110
|
this.cls = cls;
|
|
1111
1111
|
this.getBooleanAsString = getBooleanAsString;
|
|
1112
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
1113
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
1114
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
1115
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
1116
|
-
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : []));
|
|
1117
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
1118
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
1119
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
1120
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
1121
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
1112
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1113
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
1114
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
1115
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
1116
|
+
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
|
|
1117
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1118
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
1119
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
1120
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
1121
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
1122
1122
|
}
|
|
1123
1123
|
/**
|
|
1124
1124
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -1162,8 +1162,8 @@ class DBInfotext {
|
|
|
1162
1162
|
this.enableAttributePassing(element, "db-infotext");
|
|
1163
1163
|
}
|
|
1164
1164
|
}
|
|
1165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1166
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInfotext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1166
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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
|
|
1167
1167
|
#_ref
|
|
1168
1168
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
1169
1169
|
[class]="cls('db-infotext', className())"
|
|
@@ -1177,7 +1177,7 @@ class DBInfotext {
|
|
|
1177
1177
|
}</span
|
|
1178
1178
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1179
1179
|
}
|
|
1180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInfotext, decorators: [{
|
|
1181
1181
|
type: Component,
|
|
1182
1182
|
args: [{ selector: "db-infotext", standalone: true, imports: [CommonModule], template: `<span
|
|
1183
1183
|
#_ref
|
|
@@ -1194,7 +1194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
1194
1194
|
> `, styles: [":host{display:contents}\n"] }]
|
|
1195
1195
|
}], 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 }] }] } });
|
|
1196
1196
|
|
|
1197
|
-
const defaultProps$
|
|
1197
|
+
const defaultProps$t = {};
|
|
1198
1198
|
class DBCheckbox {
|
|
1199
1199
|
hasValidState() {
|
|
1200
1200
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -1262,39 +1262,39 @@ class DBCheckbox {
|
|
|
1262
1262
|
this.getBoolean = getBoolean;
|
|
1263
1263
|
this.stringPropVisible = stringPropVisible;
|
|
1264
1264
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
1265
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
1266
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
1267
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
1268
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
1269
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
1270
|
-
this.indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : []));
|
|
1271
|
-
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
|
|
1272
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
1273
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
1274
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
1275
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
1276
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
1277
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
1278
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
1279
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
1280
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
1281
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
1282
|
-
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
|
|
1283
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
1284
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
1265
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
1266
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1267
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
1268
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
1269
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
1270
|
+
this.indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
1271
|
+
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
1272
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
1273
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
1274
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
1275
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
1276
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1277
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
1278
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
1279
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
1280
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
1281
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
1282
|
+
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
1283
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
1284
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
1285
1285
|
this.change = output();
|
|
1286
1286
|
this.blur = output();
|
|
1287
1287
|
this.focus = output();
|
|
1288
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
1289
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
1290
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
1291
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
1292
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
1293
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
1294
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
1295
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
1296
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
1297
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
1288
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
1289
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
1290
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
1291
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
1292
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
1293
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
1294
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
1295
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
1296
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
1297
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
1298
1298
|
if (typeof window !== "undefined") {
|
|
1299
1299
|
effect(() => {
|
|
1300
1300
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -1452,8 +1452,8 @@ class DBCheckbox {
|
|
|
1452
1452
|
ngOnDestroy() {
|
|
1453
1453
|
this.abortController()?.abort();
|
|
1454
1454
|
}
|
|
1455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1456
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCheckbox, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1456
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
1457
1457
|
provide: NG_VALUE_ACCESSOR,
|
|
1458
1458
|
useExisting: DBCheckbox,
|
|
1459
1459
|
multi: true
|
|
@@ -1512,7 +1512,7 @@ class DBCheckbox {
|
|
|
1512
1512
|
>
|
|
1513
1513
|
</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"] }] }); }
|
|
1514
1514
|
}
|
|
1515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCheckbox, decorators: [{
|
|
1516
1516
|
type: Component,
|
|
1517
1517
|
args: [{ providers: [{
|
|
1518
1518
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -1574,25 +1574,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
1574
1574
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
1575
1575
|
}], 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 }] }] } });
|
|
1576
1576
|
|
|
1577
|
-
const defaultProps$
|
|
1577
|
+
const defaultProps$s = {};
|
|
1578
1578
|
class DBCustomButton {
|
|
1579
1579
|
constructor() {
|
|
1580
1580
|
this.cls = cls;
|
|
1581
1581
|
this.getBooleanAsString = getBooleanAsString;
|
|
1582
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
1583
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
1584
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
1585
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : []));
|
|
1586
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
1587
|
-
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : []));
|
|
1588
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
1589
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
1590
|
-
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : []));
|
|
1591
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
1592
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
1593
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
1594
|
-
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : []));
|
|
1595
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
1582
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1583
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
1584
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
1585
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
1586
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
1587
|
+
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
|
|
1588
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
1589
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
1590
|
+
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
|
|
1591
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1592
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
1593
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
1594
|
+
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
|
|
1595
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
1596
1596
|
}
|
|
1597
1597
|
/**
|
|
1598
1598
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -1636,8 +1636,8 @@ class DBCustomButton {
|
|
|
1636
1636
|
this.enableAttributePassing(element, "db-custom-button");
|
|
1637
1637
|
}
|
|
1638
1638
|
}
|
|
1639
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1640
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1639
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1640
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
1641
1641
|
#_ref
|
|
1642
1642
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
1643
1643
|
[class]="cls('db-custom-button', className())"
|
|
@@ -1653,7 +1653,7 @@ class DBCustomButton {
|
|
|
1653
1653
|
<ng-content></ng-content>
|
|
1654
1654
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1655
1655
|
}
|
|
1656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomButton, decorators: [{
|
|
1657
1657
|
type: Component,
|
|
1658
1658
|
args: [{ selector: "db-custom-button", standalone: true, imports: [CommonModule], template: `<div
|
|
1659
1659
|
#_ref
|
|
@@ -2100,15 +2100,15 @@ const handleFixedPopover = (element, parent, placement) => {
|
|
|
2100
2100
|
element.dataset['correctedPlacement'] = correctedPlacement;
|
|
2101
2101
|
};
|
|
2102
2102
|
|
|
2103
|
-
const defaultProps$
|
|
2103
|
+
const defaultProps$r = { width: "fixed" };
|
|
2104
2104
|
class DBCustomSelectDropdown {
|
|
2105
2105
|
constructor() {
|
|
2106
2106
|
this.cls = cls;
|
|
2107
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
2108
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
2109
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
2110
|
-
this.width = input(defaultProps$
|
|
2111
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
2107
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2108
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2109
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2110
|
+
this.width = input(defaultProps$r["width"], ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
|
|
2111
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
2112
2112
|
}
|
|
2113
2113
|
/**
|
|
2114
2114
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -2152,8 +2152,8 @@ class DBCustomSelectDropdown {
|
|
|
2152
2152
|
this.enableAttributePassing(element, "db-custom-select-dropdown");
|
|
2153
2153
|
}
|
|
2154
2154
|
}
|
|
2155
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2155
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2156
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
2157
2157
|
data-spacing="none"
|
|
2158
2158
|
#_ref
|
|
2159
2159
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -2163,7 +2163,7 @@ class DBCustomSelectDropdown {
|
|
|
2163
2163
|
<ng-content></ng-content>
|
|
2164
2164
|
</article> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2165
2165
|
}
|
|
2166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectDropdown, decorators: [{
|
|
2167
2167
|
type: Component,
|
|
2168
2168
|
args: [{ selector: "db-custom-select-dropdown", standalone: true, imports: [CommonModule], template: `<article
|
|
2169
2169
|
data-spacing="none"
|
|
@@ -2176,7 +2176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
2176
2176
|
</article> `, styles: [":host{display:contents}\n"] }]
|
|
2177
2177
|
}], 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 }] }] } });
|
|
2178
2178
|
|
|
2179
|
-
const defaultProps$
|
|
2179
|
+
const defaultProps$q = {};
|
|
2180
2180
|
class DBCustomSelectListItem {
|
|
2181
2181
|
handleChange(event) {
|
|
2182
2182
|
event.stopPropagation();
|
|
@@ -2196,23 +2196,23 @@ class DBCustomSelectListItem {
|
|
|
2196
2196
|
this.cls = cls;
|
|
2197
2197
|
this.getBooleanAsString = getBooleanAsString;
|
|
2198
2198
|
this.getBoolean = getBoolean;
|
|
2199
|
-
this.isGroupTitle = input(...(ngDevMode ? [undefined, { debugName: "isGroupTitle" }] : []));
|
|
2200
|
-
this.showDivider = input(...(ngDevMode ? [undefined, { debugName: "showDivider" }] : []));
|
|
2201
|
-
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
2202
|
-
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
|
|
2203
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
2204
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
2205
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
2206
|
-
this.groupTitle = input(...(ngDevMode ? [undefined, { debugName: "groupTitle" }] : []));
|
|
2207
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
2208
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
2209
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
2210
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
2211
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
2212
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
2199
|
+
this.isGroupTitle = input(...(ngDevMode ? [undefined, { debugName: "isGroupTitle" }] : /* istanbul ignore next */ []));
|
|
2200
|
+
this.showDivider = input(...(ngDevMode ? [undefined, { debugName: "showDivider" }] : /* istanbul ignore next */ []));
|
|
2201
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
|
|
2202
|
+
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
2203
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2204
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2205
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2206
|
+
this.groupTitle = input(...(ngDevMode ? [undefined, { debugName: "groupTitle" }] : /* istanbul ignore next */ []));
|
|
2207
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
2208
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
2209
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
2210
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
2211
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
2212
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
2213
2213
|
this.change = output();
|
|
2214
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
2215
|
-
this.hasDivider = signal(false, ...(ngDevMode ? [{ debugName: "hasDivider" }] : []));
|
|
2214
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
2215
|
+
this.hasDivider = signal(false, ...(ngDevMode ? [{ debugName: "hasDivider" }] : /* istanbul ignore next */ []));
|
|
2216
2216
|
if (typeof window !== "undefined") {
|
|
2217
2217
|
effect(() => {
|
|
2218
2218
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -2282,8 +2282,8 @@ class DBCustomSelectListItem {
|
|
|
2282
2282
|
this.enableAttributePassing(element, "db-custom-select-list-item");
|
|
2283
2283
|
}
|
|
2284
2284
|
}
|
|
2285
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectListItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
2287
2287
|
provide: NG_VALUE_ACCESSOR,
|
|
2288
2288
|
useExisting: DBCustomSelectListItem,
|
|
2289
2289
|
multi: true
|
|
@@ -2321,7 +2321,7 @@ class DBCustomSelectListItem {
|
|
|
2321
2321
|
}
|
|
2322
2322
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2323
2323
|
}
|
|
2324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectListItem, decorators: [{
|
|
2325
2325
|
type: Component,
|
|
2326
2326
|
args: [{ providers: [{
|
|
2327
2327
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2362,16 +2362,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
2362
2362
|
</li> `, styles: [":host{display:contents}\n"] }]
|
|
2363
2363
|
}], 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 }] }] } });
|
|
2364
2364
|
|
|
2365
|
-
const defaultProps$
|
|
2365
|
+
const defaultProps$p = {};
|
|
2366
2366
|
class DBCustomSelectList {
|
|
2367
2367
|
constructor() {
|
|
2368
2368
|
this.cls = cls;
|
|
2369
|
-
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : []));
|
|
2370
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
2371
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
2372
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
2373
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
2374
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
2369
|
+
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
|
|
2370
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
2371
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2372
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2373
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2374
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
2375
2375
|
}
|
|
2376
2376
|
/**
|
|
2377
2377
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -2415,8 +2415,8 @@ class DBCustomSelectList {
|
|
|
2415
2415
|
this.enableAttributePassing(element, "db-custom-select-list");
|
|
2416
2416
|
}
|
|
2417
2417
|
}
|
|
2418
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2419
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2418
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2419
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBCustomSelectList, isStandalone: true, selector: "db-custom-select-list", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
2420
2420
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
2421
2421
|
[attr.aria-label]="label()"
|
|
2422
2422
|
#_ref
|
|
@@ -2428,7 +2428,7 @@ class DBCustomSelectList {
|
|
|
2428
2428
|
</ul>
|
|
2429
2429
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2430
2430
|
}
|
|
2431
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectList, decorators: [{
|
|
2432
2432
|
type: Component,
|
|
2433
2433
|
args: [{ selector: "db-custom-select-list", standalone: true, imports: [CommonModule], template: `<div
|
|
2434
2434
|
[attr.role]="multiple() ? 'group' : 'radiogroup'"
|
|
@@ -2443,7 +2443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
2443
2443
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
2444
2444
|
}], 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 }] }] } });
|
|
2445
2445
|
|
|
2446
|
-
const defaultProps$
|
|
2446
|
+
const defaultProps$o = {};
|
|
2447
2447
|
class DBInput {
|
|
2448
2448
|
hasValidState() {
|
|
2449
2449
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -2543,71 +2543,71 @@ class DBInput {
|
|
|
2543
2543
|
this.isIOSSafari = isIOSSafari;
|
|
2544
2544
|
this.stringPropVisible = stringPropVisible;
|
|
2545
2545
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
2546
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
2547
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
2548
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
2549
|
-
this.dataListId = input(...(ngDevMode ? [undefined, { debugName: "dataListId" }] : []));
|
|
2550
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
2551
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
2552
|
-
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
2553
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
2554
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
2555
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
2556
|
-
this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : []));
|
|
2557
|
-
this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : []));
|
|
2558
|
-
this.pattern = input(...(ngDevMode ? [undefined, { debugName: "pattern" }] : []));
|
|
2559
|
-
this.dataList = input(...(ngDevMode ? [undefined, { debugName: "dataList" }] : []));
|
|
2560
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
2561
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
2562
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
2563
|
-
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : []));
|
|
2564
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
2565
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : []));
|
|
2566
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
2567
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
2568
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
2569
|
-
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : []));
|
|
2570
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
2571
|
-
this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : []));
|
|
2572
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
2573
|
-
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
2574
|
-
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : []));
|
|
2575
|
-
this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
|
|
2576
|
-
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
2577
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
2578
|
-
this.step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : []));
|
|
2579
|
-
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : []));
|
|
2580
|
-
this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : []));
|
|
2581
|
-
this.max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
|
|
2582
|
-
this.min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
|
|
2583
|
-
this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : []));
|
|
2584
|
-
this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : []));
|
|
2585
|
-
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : []));
|
|
2586
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
2587
|
-
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : []));
|
|
2588
|
-
this.autofocus = input(...(ngDevMode ? [undefined, { debugName: "autofocus" }] : []));
|
|
2589
|
-
this.enterkeyhint = input(...(ngDevMode ? [undefined, { debugName: "enterkeyhint" }] : []));
|
|
2590
|
-
this.inputmode = input(...(ngDevMode ? [undefined, { debugName: "inputmode" }] : []));
|
|
2591
|
-
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
|
|
2592
|
-
this.messageSize = input(...(ngDevMode ? [undefined, { debugName: "messageSize" }] : []));
|
|
2593
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
2594
|
-
this.validMessageSize = input(...(ngDevMode ? [undefined, { debugName: "validMessageSize" }] : []));
|
|
2595
|
-
this.invalidMessageSize = input(...(ngDevMode ? [undefined, { debugName: "invalidMessageSize" }] : []));
|
|
2546
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
2547
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2548
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2549
|
+
this.dataListId = input(...(ngDevMode ? [undefined, { debugName: "dataListId" }] : /* istanbul ignore next */ []));
|
|
2550
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
2551
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
2552
|
+
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
2553
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
2554
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
2555
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
2556
|
+
this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : /* istanbul ignore next */ []));
|
|
2557
|
+
this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
|
|
2558
|
+
this.pattern = input(...(ngDevMode ? [undefined, { debugName: "pattern" }] : /* istanbul ignore next */ []));
|
|
2559
|
+
this.dataList = input(...(ngDevMode ? [undefined, { debugName: "dataList" }] : /* istanbul ignore next */ []));
|
|
2560
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2561
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2562
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
2563
|
+
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
|
|
2564
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
2565
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
2566
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
2567
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
2568
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
2569
|
+
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
|
|
2570
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
2571
|
+
this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : /* istanbul ignore next */ []));
|
|
2572
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
2573
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
|
|
2574
|
+
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
|
|
2575
|
+
this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : /* istanbul ignore next */ []));
|
|
2576
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
2577
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
2578
|
+
this.step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
|
|
2579
|
+
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
2580
|
+
this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
|
|
2581
|
+
this.max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
|
|
2582
|
+
this.min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
|
|
2583
|
+
this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : /* istanbul ignore next */ []));
|
|
2584
|
+
this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
2585
|
+
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
|
|
2586
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
2587
|
+
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
|
|
2588
|
+
this.autofocus = input(...(ngDevMode ? [undefined, { debugName: "autofocus" }] : /* istanbul ignore next */ []));
|
|
2589
|
+
this.enterkeyhint = input(...(ngDevMode ? [undefined, { debugName: "enterkeyhint" }] : /* istanbul ignore next */ []));
|
|
2590
|
+
this.inputmode = input(...(ngDevMode ? [undefined, { debugName: "inputmode" }] : /* istanbul ignore next */ []));
|
|
2591
|
+
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
2592
|
+
this.messageSize = input(...(ngDevMode ? [undefined, { debugName: "messageSize" }] : /* istanbul ignore next */ []));
|
|
2593
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
2594
|
+
this.validMessageSize = input(...(ngDevMode ? [undefined, { debugName: "validMessageSize" }] : /* istanbul ignore next */ []));
|
|
2595
|
+
this.invalidMessageSize = input(...(ngDevMode ? [undefined, { debugName: "invalidMessageSize" }] : /* istanbul ignore next */ []));
|
|
2596
2596
|
this.input = output();
|
|
2597
2597
|
this.change = output();
|
|
2598
2598
|
this.blur = output();
|
|
2599
2599
|
this.focus = output();
|
|
2600
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
2601
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
2602
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
2603
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
2604
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
2605
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
2606
|
-
this._dataListId = signal(undefined, ...(ngDevMode ? [{ debugName: "_dataListId" }] : []));
|
|
2607
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
2608
|
-
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
2609
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
2610
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
2600
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
2601
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
2602
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
2603
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
2604
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
2605
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
2606
|
+
this._dataListId = signal(undefined, ...(ngDevMode ? [{ debugName: "_dataListId" }] : /* istanbul ignore next */ []));
|
|
2607
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
2608
|
+
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
|
|
2609
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
2610
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
2611
2611
|
if (typeof window !== "undefined") {
|
|
2612
2612
|
effect(() => {
|
|
2613
2613
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -2753,8 +2753,8 @@ class DBInput {
|
|
|
2753
2753
|
ngOnDestroy() {
|
|
2754
2754
|
this.abortController()?.abort();
|
|
2755
2755
|
}
|
|
2756
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2757
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2756
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInput, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2757
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
2758
2758
|
provide: NG_VALUE_ACCESSOR,
|
|
2759
2759
|
useExisting: DBInput,
|
|
2760
2760
|
multi: true
|
|
@@ -2841,7 +2841,7 @@ class DBInput {
|
|
|
2841
2841
|
>
|
|
2842
2842
|
</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"] }] }); }
|
|
2843
2843
|
}
|
|
2844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInput, decorators: [{
|
|
2845
2845
|
type: Component,
|
|
2846
2846
|
args: [{ providers: [{
|
|
2847
2847
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2931,7 +2931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
2931
2931
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
2932
2932
|
}], 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 }] }] } });
|
|
2933
2933
|
|
|
2934
|
-
const defaultProps$
|
|
2934
|
+
const defaultProps$n = {};
|
|
2935
2935
|
class DBTooltip {
|
|
2936
2936
|
handleClick(event) {
|
|
2937
2937
|
event.stopPropagation();
|
|
@@ -2987,22 +2987,22 @@ class DBTooltip {
|
|
|
2987
2987
|
constructor() {
|
|
2988
2988
|
this.cls = cls;
|
|
2989
2989
|
this.getBooleanAsString = getBooleanAsString;
|
|
2990
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
2991
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
2992
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
2993
|
-
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : []));
|
|
2994
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
2995
|
-
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
|
|
2996
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
2997
|
-
this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : []));
|
|
2998
|
-
this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : []));
|
|
2999
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
3000
|
-
this.showArrow = input(...(ngDevMode ? [undefined, { debugName: "showArrow" }] : []));
|
|
3001
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
3002
|
-
this._id = signal(DEFAULT_ID, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
3003
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
3004
|
-
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : []));
|
|
3005
|
-
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : []));
|
|
2990
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
2991
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
2992
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
2993
|
+
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
2994
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
2995
|
+
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
|
|
2996
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
2997
|
+
this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : /* istanbul ignore next */ []));
|
|
2998
|
+
this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : /* istanbul ignore next */ []));
|
|
2999
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
3000
|
+
this.showArrow = input(...(ngDevMode ? [undefined, { debugName: "showArrow" }] : /* istanbul ignore next */ []));
|
|
3001
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
3002
|
+
this._id = signal(DEFAULT_ID, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
3003
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
3004
|
+
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
|
|
3005
|
+
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
|
|
3006
3006
|
if (typeof window !== "undefined") {
|
|
3007
3007
|
effect(() => {
|
|
3008
3008
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -3099,8 +3099,8 @@ class DBTooltip {
|
|
|
3099
3099
|
this.initialized.set(true);
|
|
3100
3100
|
}
|
|
3101
3101
|
}
|
|
3102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
3104
3104
|
role="tooltip"
|
|
3105
3105
|
aria-hidden="true"
|
|
3106
3106
|
data-gap="true"
|
|
@@ -3118,7 +3118,7 @@ class DBTooltip {
|
|
|
3118
3118
|
><ng-content></ng-content
|
|
3119
3119
|
></i> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
3120
3120
|
}
|
|
3121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTooltip, decorators: [{
|
|
3122
3122
|
type: Component,
|
|
3123
3123
|
args: [{ selector: "db-tooltip", standalone: true, imports: [CommonModule], template: `<i
|
|
3124
3124
|
role="tooltip"
|
|
@@ -3139,7 +3139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
3139
3139
|
></i> `, styles: [":host{display:contents}\n"] }]
|
|
3140
3140
|
}], 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 }] }] } });
|
|
3141
3141
|
|
|
3142
|
-
const defaultProps$
|
|
3142
|
+
const defaultProps$m = {};
|
|
3143
3143
|
class DBTag {
|
|
3144
3144
|
handleRemove(event) {
|
|
3145
3145
|
if (!event)
|
|
@@ -3159,21 +3159,21 @@ class DBTag {
|
|
|
3159
3159
|
constructor() {
|
|
3160
3160
|
this.cls = cls;
|
|
3161
3161
|
this.getBooleanAsString = getBooleanAsString;
|
|
3162
|
-
this.removeButton = input(...(ngDevMode ? [undefined, { debugName: "removeButton" }] : []));
|
|
3163
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
3164
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
3165
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
3166
|
-
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : []));
|
|
3167
|
-
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
|
|
3168
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
3169
|
-
this.showCheckState = input(...(ngDevMode ? [undefined, { debugName: "showCheckState" }] : []));
|
|
3170
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
3171
|
-
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : []));
|
|
3172
|
-
this.overflow = input(...(ngDevMode ? [undefined, { debugName: "overflow" }] : []));
|
|
3173
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
3174
|
-
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : []));
|
|
3162
|
+
this.removeButton = input(...(ngDevMode ? [undefined, { debugName: "removeButton" }] : /* istanbul ignore next */ []));
|
|
3163
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
3164
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
3165
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
3166
|
+
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
|
|
3167
|
+
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
|
|
3168
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
3169
|
+
this.showCheckState = input(...(ngDevMode ? [undefined, { debugName: "showCheckState" }] : /* istanbul ignore next */ []));
|
|
3170
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
3171
|
+
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
|
|
3172
|
+
this.overflow = input(...(ngDevMode ? [undefined, { debugName: "overflow" }] : /* istanbul ignore next */ []));
|
|
3173
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
3174
|
+
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
|
|
3175
3175
|
this.remove = output();
|
|
3176
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
3176
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
3177
3177
|
}
|
|
3178
3178
|
/**
|
|
3179
3179
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -3217,8 +3217,8 @@ class DBTag {
|
|
|
3217
3217
|
this.enableAttributePassing(element, "db-tag");
|
|
3218
3218
|
}
|
|
3219
3219
|
}
|
|
3220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBTag, isStandalone: true, selector: "db-tag", inputs: { removeButton: { classPropertyName: "removeButton", publicName: "removeButton", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
3222
3222
|
#_ref
|
|
3223
3223
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
3224
3224
|
[class]="cls('db-tag', className())"
|
|
@@ -3247,7 +3247,7 @@ class DBTag {
|
|
|
3247
3247
|
}
|
|
3248
3248
|
</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"] }] }); }
|
|
3249
3249
|
}
|
|
3250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTag, decorators: [{
|
|
3251
3251
|
type: Component,
|
|
3252
3252
|
args: [{ selector: "db-tag", standalone: true, imports: [CommonModule, DBTooltip], template: `<div
|
|
3253
3253
|
#_ref
|
|
@@ -3279,7 +3279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
3279
3279
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
3280
3280
|
}], 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 }] }] } });
|
|
3281
3281
|
|
|
3282
|
-
const defaultProps$
|
|
3282
|
+
const defaultProps$l = {
|
|
3283
3283
|
clearSelectionText: "Clear selection",
|
|
3284
3284
|
showClearSelection: true,
|
|
3285
3285
|
};
|
|
@@ -3734,95 +3734,95 @@ class DBCustomSelect {
|
|
|
3734
3734
|
this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
|
|
3735
3735
|
this.stringPropVisible = stringPropVisible;
|
|
3736
3736
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
3737
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
3738
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
3739
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
3740
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
3741
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
3742
|
-
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
|
|
3743
|
-
this.showNoResults = input(...(ngDevMode ? [undefined, { debugName: "showNoResults" }] : []));
|
|
3744
|
-
this.showLoading = input(...(ngDevMode ? [undefined, { debugName: "showLoading" }] : []));
|
|
3745
|
-
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : []));
|
|
3746
|
-
this.showSelectAll = input(...(ngDevMode ? [undefined, { debugName: "showSelectAll" }] : []));
|
|
3747
|
-
this.showSearch = input(...(ngDevMode ? [undefined, { debugName: "showSearch" }] : []));
|
|
3748
|
-
this.values = model(...(ngDevMode ? [undefined, { debugName: "values" }] : []));
|
|
3749
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
3750
|
-
this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
|
|
3751
|
-
this.searchValue = input(...(ngDevMode ? [undefined, { debugName: "searchValue" }] : []));
|
|
3752
|
-
this.selectedLabels = input(...(ngDevMode ? [undefined, { debugName: "selectedLabels" }] : []));
|
|
3753
|
-
this.transformSelectedLabels = input(...(ngDevMode ? [undefined, { debugName: "transformSelectedLabels" }] : []));
|
|
3754
|
-
this.selectedType = input(...(ngDevMode ? [undefined, { debugName: "selectedType" }] : []));
|
|
3755
|
-
this.amountText = input(...(ngDevMode ? [undefined, { debugName: "amountText" }] : []));
|
|
3756
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
3757
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
3758
|
-
this.selectAllLabel = input(...(ngDevMode ? [undefined, { debugName: "selectAllLabel" }] : []));
|
|
3759
|
-
this.removeTagsTexts = input(...(ngDevMode ? [undefined, { debugName: "removeTagsTexts" }] : []));
|
|
3760
|
-
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : []));
|
|
3761
|
-
this.searchFilter = input(...(ngDevMode ? [undefined, { debugName: "searchFilter" }] : []));
|
|
3762
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
3763
|
-
this.formFieldWidth = input(...(ngDevMode ? [undefined, { debugName: "formFieldWidth" }] : []));
|
|
3764
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
3765
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
3766
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
3767
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
3768
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
3769
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
3770
|
-
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : []));
|
|
3771
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
3772
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
3773
|
-
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
|
|
3774
|
-
this.selectedPrefix = input(...(ngDevMode ? [undefined, { debugName: "selectedPrefix" }] : []));
|
|
3775
|
-
this.dropdownWidth = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidth" }] : []));
|
|
3776
|
-
this.searchLabel = input(...(ngDevMode ? [undefined, { debugName: "searchLabel" }] : []));
|
|
3777
|
-
this.searchPlaceholder = input(...(ngDevMode ? [undefined, { debugName: "searchPlaceholder" }] : []));
|
|
3778
|
-
this.listLabel = input(...(ngDevMode ? [undefined, { debugName: "listLabel" }] : []));
|
|
3779
|
-
this.loadingText = input(...(ngDevMode ? [undefined, { debugName: "loadingText" }] : []));
|
|
3780
|
-
this.noResultsText = input(...(ngDevMode ? [undefined, { debugName: "noResultsText" }] : []));
|
|
3781
|
-
this.mobileCloseButtonText = input(...(ngDevMode ? [undefined, { debugName: "mobileCloseButtonText" }] : []));
|
|
3782
|
-
this.showClearSelection = input(defaultProps$
|
|
3783
|
-
this.clearSelectionText = input(defaultProps$
|
|
3784
|
-
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
3785
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
3737
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
3738
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
3739
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
3740
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
3741
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
3742
|
+
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
3743
|
+
this.showNoResults = input(...(ngDevMode ? [undefined, { debugName: "showNoResults" }] : /* istanbul ignore next */ []));
|
|
3744
|
+
this.showLoading = input(...(ngDevMode ? [undefined, { debugName: "showLoading" }] : /* istanbul ignore next */ []));
|
|
3745
|
+
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
|
|
3746
|
+
this.showSelectAll = input(...(ngDevMode ? [undefined, { debugName: "showSelectAll" }] : /* istanbul ignore next */ []));
|
|
3747
|
+
this.showSearch = input(...(ngDevMode ? [undefined, { debugName: "showSearch" }] : /* istanbul ignore next */ []));
|
|
3748
|
+
this.values = model(...(ngDevMode ? [undefined, { debugName: "values" }] : /* istanbul ignore next */ []));
|
|
3749
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
3750
|
+
this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
|
|
3751
|
+
this.searchValue = input(...(ngDevMode ? [undefined, { debugName: "searchValue" }] : /* istanbul ignore next */ []));
|
|
3752
|
+
this.selectedLabels = input(...(ngDevMode ? [undefined, { debugName: "selectedLabels" }] : /* istanbul ignore next */ []));
|
|
3753
|
+
this.transformSelectedLabels = input(...(ngDevMode ? [undefined, { debugName: "transformSelectedLabels" }] : /* istanbul ignore next */ []));
|
|
3754
|
+
this.selectedType = input(...(ngDevMode ? [undefined, { debugName: "selectedType" }] : /* istanbul ignore next */ []));
|
|
3755
|
+
this.amountText = input(...(ngDevMode ? [undefined, { debugName: "amountText" }] : /* istanbul ignore next */ []));
|
|
3756
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
3757
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
3758
|
+
this.selectAllLabel = input(...(ngDevMode ? [undefined, { debugName: "selectAllLabel" }] : /* istanbul ignore next */ []));
|
|
3759
|
+
this.removeTagsTexts = input(...(ngDevMode ? [undefined, { debugName: "removeTagsTexts" }] : /* istanbul ignore next */ []));
|
|
3760
|
+
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
3761
|
+
this.searchFilter = input(...(ngDevMode ? [undefined, { debugName: "searchFilter" }] : /* istanbul ignore next */ []));
|
|
3762
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
3763
|
+
this.formFieldWidth = input(...(ngDevMode ? [undefined, { debugName: "formFieldWidth" }] : /* istanbul ignore next */ []));
|
|
3764
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
3765
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
3766
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
3767
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
3768
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
3769
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
3770
|
+
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
|
|
3771
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
3772
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
3773
|
+
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
|
|
3774
|
+
this.selectedPrefix = input(...(ngDevMode ? [undefined, { debugName: "selectedPrefix" }] : /* istanbul ignore next */ []));
|
|
3775
|
+
this.dropdownWidth = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
|
|
3776
|
+
this.searchLabel = input(...(ngDevMode ? [undefined, { debugName: "searchLabel" }] : /* istanbul ignore next */ []));
|
|
3777
|
+
this.searchPlaceholder = input(...(ngDevMode ? [undefined, { debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
|
|
3778
|
+
this.listLabel = input(...(ngDevMode ? [undefined, { debugName: "listLabel" }] : /* istanbul ignore next */ []));
|
|
3779
|
+
this.loadingText = input(...(ngDevMode ? [undefined, { debugName: "loadingText" }] : /* istanbul ignore next */ []));
|
|
3780
|
+
this.noResultsText = input(...(ngDevMode ? [undefined, { debugName: "noResultsText" }] : /* istanbul ignore next */ []));
|
|
3781
|
+
this.mobileCloseButtonText = input(...(ngDevMode ? [undefined, { debugName: "mobileCloseButtonText" }] : /* istanbul ignore next */ []));
|
|
3782
|
+
this.showClearSelection = input(defaultProps$l["showClearSelection"], ...(ngDevMode ? [{ debugName: "showClearSelection" }] : /* istanbul ignore next */ []));
|
|
3783
|
+
this.clearSelectionText = input(defaultProps$l["clearSelectionText"], ...(ngDevMode ? [{ debugName: "clearSelectionText" }] : /* istanbul ignore next */ []));
|
|
3784
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
3785
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
3786
3786
|
this.amountChange = output();
|
|
3787
3787
|
this.dropdownToggle = output();
|
|
3788
3788
|
this.optionSelected = output();
|
|
3789
3789
|
this.search = output();
|
|
3790
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
3791
|
-
this.selectRef = viewChild("selectRef", ...(ngDevMode ? [{ debugName: "selectRef" }] : []));
|
|
3792
|
-
this.detailsRef = viewChild("detailsRef", ...(ngDevMode ? [{ debugName: "detailsRef" }] : []));
|
|
3793
|
-
this.searchInputRef = viewChild("searchInputRef", ...(ngDevMode ? [{ debugName: "searchInputRef" }] : []));
|
|
3794
|
-
this.selectAllRef = viewChild("selectAllRef", ...(ngDevMode ? [{ debugName: "selectAllRef" }] : []));
|
|
3795
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
3796
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
3797
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
3798
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
3799
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
3800
|
-
this._selectId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectId" }] : []));
|
|
3801
|
-
this._labelId = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelId" }] : []));
|
|
3802
|
-
this._summaryId = signal(undefined, ...(ngDevMode ? [{ debugName: "_summaryId" }] : []));
|
|
3803
|
-
this._placeholderId = signal(undefined, ...(ngDevMode ? [{ debugName: "_placeholderId" }] : []));
|
|
3804
|
-
this._infoTextId = signal(undefined, ...(ngDevMode ? [{ debugName: "_infoTextId" }] : []));
|
|
3805
|
-
this._validity = signal("no-validation", ...(ngDevMode ? [{ debugName: "_validity" }] : []));
|
|
3806
|
-
this._userInteraction = signal(false, ...(ngDevMode ? [{ debugName: "_userInteraction" }] : []));
|
|
3807
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
3808
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
3809
|
-
this._selectedLabels = signal("", ...(ngDevMode ? [{ debugName: "_selectedLabels" }] : []));
|
|
3810
|
-
this._selectedLabelsId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedLabelsId" }] : []));
|
|
3811
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
3812
|
-
this._selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "_selectedOptions" }] : []));
|
|
3813
|
-
this.selectAllEnabled = signal(false, ...(ngDevMode ? [{ debugName: "selectAllEnabled" }] : []));
|
|
3814
|
-
this.searchEnabled = signal(false, ...(ngDevMode ? [{ debugName: "searchEnabled" }] : []));
|
|
3815
|
-
this.amountOptions = signal(0, ...(ngDevMode ? [{ debugName: "amountOptions" }] : []));
|
|
3816
|
-
this._values = signal([], ...(ngDevMode ? [{ debugName: "_values" }] : []));
|
|
3817
|
-
this._options = signal([], ...(ngDevMode ? [{ debugName: "_options" }] : []));
|
|
3818
|
-
this._hasNoOptions = signal(false, ...(ngDevMode ? [{ debugName: "_hasNoOptions" }] : []));
|
|
3819
|
-
this._documentClickListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentClickListenerCallbackId" }] : []));
|
|
3820
|
-
this._internalChangeTimestamp = signal(0, ...(ngDevMode ? [{ debugName: "_internalChangeTimestamp" }] : []));
|
|
3821
|
-
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : []));
|
|
3822
|
-
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : []));
|
|
3823
|
-
this._searchValue = signal(undefined, ...(ngDevMode ? [{ debugName: "_searchValue" }] : []));
|
|
3824
|
-
this.selectAllChecked = signal(false, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : []));
|
|
3825
|
-
this.selectAllIndeterminate = signal(false, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : []));
|
|
3790
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
3791
|
+
this.selectRef = viewChild("selectRef", ...(ngDevMode ? [{ debugName: "selectRef" }] : /* istanbul ignore next */ []));
|
|
3792
|
+
this.detailsRef = viewChild("detailsRef", ...(ngDevMode ? [{ debugName: "detailsRef" }] : /* istanbul ignore next */ []));
|
|
3793
|
+
this.searchInputRef = viewChild("searchInputRef", ...(ngDevMode ? [{ debugName: "searchInputRef" }] : /* istanbul ignore next */ []));
|
|
3794
|
+
this.selectAllRef = viewChild("selectAllRef", ...(ngDevMode ? [{ debugName: "selectAllRef" }] : /* istanbul ignore next */ []));
|
|
3795
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
3796
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
3797
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
3798
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
3799
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
3800
|
+
this._selectId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectId" }] : /* istanbul ignore next */ []));
|
|
3801
|
+
this._labelId = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelId" }] : /* istanbul ignore next */ []));
|
|
3802
|
+
this._summaryId = signal(undefined, ...(ngDevMode ? [{ debugName: "_summaryId" }] : /* istanbul ignore next */ []));
|
|
3803
|
+
this._placeholderId = signal(undefined, ...(ngDevMode ? [{ debugName: "_placeholderId" }] : /* istanbul ignore next */ []));
|
|
3804
|
+
this._infoTextId = signal(undefined, ...(ngDevMode ? [{ debugName: "_infoTextId" }] : /* istanbul ignore next */ []));
|
|
3805
|
+
this._validity = signal("no-validation", ...(ngDevMode ? [{ debugName: "_validity" }] : /* istanbul ignore next */ []));
|
|
3806
|
+
this._userInteraction = signal(false, ...(ngDevMode ? [{ debugName: "_userInteraction" }] : /* istanbul ignore next */ []));
|
|
3807
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
3808
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
3809
|
+
this._selectedLabels = signal("", ...(ngDevMode ? [{ debugName: "_selectedLabels" }] : /* istanbul ignore next */ []));
|
|
3810
|
+
this._selectedLabelsId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedLabelsId" }] : /* istanbul ignore next */ []));
|
|
3811
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
3812
|
+
this._selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "_selectedOptions" }] : /* istanbul ignore next */ []));
|
|
3813
|
+
this.selectAllEnabled = signal(false, ...(ngDevMode ? [{ debugName: "selectAllEnabled" }] : /* istanbul ignore next */ []));
|
|
3814
|
+
this.searchEnabled = signal(false, ...(ngDevMode ? [{ debugName: "searchEnabled" }] : /* istanbul ignore next */ []));
|
|
3815
|
+
this.amountOptions = signal(0, ...(ngDevMode ? [{ debugName: "amountOptions" }] : /* istanbul ignore next */ []));
|
|
3816
|
+
this._values = signal([], ...(ngDevMode ? [{ debugName: "_values" }] : /* istanbul ignore next */ []));
|
|
3817
|
+
this._options = signal([], ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
|
|
3818
|
+
this._hasNoOptions = signal(false, ...(ngDevMode ? [{ debugName: "_hasNoOptions" }] : /* istanbul ignore next */ []));
|
|
3819
|
+
this._documentClickListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentClickListenerCallbackId" }] : /* istanbul ignore next */ []));
|
|
3820
|
+
this._internalChangeTimestamp = signal(0, ...(ngDevMode ? [{ debugName: "_internalChangeTimestamp" }] : /* istanbul ignore next */ []));
|
|
3821
|
+
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
|
|
3822
|
+
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
|
|
3823
|
+
this._searchValue = signal(undefined, ...(ngDevMode ? [{ debugName: "_searchValue" }] : /* istanbul ignore next */ []));
|
|
3824
|
+
this.selectAllChecked = signal(false, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : /* istanbul ignore next */ []));
|
|
3825
|
+
this.selectAllIndeterminate = signal(false, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : /* istanbul ignore next */ []));
|
|
3826
3826
|
if (typeof window !== "undefined") {
|
|
3827
3827
|
effect(() => {
|
|
3828
3828
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -4174,8 +4174,8 @@ class DBCustomSelect {
|
|
|
4174
4174
|
ngOnDestroy() {
|
|
4175
4175
|
this.abortController()?.abort();
|
|
4176
4176
|
}
|
|
4177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4177
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
4179
4179
|
provide: NG_VALUE_ACCESSOR,
|
|
4180
4180
|
useExisting: DBCustomSelect,
|
|
4181
4181
|
multi: true
|
|
@@ -4389,7 +4389,7 @@ class DBCustomSelect {
|
|
|
4389
4389
|
>
|
|
4390
4390
|
</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"] }] }); }
|
|
4391
4391
|
}
|
|
4392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelect, decorators: [{
|
|
4393
4393
|
type: Component,
|
|
4394
4394
|
args: [{ providers: [{
|
|
4395
4395
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -4618,14 +4618,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
4618
4618
|
|
|
4619
4619
|
const CustomSelectDropdownWidthList = ['fixed', 'auto', 'full'];
|
|
4620
4620
|
|
|
4621
|
-
const defaultProps$
|
|
4621
|
+
const defaultProps$k = {};
|
|
4622
4622
|
class DBCustomSelectFormField {
|
|
4623
4623
|
constructor() {
|
|
4624
4624
|
this.cls = cls;
|
|
4625
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
4626
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
4627
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
4628
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
4625
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
4626
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
4627
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
4628
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
4629
4629
|
}
|
|
4630
4630
|
/**
|
|
4631
4631
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -4669,8 +4669,8 @@ class DBCustomSelectFormField {
|
|
|
4669
4669
|
this.enableAttributePassing(element, "db-custom-select-form-field");
|
|
4670
4670
|
}
|
|
4671
4671
|
}
|
|
4672
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4673
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
4672
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4673
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
4674
4674
|
#_ref
|
|
4675
4675
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4676
4676
|
[class]="cls('db-custom-select-form-field', className())"
|
|
@@ -4678,7 +4678,7 @@ class DBCustomSelectFormField {
|
|
|
4678
4678
|
<ng-content></ng-content>
|
|
4679
4679
|
</summary> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4680
4680
|
}
|
|
4681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectFormField, decorators: [{
|
|
4682
4682
|
type: Component,
|
|
4683
4683
|
args: [{ selector: "db-custom-select-form-field", standalone: true, imports: [CommonModule], template: `<summary
|
|
4684
4684
|
#_ref
|
|
@@ -4693,18 +4693,18 @@ const CustomSelectListItemTypeList = ['checkbox', 'radio'];
|
|
|
4693
4693
|
|
|
4694
4694
|
const SelectedTypeList = ['amount', 'text', 'tag'];
|
|
4695
4695
|
|
|
4696
|
-
const defaultProps$
|
|
4696
|
+
const defaultProps$j = {};
|
|
4697
4697
|
class DBDivider {
|
|
4698
4698
|
constructor() {
|
|
4699
4699
|
this.cls = cls;
|
|
4700
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
4701
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
4702
|
-
this.margin = input(...(ngDevMode ? [undefined, { debugName: "margin" }] : []));
|
|
4703
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
4704
|
-
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
|
|
4705
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
4706
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
4707
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
4700
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
4701
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
4702
|
+
this.margin = input(...(ngDevMode ? [undefined, { debugName: "margin" }] : /* istanbul ignore next */ []));
|
|
4703
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
4704
|
+
this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
|
|
4705
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
4706
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
4707
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
4708
4708
|
}
|
|
4709
4709
|
/**
|
|
4710
4710
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -4748,8 +4748,8 @@ class DBDivider {
|
|
|
4748
4748
|
this.enableAttributePassing(element, "db-divider");
|
|
4749
4749
|
}
|
|
4750
4750
|
}
|
|
4751
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4752
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
4751
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4752
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
4753
4753
|
#_ref
|
|
4754
4754
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4755
4755
|
[attr.data-margin]="margin()"
|
|
@@ -4759,7 +4759,7 @@ class DBDivider {
|
|
|
4759
4759
|
[class]="cls('db-divider', className())"
|
|
4760
4760
|
></div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4761
4761
|
}
|
|
4762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDivider, decorators: [{
|
|
4763
4763
|
type: Component,
|
|
4764
4764
|
args: [{ selector: "db-divider", standalone: true, imports: [CommonModule], template: `<div
|
|
4765
4765
|
#_ref
|
|
@@ -4775,7 +4775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
4775
4775
|
const DividerMarginList = ['none', '_'];
|
|
4776
4776
|
const DividerVariantList = ['horizontal', 'vertical'];
|
|
4777
4777
|
|
|
4778
|
-
const defaultProps$
|
|
4778
|
+
const defaultProps$i = {};
|
|
4779
4779
|
class DBDrawer {
|
|
4780
4780
|
handleClose(event, forceClose) {
|
|
4781
4781
|
if (!event)
|
|
@@ -4839,23 +4839,23 @@ class DBDrawer {
|
|
|
4839
4839
|
this.cls = cls;
|
|
4840
4840
|
this.getBooleanAsString = getBooleanAsString;
|
|
4841
4841
|
this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
|
|
4842
|
-
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
|
|
4843
|
-
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
4844
|
-
this.backdrop = input(...(ngDevMode ? [undefined, { debugName: "backdrop" }] : []));
|
|
4845
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
4846
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
4847
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
4848
|
-
this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : []));
|
|
4849
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
4850
|
-
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : []));
|
|
4851
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
4852
|
-
this.rounded = input(...(ngDevMode ? [undefined, { debugName: "rounded" }] : []));
|
|
4853
|
-
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : []));
|
|
4854
|
-
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : []));
|
|
4842
|
+
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
|
|
4843
|
+
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : /* istanbul ignore next */ []));
|
|
4844
|
+
this.backdrop = input(...(ngDevMode ? [undefined, { debugName: "backdrop" }] : /* istanbul ignore next */ []));
|
|
4845
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
4846
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
4847
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
4848
|
+
this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
|
|
4849
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
4850
|
+
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
|
|
4851
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
4852
|
+
this.rounded = input(...(ngDevMode ? [undefined, { debugName: "rounded" }] : /* istanbul ignore next */ []));
|
|
4853
|
+
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
|
|
4854
|
+
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
|
|
4855
4855
|
this.close = output();
|
|
4856
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
4857
|
-
this.dialogContainerRef = viewChild("dialogContainerRef", ...(ngDevMode ? [{ debugName: "dialogContainerRef" }] : []));
|
|
4858
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
4856
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
4857
|
+
this.dialogContainerRef = viewChild("dialogContainerRef", ...(ngDevMode ? [{ debugName: "dialogContainerRef" }] : /* istanbul ignore next */ []));
|
|
4858
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
4859
4859
|
if (typeof window !== "undefined") {
|
|
4860
4860
|
effect(() => {
|
|
4861
4861
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -4929,8 +4929,8 @@ class DBDrawer {
|
|
|
4929
4929
|
this.initialized.set(true);
|
|
4930
4930
|
}
|
|
4931
4931
|
}
|
|
4932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4933
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
4932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4933
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBDrawer, isStandalone: true, selector: "db-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
4934
4934
|
class="db-drawer"
|
|
4935
4935
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
4936
4936
|
#_ref
|
|
@@ -4967,7 +4967,7 @@ class DBDrawer {
|
|
|
4967
4967
|
</article>
|
|
4968
4968
|
</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"] }] }); }
|
|
4969
4969
|
}
|
|
4970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDrawer, decorators: [{
|
|
4971
4971
|
type: Component,
|
|
4972
4972
|
args: [{ selector: "db-drawer", standalone: true, imports: [CommonModule, DBButton], template: `<dialog
|
|
4973
4973
|
class="db-drawer"
|
|
@@ -5146,10 +5146,10 @@ var navigation = {
|
|
|
5146
5146
|
|
|
5147
5147
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5148
5148
|
class SecondaryActionDirective {
|
|
5149
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5150
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SecondaryActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5150
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SecondaryActionDirective, isStandalone: true, selector: "[dbSecondaryAction]", ngImport: i0 }); }
|
|
5151
5151
|
}
|
|
5152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SecondaryActionDirective, decorators: [{
|
|
5153
5153
|
type: Directive,
|
|
5154
5154
|
args: [{
|
|
5155
5155
|
selector: '[dbSecondaryAction]',
|
|
@@ -5159,10 +5159,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5159
5159
|
|
|
5160
5160
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5161
5161
|
class MetaNavigationDirective {
|
|
5162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5163
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MetaNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5163
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: MetaNavigationDirective, isStandalone: true, selector: "[dbMetaNavigation]", ngImport: i0 }); }
|
|
5164
5164
|
}
|
|
5165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MetaNavigationDirective, decorators: [{
|
|
5166
5166
|
type: Directive,
|
|
5167
5167
|
args: [{
|
|
5168
5168
|
selector: '[dbMetaNavigation]',
|
|
@@ -5172,10 +5172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5172
5172
|
|
|
5173
5173
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5174
5174
|
class NavigationDirective {
|
|
5175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5176
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5176
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: NavigationDirective, isStandalone: true, selector: "[dbNavigation]", ngImport: i0 }); }
|
|
5177
5177
|
}
|
|
5178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationDirective, decorators: [{
|
|
5179
5179
|
type: Directive,
|
|
5180
5180
|
args: [{
|
|
5181
5181
|
selector: '[dbNavigation]',
|
|
@@ -5183,7 +5183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5183
5183
|
}]
|
|
5184
5184
|
}] });
|
|
5185
5185
|
|
|
5186
|
-
const defaultProps$
|
|
5186
|
+
const defaultProps$h = {};
|
|
5187
5187
|
class DBHeader {
|
|
5188
5188
|
handleToggle(event) {
|
|
5189
5189
|
if (event && event.stopPropagation) {
|
|
@@ -5203,19 +5203,19 @@ class DBHeader {
|
|
|
5203
5203
|
this.cls = cls;
|
|
5204
5204
|
this.getBoolean = getBoolean;
|
|
5205
5205
|
this.DEFAULT_BURGER_MENU = DEFAULT_BURGER_MENU;
|
|
5206
|
-
this.forceMobile = input(...(ngDevMode ? [undefined, { debugName: "forceMobile" }] : []));
|
|
5207
|
-
this.drawerOpen = input(...(ngDevMode ? [undefined, { debugName: "drawerOpen" }] : []));
|
|
5208
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5209
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5210
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5211
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
5212
|
-
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : []));
|
|
5213
|
-
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : []));
|
|
5214
|
-
this.burgerMenuLabel = input(...(ngDevMode ? [undefined, { debugName: "burgerMenuLabel" }] : []));
|
|
5206
|
+
this.forceMobile = input(...(ngDevMode ? [undefined, { debugName: "forceMobile" }] : /* istanbul ignore next */ []));
|
|
5207
|
+
this.drawerOpen = input(...(ngDevMode ? [undefined, { debugName: "drawerOpen" }] : /* istanbul ignore next */ []));
|
|
5208
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5209
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5210
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5211
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
5212
|
+
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
|
|
5213
|
+
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
|
|
5214
|
+
this.burgerMenuLabel = input(...(ngDevMode ? [undefined, { debugName: "burgerMenuLabel" }] : /* istanbul ignore next */ []));
|
|
5215
5215
|
this.toggle = output();
|
|
5216
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5217
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
5218
|
-
this.forcedToMobile = signal(false, ...(ngDevMode ? [{ debugName: "forcedToMobile" }] : []));
|
|
5216
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5217
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
5218
|
+
this.forcedToMobile = signal(false, ...(ngDevMode ? [{ debugName: "forcedToMobile" }] : /* istanbul ignore next */ []));
|
|
5219
5219
|
if (typeof window !== "undefined") {
|
|
5220
5220
|
effect(() => {
|
|
5221
5221
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -5281,8 +5281,8 @@ class DBHeader {
|
|
|
5281
5281
|
this.initialized.set(true);
|
|
5282
5282
|
}
|
|
5283
5283
|
}
|
|
5284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5285
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
5284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5285
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBHeader, isStandalone: true, selector: "db-header", inputs: { forceMobile: { classPropertyName: "forceMobile", publicName: "forceMobile", isSignal: true, isRequired: false, transformFunction: null }, drawerOpen: { classPropertyName: "drawerOpen", publicName: "drawerOpen", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
5286
5286
|
#_ref
|
|
5287
5287
|
[class]="cls('db-header', className())"
|
|
5288
5288
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -5341,7 +5341,7 @@ class DBHeader {
|
|
|
5341
5341
|
</div>
|
|
5342
5342
|
</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"] }] }); }
|
|
5343
5343
|
}
|
|
5344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBHeader, decorators: [{
|
|
5345
5345
|
type: Component,
|
|
5346
5346
|
args: [{ selector: "db-header", standalone: true, imports: [CommonModule, DBDrawer, DBButton], template: `<header
|
|
5347
5347
|
#_ref
|
|
@@ -5412,18 +5412,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5412
5412
|
args: [SecondaryActionDirective, { read: TemplateRef }]
|
|
5413
5413
|
}], 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 }] }] } });
|
|
5414
5414
|
|
|
5415
|
-
const defaultProps$
|
|
5415
|
+
const defaultProps$g = {};
|
|
5416
5416
|
class DBIcon {
|
|
5417
5417
|
constructor() {
|
|
5418
5418
|
this.cls = cls;
|
|
5419
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5420
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5421
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5422
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
5423
|
-
this.weight = input(...(ngDevMode ? [undefined, { debugName: "weight" }] : []));
|
|
5424
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
5425
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
5426
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5419
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5420
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5421
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5422
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
5423
|
+
this.weight = input(...(ngDevMode ? [undefined, { debugName: "weight" }] : /* istanbul ignore next */ []));
|
|
5424
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
5425
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
5426
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5427
5427
|
}
|
|
5428
5428
|
/**
|
|
5429
5429
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -5467,8 +5467,8 @@ class DBIcon {
|
|
|
5467
5467
|
this.enableAttributePassing(element, "db-icon");
|
|
5468
5468
|
}
|
|
5469
5469
|
}
|
|
5470
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5471
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5470
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5471
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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
|
|
5472
5472
|
aria-hidden="true"
|
|
5473
5473
|
#_ref
|
|
5474
5474
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
@@ -5481,7 +5481,7 @@ class DBIcon {
|
|
|
5481
5481
|
}</span
|
|
5482
5482
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5483
5483
|
}
|
|
5484
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBIcon, decorators: [{
|
|
5485
5485
|
type: Component,
|
|
5486
5486
|
args: [{ selector: "db-icon", standalone: true, imports: [CommonModule], template: `<span
|
|
5487
5487
|
aria-hidden="true"
|
|
@@ -5505,29 +5505,29 @@ const InputTypeList = ['color', 'date', 'datetime-local', 'email', 'file',
|
|
|
5505
5505
|
// TODO: move this to own component
|
|
5506
5506
|
'search', 'tel', 'text', 'time', 'url', 'week'];
|
|
5507
5507
|
|
|
5508
|
-
const defaultProps$
|
|
5508
|
+
const defaultProps$f = {};
|
|
5509
5509
|
class DBLink {
|
|
5510
5510
|
constructor() {
|
|
5511
5511
|
this.cls = cls;
|
|
5512
5512
|
this.getBooleanAsString = getBooleanAsString;
|
|
5513
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5514
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5515
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5516
|
-
this.href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : []));
|
|
5517
|
-
this.target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : []));
|
|
5518
|
-
this.rel = input(...(ngDevMode ? [undefined, { debugName: "rel" }] : []));
|
|
5519
|
-
this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
|
|
5520
|
-
this.referrerpolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerpolicy" }] : []));
|
|
5521
|
-
this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : []));
|
|
5522
|
-
this.hreflang = input(...(ngDevMode ? [undefined, { debugName: "hreflang" }] : []));
|
|
5523
|
-
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
5524
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
5525
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
5526
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
5527
|
-
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
|
|
5528
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
5529
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
5530
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5513
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5514
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5515
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5516
|
+
this.href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
|
|
5517
|
+
this.target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
|
|
5518
|
+
this.rel = input(...(ngDevMode ? [undefined, { debugName: "rel" }] : /* istanbul ignore next */ []));
|
|
5519
|
+
this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
|
|
5520
|
+
this.referrerpolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerpolicy" }] : /* istanbul ignore next */ []));
|
|
5521
|
+
this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : /* istanbul ignore next */ []));
|
|
5522
|
+
this.hreflang = input(...(ngDevMode ? [undefined, { debugName: "hreflang" }] : /* istanbul ignore next */ []));
|
|
5523
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
5524
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
5525
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
5526
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
5527
|
+
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
|
|
5528
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
5529
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
5530
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5531
5531
|
}
|
|
5532
5532
|
/**
|
|
5533
5533
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -5571,8 +5571,8 @@ class DBLink {
|
|
|
5571
5571
|
this.enableAttributePassing(element, "db-link");
|
|
5572
5572
|
}
|
|
5573
5573
|
}
|
|
5574
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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
|
|
5576
5576
|
#_ref
|
|
5577
5577
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5578
5578
|
[class]="cls('db-link', className())"
|
|
@@ -5594,7 +5594,7 @@ class DBLink {
|
|
|
5594
5594
|
}</a
|
|
5595
5595
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5596
5596
|
}
|
|
5597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBLink, decorators: [{
|
|
5598
5598
|
type: Component,
|
|
5599
5599
|
args: [{ selector: "db-link", standalone: true, imports: [CommonModule], template: `<a
|
|
5600
5600
|
#_ref
|
|
@@ -5623,14 +5623,14 @@ const LinkVariantList = ['adaptive', 'brand', 'inline'];
|
|
|
5623
5623
|
const LinkSizeList = ['medium', 'small'];
|
|
5624
5624
|
const LinkContentList = ['external', 'internal'];
|
|
5625
5625
|
|
|
5626
|
-
const defaultProps$
|
|
5626
|
+
const defaultProps$e = {};
|
|
5627
5627
|
class DBNavigation {
|
|
5628
5628
|
constructor() {
|
|
5629
5629
|
this.cls = cls;
|
|
5630
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5631
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5632
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5633
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5630
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5631
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5632
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5633
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5634
5634
|
}
|
|
5635
5635
|
/**
|
|
5636
5636
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -5674,8 +5674,8 @@ class DBNavigation {
|
|
|
5674
5674
|
this.enableAttributePassing(element, "db-navigation");
|
|
5675
5675
|
}
|
|
5676
5676
|
}
|
|
5677
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5678
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
5677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
5679
5679
|
#_ref
|
|
5680
5680
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5681
5681
|
[class]="cls('db-navigation', className())"
|
|
@@ -5683,7 +5683,7 @@ class DBNavigation {
|
|
|
5683
5683
|
<menu><ng-content></ng-content></menu>
|
|
5684
5684
|
</nav> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5685
5685
|
}
|
|
5686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigation, decorators: [{
|
|
5687
5687
|
type: Component,
|
|
5688
5688
|
args: [{ selector: "db-navigation", standalone: true, imports: [CommonModule], template: `<nav
|
|
5689
5689
|
#_ref
|
|
@@ -5696,10 +5696,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5696
5696
|
|
|
5697
5697
|
/* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
|
|
5698
5698
|
class NavigationContentDirective {
|
|
5699
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5700
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5699
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5700
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: NavigationContentDirective, isStandalone: true, selector: "[dbNavigationContent]", ngImport: i0 }); }
|
|
5701
5701
|
}
|
|
5702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationContentDirective, decorators: [{
|
|
5703
5703
|
type: Directive,
|
|
5704
5704
|
args: [{
|
|
5705
5705
|
selector: '[dbNavigationContent]',
|
|
@@ -5707,7 +5707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5707
5707
|
}]
|
|
5708
5708
|
}] });
|
|
5709
5709
|
|
|
5710
|
-
const defaultProps$
|
|
5710
|
+
const defaultProps$d = {};
|
|
5711
5711
|
class DBNavigationItem {
|
|
5712
5712
|
handleNavigationItemClick(event) {
|
|
5713
5713
|
if (event?.target?.nodeName === "A") {
|
|
@@ -5735,29 +5735,29 @@ class DBNavigationItem {
|
|
|
5735
5735
|
this.getBooleanAsString = getBooleanAsString;
|
|
5736
5736
|
this.getBoolean = getBoolean;
|
|
5737
5737
|
this.DEFAULT_BACK = DEFAULT_BACK;
|
|
5738
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5739
|
-
this.subNavigationExpanded = input(...(ngDevMode ? [undefined, { debugName: "subNavigationExpanded" }] : []));
|
|
5740
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5741
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5742
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
5743
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
5744
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
5745
|
-
this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
|
|
5746
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
5747
|
-
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
5748
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
5749
|
-
this.backButtonId = input(...(ngDevMode ? [undefined, { debugName: "backButtonId" }] : []));
|
|
5750
|
-
this.backButtonText = input(...(ngDevMode ? [undefined, { debugName: "backButtonText" }] : []));
|
|
5738
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5739
|
+
this.subNavigationExpanded = input(...(ngDevMode ? [undefined, { debugName: "subNavigationExpanded" }] : /* istanbul ignore next */ []));
|
|
5740
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5741
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5742
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
5743
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
5744
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
5745
|
+
this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : /* istanbul ignore next */ []));
|
|
5746
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
5747
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
5748
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
5749
|
+
this.backButtonId = input(...(ngDevMode ? [undefined, { debugName: "backButtonId" }] : /* istanbul ignore next */ []));
|
|
5750
|
+
this.backButtonText = input(...(ngDevMode ? [undefined, { debugName: "backButtonText" }] : /* istanbul ignore next */ []));
|
|
5751
5751
|
this.click = output();
|
|
5752
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5753
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
5754
|
-
this.hasAreaPopup = signal(false, ...(ngDevMode ? [{ debugName: "hasAreaPopup" }] : []));
|
|
5755
|
-
this.hasSubNavigation = signal(true, ...(ngDevMode ? [{ debugName: "hasSubNavigation" }] : []));
|
|
5756
|
-
this.isSubNavigationExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isSubNavigationExpanded" }] : []));
|
|
5757
|
-
this.autoClose = signal(false, ...(ngDevMode ? [{ debugName: "autoClose" }] : []));
|
|
5758
|
-
this.navigationItemSafeTriangle = signal(undefined, ...(ngDevMode ? [{ debugName: "navigationItemSafeTriangle" }] : []));
|
|
5759
|
-
this.subNavigationId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationId" }] : []));
|
|
5760
|
-
this.subNavigationToggleId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationToggleId" }] : []));
|
|
5752
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5753
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
5754
|
+
this.hasAreaPopup = signal(false, ...(ngDevMode ? [{ debugName: "hasAreaPopup" }] : /* istanbul ignore next */ []));
|
|
5755
|
+
this.hasSubNavigation = signal(true, ...(ngDevMode ? [{ debugName: "hasSubNavigation" }] : /* istanbul ignore next */ []));
|
|
5756
|
+
this.isSubNavigationExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isSubNavigationExpanded" }] : /* istanbul ignore next */ []));
|
|
5757
|
+
this.autoClose = signal(false, ...(ngDevMode ? [{ debugName: "autoClose" }] : /* istanbul ignore next */ []));
|
|
5758
|
+
this.navigationItemSafeTriangle = signal(undefined, ...(ngDevMode ? [{ debugName: "navigationItemSafeTriangle" }] : /* istanbul ignore next */ []));
|
|
5759
|
+
this.subNavigationId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationId" }] : /* istanbul ignore next */ []));
|
|
5760
|
+
this.subNavigationToggleId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationToggleId" }] : /* istanbul ignore next */ []));
|
|
5761
5761
|
if (typeof window !== "undefined") {
|
|
5762
5762
|
effect(() => {
|
|
5763
5763
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -5839,8 +5839,8 @@ class DBNavigationItem {
|
|
|
5839
5839
|
this.subNavigationToggleId.set(`${subNavId}-toggle`);
|
|
5840
5840
|
}
|
|
5841
5841
|
}
|
|
5842
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5843
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5842
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5843
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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
|
|
5844
5844
|
#_ref
|
|
5845
5845
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
5846
5846
|
(mouseover)="navigationItemSafeTriangle()?.enableFollow()"
|
|
@@ -5892,7 +5892,7 @@ class DBNavigationItem {
|
|
|
5892
5892
|
}
|
|
5893
5893
|
</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"] }] }); }
|
|
5894
5894
|
}
|
|
5895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigationItem, decorators: [{
|
|
5896
5896
|
type: Component,
|
|
5897
5897
|
args: [{ selector: "db-navigation-item", standalone: true, imports: [CommonModule, DBButton], template: `<li
|
|
5898
5898
|
#_ref
|
|
@@ -5950,7 +5950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
5950
5950
|
args: [NavigationContentDirective, { read: TemplateRef }]
|
|
5951
5951
|
}], 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 }] }] } });
|
|
5952
5952
|
|
|
5953
|
-
const defaultProps$
|
|
5953
|
+
const defaultProps$c = {};
|
|
5954
5954
|
class DBNotification {
|
|
5955
5955
|
handleClose(event) {
|
|
5956
5956
|
if (!event)
|
|
@@ -5967,26 +5967,26 @@ class DBNotification {
|
|
|
5967
5967
|
this.getBooleanAsString = getBooleanAsString;
|
|
5968
5968
|
this.stringPropVisible = stringPropVisible;
|
|
5969
5969
|
this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
|
|
5970
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
5971
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
5972
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
5973
|
-
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : []));
|
|
5974
|
-
this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
|
|
5975
|
-
this.ariaLive = input(...(ngDevMode ? [undefined, { debugName: "ariaLive" }] : []));
|
|
5976
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
5977
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
5978
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
5979
|
-
this.linkVariant = input(...(ngDevMode ? [undefined, { debugName: "linkVariant" }] : []));
|
|
5980
|
-
this.headline = input(...(ngDevMode ? [undefined, { debugName: "headline" }] : []));
|
|
5981
|
-
this.showHeadline = input(...(ngDevMode ? [undefined, { debugName: "showHeadline" }] : []));
|
|
5982
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
5983
|
-
this.timestamp = input(...(ngDevMode ? [undefined, { debugName: "timestamp" }] : []));
|
|
5984
|
-
this.showTimestamp = input(...(ngDevMode ? [undefined, { debugName: "showTimestamp" }] : []));
|
|
5985
|
-
this.closeable = input(...(ngDevMode ? [undefined, { debugName: "closeable" }] : []));
|
|
5986
|
-
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : []));
|
|
5987
|
-
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : []));
|
|
5970
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
5971
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
5972
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
5973
|
+
this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
|
|
5974
|
+
this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
|
|
5975
|
+
this.ariaLive = input(...(ngDevMode ? [undefined, { debugName: "ariaLive" }] : /* istanbul ignore next */ []));
|
|
5976
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
5977
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
5978
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
5979
|
+
this.linkVariant = input(...(ngDevMode ? [undefined, { debugName: "linkVariant" }] : /* istanbul ignore next */ []));
|
|
5980
|
+
this.headline = input(...(ngDevMode ? [undefined, { debugName: "headline" }] : /* istanbul ignore next */ []));
|
|
5981
|
+
this.showHeadline = input(...(ngDevMode ? [undefined, { debugName: "showHeadline" }] : /* istanbul ignore next */ []));
|
|
5982
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
|
|
5983
|
+
this.timestamp = input(...(ngDevMode ? [undefined, { debugName: "timestamp" }] : /* istanbul ignore next */ []));
|
|
5984
|
+
this.showTimestamp = input(...(ngDevMode ? [undefined, { debugName: "showTimestamp" }] : /* istanbul ignore next */ []));
|
|
5985
|
+
this.closeable = input(...(ngDevMode ? [undefined, { debugName: "closeable" }] : /* istanbul ignore next */ []));
|
|
5986
|
+
this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
|
|
5987
|
+
this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
|
|
5988
5988
|
this.close = output();
|
|
5989
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
5989
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
5990
5990
|
}
|
|
5991
5991
|
/**
|
|
5992
5992
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -6030,8 +6030,8 @@ class DBNotification {
|
|
|
6030
6030
|
this.enableAttributePassing(element, "db-notification");
|
|
6031
6031
|
}
|
|
6032
6032
|
}
|
|
6033
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6034
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6033
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6034
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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
|
|
6035
6035
|
#_ref
|
|
6036
6036
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6037
6037
|
[class]="cls('db-notification', className())"
|
|
@@ -6073,7 +6073,7 @@ class DBNotification {
|
|
|
6073
6073
|
}
|
|
6074
6074
|
</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"] }] }); }
|
|
6075
6075
|
}
|
|
6076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6076
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNotification, decorators: [{
|
|
6077
6077
|
type: Component,
|
|
6078
6078
|
args: [{ selector: "db-notification", standalone: true, imports: [CommonModule, DBButton], template: `<div
|
|
6079
6079
|
#_ref
|
|
@@ -6122,20 +6122,20 @@ const NotificationVariantList = ['docked', 'standalone', 'overlay'];
|
|
|
6122
6122
|
const NotificationLinkVariantList = ['block', 'inline'];
|
|
6123
6123
|
const NotificationAriaLiveList = ['assertive', 'polite', 'off'];
|
|
6124
6124
|
|
|
6125
|
-
const defaultProps$
|
|
6125
|
+
const defaultProps$b = {};
|
|
6126
6126
|
class DBPage {
|
|
6127
6127
|
constructor() {
|
|
6128
6128
|
this.cls = cls;
|
|
6129
6129
|
this.getBooleanAsString = getBooleanAsString;
|
|
6130
|
-
this.fadeIn = input(...(ngDevMode ? [undefined, { debugName: "fadeIn" }] : []));
|
|
6131
|
-
this.documentOverflow = input(...(ngDevMode ? [undefined, { debugName: "documentOverflow" }] : []));
|
|
6132
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
6133
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
6134
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
6135
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
6136
|
-
this.mainClass = input(...(ngDevMode ? [undefined, { debugName: "mainClass" }] : []));
|
|
6137
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
6138
|
-
this.fontsLoaded = signal(false, ...(ngDevMode ? [{ debugName: "fontsLoaded" }] : []));
|
|
6130
|
+
this.fadeIn = input(...(ngDevMode ? [undefined, { debugName: "fadeIn" }] : /* istanbul ignore next */ []));
|
|
6131
|
+
this.documentOverflow = input(...(ngDevMode ? [undefined, { debugName: "documentOverflow" }] : /* istanbul ignore next */ []));
|
|
6132
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
6133
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
6134
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
6135
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
6136
|
+
this.mainClass = input(...(ngDevMode ? [undefined, { debugName: "mainClass" }] : /* istanbul ignore next */ []));
|
|
6137
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
6138
|
+
this.fontsLoaded = signal(false, ...(ngDevMode ? [{ debugName: "fontsLoaded" }] : /* istanbul ignore next */ []));
|
|
6139
6139
|
}
|
|
6140
6140
|
/**
|
|
6141
6141
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -6205,8 +6205,8 @@ class DBPage {
|
|
|
6205
6205
|
document.documentElement.classList.remove("db-page-document");
|
|
6206
6206
|
}
|
|
6207
6207
|
}
|
|
6208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
6208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBPage, isStandalone: true, selector: "db-page", inputs: { fadeIn: { classPropertyName: "fadeIn", publicName: "fadeIn", isSignal: true, isRequired: false, transformFunction: null }, documentOverflow: { classPropertyName: "documentOverflow", publicName: "documentOverflow", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
6210
6210
|
#_ref
|
|
6211
6211
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6212
6212
|
[class]="cls('db-page', className())"
|
|
@@ -6219,7 +6219,7 @@ class DBPage {
|
|
|
6219
6219
|
<ng-content select="[footer]"> </ng-content>
|
|
6220
6220
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6221
6221
|
}
|
|
6222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPage, decorators: [{
|
|
6223
6223
|
type: Component,
|
|
6224
6224
|
args: [{ selector: "db-page", standalone: true, imports: [CommonModule], template: `<div
|
|
6225
6225
|
#_ref
|
|
@@ -6238,7 +6238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
6238
6238
|
const PageVariantList = ['auto', 'fixed'];
|
|
6239
6239
|
const PageDocumentOverflowList = ['hidden', 'auto'];
|
|
6240
6240
|
|
|
6241
|
-
const defaultProps$
|
|
6241
|
+
const defaultProps$a = {};
|
|
6242
6242
|
class DBPopover {
|
|
6243
6243
|
handleEscape(event) {
|
|
6244
6244
|
if (!event || event.key === "Escape") {
|
|
@@ -6312,21 +6312,21 @@ class DBPopover {
|
|
|
6312
6312
|
constructor() {
|
|
6313
6313
|
this.cls = cls;
|
|
6314
6314
|
this.getBooleanAsString = getBooleanAsString;
|
|
6315
|
-
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : []));
|
|
6316
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
6317
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
6318
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
6319
|
-
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : []));
|
|
6320
|
-
this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : []));
|
|
6321
|
-
this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : []));
|
|
6322
|
-
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
|
|
6323
|
-
this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : []));
|
|
6324
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
6325
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
6326
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
6327
|
-
this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
|
|
6328
|
-
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : []));
|
|
6329
|
-
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : []));
|
|
6315
|
+
this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
6316
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
6317
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
6318
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
6319
|
+
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
|
|
6320
|
+
this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
|
|
6321
|
+
this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : /* istanbul ignore next */ []));
|
|
6322
|
+
this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
|
|
6323
|
+
this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : /* istanbul ignore next */ []));
|
|
6324
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
6325
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
6326
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
6327
|
+
this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
|
|
6328
|
+
this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
|
|
6329
|
+
this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
|
|
6330
6330
|
if (typeof window !== "undefined") {
|
|
6331
6331
|
effect(() => {
|
|
6332
6332
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -6419,8 +6419,8 @@ class DBPopover {
|
|
|
6419
6419
|
this.initialized.set(true);
|
|
6420
6420
|
}
|
|
6421
6421
|
}
|
|
6422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6423
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
6422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6423
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBPopover, isStandalone: true, selector: "db-popover", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, 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
|
|
6424
6424
|
#_ref
|
|
6425
6425
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6426
6426
|
[class]="cls('db-popover', className())"
|
|
@@ -6440,7 +6440,7 @@ class DBPopover {
|
|
|
6440
6440
|
</article>
|
|
6441
6441
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6442
6442
|
}
|
|
6443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPopover, decorators: [{
|
|
6444
6444
|
type: Component,
|
|
6445
6445
|
args: [{ selector: "db-popover", standalone: true, imports: [CommonModule], template: `<div
|
|
6446
6446
|
#_ref
|
|
@@ -6463,7 +6463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
6463
6463
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
6464
6464
|
}], 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 }] }] } });
|
|
6465
6465
|
|
|
6466
|
-
const defaultProps$
|
|
6466
|
+
const defaultProps$9 = {};
|
|
6467
6467
|
class DBRadio {
|
|
6468
6468
|
handleInput(event, reset) {
|
|
6469
6469
|
if (this.input) {
|
|
@@ -6500,27 +6500,27 @@ class DBRadio {
|
|
|
6500
6500
|
this.getHideProp = getHideProp;
|
|
6501
6501
|
this.cls = cls;
|
|
6502
6502
|
this.getBoolean = getBoolean;
|
|
6503
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
6504
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
6505
|
-
this.checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
|
|
6506
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
6507
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
6508
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
6509
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
6510
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
6511
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
6512
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
6513
|
-
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
6514
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
6515
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
6503
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
6504
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
6505
|
+
this.checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
6506
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
6507
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
6508
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
6509
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
6510
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
6511
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
6512
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
6513
|
+
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
6514
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
6515
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
6516
6516
|
this.input = output();
|
|
6517
6517
|
this.change = output();
|
|
6518
6518
|
this.blur = output();
|
|
6519
6519
|
this.focus = output();
|
|
6520
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
6521
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
6522
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
6523
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
6520
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
6521
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
6522
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
6523
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
6524
6524
|
if (typeof window !== "undefined") {
|
|
6525
6525
|
effect(() => {
|
|
6526
6526
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -6646,8 +6646,8 @@ class DBRadio {
|
|
|
6646
6646
|
ngOnDestroy() {
|
|
6647
6647
|
this.abortController()?.abort();
|
|
6648
6648
|
}
|
|
6649
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6650
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6649
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBRadio, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6650
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
6651
6651
|
provide: NG_VALUE_ACCESSOR,
|
|
6652
6652
|
useExisting: DBRadio,
|
|
6653
6653
|
multi: true
|
|
@@ -6678,7 +6678,7 @@ class DBRadio {
|
|
|
6678
6678
|
}</label
|
|
6679
6679
|
> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6680
6680
|
}
|
|
6681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBRadio, decorators: [{
|
|
6682
6682
|
type: Component,
|
|
6683
6683
|
args: [{ providers: [{
|
|
6684
6684
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6712,16 +6712,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
6712
6712
|
> `, styles: [":host{display:contents}\n"] }]
|
|
6713
6713
|
}], 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 }] }] } });
|
|
6714
6714
|
|
|
6715
|
-
const defaultProps$
|
|
6715
|
+
const defaultProps$8 = {};
|
|
6716
6716
|
class DBSection {
|
|
6717
6717
|
constructor() {
|
|
6718
6718
|
this.cls = cls;
|
|
6719
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
6720
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
6721
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
6722
|
-
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : []));
|
|
6723
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
6724
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
6719
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
6720
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
6721
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
6722
|
+
this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
|
|
6723
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
6724
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
6725
6725
|
}
|
|
6726
6726
|
/**
|
|
6727
6727
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -6765,8 +6765,8 @@ class DBSection {
|
|
|
6765
6765
|
this.enableAttributePassing(element, "db-section");
|
|
6766
6766
|
}
|
|
6767
6767
|
}
|
|
6768
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6769
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
6768
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6769
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
6770
6770
|
#_ref
|
|
6771
6771
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
6772
6772
|
[class]="cls('db-section', className())"
|
|
@@ -6776,7 +6776,7 @@ class DBSection {
|
|
|
6776
6776
|
<ng-content></ng-content>
|
|
6777
6777
|
</section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
6778
6778
|
}
|
|
6779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSection, decorators: [{
|
|
6780
6780
|
type: Component,
|
|
6781
6781
|
args: [{ selector: "db-section", standalone: true, imports: [CommonModule], template: `<section
|
|
6782
6782
|
#_ref
|
|
@@ -6789,7 +6789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
6789
6789
|
</section> `, styles: [":host{display:contents}\n"] }]
|
|
6790
6790
|
}], 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 }] }] } });
|
|
6791
6791
|
|
|
6792
|
-
const defaultProps$
|
|
6792
|
+
const defaultProps$7 = {};
|
|
6793
6793
|
class DBSelect {
|
|
6794
6794
|
hasValidState() {
|
|
6795
6795
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -6895,49 +6895,49 @@ class DBSelect {
|
|
|
6895
6895
|
this.getOptionKey = getOptionKey;
|
|
6896
6896
|
this.stringPropVisible = stringPropVisible;
|
|
6897
6897
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
6898
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
6899
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
6900
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
6901
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
6902
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
6903
|
-
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
6904
|
-
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
6905
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
6906
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
6907
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
6908
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
6909
|
-
this.showEmptyOption = input(...(ngDevMode ? [undefined, { debugName: "showEmptyOption" }] : []));
|
|
6910
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
6911
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
6912
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
6913
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
6914
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
6915
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
6916
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
6917
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
6918
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
6919
|
-
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : []));
|
|
6920
|
-
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : []));
|
|
6921
|
-
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
|
|
6922
|
-
this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
|
|
6923
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
6898
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
6899
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
6900
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
6901
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
6902
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
6903
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
6904
|
+
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
6905
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
6906
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
6907
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
6908
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
6909
|
+
this.showEmptyOption = input(...(ngDevMode ? [undefined, { debugName: "showEmptyOption" }] : /* istanbul ignore next */ []));
|
|
6910
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
6911
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
6912
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
6913
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
6914
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
6915
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
6916
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
6917
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
6918
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
6919
|
+
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
|
|
6920
|
+
this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
|
|
6921
|
+
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
6922
|
+
this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
|
|
6923
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
6924
6924
|
this.click = output();
|
|
6925
6925
|
this.input = output();
|
|
6926
6926
|
this.change = output();
|
|
6927
6927
|
this.blur = output();
|
|
6928
6928
|
this.focus = output();
|
|
6929
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
6930
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
6931
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
6932
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
6933
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
6934
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
6935
|
-
this._placeholderId = signal("", ...(ngDevMode ? [{ debugName: "_placeholderId" }] : []));
|
|
6936
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
6937
|
-
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
6938
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
6939
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
6940
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
6929
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
6930
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
6931
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
6932
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
6933
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
6934
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
6935
|
+
this._placeholderId = signal("", ...(ngDevMode ? [{ debugName: "_placeholderId" }] : /* istanbul ignore next */ []));
|
|
6936
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
6937
|
+
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
|
|
6938
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
6939
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
6940
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
6941
6941
|
if (typeof window !== "undefined") {
|
|
6942
6942
|
effect(() => {
|
|
6943
6943
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -7087,8 +7087,8 @@ class DBSelect {
|
|
|
7087
7087
|
ngOnDestroy() {
|
|
7088
7088
|
this.abortController()?.abort();
|
|
7089
7089
|
}
|
|
7090
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7091
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7090
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7091
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
7092
7092
|
provide: NG_VALUE_ACCESSOR,
|
|
7093
7093
|
useExisting: DBSelect,
|
|
7094
7094
|
multi: true
|
|
@@ -7190,7 +7190,7 @@ class DBSelect {
|
|
|
7190
7190
|
>
|
|
7191
7191
|
</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"] }] }); }
|
|
7192
7192
|
}
|
|
7193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSelect, decorators: [{
|
|
7194
7194
|
type: Component,
|
|
7195
7195
|
args: [{ providers: [{
|
|
7196
7196
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7295,21 +7295,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
7295
7295
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
7296
7296
|
}], 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 }] }] } });
|
|
7297
7297
|
|
|
7298
|
-
const defaultProps$
|
|
7298
|
+
const defaultProps$6 = {};
|
|
7299
7299
|
class DBStack {
|
|
7300
7300
|
constructor() {
|
|
7301
7301
|
this.cls = cls;
|
|
7302
7302
|
this.getBooleanAsString = getBooleanAsString;
|
|
7303
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
7304
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
7305
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
7306
|
-
this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : []));
|
|
7307
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
7308
|
-
this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : []));
|
|
7309
|
-
this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : []));
|
|
7310
|
-
this.justifyContent = input(...(ngDevMode ? [undefined, { debugName: "justifyContent" }] : []));
|
|
7311
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
7312
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
7303
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
7304
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
7305
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
7306
|
+
this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
|
|
7307
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
7308
|
+
this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
|
|
7309
|
+
this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
|
|
7310
|
+
this.justifyContent = input(...(ngDevMode ? [undefined, { debugName: "justifyContent" }] : /* istanbul ignore next */ []));
|
|
7311
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
7312
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
7313
7313
|
}
|
|
7314
7314
|
/**
|
|
7315
7315
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -7353,8 +7353,8 @@ class DBStack {
|
|
|
7353
7353
|
this.enableAttributePassing(element, "db-stack");
|
|
7354
7354
|
}
|
|
7355
7355
|
}
|
|
7356
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7357
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
7356
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7357
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", 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
|
|
7358
7358
|
#_ref
|
|
7359
7359
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
7360
7360
|
[class]="cls('db-stack', className())"
|
|
@@ -7368,7 +7368,7 @@ class DBStack {
|
|
|
7368
7368
|
<ng-content></ng-content>
|
|
7369
7369
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7370
7370
|
}
|
|
7371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBStack, decorators: [{
|
|
7372
7372
|
type: Component,
|
|
7373
7373
|
args: [{ selector: "db-stack", standalone: true, imports: [CommonModule], template: `<div
|
|
7374
7374
|
#_ref
|
|
@@ -7390,7 +7390,7 @@ const StackDirectionList = ['row', 'column'];
|
|
|
7390
7390
|
const StackAlignmentList = ['stretch', 'start', 'end', 'center'];
|
|
7391
7391
|
const StackJustifyContentList = ['space-between', 'start', 'end', 'center'];
|
|
7392
7392
|
|
|
7393
|
-
const defaultProps$
|
|
7393
|
+
const defaultProps$5 = {};
|
|
7394
7394
|
class DBSwitch {
|
|
7395
7395
|
hasValidState() {
|
|
7396
7396
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -7473,41 +7473,41 @@ class DBSwitch {
|
|
|
7473
7473
|
this.getBoolean = getBoolean;
|
|
7474
7474
|
this.stringPropVisible = stringPropVisible;
|
|
7475
7475
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
7476
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
7477
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
7478
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
7479
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
7480
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
7481
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
7482
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
7483
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
7484
|
-
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
|
|
7485
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
7486
|
-
this.visualAid = input(...(ngDevMode ? [undefined, { debugName: "visualAid" }] : []));
|
|
7487
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
7488
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
7489
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
7490
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
7491
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
7492
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
7493
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
7494
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : []));
|
|
7495
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
7496
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
7497
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
7498
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
7476
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
7477
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
7478
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
7479
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
7480
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
7481
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
7482
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
7483
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
7484
|
+
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
7485
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
7486
|
+
this.visualAid = input(...(ngDevMode ? [undefined, { debugName: "visualAid" }] : /* istanbul ignore next */ []));
|
|
7487
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
7488
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
7489
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
7490
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
7491
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
7492
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
7493
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
7494
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
7495
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
7496
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
7497
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7498
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
7499
7499
|
this.change = output();
|
|
7500
7500
|
this.blur = output();
|
|
7501
7501
|
this.focus = output();
|
|
7502
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
7503
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
7504
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
7505
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
7506
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
7507
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
7508
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
7509
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
7510
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
7502
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
7503
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
7504
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
7505
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
7506
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
7507
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
7508
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
7509
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
7510
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
7511
7511
|
if (typeof window !== "undefined") {
|
|
7512
7512
|
effect(() => {
|
|
7513
7513
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -7630,8 +7630,8 @@ class DBSwitch {
|
|
|
7630
7630
|
ngOnDestroy() {
|
|
7631
7631
|
this.abortController()?.abort();
|
|
7632
7632
|
}
|
|
7633
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7634
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSwitch, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
7635
7635
|
provide: NG_VALUE_ACCESSOR,
|
|
7636
7636
|
useExisting: DBSwitch,
|
|
7637
7637
|
multi: true
|
|
@@ -7697,7 +7697,7 @@ class DBSwitch {
|
|
|
7697
7697
|
>
|
|
7698
7698
|
</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"] }] }); }
|
|
7699
7699
|
}
|
|
7700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSwitch, decorators: [{
|
|
7701
7701
|
type: Component,
|
|
7702
7702
|
args: [{ providers: [{
|
|
7703
7703
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7766,7 +7766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
7766
7766
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
7767
7767
|
}], 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 }] }] } });
|
|
7768
7768
|
|
|
7769
|
-
const defaultProps$
|
|
7769
|
+
const defaultProps$4 = {};
|
|
7770
7770
|
class DBTabItem {
|
|
7771
7771
|
setSelectedOnChange(event) {
|
|
7772
7772
|
event.stopPropagation();
|
|
@@ -7794,28 +7794,28 @@ class DBTabItem {
|
|
|
7794
7794
|
this.cls = cls;
|
|
7795
7795
|
this.getBooleanAsString = getBooleanAsString;
|
|
7796
7796
|
this.getBoolean = getBoolean;
|
|
7797
|
-
this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
|
|
7798
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
7799
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
7800
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
7801
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
7802
|
-
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : []));
|
|
7803
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
7804
|
-
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : []));
|
|
7805
|
-
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : []));
|
|
7806
|
-
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : []));
|
|
7807
|
-
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : []));
|
|
7808
|
-
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : []));
|
|
7809
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
7810
|
-
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
|
|
7811
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
7797
|
+
this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : /* istanbul ignore next */ []));
|
|
7798
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
7799
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
7800
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
7801
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
7802
|
+
this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
|
|
7803
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
7804
|
+
this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
|
|
7805
|
+
this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
|
|
7806
|
+
this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
|
|
7807
|
+
this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
|
|
7808
|
+
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
|
|
7809
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
7810
|
+
this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
7811
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7812
7812
|
this.change = output();
|
|
7813
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
7814
|
-
this._selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
|
|
7815
|
-
this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : []));
|
|
7816
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
7817
|
-
this._listenerAdded = signal(false, ...(ngDevMode ? [{ debugName: "_listenerAdded" }] : []));
|
|
7818
|
-
this.boundSetSelectedOnChange = signal(undefined, ...(ngDevMode ? [{ debugName: "boundSetSelectedOnChange" }] : []));
|
|
7813
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
7814
|
+
this._selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
|
|
7815
|
+
this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
|
|
7816
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
7817
|
+
this._listenerAdded = signal(false, ...(ngDevMode ? [{ debugName: "_listenerAdded" }] : /* istanbul ignore next */ []));
|
|
7818
|
+
this.boundSetSelectedOnChange = signal(undefined, ...(ngDevMode ? [{ debugName: "boundSetSelectedOnChange" }] : /* istanbul ignore next */ []));
|
|
7819
7819
|
if (typeof window !== "undefined") {
|
|
7820
7820
|
effect(() => {
|
|
7821
7821
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -7924,8 +7924,8 @@ class DBTabItem {
|
|
|
7924
7924
|
this._listenerAdded.set(false);
|
|
7925
7925
|
}
|
|
7926
7926
|
}
|
|
7927
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7928
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7927
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7928
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBTabItem, isStandalone: true, selector: "db-tab-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, iconLeading: { classPropertyName: "iconLeading", publicName: "iconLeading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, showIconLeading: { classPropertyName: "showIconLeading", publicName: "showIconLeading", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showIconTrailing: { classPropertyName: "showIconTrailing", publicName: "showIconTrailing", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", checked: "checkedChange", change: "change" }, providers: [{
|
|
7929
7929
|
provide: NG_VALUE_ACCESSOR,
|
|
7930
7930
|
useExisting: DBTabItem,
|
|
7931
7931
|
multi: true
|
|
@@ -7951,7 +7951,7 @@ class DBTabItem {
|
|
|
7951
7951
|
></label>
|
|
7952
7952
|
</li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7953
7953
|
}
|
|
7954
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabItem, decorators: [{
|
|
7955
7955
|
type: Component,
|
|
7956
7956
|
args: [{ providers: [{
|
|
7957
7957
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7980,14 +7980,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
7980
7980
|
</li> `, styles: [":host{display:contents}\n"] }]
|
|
7981
7981
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", 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 }] }], 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 }] }], showIconLeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconLeading", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], showIconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIconTrailing", required: false }] }], noText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], 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 }] }] } });
|
|
7982
7982
|
|
|
7983
|
-
const defaultProps$
|
|
7983
|
+
const defaultProps$3 = {};
|
|
7984
7984
|
class DBTabList {
|
|
7985
7985
|
constructor() {
|
|
7986
7986
|
this.cls = cls;
|
|
7987
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
7988
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
7989
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
7990
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
7987
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
7988
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
7989
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
7990
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
7991
7991
|
}
|
|
7992
7992
|
/**
|
|
7993
7993
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -8031,8 +8031,8 @@ class DBTabList {
|
|
|
8031
8031
|
this.enableAttributePassing(element, "db-tab-list");
|
|
8032
8032
|
}
|
|
8033
8033
|
}
|
|
8034
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8035
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
8034
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8035
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: DBTabList, isStandalone: true, selector: "db-tab-list", 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: `<div
|
|
8036
8036
|
#_ref
|
|
8037
8037
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
8038
8038
|
[class]="cls('db-tab-list', className())"
|
|
@@ -8042,7 +8042,7 @@ class DBTabList {
|
|
|
8042
8042
|
</ul>
|
|
8043
8043
|
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
8044
8044
|
}
|
|
8045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabList, decorators: [{
|
|
8046
8046
|
type: Component,
|
|
8047
8047
|
args: [{ selector: "db-tab-list", standalone: true, imports: [CommonModule], template: `<div
|
|
8048
8048
|
#_ref
|
|
@@ -8055,15 +8055,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
8055
8055
|
</div> `, styles: [":host{display:contents}\n"] }]
|
|
8056
8056
|
}], 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 }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8057
8057
|
|
|
8058
|
-
const defaultProps$
|
|
8058
|
+
const defaultProps$2 = {};
|
|
8059
8059
|
class DBTabPanel {
|
|
8060
8060
|
constructor() {
|
|
8061
8061
|
this.cls = cls;
|
|
8062
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
8063
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
8064
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
8065
|
-
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
|
|
8066
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
8062
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8063
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8064
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8065
|
+
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
|
|
8066
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8067
8067
|
}
|
|
8068
8068
|
/**
|
|
8069
8069
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -8107,8 +8107,8 @@ class DBTabPanel {
|
|
|
8107
8107
|
this.enableAttributePassing(element, "db-tab-panel");
|
|
8108
8108
|
}
|
|
8109
8109
|
}
|
|
8110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBTabPanel, isStandalone: true, selector: "db-tab-panel", inputs: { className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, propOverrides: { classPropertyName: "propOverrides", publicName: "propOverrides", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<section
|
|
8112
8112
|
role="tabpanel"
|
|
8113
8113
|
#_ref
|
|
8114
8114
|
[class]="cls('db-tab-panel', className())"
|
|
@@ -8117,7 +8117,7 @@ class DBTabPanel {
|
|
|
8117
8117
|
@if(content()){{{content()}}} <ng-content></ng-content>
|
|
8118
8118
|
</section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
8119
8119
|
}
|
|
8120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabPanel, decorators: [{
|
|
8121
8121
|
type: Component,
|
|
8122
8122
|
args: [{ selector: "db-tab-panel", standalone: true, imports: [CommonModule], template: `<section
|
|
8123
8123
|
role="tabpanel"
|
|
@@ -8129,7 +8129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
8129
8129
|
</section> `, styles: [":host{display:contents}\n"] }]
|
|
8130
8130
|
}], 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 }] }] } });
|
|
8131
8131
|
|
|
8132
|
-
const defaultProps$
|
|
8132
|
+
const defaultProps$1 = {};
|
|
8133
8133
|
class DBTabs {
|
|
8134
8134
|
convertTabs() {
|
|
8135
8135
|
try {
|
|
@@ -8256,27 +8256,27 @@ class DBTabs {
|
|
|
8256
8256
|
}
|
|
8257
8257
|
constructor() {
|
|
8258
8258
|
this.cls = cls;
|
|
8259
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
8260
|
-
this.tabs = input(...(ngDevMode ? [undefined, { debugName: "tabs" }] : []));
|
|
8261
|
-
this.arrowScrollDistance = input(...(ngDevMode ? [undefined, { debugName: "arrowScrollDistance" }] : []));
|
|
8262
|
-
this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : []));
|
|
8263
|
-
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : []));
|
|
8264
|
-
this.initialSelectedMode = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedMode" }] : []));
|
|
8265
|
-
this.initialSelectedIndex = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedIndex" }] : []));
|
|
8266
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
8267
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
8268
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
8269
|
-
this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : []));
|
|
8270
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
8259
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
8260
|
+
this.tabs = input(...(ngDevMode ? [undefined, { debugName: "tabs" }] : /* istanbul ignore next */ []));
|
|
8261
|
+
this.arrowScrollDistance = input(...(ngDevMode ? [undefined, { debugName: "arrowScrollDistance" }] : /* istanbul ignore next */ []));
|
|
8262
|
+
this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
8263
|
+
this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
|
|
8264
|
+
this.initialSelectedMode = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedMode" }] : /* istanbul ignore next */ []));
|
|
8265
|
+
this.initialSelectedIndex = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedIndex" }] : /* istanbul ignore next */ []));
|
|
8266
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8267
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8268
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8269
|
+
this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
|
|
8270
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
8271
8271
|
this.indexChange = output();
|
|
8272
8272
|
this.tabSelect = output();
|
|
8273
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
8274
|
-
this._name = signal("", ...(ngDevMode ? [{ debugName: "_name" }] : []));
|
|
8275
|
-
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
|
|
8276
|
-
this.showScrollLeft = signal(false, ...(ngDevMode ? [{ debugName: "showScrollLeft" }] : []));
|
|
8277
|
-
this.showScrollRight = signal(false, ...(ngDevMode ? [{ debugName: "showScrollRight" }] : []));
|
|
8278
|
-
this.scrollContainer = signal(null, ...(ngDevMode ? [{ debugName: "scrollContainer" }] : []));
|
|
8279
|
-
this._resizeObserver = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : []));
|
|
8273
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8274
|
+
this._name = signal("", ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
|
|
8275
|
+
this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
8276
|
+
this.showScrollLeft = signal(false, ...(ngDevMode ? [{ debugName: "showScrollLeft" }] : /* istanbul ignore next */ []));
|
|
8277
|
+
this.showScrollRight = signal(false, ...(ngDevMode ? [{ debugName: "showScrollRight" }] : /* istanbul ignore next */ []));
|
|
8278
|
+
this.scrollContainer = signal(null, ...(ngDevMode ? [{ debugName: "scrollContainer" }] : /* istanbul ignore next */ []));
|
|
8279
|
+
this._resizeObserver = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : /* istanbul ignore next */ []));
|
|
8280
8280
|
if (typeof window !== "undefined") {
|
|
8281
8281
|
effect(() => {
|
|
8282
8282
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -8357,8 +8357,8 @@ class DBTabs {
|
|
|
8357
8357
|
this._resizeObserver()?.disconnect();
|
|
8358
8358
|
this._resizeObserver.set(undefined);
|
|
8359
8359
|
}
|
|
8360
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8361
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8360
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: DBTabs, isStandalone: true, selector: "db-tabs", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, arrowScrollDistance: { classPropertyName: "arrowScrollDistance", publicName: "arrowScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, initialSelectedMode: { classPropertyName: "initialSelectedMode", publicName: "initialSelectedMode", isSignal: true, isRequired: false, transformFunction: null }, initialSelectedIndex: { classPropertyName: "initialSelectedIndex", publicName: "initialSelectedIndex", isSignal: true, isRequired: false, transformFunction: null }, 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 }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange", tabSelect: "tabSelect" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
8362
8362
|
#_ref
|
|
8363
8363
|
[attr.id]="id() ?? propOverrides()?.id"
|
|
8364
8364
|
[class]="cls('db-tabs', className())"
|
|
@@ -8412,7 +8412,7 @@ class DBTabs {
|
|
|
8412
8412
|
<ng-content></ng-content>
|
|
8413
8413
|
</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"] }] }); }
|
|
8414
8414
|
}
|
|
8415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8415
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabs, decorators: [{
|
|
8416
8416
|
type: Component,
|
|
8417
8417
|
args: [{ selector: "db-tabs", standalone: true, imports: [CommonModule, DBButton, DBTabList, DBTabItem, DBTabPanel], template: `<div
|
|
8418
8418
|
#_ref
|
|
@@ -8474,7 +8474,7 @@ const TabsInitialSelectedModeList = ['auto', 'manually'];
|
|
|
8474
8474
|
|
|
8475
8475
|
const TagBehaviorList = ['static', 'removable'];
|
|
8476
8476
|
|
|
8477
|
-
const defaultProps
|
|
8477
|
+
const defaultProps = {};
|
|
8478
8478
|
class DBTextarea {
|
|
8479
8479
|
hasValidState() {
|
|
8480
8480
|
return !!(this.validMessage() ?? this.validation() === "valid");
|
|
@@ -8555,54 +8555,54 @@ class DBTextarea {
|
|
|
8555
8555
|
this.DEFAULT_ROWS = DEFAULT_ROWS;
|
|
8556
8556
|
this.stringPropVisible = stringPropVisible;
|
|
8557
8557
|
this.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
8558
|
-
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : []));
|
|
8559
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
8560
|
-
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : []));
|
|
8561
|
-
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
|
|
8562
|
-
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : []));
|
|
8563
|
-
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
8564
|
-
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : []));
|
|
8565
|
-
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : []));
|
|
8566
|
-
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : []));
|
|
8567
|
-
this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : []));
|
|
8568
|
-
this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : []));
|
|
8569
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
8570
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
8571
|
-
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : []));
|
|
8572
|
-
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : []));
|
|
8573
|
-
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
8574
|
-
this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : []));
|
|
8575
|
-
this.resize = input(...(ngDevMode ? [undefined, { debugName: "resize" }] : []));
|
|
8576
|
-
this.showResizer = input(...(ngDevMode ? [undefined, { debugName: "showResizer" }] : []));
|
|
8577
|
-
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
8578
|
-
this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : []));
|
|
8579
|
-
this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : []));
|
|
8580
|
-
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : []));
|
|
8581
|
-
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : []));
|
|
8582
|
-
this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : []));
|
|
8583
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
8584
|
-
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : []));
|
|
8585
|
-
this.spellCheck = input(...(ngDevMode ? [undefined, { debugName: "spellCheck" }] : []));
|
|
8586
|
-
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : []));
|
|
8587
|
-
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
|
|
8588
|
-
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
8589
|
-
this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : []));
|
|
8590
|
-
this.cols = input(...(ngDevMode ? [undefined, { debugName: "cols" }] : []));
|
|
8591
|
-
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
|
|
8558
|
+
this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
|
|
8559
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
8560
|
+
this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
|
|
8561
|
+
this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
|
|
8562
|
+
this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
|
|
8563
|
+
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
8564
|
+
this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
|
|
8565
|
+
this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
|
|
8566
|
+
this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
|
|
8567
|
+
this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : /* istanbul ignore next */ []));
|
|
8568
|
+
this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
|
|
8569
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
8570
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
8571
|
+
this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
|
|
8572
|
+
this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
|
|
8573
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
8574
|
+
this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : /* istanbul ignore next */ []));
|
|
8575
|
+
this.resize = input(...(ngDevMode ? [undefined, { debugName: "resize" }] : /* istanbul ignore next */ []));
|
|
8576
|
+
this.showResizer = input(...(ngDevMode ? [undefined, { debugName: "showResizer" }] : /* istanbul ignore next */ []));
|
|
8577
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
8578
|
+
this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : /* istanbul ignore next */ []));
|
|
8579
|
+
this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
8580
|
+
this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
|
|
8581
|
+
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
8582
|
+
this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
|
|
8583
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
8584
|
+
this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
|
|
8585
|
+
this.spellCheck = input(...(ngDevMode ? [undefined, { debugName: "spellCheck" }] : /* istanbul ignore next */ []));
|
|
8586
|
+
this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
|
|
8587
|
+
this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
|
|
8588
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
8589
|
+
this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
8590
|
+
this.cols = input(...(ngDevMode ? [undefined, { debugName: "cols" }] : /* istanbul ignore next */ []));
|
|
8591
|
+
this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
|
|
8592
8592
|
this.input = output();
|
|
8593
8593
|
this.change = output();
|
|
8594
8594
|
this.blur = output();
|
|
8595
8595
|
this.focus = output();
|
|
8596
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
8597
|
-
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : []));
|
|
8598
|
-
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : []));
|
|
8599
|
-
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : []));
|
|
8600
|
-
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : []));
|
|
8601
|
-
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : []));
|
|
8602
|
-
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : []));
|
|
8603
|
-
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
8604
|
-
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : []));
|
|
8605
|
-
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : []));
|
|
8596
|
+
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
|
|
8597
|
+
this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
|
|
8598
|
+
this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
|
|
8599
|
+
this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
|
|
8600
|
+
this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
|
|
8601
|
+
this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
|
|
8602
|
+
this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
|
|
8603
|
+
this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
|
|
8604
|
+
this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
|
|
8605
|
+
this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
|
|
8606
8606
|
if (typeof window !== "undefined") {
|
|
8607
8607
|
effect(() => {
|
|
8608
8608
|
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
@@ -8741,8 +8741,8 @@ class DBTextarea {
|
|
|
8741
8741
|
ngOnDestroy() {
|
|
8742
8742
|
this.abortController()?.abort();
|
|
8743
8743
|
}
|
|
8744
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8745
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8744
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTextarea, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8745
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", 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: [{
|
|
8746
8746
|
provide: NG_VALUE_ACCESSOR,
|
|
8747
8747
|
useExisting: DBTextarea,
|
|
8748
8748
|
multi: true
|
|
@@ -8809,7 +8809,7 @@ class DBTextarea {
|
|
|
8809
8809
|
>
|
|
8810
8810
|
</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"] }] }); }
|
|
8811
8811
|
}
|
|
8812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTextarea, decorators: [{
|
|
8813
8813
|
type: Component,
|
|
8814
8814
|
args: [{ providers: [{
|
|
8815
8815
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -8906,992 +8906,11 @@ const LabelVariantHorizontalList = ['leading', 'trailing'];
|
|
|
8906
8906
|
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'];
|
|
8907
8907
|
const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
|
|
8908
8908
|
const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
|
|
8909
|
-
const AlignmentList = ['start', 'center'
|
|
8910
|
-
|
|
8911
|
-
const defaultProps$7 = {};
|
|
8912
|
-
class DBTableDataCell {
|
|
8913
|
-
constructor() {
|
|
8914
|
-
this.cls = cls;
|
|
8915
|
-
this.getNumber = getNumber;
|
|
8916
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
8917
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
8918
|
-
this.horizontalAlignment = input(...(ngDevMode ? [undefined, { debugName: "horizontalAlignment" }] : []));
|
|
8919
|
-
this.verticalAlignment = input(...(ngDevMode ? [undefined, { debugName: "verticalAlignment" }] : []));
|
|
8920
|
-
this.colSpan = input(...(ngDevMode ? [undefined, { debugName: "colSpan" }] : []));
|
|
8921
|
-
this.colspan = input(...(ngDevMode ? [undefined, { debugName: "colspan" }] : []));
|
|
8922
|
-
this.rowSpan = input(...(ngDevMode ? [undefined, { debugName: "rowSpan" }] : []));
|
|
8923
|
-
this.rowspan = input(...(ngDevMode ? [undefined, { debugName: "rowspan" }] : []));
|
|
8924
|
-
this.headers = input(...(ngDevMode ? [undefined, { debugName: "headers" }] : []));
|
|
8925
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
8926
|
-
}
|
|
8927
|
-
/**
|
|
8928
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
8929
|
-
* @param element the ref for the component
|
|
8930
|
-
* @param customElementSelector the custom element like `my-component`
|
|
8931
|
-
*/
|
|
8932
|
-
enableAttributePassing(element, customElementSelector) {
|
|
8933
|
-
const parent = element?.closest(customElementSelector);
|
|
8934
|
-
if (element && parent) {
|
|
8935
|
-
const attributes = parent.attributes;
|
|
8936
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
8937
|
-
const attr = attributes.item(i);
|
|
8938
|
-
if (attr && attr.name !== 'data-density' &&
|
|
8939
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
8940
|
-
element.setAttribute(attr.name, attr.value);
|
|
8941
|
-
parent.removeAttribute(attr.name);
|
|
8942
|
-
}
|
|
8943
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
8944
|
-
element.setAttribute(attr.name, attr.value);
|
|
8945
|
-
parent.removeAttribute(attr.name);
|
|
8946
|
-
}
|
|
8947
|
-
else if (attr && attr.name === "class") {
|
|
8948
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
8949
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
8950
|
-
const currentClass = element.getAttribute("class");
|
|
8951
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
8952
|
-
if (isWebComponent) {
|
|
8953
|
-
// Stencil is using this class for lazy loading component
|
|
8954
|
-
parent.setAttribute("class", "hydrated");
|
|
8955
|
-
}
|
|
8956
|
-
else {
|
|
8957
|
-
parent.removeAttribute(attr.name);
|
|
8958
|
-
}
|
|
8959
|
-
}
|
|
8960
|
-
}
|
|
8961
|
-
}
|
|
8962
|
-
}
|
|
8963
|
-
ngAfterViewInit() {
|
|
8964
|
-
if (typeof window !== "undefined") {
|
|
8965
|
-
const element = this._ref()?.nativeElement;
|
|
8966
|
-
this.enableAttributePassing(element, "db-table-data-cell");
|
|
8967
|
-
}
|
|
8968
|
-
}
|
|
8969
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableDataCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8970
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.18", type: DBTableDataCell, isStandalone: true, selector: "db-table-data-cell", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: true, isRequired: false, transformFunction: null }, verticalAlignment: { classPropertyName: "verticalAlignment", publicName: "verticalAlignment", isSignal: true, isRequired: false, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowSpan: { classPropertyName: "rowSpan", publicName: "rowSpan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, headers: { classPropertyName: "headers", publicName: "headers", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<td
|
|
8971
|
-
#_ref
|
|
8972
|
-
[attr.id]="id()"
|
|
8973
|
-
[class]="cls('db-table-data-cell', className())"
|
|
8974
|
-
[attr.data-horizontal-alignment]="horizontalAlignment()"
|
|
8975
|
-
[attr.data-vertical-alignment]="verticalAlignment()"
|
|
8976
|
-
[attr.colSpan]="getNumber(colSpan(), colspan())"
|
|
8977
|
-
[attr.rowSpan]="getNumber(rowSpan(), rowspan())"
|
|
8978
|
-
[attr.headers]="headers()"
|
|
8979
|
-
>
|
|
8980
|
-
<ng-content></ng-content>
|
|
8981
|
-
</td> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
8982
|
-
}
|
|
8983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableDataCell, decorators: [{
|
|
8984
|
-
type: Component,
|
|
8985
|
-
args: [{ selector: "db-table-data-cell", standalone: true, imports: [CommonModule], template: `<td
|
|
8986
|
-
#_ref
|
|
8987
|
-
[attr.id]="id()"
|
|
8988
|
-
[class]="cls('db-table-data-cell', className())"
|
|
8989
|
-
[attr.data-horizontal-alignment]="horizontalAlignment()"
|
|
8990
|
-
[attr.data-vertical-alignment]="verticalAlignment()"
|
|
8991
|
-
[attr.colSpan]="getNumber(colSpan(), colspan())"
|
|
8992
|
-
[attr.rowSpan]="getNumber(rowSpan(), rowspan())"
|
|
8993
|
-
[attr.headers]="headers()"
|
|
8994
|
-
>
|
|
8995
|
-
<ng-content></ng-content>
|
|
8996
|
-
</td> `, styles: [":host{display:contents}\n"] }]
|
|
8997
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], horizontalAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlignment", required: false }] }], verticalAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalAlignment", required: false }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], rowSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowSpan", required: false }] }], rowspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowspan", required: false }] }], headers: [{ type: i0.Input, args: [{ isSignal: true, alias: "headers", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
8998
|
-
|
|
8999
|
-
const defaultProps$6 = {};
|
|
9000
|
-
class DBTableHeaderCell {
|
|
9001
|
-
constructor() {
|
|
9002
|
-
this.cls = cls;
|
|
9003
|
-
this.getBooleanAsString = getBooleanAsString;
|
|
9004
|
-
this.getNumber = getNumber;
|
|
9005
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9006
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9007
|
-
this.horizontalAlignment = input(...(ngDevMode ? [undefined, { debugName: "horizontalAlignment" }] : []));
|
|
9008
|
-
this.verticalAlignment = input(...(ngDevMode ? [undefined, { debugName: "verticalAlignment" }] : []));
|
|
9009
|
-
this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : []));
|
|
9010
|
-
this.scope = input(...(ngDevMode ? [undefined, { debugName: "scope" }] : []));
|
|
9011
|
-
this.colSpan = input(...(ngDevMode ? [undefined, { debugName: "colSpan" }] : []));
|
|
9012
|
-
this.colspan = input(...(ngDevMode ? [undefined, { debugName: "colspan" }] : []));
|
|
9013
|
-
this.rowSpan = input(...(ngDevMode ? [undefined, { debugName: "rowSpan" }] : []));
|
|
9014
|
-
this.rowspan = input(...(ngDevMode ? [undefined, { debugName: "rowspan" }] : []));
|
|
9015
|
-
this.headers = input(...(ngDevMode ? [undefined, { debugName: "headers" }] : []));
|
|
9016
|
-
this.abbr = input(...(ngDevMode ? [undefined, { debugName: "abbr" }] : []));
|
|
9017
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9018
|
-
}
|
|
9019
|
-
/**
|
|
9020
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9021
|
-
* @param element the ref for the component
|
|
9022
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9023
|
-
*/
|
|
9024
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9025
|
-
const parent = element?.closest(customElementSelector);
|
|
9026
|
-
if (element && parent) {
|
|
9027
|
-
const attributes = parent.attributes;
|
|
9028
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9029
|
-
const attr = attributes.item(i);
|
|
9030
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9031
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9032
|
-
element.setAttribute(attr.name, attr.value);
|
|
9033
|
-
parent.removeAttribute(attr.name);
|
|
9034
|
-
}
|
|
9035
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9036
|
-
element.setAttribute(attr.name, attr.value);
|
|
9037
|
-
parent.removeAttribute(attr.name);
|
|
9038
|
-
}
|
|
9039
|
-
else if (attr && attr.name === "class") {
|
|
9040
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9041
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9042
|
-
const currentClass = element.getAttribute("class");
|
|
9043
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9044
|
-
if (isWebComponent) {
|
|
9045
|
-
// Stencil is using this class for lazy loading component
|
|
9046
|
-
parent.setAttribute("class", "hydrated");
|
|
9047
|
-
}
|
|
9048
|
-
else {
|
|
9049
|
-
parent.removeAttribute(attr.name);
|
|
9050
|
-
}
|
|
9051
|
-
}
|
|
9052
|
-
}
|
|
9053
|
-
}
|
|
9054
|
-
}
|
|
9055
|
-
ngAfterViewInit() {
|
|
9056
|
-
if (typeof window !== "undefined") {
|
|
9057
|
-
const element = this._ref()?.nativeElement;
|
|
9058
|
-
this.enableAttributePassing(element, "db-table-header-cell");
|
|
9059
|
-
}
|
|
9060
|
-
}
|
|
9061
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableHeaderCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9062
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.18", type: DBTableHeaderCell, isStandalone: true, selector: "db-table-header-cell", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontalAlignment", isSignal: true, isRequired: false, transformFunction: null }, verticalAlignment: { classPropertyName: "verticalAlignment", publicName: "verticalAlignment", isSignal: true, isRequired: false, transformFunction: null }, noText: { classPropertyName: "noText", publicName: "noText", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowSpan: { classPropertyName: "rowSpan", publicName: "rowSpan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, headers: { classPropertyName: "headers", publicName: "headers", isSignal: true, isRequired: false, transformFunction: null }, abbr: { classPropertyName: "abbr", publicName: "abbr", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<th
|
|
9063
|
-
#_ref
|
|
9064
|
-
[attr.id]="id()"
|
|
9065
|
-
[class]="cls('db-table-header-cell', className())"
|
|
9066
|
-
[attr.data-horizontal-alignment]="horizontalAlignment()"
|
|
9067
|
-
[attr.data-vertical-alignment]="verticalAlignment()"
|
|
9068
|
-
[attr.data-no-text]="getBooleanAsString(noText())"
|
|
9069
|
-
[attr.scope]="scope()"
|
|
9070
|
-
[attr.colSpan]="getNumber(colSpan(), colspan())"
|
|
9071
|
-
[attr.rowSpan]="getNumber(rowSpan(), rowspan())"
|
|
9072
|
-
[attr.headers]="headers()"
|
|
9073
|
-
[attr.abbr]="abbr()"
|
|
9074
|
-
>
|
|
9075
|
-
<ng-content></ng-content>
|
|
9076
|
-
</th> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
9077
|
-
}
|
|
9078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableHeaderCell, decorators: [{
|
|
9079
|
-
type: Component,
|
|
9080
|
-
args: [{ selector: "db-table-header-cell", standalone: true, imports: [CommonModule], template: `<th
|
|
9081
|
-
#_ref
|
|
9082
|
-
[attr.id]="id()"
|
|
9083
|
-
[class]="cls('db-table-header-cell', className())"
|
|
9084
|
-
[attr.data-horizontal-alignment]="horizontalAlignment()"
|
|
9085
|
-
[attr.data-vertical-alignment]="verticalAlignment()"
|
|
9086
|
-
[attr.data-no-text]="getBooleanAsString(noText())"
|
|
9087
|
-
[attr.scope]="scope()"
|
|
9088
|
-
[attr.colSpan]="getNumber(colSpan(), colspan())"
|
|
9089
|
-
[attr.rowSpan]="getNumber(rowSpan(), rowspan())"
|
|
9090
|
-
[attr.headers]="headers()"
|
|
9091
|
-
[attr.abbr]="abbr()"
|
|
9092
|
-
>
|
|
9093
|
-
<ng-content></ng-content>
|
|
9094
|
-
</th> `, styles: [":host{display:contents}\n"] }]
|
|
9095
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], horizontalAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlignment", required: false }] }], verticalAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalAlignment", required: false }] }], noText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noText", required: false }] }], scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: false }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], rowSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowSpan", required: false }] }], rowspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowspan", required: false }] }], headers: [{ type: i0.Input, args: [{ isSignal: true, alias: "headers", required: false }] }], abbr: [{ type: i0.Input, args: [{ isSignal: true, alias: "abbr", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9096
|
-
|
|
9097
|
-
const defaultProps$5 = {};
|
|
9098
|
-
class DBTableRow {
|
|
9099
|
-
getHeaderCell(cell) {
|
|
9100
|
-
if (cell.headerCell) {
|
|
9101
|
-
return cell;
|
|
9102
|
-
}
|
|
9103
|
-
return undefined;
|
|
9104
|
-
}
|
|
9105
|
-
constructor() {
|
|
9106
|
-
this.cls = cls;
|
|
9107
|
-
this.getBooleanAsString = getBooleanAsString;
|
|
9108
|
-
this.uuid = uuid;
|
|
9109
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9110
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9111
|
-
this.interactive = input(...(ngDevMode ? [undefined, { debugName: "interactive" }] : []));
|
|
9112
|
-
this.subHeaderEmphasis = input(...(ngDevMode ? [undefined, { debugName: "subHeaderEmphasis" }] : []));
|
|
9113
|
-
this.cells = input(...(ngDevMode ? [undefined, { debugName: "cells" }] : []));
|
|
9114
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9115
|
-
}
|
|
9116
|
-
/**
|
|
9117
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9118
|
-
* @param element the ref for the component
|
|
9119
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9120
|
-
*/
|
|
9121
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9122
|
-
const parent = element?.closest(customElementSelector);
|
|
9123
|
-
if (element && parent) {
|
|
9124
|
-
const attributes = parent.attributes;
|
|
9125
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9126
|
-
const attr = attributes.item(i);
|
|
9127
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9128
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9129
|
-
element.setAttribute(attr.name, attr.value);
|
|
9130
|
-
parent.removeAttribute(attr.name);
|
|
9131
|
-
}
|
|
9132
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9133
|
-
element.setAttribute(attr.name, attr.value);
|
|
9134
|
-
parent.removeAttribute(attr.name);
|
|
9135
|
-
}
|
|
9136
|
-
else if (attr && attr.name === "class") {
|
|
9137
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9138
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9139
|
-
const currentClass = element.getAttribute("class");
|
|
9140
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9141
|
-
if (isWebComponent) {
|
|
9142
|
-
// Stencil is using this class for lazy loading component
|
|
9143
|
-
parent.setAttribute("class", "hydrated");
|
|
9144
|
-
}
|
|
9145
|
-
else {
|
|
9146
|
-
parent.removeAttribute(attr.name);
|
|
9147
|
-
}
|
|
9148
|
-
}
|
|
9149
|
-
}
|
|
9150
|
-
}
|
|
9151
|
-
}
|
|
9152
|
-
ngAfterViewInit() {
|
|
9153
|
-
if (typeof window !== "undefined") {
|
|
9154
|
-
const element = this._ref()?.nativeElement;
|
|
9155
|
-
this.enableAttributePassing(element, "db-table-row");
|
|
9156
|
-
}
|
|
9157
|
-
}
|
|
9158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9159
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DBTableRow, isStandalone: true, selector: "db-table-row", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, subHeaderEmphasis: { classPropertyName: "subHeaderEmphasis", publicName: "subHeaderEmphasis", isSignal: true, isRequired: false, transformFunction: null }, cells: { classPropertyName: "cells", publicName: "cells", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<tr
|
|
9160
|
-
#_ref
|
|
9161
|
-
[attr.id]="id()"
|
|
9162
|
-
[class]="cls('db-table-row', className())"
|
|
9163
|
-
[attr.data-interactive]="getBooleanAsString(interactive())"
|
|
9164
|
-
[attr.data-sub-header-emphasis]="subHeaderEmphasis()"
|
|
9165
|
-
>
|
|
9166
|
-
@if(cells()){ @for (cell of cells();track index;let index = $index) {
|
|
9167
|
-
@if(cell.headerCell){
|
|
9168
|
-
<db-table-header-cell
|
|
9169
|
-
[id]="cell.id"
|
|
9170
|
-
[abbr]="getHeaderCell(cell)?.abbr"
|
|
9171
|
-
[scope]="getHeaderCell(cell)?.scope"
|
|
9172
|
-
[noText]="getHeaderCell(cell)?.noText"
|
|
9173
|
-
[className]="cell.className ?? cell.class"
|
|
9174
|
-
[horizontalAlignment]="cell.horizontalAlignment"
|
|
9175
|
-
[verticalAlignment]="cell.verticalAlignment"
|
|
9176
|
-
[headers]="cell.headers"
|
|
9177
|
-
[colSpan]="cell.colSpan"
|
|
9178
|
-
[colspan]="cell.colspan"
|
|
9179
|
-
[rowSpan]="cell.rowSpan"
|
|
9180
|
-
[rowspan]="cell.rowspan"
|
|
9181
|
-
>@if(cell.link){
|
|
9182
|
-
<db-link
|
|
9183
|
-
[content]="cell.link?.content"
|
|
9184
|
-
[size]="cell.link?.size"
|
|
9185
|
-
[variant]="cell.link?.variant"
|
|
9186
|
-
[className]="cell.link?.className ?? cell.link?.class"
|
|
9187
|
-
[id]="cell.link?.id"
|
|
9188
|
-
[autofocus]="cell.link?.autofocus"
|
|
9189
|
-
[disabled]="cell.link?.disabled"
|
|
9190
|
-
[href]="cell.link?.href"
|
|
9191
|
-
[hreflang]="cell.link?.hreflang"
|
|
9192
|
-
[target]="cell.link?.target"
|
|
9193
|
-
[rel]="cell.link?.rel"
|
|
9194
|
-
[referrerPolicy]="cell.link?.referrerPolicy"
|
|
9195
|
-
[role]="cell.link?.role"
|
|
9196
|
-
[showIcon]="cell.link?.showIcon"
|
|
9197
|
-
[text]="cell.link?.text"
|
|
9198
|
-
[wrap]="cell.link?.wrap"
|
|
9199
|
-
>{{cell.link?.children}}</db-link
|
|
9200
|
-
>
|
|
9201
|
-
}@else{{{cell.content}}}</db-table-header-cell
|
|
9202
|
-
>
|
|
9203
|
-
}@else{
|
|
9204
|
-
<db-table-data-cell
|
|
9205
|
-
[id]="cell.id"
|
|
9206
|
-
[className]="cell.className ?? cell.class"
|
|
9207
|
-
[horizontalAlignment]="cell.horizontalAlignment"
|
|
9208
|
-
[verticalAlignment]="cell.verticalAlignment"
|
|
9209
|
-
[headers]="cell.headers"
|
|
9210
|
-
[colSpan]="cell.colSpan"
|
|
9211
|
-
[colspan]="cell.colspan"
|
|
9212
|
-
[rowSpan]="cell.rowSpan"
|
|
9213
|
-
[rowspan]="cell.rowspan"
|
|
9214
|
-
>@if(cell.link){
|
|
9215
|
-
<db-link
|
|
9216
|
-
[content]="cell.link?.content"
|
|
9217
|
-
[size]="cell.link?.size"
|
|
9218
|
-
[variant]="cell.link?.variant"
|
|
9219
|
-
[className]="cell.link?.className ?? cell.link?.class"
|
|
9220
|
-
[id]="cell.link?.id"
|
|
9221
|
-
[autofocus]="cell.link?.autofocus"
|
|
9222
|
-
[disabled]="cell.link?.disabled"
|
|
9223
|
-
[href]="cell.link?.href"
|
|
9224
|
-
[hreflang]="cell.link?.hreflang"
|
|
9225
|
-
[target]="cell.link?.target"
|
|
9226
|
-
[rel]="cell.link?.rel"
|
|
9227
|
-
[referrerPolicy]="cell.link?.referrerPolicy"
|
|
9228
|
-
[role]="cell.link?.role"
|
|
9229
|
-
[showIcon]="cell.link?.showIcon"
|
|
9230
|
-
[text]="cell.link?.text"
|
|
9231
|
-
[wrap]="cell.link?.wrap"
|
|
9232
|
-
>{{cell.link?.children}}</db-link
|
|
9233
|
-
>
|
|
9234
|
-
}@else{{{cell.content}}}</db-table-data-cell
|
|
9235
|
-
>
|
|
9236
|
-
} } }@else{
|
|
9237
|
-
<ng-content></ng-content>
|
|
9238
|
-
}
|
|
9239
|
-
</tr> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTableDataCell, selector: "db-table-data-cell", inputs: ["id", "className", "horizontalAlignment", "verticalAlignment", "colSpan", "colspan", "rowSpan", "rowspan", "headers"] }, { kind: "component", type: DBLink, selector: "db-link", inputs: ["id", "propOverrides", "className", "href", "target", "rel", "role", "referrerpolicy", "referrerPolicy", "hreflang", "disabled", "size", "showIcon", "variant", "content", "wrap", "text"] }, { kind: "component", type: DBTableHeaderCell, selector: "db-table-header-cell", inputs: ["id", "className", "horizontalAlignment", "verticalAlignment", "noText", "scope", "colSpan", "colspan", "rowSpan", "rowspan", "headers", "abbr"] }] }); }
|
|
9240
|
-
}
|
|
9241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableRow, decorators: [{
|
|
9242
|
-
type: Component,
|
|
9243
|
-
args: [{ selector: "db-table-row", standalone: true, imports: [CommonModule, DBTableDataCell, DBLink, DBTableHeaderCell], template: `<tr
|
|
9244
|
-
#_ref
|
|
9245
|
-
[attr.id]="id()"
|
|
9246
|
-
[class]="cls('db-table-row', className())"
|
|
9247
|
-
[attr.data-interactive]="getBooleanAsString(interactive())"
|
|
9248
|
-
[attr.data-sub-header-emphasis]="subHeaderEmphasis()"
|
|
9249
|
-
>
|
|
9250
|
-
@if(cells()){ @for (cell of cells();track index;let index = $index) {
|
|
9251
|
-
@if(cell.headerCell){
|
|
9252
|
-
<db-table-header-cell
|
|
9253
|
-
[id]="cell.id"
|
|
9254
|
-
[abbr]="getHeaderCell(cell)?.abbr"
|
|
9255
|
-
[scope]="getHeaderCell(cell)?.scope"
|
|
9256
|
-
[noText]="getHeaderCell(cell)?.noText"
|
|
9257
|
-
[className]="cell.className ?? cell.class"
|
|
9258
|
-
[horizontalAlignment]="cell.horizontalAlignment"
|
|
9259
|
-
[verticalAlignment]="cell.verticalAlignment"
|
|
9260
|
-
[headers]="cell.headers"
|
|
9261
|
-
[colSpan]="cell.colSpan"
|
|
9262
|
-
[colspan]="cell.colspan"
|
|
9263
|
-
[rowSpan]="cell.rowSpan"
|
|
9264
|
-
[rowspan]="cell.rowspan"
|
|
9265
|
-
>@if(cell.link){
|
|
9266
|
-
<db-link
|
|
9267
|
-
[content]="cell.link?.content"
|
|
9268
|
-
[size]="cell.link?.size"
|
|
9269
|
-
[variant]="cell.link?.variant"
|
|
9270
|
-
[className]="cell.link?.className ?? cell.link?.class"
|
|
9271
|
-
[id]="cell.link?.id"
|
|
9272
|
-
[autofocus]="cell.link?.autofocus"
|
|
9273
|
-
[disabled]="cell.link?.disabled"
|
|
9274
|
-
[href]="cell.link?.href"
|
|
9275
|
-
[hreflang]="cell.link?.hreflang"
|
|
9276
|
-
[target]="cell.link?.target"
|
|
9277
|
-
[rel]="cell.link?.rel"
|
|
9278
|
-
[referrerPolicy]="cell.link?.referrerPolicy"
|
|
9279
|
-
[role]="cell.link?.role"
|
|
9280
|
-
[showIcon]="cell.link?.showIcon"
|
|
9281
|
-
[text]="cell.link?.text"
|
|
9282
|
-
[wrap]="cell.link?.wrap"
|
|
9283
|
-
>{{cell.link?.children}}</db-link
|
|
9284
|
-
>
|
|
9285
|
-
}@else{{{cell.content}}}</db-table-header-cell
|
|
9286
|
-
>
|
|
9287
|
-
}@else{
|
|
9288
|
-
<db-table-data-cell
|
|
9289
|
-
[id]="cell.id"
|
|
9290
|
-
[className]="cell.className ?? cell.class"
|
|
9291
|
-
[horizontalAlignment]="cell.horizontalAlignment"
|
|
9292
|
-
[verticalAlignment]="cell.verticalAlignment"
|
|
9293
|
-
[headers]="cell.headers"
|
|
9294
|
-
[colSpan]="cell.colSpan"
|
|
9295
|
-
[colspan]="cell.colspan"
|
|
9296
|
-
[rowSpan]="cell.rowSpan"
|
|
9297
|
-
[rowspan]="cell.rowspan"
|
|
9298
|
-
>@if(cell.link){
|
|
9299
|
-
<db-link
|
|
9300
|
-
[content]="cell.link?.content"
|
|
9301
|
-
[size]="cell.link?.size"
|
|
9302
|
-
[variant]="cell.link?.variant"
|
|
9303
|
-
[className]="cell.link?.className ?? cell.link?.class"
|
|
9304
|
-
[id]="cell.link?.id"
|
|
9305
|
-
[autofocus]="cell.link?.autofocus"
|
|
9306
|
-
[disabled]="cell.link?.disabled"
|
|
9307
|
-
[href]="cell.link?.href"
|
|
9308
|
-
[hreflang]="cell.link?.hreflang"
|
|
9309
|
-
[target]="cell.link?.target"
|
|
9310
|
-
[rel]="cell.link?.rel"
|
|
9311
|
-
[referrerPolicy]="cell.link?.referrerPolicy"
|
|
9312
|
-
[role]="cell.link?.role"
|
|
9313
|
-
[showIcon]="cell.link?.showIcon"
|
|
9314
|
-
[text]="cell.link?.text"
|
|
9315
|
-
[wrap]="cell.link?.wrap"
|
|
9316
|
-
>{{cell.link?.children}}</db-link
|
|
9317
|
-
>
|
|
9318
|
-
}@else{{{cell.content}}}</db-table-data-cell
|
|
9319
|
-
>
|
|
9320
|
-
} } }@else{
|
|
9321
|
-
<ng-content></ng-content>
|
|
9322
|
-
}
|
|
9323
|
-
</tr> `, styles: [":host{display:contents}\n"] }]
|
|
9324
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], subHeaderEmphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "subHeaderEmphasis", required: false }] }], cells: [{ type: i0.Input, args: [{ isSignal: true, alias: "cells", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9325
|
-
|
|
9326
|
-
const defaultProps$4 = {};
|
|
9327
|
-
class DBTableBody {
|
|
9328
|
-
trackByRow0(index, row) {
|
|
9329
|
-
return `${this.id() ?? uuid()}-table-body-row-${index}`;
|
|
9330
|
-
}
|
|
9331
|
-
constructor() {
|
|
9332
|
-
this.cls = cls;
|
|
9333
|
-
this.uuid = uuid;
|
|
9334
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9335
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9336
|
-
this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : []));
|
|
9337
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9338
|
-
}
|
|
9339
|
-
/**
|
|
9340
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9341
|
-
* @param element the ref for the component
|
|
9342
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9343
|
-
*/
|
|
9344
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9345
|
-
const parent = element?.closest(customElementSelector);
|
|
9346
|
-
if (element && parent) {
|
|
9347
|
-
const attributes = parent.attributes;
|
|
9348
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9349
|
-
const attr = attributes.item(i);
|
|
9350
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9351
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9352
|
-
element.setAttribute(attr.name, attr.value);
|
|
9353
|
-
parent.removeAttribute(attr.name);
|
|
9354
|
-
}
|
|
9355
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9356
|
-
element.setAttribute(attr.name, attr.value);
|
|
9357
|
-
parent.removeAttribute(attr.name);
|
|
9358
|
-
}
|
|
9359
|
-
else if (attr && attr.name === "class") {
|
|
9360
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9361
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9362
|
-
const currentClass = element.getAttribute("class");
|
|
9363
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9364
|
-
if (isWebComponent) {
|
|
9365
|
-
// Stencil is using this class for lazy loading component
|
|
9366
|
-
parent.setAttribute("class", "hydrated");
|
|
9367
|
-
}
|
|
9368
|
-
else {
|
|
9369
|
-
parent.removeAttribute(attr.name);
|
|
9370
|
-
}
|
|
9371
|
-
}
|
|
9372
|
-
}
|
|
9373
|
-
}
|
|
9374
|
-
}
|
|
9375
|
-
ngAfterViewInit() {
|
|
9376
|
-
if (typeof window !== "undefined") {
|
|
9377
|
-
const element = this._ref()?.nativeElement;
|
|
9378
|
-
this.enableAttributePassing(element, "db-table-body");
|
|
9379
|
-
}
|
|
9380
|
-
}
|
|
9381
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9382
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DBTableBody, isStandalone: true, selector: "db-table-body", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<tbody
|
|
9383
|
-
#_ref
|
|
9384
|
-
[attr.id]="id()"
|
|
9385
|
-
[class]="cls('db-table-body', className())"
|
|
9386
|
-
>
|
|
9387
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9388
|
-
$index) {
|
|
9389
|
-
<db-table-row
|
|
9390
|
-
[cells]="row.cells"
|
|
9391
|
-
[className]="row.className ?? row.class"
|
|
9392
|
-
[id]="row.id"
|
|
9393
|
-
></db-table-row>
|
|
9394
|
-
} }@else{
|
|
9395
|
-
<ng-content></ng-content>
|
|
9396
|
-
}
|
|
9397
|
-
</tbody> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTableRow, selector: "db-table-row", inputs: ["id", "className", "interactive", "subHeaderEmphasis", "cells"] }] }); }
|
|
9398
|
-
}
|
|
9399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableBody, decorators: [{
|
|
9400
|
-
type: Component,
|
|
9401
|
-
args: [{ selector: "db-table-body", standalone: true, imports: [CommonModule, DBTableRow], template: `<tbody
|
|
9402
|
-
#_ref
|
|
9403
|
-
[attr.id]="id()"
|
|
9404
|
-
[class]="cls('db-table-body', className())"
|
|
9405
|
-
>
|
|
9406
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9407
|
-
$index) {
|
|
9408
|
-
<db-table-row
|
|
9409
|
-
[cells]="row.cells"
|
|
9410
|
-
[className]="row.className ?? row.class"
|
|
9411
|
-
[id]="row.id"
|
|
9412
|
-
></db-table-row>
|
|
9413
|
-
} }@else{
|
|
9414
|
-
<ng-content></ng-content>
|
|
9415
|
-
}
|
|
9416
|
-
</tbody> `, styles: [":host{display:contents}\n"] }]
|
|
9417
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9418
|
-
|
|
9419
|
-
const defaultProps$3 = {};
|
|
9420
|
-
class DBTableFooter {
|
|
9421
|
-
trackByRow0(index, row) {
|
|
9422
|
-
return `${this.id() ?? uuid()}-table-footer-row-${index}`;
|
|
9423
|
-
}
|
|
9424
|
-
constructor() {
|
|
9425
|
-
this.cls = cls;
|
|
9426
|
-
this.uuid = uuid;
|
|
9427
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9428
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9429
|
-
this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : []));
|
|
9430
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9431
|
-
}
|
|
9432
|
-
/**
|
|
9433
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9434
|
-
* @param element the ref for the component
|
|
9435
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9436
|
-
*/
|
|
9437
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9438
|
-
const parent = element?.closest(customElementSelector);
|
|
9439
|
-
if (element && parent) {
|
|
9440
|
-
const attributes = parent.attributes;
|
|
9441
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9442
|
-
const attr = attributes.item(i);
|
|
9443
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9444
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9445
|
-
element.setAttribute(attr.name, attr.value);
|
|
9446
|
-
parent.removeAttribute(attr.name);
|
|
9447
|
-
}
|
|
9448
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9449
|
-
element.setAttribute(attr.name, attr.value);
|
|
9450
|
-
parent.removeAttribute(attr.name);
|
|
9451
|
-
}
|
|
9452
|
-
else if (attr && attr.name === "class") {
|
|
9453
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9454
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9455
|
-
const currentClass = element.getAttribute("class");
|
|
9456
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9457
|
-
if (isWebComponent) {
|
|
9458
|
-
// Stencil is using this class for lazy loading component
|
|
9459
|
-
parent.setAttribute("class", "hydrated");
|
|
9460
|
-
}
|
|
9461
|
-
else {
|
|
9462
|
-
parent.removeAttribute(attr.name);
|
|
9463
|
-
}
|
|
9464
|
-
}
|
|
9465
|
-
}
|
|
9466
|
-
}
|
|
9467
|
-
}
|
|
9468
|
-
ngAfterViewInit() {
|
|
9469
|
-
if (typeof window !== "undefined") {
|
|
9470
|
-
const element = this._ref()?.nativeElement;
|
|
9471
|
-
this.enableAttributePassing(element, "db-table-footer");
|
|
9472
|
-
}
|
|
9473
|
-
}
|
|
9474
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9475
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DBTableFooter, isStandalone: true, selector: "db-table-footer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<tfoot
|
|
9476
|
-
#_ref
|
|
9477
|
-
[attr.id]="id()"
|
|
9478
|
-
[class]="cls('db-table-footer', className())"
|
|
9479
|
-
>
|
|
9480
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9481
|
-
$index) {
|
|
9482
|
-
<db-table-row
|
|
9483
|
-
[cells]="row.cells"
|
|
9484
|
-
[className]="row.className ?? row.class"
|
|
9485
|
-
[id]="row.id"
|
|
9486
|
-
></db-table-row>
|
|
9487
|
-
} }@else{
|
|
9488
|
-
<ng-content></ng-content>
|
|
9489
|
-
}
|
|
9490
|
-
</tfoot> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTableRow, selector: "db-table-row", inputs: ["id", "className", "interactive", "subHeaderEmphasis", "cells"] }] }); }
|
|
9491
|
-
}
|
|
9492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableFooter, decorators: [{
|
|
9493
|
-
type: Component,
|
|
9494
|
-
args: [{ selector: "db-table-footer", standalone: true, imports: [CommonModule, DBTableRow], template: `<tfoot
|
|
9495
|
-
#_ref
|
|
9496
|
-
[attr.id]="id()"
|
|
9497
|
-
[class]="cls('db-table-footer', className())"
|
|
9498
|
-
>
|
|
9499
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9500
|
-
$index) {
|
|
9501
|
-
<db-table-row
|
|
9502
|
-
[cells]="row.cells"
|
|
9503
|
-
[className]="row.className ?? row.class"
|
|
9504
|
-
[id]="row.id"
|
|
9505
|
-
></db-table-row>
|
|
9506
|
-
} }@else{
|
|
9507
|
-
<ng-content></ng-content>
|
|
9508
|
-
}
|
|
9509
|
-
</tfoot> `, styles: [":host{display:contents}\n"] }]
|
|
9510
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9511
|
-
|
|
9512
|
-
const defaultProps$2 = {};
|
|
9513
|
-
class DBTableHead {
|
|
9514
|
-
getCells(cells) {
|
|
9515
|
-
return cells?.map((cell) => ({
|
|
9516
|
-
...cell,
|
|
9517
|
-
headerCell: true,
|
|
9518
|
-
}));
|
|
9519
|
-
}
|
|
9520
|
-
trackByRow0(index, row) {
|
|
9521
|
-
return `${this.id() ?? uuid()}-table-head-row-${index}`;
|
|
9522
|
-
}
|
|
9523
|
-
constructor() {
|
|
9524
|
-
this.cls = cls;
|
|
9525
|
-
this.uuid = uuid;
|
|
9526
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9527
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9528
|
-
this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : []));
|
|
9529
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9530
|
-
}
|
|
9531
|
-
/**
|
|
9532
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9533
|
-
* @param element the ref for the component
|
|
9534
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9535
|
-
*/
|
|
9536
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9537
|
-
const parent = element?.closest(customElementSelector);
|
|
9538
|
-
if (element && parent) {
|
|
9539
|
-
const attributes = parent.attributes;
|
|
9540
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9541
|
-
const attr = attributes.item(i);
|
|
9542
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9543
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9544
|
-
element.setAttribute(attr.name, attr.value);
|
|
9545
|
-
parent.removeAttribute(attr.name);
|
|
9546
|
-
}
|
|
9547
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9548
|
-
element.setAttribute(attr.name, attr.value);
|
|
9549
|
-
parent.removeAttribute(attr.name);
|
|
9550
|
-
}
|
|
9551
|
-
else if (attr && attr.name === "class") {
|
|
9552
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9553
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9554
|
-
const currentClass = element.getAttribute("class");
|
|
9555
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9556
|
-
if (isWebComponent) {
|
|
9557
|
-
// Stencil is using this class for lazy loading component
|
|
9558
|
-
parent.setAttribute("class", "hydrated");
|
|
9559
|
-
}
|
|
9560
|
-
else {
|
|
9561
|
-
parent.removeAttribute(attr.name);
|
|
9562
|
-
}
|
|
9563
|
-
}
|
|
9564
|
-
}
|
|
9565
|
-
}
|
|
9566
|
-
}
|
|
9567
|
-
ngAfterViewInit() {
|
|
9568
|
-
if (typeof window !== "undefined") {
|
|
9569
|
-
const element = this._ref()?.nativeElement;
|
|
9570
|
-
this.enableAttributePassing(element, "db-table-head");
|
|
9571
|
-
}
|
|
9572
|
-
}
|
|
9573
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableHead, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9574
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DBTableHead, isStandalone: true, selector: "db-table-head", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<thead
|
|
9575
|
-
#_ref
|
|
9576
|
-
[attr.id]="id()"
|
|
9577
|
-
[class]="cls('db-table-head', className())"
|
|
9578
|
-
>
|
|
9579
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9580
|
-
$index) {
|
|
9581
|
-
<db-table-row
|
|
9582
|
-
[cells]="getCells(row.cells)"
|
|
9583
|
-
[className]="row.className ?? row.class"
|
|
9584
|
-
[subHeaderEmphasis]="row.subHeaderEmphasis"
|
|
9585
|
-
[id]="row.id"
|
|
9586
|
-
></db-table-row>
|
|
9587
|
-
} }@else{
|
|
9588
|
-
<ng-content></ng-content>
|
|
9589
|
-
}
|
|
9590
|
-
</thead> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTableRow, selector: "db-table-row", inputs: ["id", "className", "interactive", "subHeaderEmphasis", "cells"] }] }); }
|
|
9591
|
-
}
|
|
9592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableHead, decorators: [{
|
|
9593
|
-
type: Component,
|
|
9594
|
-
args: [{ selector: "db-table-head", standalone: true, imports: [CommonModule, DBTableRow], template: `<thead
|
|
9595
|
-
#_ref
|
|
9596
|
-
[attr.id]="id()"
|
|
9597
|
-
[class]="cls('db-table-head', className())"
|
|
9598
|
-
>
|
|
9599
|
-
@if(rows()){ @for (row of rows();track trackByRow0(index, row);let index =
|
|
9600
|
-
$index) {
|
|
9601
|
-
<db-table-row
|
|
9602
|
-
[cells]="getCells(row.cells)"
|
|
9603
|
-
[className]="row.className ?? row.class"
|
|
9604
|
-
[subHeaderEmphasis]="row.subHeaderEmphasis"
|
|
9605
|
-
[id]="row.id"
|
|
9606
|
-
></db-table-row>
|
|
9607
|
-
} }@else{
|
|
9608
|
-
<ng-content></ng-content>
|
|
9609
|
-
}
|
|
9610
|
-
</thead> `, styles: [":host{display:contents}\n"] }]
|
|
9611
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9612
|
-
|
|
9613
|
-
const defaultProps$1 = {};
|
|
9614
|
-
class DBTable {
|
|
9615
|
-
convertData() {
|
|
9616
|
-
try {
|
|
9617
|
-
if (typeof this.data() === "string") {
|
|
9618
|
-
return JSON.parse(this.data());
|
|
9619
|
-
}
|
|
9620
|
-
return this.data();
|
|
9621
|
-
}
|
|
9622
|
-
catch (error) {
|
|
9623
|
-
console.error(error);
|
|
9624
|
-
}
|
|
9625
|
-
return {};
|
|
9626
|
-
}
|
|
9627
|
-
constructor() {
|
|
9628
|
-
this.cls = cls;
|
|
9629
|
-
this.getBooleanAsString = getBooleanAsString;
|
|
9630
|
-
this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
|
|
9631
|
-
this.mobileVariant = input(...(ngDevMode ? [undefined, { debugName: "mobileVariant" }] : []));
|
|
9632
|
-
this.columnSizes = input(...(ngDevMode ? [undefined, { debugName: "columnSizes" }] : []));
|
|
9633
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9634
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
9635
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
9636
|
-
this.divider = input(...(ngDevMode ? [undefined, { debugName: "divider" }] : []));
|
|
9637
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
9638
|
-
this.showCaption = input(...(ngDevMode ? [undefined, { debugName: "showCaption" }] : []));
|
|
9639
|
-
this.stickyHeader = input(...(ngDevMode ? [undefined, { debugName: "stickyHeader" }] : []));
|
|
9640
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9641
|
-
this.captionPlain = input(...(ngDevMode ? [undefined, { debugName: "captionPlain" }] : []));
|
|
9642
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9643
|
-
this._data = signal(undefined, ...(ngDevMode ? [{ debugName: "_data" }] : []));
|
|
9644
|
-
this._style = signal(undefined, ...(ngDevMode ? [{ debugName: "_style" }] : []));
|
|
9645
|
-
if (typeof window !== "undefined") {
|
|
9646
|
-
effect(() => {
|
|
9647
|
-
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
9648
|
-
this.data();
|
|
9649
|
-
// ---
|
|
9650
|
-
if (this.data()) {
|
|
9651
|
-
this._data.set(this.convertData());
|
|
9652
|
-
}
|
|
9653
|
-
}, {
|
|
9654
|
-
// Enable writing to signals inside effects
|
|
9655
|
-
});
|
|
9656
|
-
effect(() => {
|
|
9657
|
-
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
9658
|
-
this.mobileVariant();
|
|
9659
|
-
this._ref();
|
|
9660
|
-
// ---
|
|
9661
|
-
if (this._ref()?.nativeElement && this.mobileVariant() === "list") {
|
|
9662
|
-
// Delay for angular
|
|
9663
|
-
void delay(() => {
|
|
9664
|
-
const table = this._ref()?.nativeElement;
|
|
9665
|
-
if (!table)
|
|
9666
|
-
return;
|
|
9667
|
-
const headerCells = table.querySelectorAll("thead tr th");
|
|
9668
|
-
if (headerCells.length) {
|
|
9669
|
-
const otherRows = table.querySelectorAll(":is(tbody,tfoot) tr");
|
|
9670
|
-
otherRows.forEach((row) => {
|
|
9671
|
-
const cells = row.querySelectorAll(":is(td,th)");
|
|
9672
|
-
cells.forEach((cell, index) => {
|
|
9673
|
-
const headerCell = headerCells[index];
|
|
9674
|
-
if (headerCell &&
|
|
9675
|
-
headerCell.textContent &&
|
|
9676
|
-
!cell.dataset["header"]) {
|
|
9677
|
-
cell.dataset["header"] = headerCell.textContent.trim();
|
|
9678
|
-
}
|
|
9679
|
-
});
|
|
9680
|
-
});
|
|
9681
|
-
}
|
|
9682
|
-
}, 1);
|
|
9683
|
-
}
|
|
9684
|
-
}, {
|
|
9685
|
-
// Enable writing to signals inside effects
|
|
9686
|
-
});
|
|
9687
|
-
effect(() => {
|
|
9688
|
-
// --- Mitosis: Workaround to make sure the effect() is triggered ---
|
|
9689
|
-
this.columnSizes();
|
|
9690
|
-
// ---
|
|
9691
|
-
if (this.columnSizes()) {
|
|
9692
|
-
const columnStyles = {};
|
|
9693
|
-
Object.entries(this.columnSizes()).forEach(([key, value]) => {
|
|
9694
|
-
columnStyles[`--db-table-column-size-${key}`] = value;
|
|
9695
|
-
});
|
|
9696
|
-
this._style.set(columnStyles);
|
|
9697
|
-
}
|
|
9698
|
-
}, {
|
|
9699
|
-
// Enable writing to signals inside effects
|
|
9700
|
-
});
|
|
9701
|
-
}
|
|
9702
|
-
}
|
|
9703
|
-
/**
|
|
9704
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9705
|
-
* @param element the ref for the component
|
|
9706
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9707
|
-
*/
|
|
9708
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9709
|
-
const parent = element?.closest(customElementSelector);
|
|
9710
|
-
if (element && parent) {
|
|
9711
|
-
const attributes = parent.attributes;
|
|
9712
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9713
|
-
const attr = attributes.item(i);
|
|
9714
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9715
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9716
|
-
element.setAttribute(attr.name, attr.value);
|
|
9717
|
-
parent.removeAttribute(attr.name);
|
|
9718
|
-
}
|
|
9719
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9720
|
-
element.setAttribute(attr.name, attr.value);
|
|
9721
|
-
parent.removeAttribute(attr.name);
|
|
9722
|
-
}
|
|
9723
|
-
else if (attr && attr.name === "class") {
|
|
9724
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9725
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9726
|
-
const currentClass = element.getAttribute("class");
|
|
9727
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9728
|
-
if (isWebComponent) {
|
|
9729
|
-
// Stencil is using this class for lazy loading component
|
|
9730
|
-
parent.setAttribute("class", "hydrated");
|
|
9731
|
-
}
|
|
9732
|
-
else {
|
|
9733
|
-
parent.removeAttribute(attr.name);
|
|
9734
|
-
}
|
|
9735
|
-
}
|
|
9736
|
-
}
|
|
9737
|
-
}
|
|
9738
|
-
}
|
|
9739
|
-
ngAfterViewInit() {
|
|
9740
|
-
if (typeof window !== "undefined") {
|
|
9741
|
-
const element = this._ref()?.nativeElement;
|
|
9742
|
-
this.enableAttributePassing(element, "db-table");
|
|
9743
|
-
}
|
|
9744
|
-
}
|
|
9745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DBTable, isStandalone: true, selector: "db-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, mobileVariant: { classPropertyName: "mobileVariant", publicName: "mobileVariant", isSignal: true, isRequired: false, transformFunction: null }, columnSizes: { classPropertyName: "columnSizes", publicName: "columnSizes", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, showCaption: { classPropertyName: "showCaption", publicName: "showCaption", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, captionPlain: { classPropertyName: "captionPlain", publicName: "captionPlain", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<div
|
|
9747
|
-
[class]="cls('db-table', className())"
|
|
9748
|
-
[ngStyle]="_style()"
|
|
9749
|
-
[attr.data-width]="width()"
|
|
9750
|
-
[attr.data-size]="size()"
|
|
9751
|
-
[attr.data-divider]="divider()"
|
|
9752
|
-
[attr.data-variant]="variant()"
|
|
9753
|
-
[attr.data-mobile-variant]="mobileVariant()"
|
|
9754
|
-
[attr.data-show-caption]="getBooleanAsString(showCaption())"
|
|
9755
|
-
[attr.data-sticky-header]="stickyHeader()"
|
|
9756
|
-
>
|
|
9757
|
-
<table #_ref [attr.id]="id()">
|
|
9758
|
-
<caption>
|
|
9759
|
-
@if(captionPlain()){
|
|
9760
|
-
{{captionPlain()}}
|
|
9761
|
-
}@else{
|
|
9762
|
-
<ng-content select="[caption]"> </ng-content>
|
|
9763
|
-
}
|
|
9764
|
-
</caption>
|
|
9765
|
-
@if(_data()){ @if(_data()?.header){
|
|
9766
|
-
<db-table-head [rows]="_data()?.header"></db-table-head>
|
|
9767
|
-
} @if(_data()?.body){
|
|
9768
|
-
<db-table-body [rows]="_data()?.body"></db-table-body>
|
|
9769
|
-
} @if(_data()?.footer){
|
|
9770
|
-
<db-table-footer [rows]="_data()?.footer"></db-table-footer>
|
|
9771
|
-
} }@else{
|
|
9772
|
-
<ng-content></ng-content>
|
|
9773
|
-
}
|
|
9774
|
-
</table>
|
|
9775
|
-
</div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DBTableHead, selector: "db-table-head", inputs: ["id", "className", "rows"] }, { kind: "component", type: DBTableBody, selector: "db-table-body", inputs: ["id", "className", "rows"] }, { kind: "component", type: DBTableFooter, selector: "db-table-footer", inputs: ["id", "className", "rows"] }] }); }
|
|
9776
|
-
}
|
|
9777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTable, decorators: [{
|
|
9778
|
-
type: Component,
|
|
9779
|
-
args: [{ selector: "db-table", standalone: true, imports: [CommonModule, DBTableHead, DBTableBody, DBTableFooter], template: `<div
|
|
9780
|
-
[class]="cls('db-table', className())"
|
|
9781
|
-
[ngStyle]="_style()"
|
|
9782
|
-
[attr.data-width]="width()"
|
|
9783
|
-
[attr.data-size]="size()"
|
|
9784
|
-
[attr.data-divider]="divider()"
|
|
9785
|
-
[attr.data-variant]="variant()"
|
|
9786
|
-
[attr.data-mobile-variant]="mobileVariant()"
|
|
9787
|
-
[attr.data-show-caption]="getBooleanAsString(showCaption())"
|
|
9788
|
-
[attr.data-sticky-header]="stickyHeader()"
|
|
9789
|
-
>
|
|
9790
|
-
<table #_ref [attr.id]="id()">
|
|
9791
|
-
<caption>
|
|
9792
|
-
@if(captionPlain()){
|
|
9793
|
-
{{captionPlain()}}
|
|
9794
|
-
}@else{
|
|
9795
|
-
<ng-content select="[caption]"> </ng-content>
|
|
9796
|
-
}
|
|
9797
|
-
</caption>
|
|
9798
|
-
@if(_data()){ @if(_data()?.header){
|
|
9799
|
-
<db-table-head [rows]="_data()?.header"></db-table-head>
|
|
9800
|
-
} @if(_data()?.body){
|
|
9801
|
-
<db-table-body [rows]="_data()?.body"></db-table-body>
|
|
9802
|
-
} @if(_data()?.footer){
|
|
9803
|
-
<db-table-footer [rows]="_data()?.footer"></db-table-footer>
|
|
9804
|
-
} }@else{
|
|
9805
|
-
<ng-content></ng-content>
|
|
9806
|
-
}
|
|
9807
|
-
</table>
|
|
9808
|
-
</div> `, styles: [":host{display:contents}\n"] }]
|
|
9809
|
-
}], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], mobileVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileVariant", required: false }] }], columnSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnSizes", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], showCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCaption", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], captionPlain: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionPlain", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9810
|
-
|
|
9811
|
-
const DBTableRowSizeList = ['x-small', 'small', 'medium', 'large'];
|
|
9812
|
-
const DBTableVariantList = ['joined', 'zebra', 'floating'];
|
|
9813
|
-
const DBTableDividerList = ['none', 'both', 'horizontal', 'vertical'];
|
|
9814
|
-
const DBTableMobileVariantList = ['table', 'list'];
|
|
9815
|
-
const DBTableStickHeaderList = ['none', 'both', 'horizontal', 'vertical'];
|
|
9816
|
-
const DBTableColumnsSizeList = ['auto', '1fr', 'min-content', 'max-content'];
|
|
9817
|
-
|
|
9818
|
-
const defaultProps = {};
|
|
9819
|
-
class DBTableCaption {
|
|
9820
|
-
constructor() {
|
|
9821
|
-
this.cls = cls;
|
|
9822
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
9823
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
9824
|
-
this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
|
|
9825
|
-
}
|
|
9826
|
-
/**
|
|
9827
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
9828
|
-
* @param element the ref for the component
|
|
9829
|
-
* @param customElementSelector the custom element like `my-component`
|
|
9830
|
-
*/
|
|
9831
|
-
enableAttributePassing(element, customElementSelector) {
|
|
9832
|
-
const parent = element?.closest(customElementSelector);
|
|
9833
|
-
if (element && parent) {
|
|
9834
|
-
const attributes = parent.attributes;
|
|
9835
|
-
for (let i = 0; i < attributes.length; i++) {
|
|
9836
|
-
const attr = attributes.item(i);
|
|
9837
|
-
if (attr && attr.name !== 'data-density' &&
|
|
9838
|
-
(attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
|
|
9839
|
-
element.setAttribute(attr.name, attr.value);
|
|
9840
|
-
parent.removeAttribute(attr.name);
|
|
9841
|
-
}
|
|
9842
|
-
else if (attr && attr.name !== 'data-density' && attr.name !== "class" && attr.name === "style") {
|
|
9843
|
-
element.setAttribute(attr.name, attr.value);
|
|
9844
|
-
parent.removeAttribute(attr.name);
|
|
9845
|
-
}
|
|
9846
|
-
else if (attr && attr.name === "class") {
|
|
9847
|
-
const isWebComponent = attr.value.includes("hydrated");
|
|
9848
|
-
const value = attr.value.replace("hydrated", "").trim();
|
|
9849
|
-
const currentClass = element.getAttribute("class");
|
|
9850
|
-
element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
|
|
9851
|
-
if (isWebComponent) {
|
|
9852
|
-
// Stencil is using this class for lazy loading component
|
|
9853
|
-
parent.setAttribute("class", "hydrated");
|
|
9854
|
-
}
|
|
9855
|
-
else {
|
|
9856
|
-
parent.removeAttribute(attr.name);
|
|
9857
|
-
}
|
|
9858
|
-
}
|
|
9859
|
-
}
|
|
9860
|
-
}
|
|
9861
|
-
}
|
|
9862
|
-
ngAfterViewInit() {
|
|
9863
|
-
if (typeof window !== "undefined") {
|
|
9864
|
-
const element = this._ref()?.nativeElement;
|
|
9865
|
-
this.enableAttributePassing(element, "db-table-caption");
|
|
9866
|
-
}
|
|
9867
|
-
}
|
|
9868
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableCaption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9869
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.18", type: DBTableCaption, isStandalone: true, selector: "db-table-caption", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true, isSignal: true }], ngImport: i0, template: `<caption
|
|
9870
|
-
#_ref
|
|
9871
|
-
[attr.id]="id()"
|
|
9872
|
-
[class]="cls('db-table-caption', className())"
|
|
9873
|
-
>
|
|
9874
|
-
<ng-content></ng-content>
|
|
9875
|
-
</caption> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
9876
|
-
}
|
|
9877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DBTableCaption, decorators: [{
|
|
9878
|
-
type: Component,
|
|
9879
|
-
args: [{ selector: "db-table-caption", standalone: true, imports: [CommonModule], template: `<caption
|
|
9880
|
-
#_ref
|
|
9881
|
-
[attr.id]="id()"
|
|
9882
|
-
[class]="cls('db-table-caption', className())"
|
|
9883
|
-
>
|
|
9884
|
-
<ng-content></ng-content>
|
|
9885
|
-
</caption> `, styles: [":host{display:contents}\n"] }]
|
|
9886
|
-
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], _ref: [{ type: i0.ViewChild, args: ["_ref", { isSignal: true }] }] } });
|
|
9887
|
-
|
|
9888
|
-
const DBTableRowSubHeaderEmphasisList = ['none', 'weak', 'strong'];
|
|
9889
|
-
|
|
9890
|
-
const DBTableHeaderCellScopeList = ['row', 'col', 'rowgroup', 'colgroup'];
|
|
8909
|
+
const AlignmentList = ['start', 'center'];
|
|
9891
8910
|
|
|
9892
8911
|
/**
|
|
9893
8912
|
* Generated bundle index. Do not edit.
|
|
9894
8913
|
*/
|
|
9895
8914
|
|
|
9896
|
-
export { AccordionBehaviorList, AccordionVariantList, AlignmentList, 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,
|
|
8915
|
+
export { AccordionBehaviorList, AccordionVariantList, AlignmentList, 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, 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 };
|
|
9897
8916
|
//# sourceMappingURL=db-ux-ngx-core-components.mjs.map
|