@db-ux/ngx-core-components 4.5.4 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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: "20.3.17", ngImport: i0, type: DBAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
281
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBAccordionItem, decorators: [{
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"
@@ -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: "20.3.17", ngImport: i0, type: DBAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
482
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBAccordion, decorators: [{
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
@@ -628,18 +628,18 @@ class DBBadge {
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: "20.3.17", ngImport: i0, type: DBBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
710
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBBadge, decorators: [{
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
@@ -748,14 +748,14 @@ class DBBrand {
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: "20.3.17", ngImport: i0, type: DBBrand, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
803
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBBrand, decorators: [{
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
@@ -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: "20.3.17", ngImport: i0, type: DBButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
911
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBButton, decorators: [{
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
@@ -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: "20.3.17", ngImport: i0, type: DBCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1026
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
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: "20.3.17", ngImport: i0, type: DBCard, decorators: [{
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
@@ -1054,9 +1054,30 @@ const CardBehaviorList = ['static', 'interactive'];
1054
1054
  const CardElevationLevelList = ['1', '2', '3'];
1055
1055
 
1056
1056
  /* eslint-disable @typescript-eslint/no-explicit-any */
1057
- const handleFrameworkEventAngular = (component, event, modelValue = 'value') => {
1058
- component.propagateChange(event.target[modelValue]);
1059
- component.writeValue(event.target[modelValue]);
1057
+ const specialNumberCharacters = ['.', ',', 'e', 'E', '+', '-'];
1058
+ const handleFrameworkEventAngular = (component, event, modelValue = 'value', lastValue) => {
1059
+ const value = event.target[modelValue];
1060
+ const type = event.target?.type;
1061
+ if (!value && value !== '' && ['date', 'time', 'week', 'month', 'datetime-local'].includes(type)) {
1062
+ // If value is empty and type date we skip `writingValue` function
1063
+ return;
1064
+ }
1065
+ if (type === 'number') {
1066
+ if (event.type === 'input') {
1067
+ if (specialNumberCharacters.includes(event.data) || specialNumberCharacters.some(specialCharacter => lastValue?.toString().includes(specialCharacter)) && event.inputType === 'deleteContentBackward') {
1068
+ // Skip `writingValue` function if number type and input event
1069
+ // and `.` or `,` or 'e', 'E', '+', '-' was typed
1070
+ // or content was deleted but last number had a `.`
1071
+ return;
1072
+ }
1073
+ }
1074
+ else if (event.type === 'change') {
1075
+ // Skip `writingValue` function if number type and change event
1076
+ return;
1077
+ }
1078
+ }
1079
+ component.propagateChange(value);
1080
+ component.writeValue(value);
1060
1081
  };
1061
1082
  const handleFrameworkEventVue = (emit, event, modelValue = 'value') => {
1062
1083
  // TODO: Replace this with the solution out of https://github.com/BuilderIO/mitosis/issues/833 after this has been "solved"
@@ -1109,16 +1130,16 @@ class DBInfotext {
1109
1130
  constructor() {
1110
1131
  this.cls = cls;
1111
1132
  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" }] : []));
1133
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
1134
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
1135
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
1136
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
1137
+ this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
1138
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
1139
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
1140
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
1141
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
1142
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
1122
1143
  }
1123
1144
  /**
1124
1145
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1162,8 +1183,8 @@ class DBInfotext {
1162
1183
  this.enableAttributePassing(element, "db-infotext");
1163
1184
  }
1164
1185
  }
1165
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBInfotext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1166
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
1186
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInfotext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1187
+ 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
1188
  #_ref
1168
1189
  [attr.id]="id() ?? propOverrides()?.id"
1169
1190
  [class]="cls('db-infotext', className())"
@@ -1177,7 +1198,7 @@ class DBInfotext {
1177
1198
  }</span
1178
1199
  > `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
1179
1200
  }
1180
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBInfotext, decorators: [{
1201
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInfotext, decorators: [{
1181
1202
  type: Component,
1182
1203
  args: [{ selector: "db-infotext", standalone: true, imports: [CommonModule], template: `<span
1183
1204
  #_ref
@@ -1262,39 +1283,39 @@ class DBCheckbox {
1262
1283
  this.getBoolean = getBoolean;
1263
1284
  this.stringPropVisible = stringPropVisible;
1264
1285
  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" }] : []));
1286
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
1287
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
1288
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
1289
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
1290
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
1291
+ this.indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : /* istanbul ignore next */ []));
1292
+ this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
1293
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
1294
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
1295
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
1296
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
1297
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
1298
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
1299
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
1300
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
1301
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
1302
+ this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
1303
+ this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
1304
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
1305
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
1285
1306
  this.change = output();
1286
1307
  this.blur = output();
1287
1308
  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" }] : []));
1309
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
1310
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
1311
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
1312
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
1313
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
1314
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
1315
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
1316
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
1317
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
1318
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
1298
1319
  if (typeof window !== "undefined") {
1299
1320
  effect(() => {
1300
1321
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -1452,8 +1473,8 @@ class DBCheckbox {
1452
1473
  ngOnDestroy() {
1453
1474
  this.abortController()?.abort();
1454
1475
  }
1455
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCheckbox, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
1456
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
1476
+ 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 }); }
1477
+ 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
1478
  provide: NG_VALUE_ACCESSOR,
1458
1479
  useExisting: DBCheckbox,
1459
1480
  multi: true
@@ -1512,7 +1533,7 @@ class DBCheckbox {
1512
1533
  >
1513
1534
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
1514
1535
  }
1515
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCheckbox, decorators: [{
1536
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCheckbox, decorators: [{
1516
1537
  type: Component,
1517
1538
  args: [{ providers: [{
1518
1539
  provide: NG_VALUE_ACCESSOR,
@@ -1579,20 +1600,20 @@ class DBCustomButton {
1579
1600
  constructor() {
1580
1601
  this.cls = cls;
1581
1602
  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" }] : []));
1603
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
1604
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
1605
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
1606
+ this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
1607
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
1608
+ this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
1609
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
1610
+ this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
1611
+ this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
1612
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
1613
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
1614
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
1615
+ this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
1616
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
1596
1617
  }
1597
1618
  /**
1598
1619
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -1636,8 +1657,8 @@ class DBCustomButton {
1636
1657
  this.enableAttributePassing(element, "db-custom-button");
1637
1658
  }
1638
1659
  }
1639
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1640
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
1660
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1661
+ 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
1662
  #_ref
1642
1663
  [attr.id]="id() ?? propOverrides()?.id"
1643
1664
  [class]="cls('db-custom-button', className())"
@@ -1653,7 +1674,7 @@ class DBCustomButton {
1653
1674
  <ng-content></ng-content>
1654
1675
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
1655
1676
  }
1656
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomButton, decorators: [{
1677
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomButton, decorators: [{
1657
1678
  type: Component,
1658
1679
  args: [{ selector: "db-custom-button", standalone: true, imports: [CommonModule], template: `<div
1659
1680
  #_ref
@@ -2104,11 +2125,11 @@ const defaultProps$r = { width: "fixed" };
2104
2125
  class DBCustomSelectDropdown {
2105
2126
  constructor() {
2106
2127
  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$r["width"], ...(ngDevMode ? [{ debugName: "width" }] : []));
2111
- this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
2128
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
2129
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
2130
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
2131
+ this.width = input(defaultProps$r["width"], ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
2132
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
2112
2133
  }
2113
2134
  /**
2114
2135
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2152,8 +2173,8 @@ class DBCustomSelectDropdown {
2152
2173
  this.enableAttributePassing(element, "db-custom-select-dropdown");
2153
2174
  }
2154
2175
  }
2155
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2156
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
2176
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2177
+ 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
2178
  data-spacing="none"
2158
2179
  #_ref
2159
2180
  [attr.id]="id() ?? propOverrides()?.id"
@@ -2163,7 +2184,7 @@ class DBCustomSelectDropdown {
2163
2184
  <ng-content></ng-content>
2164
2185
  </article> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
2165
2186
  }
2166
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectDropdown, decorators: [{
2187
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectDropdown, decorators: [{
2167
2188
  type: Component,
2168
2189
  args: [{ selector: "db-custom-select-dropdown", standalone: true, imports: [CommonModule], template: `<article
2169
2190
  data-spacing="none"
@@ -2196,23 +2217,23 @@ class DBCustomSelectListItem {
2196
2217
  this.cls = cls;
2197
2218
  this.getBooleanAsString = getBooleanAsString;
2198
2219
  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" }] : []));
2220
+ this.isGroupTitle = input(...(ngDevMode ? [undefined, { debugName: "isGroupTitle" }] : /* istanbul ignore next */ []));
2221
+ this.showDivider = input(...(ngDevMode ? [undefined, { debugName: "showDivider" }] : /* istanbul ignore next */ []));
2222
+ this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
2223
+ this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
2224
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
2225
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
2226
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
2227
+ this.groupTitle = input(...(ngDevMode ? [undefined, { debugName: "groupTitle" }] : /* istanbul ignore next */ []));
2228
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
2229
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
2230
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
2231
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
2232
+ this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
2233
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
2213
2234
  this.change = output();
2214
- this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
2215
- this.hasDivider = signal(false, ...(ngDevMode ? [{ debugName: "hasDivider" }] : []));
2235
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
2236
+ this.hasDivider = signal(false, ...(ngDevMode ? [{ debugName: "hasDivider" }] : /* istanbul ignore next */ []));
2216
2237
  if (typeof window !== "undefined") {
2217
2238
  effect(() => {
2218
2239
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -2282,8 +2303,8 @@ class DBCustomSelectListItem {
2282
2303
  this.enableAttributePassing(element, "db-custom-select-list-item");
2283
2304
  }
2284
2305
  }
2285
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectListItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
2286
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
2306
+ 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 }); }
2307
+ 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
2308
  provide: NG_VALUE_ACCESSOR,
2288
2309
  useExisting: DBCustomSelectListItem,
2289
2310
  multi: true
@@ -2321,7 +2342,7 @@ class DBCustomSelectListItem {
2321
2342
  }
2322
2343
  </li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
2323
2344
  }
2324
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectListItem, decorators: [{
2345
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectListItem, decorators: [{
2325
2346
  type: Component,
2326
2347
  args: [{ providers: [{
2327
2348
  provide: NG_VALUE_ACCESSOR,
@@ -2366,12 +2387,12 @@ const defaultProps$p = {};
2366
2387
  class DBCustomSelectList {
2367
2388
  constructor() {
2368
2389
  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" }] : []));
2390
+ this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
2391
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
2392
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
2393
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
2394
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
2395
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
2375
2396
  }
2376
2397
  /**
2377
2398
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2415,8 +2436,8 @@ class DBCustomSelectList {
2415
2436
  this.enableAttributePassing(element, "db-custom-select-list");
2416
2437
  }
2417
2438
  }
2418
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2419
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
2439
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2440
+ 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
2441
  [attr.role]="multiple() ? 'group' : 'radiogroup'"
2421
2442
  [attr.aria-label]="label()"
2422
2443
  #_ref
@@ -2428,7 +2449,7 @@ class DBCustomSelectList {
2428
2449
  </ul>
2429
2450
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
2430
2451
  }
2431
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectList, decorators: [{
2452
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectList, decorators: [{
2432
2453
  type: Component,
2433
2454
  args: [{ selector: "db-custom-select-list", standalone: true, imports: [CommonModule], template: `<div
2434
2455
  [attr.role]="multiple() ? 'group' : 'radiogroup'"
@@ -2486,7 +2507,7 @@ class DBInput {
2486
2507
  this.input.emit(event);
2487
2508
  }
2488
2509
  }
2489
- handleFrameworkEventAngular(this, event);
2510
+ handleFrameworkEventAngular(this, event, "value", this._value());
2490
2511
  this.handleValidation();
2491
2512
  }
2492
2513
  handleChange(event, reset) {
@@ -2496,7 +2517,7 @@ class DBInput {
2496
2517
  this.change.emit(event);
2497
2518
  }
2498
2519
  }
2499
- handleFrameworkEventAngular(this, event);
2520
+ handleFrameworkEventAngular(this, event, "value", this._value());
2500
2521
  this.handleValidation();
2501
2522
  }
2502
2523
  handleBlur(event) {
@@ -2543,71 +2564,71 @@ class DBInput {
2543
2564
  this.isIOSSafari = isIOSSafari;
2544
2565
  this.stringPropVisible = stringPropVisible;
2545
2566
  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" }] : []));
2567
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
2568
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
2569
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
2570
+ this.dataListId = input(...(ngDevMode ? [undefined, { debugName: "dataListId" }] : /* istanbul ignore next */ []));
2571
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
2572
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
2573
+ this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
2574
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
2575
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
2576
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
2577
+ this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : /* istanbul ignore next */ []));
2578
+ this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
2579
+ this.pattern = input(...(ngDevMode ? [undefined, { debugName: "pattern" }] : /* istanbul ignore next */ []));
2580
+ this.dataList = input(...(ngDevMode ? [undefined, { debugName: "dataList" }] : /* istanbul ignore next */ []));
2581
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
2582
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
2583
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
2584
+ this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
2585
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
2586
+ this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
2587
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
2588
+ this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
2589
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
2590
+ this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
2591
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
2592
+ this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : /* istanbul ignore next */ []));
2593
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
2594
+ this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
2595
+ this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
2596
+ this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : /* istanbul ignore next */ []));
2597
+ this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
2598
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
2599
+ this.step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
2600
+ this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
2601
+ this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
2602
+ this.max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
2603
+ this.min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
2604
+ this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : /* istanbul ignore next */ []));
2605
+ this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* istanbul ignore next */ []));
2606
+ this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
2607
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
2608
+ this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
2609
+ this.autofocus = input(...(ngDevMode ? [undefined, { debugName: "autofocus" }] : /* istanbul ignore next */ []));
2610
+ this.enterkeyhint = input(...(ngDevMode ? [undefined, { debugName: "enterkeyhint" }] : /* istanbul ignore next */ []));
2611
+ this.inputmode = input(...(ngDevMode ? [undefined, { debugName: "inputmode" }] : /* istanbul ignore next */ []));
2612
+ this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
2613
+ this.messageSize = input(...(ngDevMode ? [undefined, { debugName: "messageSize" }] : /* istanbul ignore next */ []));
2614
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
2615
+ this.validMessageSize = input(...(ngDevMode ? [undefined, { debugName: "validMessageSize" }] : /* istanbul ignore next */ []));
2616
+ this.invalidMessageSize = input(...(ngDevMode ? [undefined, { debugName: "invalidMessageSize" }] : /* istanbul ignore next */ []));
2596
2617
  this.input = output();
2597
2618
  this.change = output();
2598
2619
  this.blur = output();
2599
2620
  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" }] : []));
2621
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
2622
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
2623
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
2624
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
2625
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
2626
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
2627
+ this._dataListId = signal(undefined, ...(ngDevMode ? [{ debugName: "_dataListId" }] : /* istanbul ignore next */ []));
2628
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
2629
+ this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
2630
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
2631
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
2611
2632
  if (typeof window !== "undefined") {
2612
2633
  effect(() => {
2613
2634
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -2652,9 +2673,7 @@ class DBInput {
2652
2673
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
2653
2674
  this.value();
2654
2675
  // ---
2655
- if (this.value() !== undefined) {
2656
- this._value.set(this.value());
2657
- }
2676
+ this._value.set(this.value());
2658
2677
  }, {
2659
2678
  // Enable writing to signals inside effects
2660
2679
  });
@@ -2722,12 +2741,6 @@ class DBInput {
2722
2741
  }
2723
2742
  }
2724
2743
  writeValue(value) {
2725
- if (!value && value !== "" && (this.type() === "date" ||
2726
- this.type() === "time" ||
2727
- this.type() === "week" ||
2728
- this.type() === "month" ||
2729
- this.type() === "datetime-local"))
2730
- return;
2731
2744
  this.value.set(value);
2732
2745
  if (this._ref()?.nativeElement) {
2733
2746
  this.renderer.setProperty(this._ref()?.nativeElement, 'value', value);
@@ -2753,8 +2766,8 @@ class DBInput {
2753
2766
  ngOnDestroy() {
2754
2767
  this.abortController()?.abort();
2755
2768
  }
2756
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBInput, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
2757
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
2769
+ 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 }); }
2770
+ 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
2771
  provide: NG_VALUE_ACCESSOR,
2759
2772
  useExisting: DBInput,
2760
2773
  multi: true
@@ -2783,7 +2796,7 @@ class DBInput {
2783
2796
  [disabled]="getBoolean(disabled(), 'disabled')"
2784
2797
  [required]="getBoolean(required(), 'required')"
2785
2798
  [attr.step]="getStep(step())"
2786
- [value]="value() ?? _value()"
2799
+ [value]="value() ?? _value() ?? ''"
2787
2800
  [attr.maxLength]="getNumber(maxLength(), maxlength())"
2788
2801
  [attr.minLength]="getNumber(minLength(), minlength())"
2789
2802
  [attr.max]="getInputValue(max(), type())"
@@ -2841,7 +2854,7 @@ class DBInput {
2841
2854
  >
2842
2855
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
2843
2856
  }
2844
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBInput, decorators: [{
2857
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBInput, decorators: [{
2845
2858
  type: Component,
2846
2859
  args: [{ providers: [{
2847
2860
  provide: NG_VALUE_ACCESSOR,
@@ -2872,7 +2885,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
2872
2885
  [disabled]="getBoolean(disabled(), 'disabled')"
2873
2886
  [required]="getBoolean(required(), 'required')"
2874
2887
  [attr.step]="getStep(step())"
2875
- [value]="value() ?? _value()"
2888
+ [value]="value() ?? _value() ?? ''"
2876
2889
  [attr.maxLength]="getNumber(maxLength(), maxlength())"
2877
2890
  [attr.minLength]="getNumber(minLength(), minlength())"
2878
2891
  [attr.max]="getInputValue(max(), type())"
@@ -2987,22 +3000,22 @@ class DBTooltip {
2987
3000
  constructor() {
2988
3001
  this.cls = cls;
2989
3002
  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" }] : []));
3003
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
3004
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
3005
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
3006
+ this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
3007
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
3008
+ this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
3009
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
3010
+ this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : /* istanbul ignore next */ []));
3011
+ this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : /* istanbul ignore next */ []));
3012
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
3013
+ this.showArrow = input(...(ngDevMode ? [undefined, { debugName: "showArrow" }] : /* istanbul ignore next */ []));
3014
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
3015
+ this._id = signal(DEFAULT_ID, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
3016
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
3017
+ this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
3018
+ this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
3006
3019
  if (typeof window !== "undefined") {
3007
3020
  effect(() => {
3008
3021
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -3099,8 +3112,8 @@ class DBTooltip {
3099
3112
  this.initialized.set(true);
3100
3113
  }
3101
3114
  }
3102
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3103
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
3115
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3116
+ 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
3117
  role="tooltip"
3105
3118
  aria-hidden="true"
3106
3119
  data-gap="true"
@@ -3118,7 +3131,7 @@ class DBTooltip {
3118
3131
  ><ng-content></ng-content
3119
3132
  ></i> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
3120
3133
  }
3121
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTooltip, decorators: [{
3134
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTooltip, decorators: [{
3122
3135
  type: Component,
3123
3136
  args: [{ selector: "db-tooltip", standalone: true, imports: [CommonModule], template: `<i
3124
3137
  role="tooltip"
@@ -3159,21 +3172,21 @@ class DBTag {
3159
3172
  constructor() {
3160
3173
  this.cls = cls;
3161
3174
  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" }] : []));
3175
+ this.removeButton = input(...(ngDevMode ? [undefined, { debugName: "removeButton" }] : /* istanbul ignore next */ []));
3176
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
3177
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
3178
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
3179
+ this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
3180
+ this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
3181
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
3182
+ this.showCheckState = input(...(ngDevMode ? [undefined, { debugName: "showCheckState" }] : /* istanbul ignore next */ []));
3183
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
3184
+ this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
3185
+ this.overflow = input(...(ngDevMode ? [undefined, { debugName: "overflow" }] : /* istanbul ignore next */ []));
3186
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
3187
+ this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
3175
3188
  this.remove = output();
3176
- this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
3189
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
3177
3190
  }
3178
3191
  /**
3179
3192
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -3217,8 +3230,8 @@ class DBTag {
3217
3230
  this.enableAttributePassing(element, "db-tag");
3218
3231
  }
3219
3232
  }
3220
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3221
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
3233
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3234
+ 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
3235
  #_ref
3223
3236
  [attr.id]="id() ?? propOverrides()?.id"
3224
3237
  [class]="cls('db-tag', className())"
@@ -3247,7 +3260,7 @@ class DBTag {
3247
3260
  }
3248
3261
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "propOverrides", "variant", "placement", "className", "emphasis", "wrap", "animation", "delay", "width", "showArrow"] }] }); }
3249
3262
  }
3250
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTag, decorators: [{
3263
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTag, decorators: [{
3251
3264
  type: Component,
3252
3265
  args: [{ selector: "db-tag", standalone: true, imports: [CommonModule, DBTooltip], template: `<div
3253
3266
  #_ref
@@ -3734,95 +3747,95 @@ class DBCustomSelect {
3734
3747
  this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
3735
3748
  this.stringPropVisible = stringPropVisible;
3736
3749
  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$l["showClearSelection"], ...(ngDevMode ? [{ debugName: "showClearSelection" }] : []));
3783
- this.clearSelectionText = input(defaultProps$l["clearSelectionText"], ...(ngDevMode ? [{ debugName: "clearSelectionText" }] : []));
3784
- this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
3785
- this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : []));
3750
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
3751
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
3752
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
3753
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
3754
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
3755
+ this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
3756
+ this.showNoResults = input(...(ngDevMode ? [undefined, { debugName: "showNoResults" }] : /* istanbul ignore next */ []));
3757
+ this.showLoading = input(...(ngDevMode ? [undefined, { debugName: "showLoading" }] : /* istanbul ignore next */ []));
3758
+ this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
3759
+ this.showSelectAll = input(...(ngDevMode ? [undefined, { debugName: "showSelectAll" }] : /* istanbul ignore next */ []));
3760
+ this.showSearch = input(...(ngDevMode ? [undefined, { debugName: "showSearch" }] : /* istanbul ignore next */ []));
3761
+ this.values = model(...(ngDevMode ? [undefined, { debugName: "values" }] : /* istanbul ignore next */ []));
3762
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
3763
+ this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
3764
+ this.searchValue = input(...(ngDevMode ? [undefined, { debugName: "searchValue" }] : /* istanbul ignore next */ []));
3765
+ this.selectedLabels = input(...(ngDevMode ? [undefined, { debugName: "selectedLabels" }] : /* istanbul ignore next */ []));
3766
+ this.transformSelectedLabels = input(...(ngDevMode ? [undefined, { debugName: "transformSelectedLabels" }] : /* istanbul ignore next */ []));
3767
+ this.selectedType = input(...(ngDevMode ? [undefined, { debugName: "selectedType" }] : /* istanbul ignore next */ []));
3768
+ this.amountText = input(...(ngDevMode ? [undefined, { debugName: "amountText" }] : /* istanbul ignore next */ []));
3769
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
3770
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
3771
+ this.selectAllLabel = input(...(ngDevMode ? [undefined, { debugName: "selectAllLabel" }] : /* istanbul ignore next */ []));
3772
+ this.removeTagsTexts = input(...(ngDevMode ? [undefined, { debugName: "removeTagsTexts" }] : /* istanbul ignore next */ []));
3773
+ this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
3774
+ this.searchFilter = input(...(ngDevMode ? [undefined, { debugName: "searchFilter" }] : /* istanbul ignore next */ []));
3775
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
3776
+ this.formFieldWidth = input(...(ngDevMode ? [undefined, { debugName: "formFieldWidth" }] : /* istanbul ignore next */ []));
3777
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
3778
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
3779
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
3780
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
3781
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
3782
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
3783
+ this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
3784
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
3785
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
3786
+ this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
3787
+ this.selectedPrefix = input(...(ngDevMode ? [undefined, { debugName: "selectedPrefix" }] : /* istanbul ignore next */ []));
3788
+ this.dropdownWidth = input(...(ngDevMode ? [undefined, { debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
3789
+ this.searchLabel = input(...(ngDevMode ? [undefined, { debugName: "searchLabel" }] : /* istanbul ignore next */ []));
3790
+ this.searchPlaceholder = input(...(ngDevMode ? [undefined, { debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
3791
+ this.listLabel = input(...(ngDevMode ? [undefined, { debugName: "listLabel" }] : /* istanbul ignore next */ []));
3792
+ this.loadingText = input(...(ngDevMode ? [undefined, { debugName: "loadingText" }] : /* istanbul ignore next */ []));
3793
+ this.noResultsText = input(...(ngDevMode ? [undefined, { debugName: "noResultsText" }] : /* istanbul ignore next */ []));
3794
+ this.mobileCloseButtonText = input(...(ngDevMode ? [undefined, { debugName: "mobileCloseButtonText" }] : /* istanbul ignore next */ []));
3795
+ this.showClearSelection = input(defaultProps$l["showClearSelection"], ...(ngDevMode ? [{ debugName: "showClearSelection" }] : /* istanbul ignore next */ []));
3796
+ this.clearSelectionText = input(defaultProps$l["clearSelectionText"], ...(ngDevMode ? [{ debugName: "clearSelectionText" }] : /* istanbul ignore next */ []));
3797
+ this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
3798
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
3786
3799
  this.amountChange = output();
3787
3800
  this.dropdownToggle = output();
3788
3801
  this.optionSelected = output();
3789
3802
  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" }] : []));
3803
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
3804
+ this.selectRef = viewChild("selectRef", ...(ngDevMode ? [{ debugName: "selectRef" }] : /* istanbul ignore next */ []));
3805
+ this.detailsRef = viewChild("detailsRef", ...(ngDevMode ? [{ debugName: "detailsRef" }] : /* istanbul ignore next */ []));
3806
+ this.searchInputRef = viewChild("searchInputRef", ...(ngDevMode ? [{ debugName: "searchInputRef" }] : /* istanbul ignore next */ []));
3807
+ this.selectAllRef = viewChild("selectAllRef", ...(ngDevMode ? [{ debugName: "selectAllRef" }] : /* istanbul ignore next */ []));
3808
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
3809
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
3810
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
3811
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
3812
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
3813
+ this._selectId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectId" }] : /* istanbul ignore next */ []));
3814
+ this._labelId = signal(undefined, ...(ngDevMode ? [{ debugName: "_labelId" }] : /* istanbul ignore next */ []));
3815
+ this._summaryId = signal(undefined, ...(ngDevMode ? [{ debugName: "_summaryId" }] : /* istanbul ignore next */ []));
3816
+ this._placeholderId = signal(undefined, ...(ngDevMode ? [{ debugName: "_placeholderId" }] : /* istanbul ignore next */ []));
3817
+ this._infoTextId = signal(undefined, ...(ngDevMode ? [{ debugName: "_infoTextId" }] : /* istanbul ignore next */ []));
3818
+ this._validity = signal("no-validation", ...(ngDevMode ? [{ debugName: "_validity" }] : /* istanbul ignore next */ []));
3819
+ this._userInteraction = signal(false, ...(ngDevMode ? [{ debugName: "_userInteraction" }] : /* istanbul ignore next */ []));
3820
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
3821
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
3822
+ this._selectedLabels = signal("", ...(ngDevMode ? [{ debugName: "_selectedLabels" }] : /* istanbul ignore next */ []));
3823
+ this._selectedLabelsId = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedLabelsId" }] : /* istanbul ignore next */ []));
3824
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
3825
+ this._selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "_selectedOptions" }] : /* istanbul ignore next */ []));
3826
+ this.selectAllEnabled = signal(false, ...(ngDevMode ? [{ debugName: "selectAllEnabled" }] : /* istanbul ignore next */ []));
3827
+ this.searchEnabled = signal(false, ...(ngDevMode ? [{ debugName: "searchEnabled" }] : /* istanbul ignore next */ []));
3828
+ this.amountOptions = signal(0, ...(ngDevMode ? [{ debugName: "amountOptions" }] : /* istanbul ignore next */ []));
3829
+ this._values = signal([], ...(ngDevMode ? [{ debugName: "_values" }] : /* istanbul ignore next */ []));
3830
+ this._options = signal([], ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
3831
+ this._hasNoOptions = signal(false, ...(ngDevMode ? [{ debugName: "_hasNoOptions" }] : /* istanbul ignore next */ []));
3832
+ this._documentClickListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentClickListenerCallbackId" }] : /* istanbul ignore next */ []));
3833
+ this._internalChangeTimestamp = signal(0, ...(ngDevMode ? [{ debugName: "_internalChangeTimestamp" }] : /* istanbul ignore next */ []));
3834
+ this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
3835
+ this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
3836
+ this._searchValue = signal(undefined, ...(ngDevMode ? [{ debugName: "_searchValue" }] : /* istanbul ignore next */ []));
3837
+ this.selectAllChecked = signal(false, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : /* istanbul ignore next */ []));
3838
+ this.selectAllIndeterminate = signal(false, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : /* istanbul ignore next */ []));
3826
3839
  if (typeof window !== "undefined") {
3827
3840
  effect(() => {
3828
3841
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -4174,8 +4187,8 @@ class DBCustomSelect {
4174
4187
  ngOnDestroy() {
4175
4188
  this.abortController()?.abort();
4176
4189
  }
4177
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
4178
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
4190
+ 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 }); }
4191
+ 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
4192
  provide: NG_VALUE_ACCESSOR,
4180
4193
  useExisting: DBCustomSelect,
4181
4194
  multi: true
@@ -4389,7 +4402,7 @@ class DBCustomSelect {
4389
4402
  >
4390
4403
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBTag, selector: "db-tag", inputs: ["removeButton", "id", "propOverrides", "className", "semantic", "emphasis", "icon", "showCheckState", "showIcon", "noText", "overflow", "text", "behavior"], outputs: ["remove"] }, { kind: "component", type: DBCustomSelectDropdown, selector: "db-custom-select-dropdown", inputs: ["id", "propOverrides", "className", "width"] }, { kind: "component", type: DBInput, selector: "db-input", inputs: ["invalidMessage", "id", "propOverrides", "dataListId", "message", "showMessage", "value", "validMessage", "validation", "required", "minLength", "maxLength", "pattern", "dataList", "className", "variant", "showLabel", "showIconLeading", "showIcon", "iconLeading", "icon", "iconTrailing", "showRequiredAsterisk", "showIconTrailing", "label", "fieldSizing", "name", "type", "multiple", "accept", "placeholder", "disabled", "step", "maxlength", "minlength", "max", "min", "readOnly", "readonly", "form", "size", "autocomplete", "autofocus", "enterkeyhint", "inputmode", "ariaDescribedBy", "messageSize", "messageIcon", "validMessageSize", "invalidMessageSize"], outputs: ["valueChange", "disabledChange", "input", "change", "blur", "focus"] }, { kind: "component", type: DBCustomSelectList, selector: "db-custom-select-list", inputs: ["multiple", "label", "id", "propOverrides", "className"] }, { kind: "component", type: DBCustomSelectListItem, selector: "db-custom-select-list-item", inputs: ["isGroupTitle", "showDivider", "type", "checked", "id", "propOverrides", "className", "groupTitle", "icon", "showIcon", "name", "disabled", "value", "label"], outputs: ["checkedChange", "disabledChange", "change"] }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTooltip, selector: "db-tooltip", inputs: ["id", "propOverrides", "variant", "placement", "className", "emphasis", "wrap", "animation", "delay", "width", "showArrow"] }] }); }
4391
4404
  }
4392
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelect, decorators: [{
4405
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelect, decorators: [{
4393
4406
  type: Component,
4394
4407
  args: [{ providers: [{
4395
4408
  provide: NG_VALUE_ACCESSOR,
@@ -4622,10 +4635,10 @@ const defaultProps$k = {};
4622
4635
  class DBCustomSelectFormField {
4623
4636
  constructor() {
4624
4637
  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" }] : []));
4638
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
4639
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
4640
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
4641
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
4629
4642
  }
4630
4643
  /**
4631
4644
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -4669,8 +4682,8 @@ class DBCustomSelectFormField {
4669
4682
  this.enableAttributePassing(element, "db-custom-select-form-field");
4670
4683
  }
4671
4684
  }
4672
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4673
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
4685
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectFormField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4686
+ 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
4687
  #_ref
4675
4688
  [attr.id]="id() ?? propOverrides()?.id"
4676
4689
  [class]="cls('db-custom-select-form-field', className())"
@@ -4678,7 +4691,7 @@ class DBCustomSelectFormField {
4678
4691
  <ng-content></ng-content>
4679
4692
  </summary> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
4680
4693
  }
4681
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBCustomSelectFormField, decorators: [{
4694
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBCustomSelectFormField, decorators: [{
4682
4695
  type: Component,
4683
4696
  args: [{ selector: "db-custom-select-form-field", standalone: true, imports: [CommonModule], template: `<summary
4684
4697
  #_ref
@@ -4697,14 +4710,14 @@ const defaultProps$j = {};
4697
4710
  class DBDivider {
4698
4711
  constructor() {
4699
4712
  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" }] : []));
4713
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
4714
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
4715
+ this.margin = input(...(ngDevMode ? [undefined, { debugName: "margin" }] : /* istanbul ignore next */ []));
4716
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
4717
+ this.emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
4718
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
4719
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
4720
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
4708
4721
  }
4709
4722
  /**
4710
4723
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -4748,8 +4761,8 @@ class DBDivider {
4748
4761
  this.enableAttributePassing(element, "db-divider");
4749
4762
  }
4750
4763
  }
4751
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4752
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
4764
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4765
+ 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
4766
  #_ref
4754
4767
  [attr.id]="id() ?? propOverrides()?.id"
4755
4768
  [attr.data-margin]="margin()"
@@ -4759,7 +4772,7 @@ class DBDivider {
4759
4772
  [class]="cls('db-divider', className())"
4760
4773
  ></div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
4761
4774
  }
4762
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBDivider, decorators: [{
4775
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDivider, decorators: [{
4763
4776
  type: Component,
4764
4777
  args: [{ selector: "db-divider", standalone: true, imports: [CommonModule], template: `<div
4765
4778
  #_ref
@@ -4839,23 +4852,23 @@ class DBDrawer {
4839
4852
  this.cls = cls;
4840
4853
  this.getBooleanAsString = getBooleanAsString;
4841
4854
  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" }] : []));
4855
+ this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
4856
+ this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : /* istanbul ignore next */ []));
4857
+ this.backdrop = input(...(ngDevMode ? [undefined, { debugName: "backdrop" }] : /* istanbul ignore next */ []));
4858
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
4859
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
4860
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
4861
+ this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
4862
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
4863
+ this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
4864
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
4865
+ this.rounded = input(...(ngDevMode ? [undefined, { debugName: "rounded" }] : /* istanbul ignore next */ []));
4866
+ this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
4867
+ this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
4855
4868
  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" }] : []));
4869
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
4870
+ this.dialogContainerRef = viewChild("dialogContainerRef", ...(ngDevMode ? [{ debugName: "dialogContainerRef" }] : /* istanbul ignore next */ []));
4871
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
4859
4872
  if (typeof window !== "undefined") {
4860
4873
  effect(() => {
4861
4874
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -4929,8 +4942,8 @@ class DBDrawer {
4929
4942
  this.initialized.set(true);
4930
4943
  }
4931
4944
  }
4932
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4933
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
4945
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4946
+ 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
4947
  class="db-drawer"
4935
4948
  [attr.id]="id() ?? propOverrides()?.id"
4936
4949
  #_ref
@@ -4967,7 +4980,7 @@ class DBDrawer {
4967
4980
  </article>
4968
4981
  </dialog> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
4969
4982
  }
4970
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBDrawer, decorators: [{
4983
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBDrawer, decorators: [{
4971
4984
  type: Component,
4972
4985
  args: [{ selector: "db-drawer", standalone: true, imports: [CommonModule, DBButton], template: `<dialog
4973
4986
  class="db-drawer"
@@ -5146,10 +5159,10 @@ var navigation = {
5146
5159
 
5147
5160
  /* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
5148
5161
  class SecondaryActionDirective {
5149
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecondaryActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5150
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: SecondaryActionDirective, isStandalone: true, selector: "[dbSecondaryAction]", ngImport: i0 }); }
5162
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SecondaryActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5163
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SecondaryActionDirective, isStandalone: true, selector: "[dbSecondaryAction]", ngImport: i0 }); }
5151
5164
  }
5152
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecondaryActionDirective, decorators: [{
5165
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SecondaryActionDirective, decorators: [{
5153
5166
  type: Directive,
5154
5167
  args: [{
5155
5168
  selector: '[dbSecondaryAction]',
@@ -5159,10 +5172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
5159
5172
 
5160
5173
  /* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
5161
5174
  class MetaNavigationDirective {
5162
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MetaNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5163
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: MetaNavigationDirective, isStandalone: true, selector: "[dbMetaNavigation]", ngImport: i0 }); }
5175
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MetaNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5176
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: MetaNavigationDirective, isStandalone: true, selector: "[dbMetaNavigation]", ngImport: i0 }); }
5164
5177
  }
5165
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MetaNavigationDirective, decorators: [{
5178
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MetaNavigationDirective, decorators: [{
5166
5179
  type: Directive,
5167
5180
  args: [{
5168
5181
  selector: '[dbMetaNavigation]',
@@ -5172,10 +5185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
5172
5185
 
5173
5186
  /* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
5174
5187
  class NavigationDirective {
5175
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5176
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: NavigationDirective, isStandalone: true, selector: "[dbNavigation]", ngImport: i0 }); }
5188
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5189
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: NavigationDirective, isStandalone: true, selector: "[dbNavigation]", ngImport: i0 }); }
5177
5190
  }
5178
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavigationDirective, decorators: [{
5191
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationDirective, decorators: [{
5179
5192
  type: Directive,
5180
5193
  args: [{
5181
5194
  selector: '[dbNavigation]',
@@ -5203,19 +5216,19 @@ class DBHeader {
5203
5216
  this.cls = cls;
5204
5217
  this.getBoolean = getBoolean;
5205
5218
  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" }] : []));
5219
+ this.forceMobile = input(...(ngDevMode ? [undefined, { debugName: "forceMobile" }] : /* istanbul ignore next */ []));
5220
+ this.drawerOpen = input(...(ngDevMode ? [undefined, { debugName: "drawerOpen" }] : /* istanbul ignore next */ []));
5221
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5222
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5223
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5224
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
5225
+ this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
5226
+ this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
5227
+ this.burgerMenuLabel = input(...(ngDevMode ? [undefined, { debugName: "burgerMenuLabel" }] : /* istanbul ignore next */ []));
5215
5228
  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" }] : []));
5229
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5230
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
5231
+ this.forcedToMobile = signal(false, ...(ngDevMode ? [{ debugName: "forcedToMobile" }] : /* istanbul ignore next */ []));
5219
5232
  if (typeof window !== "undefined") {
5220
5233
  effect(() => {
5221
5234
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -5281,8 +5294,8 @@ class DBHeader {
5281
5294
  this.initialized.set(true);
5282
5295
  }
5283
5296
  }
5284
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5285
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
5297
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5298
+ 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
5299
  #_ref
5287
5300
  [class]="cls('db-header', className())"
5288
5301
  [attr.id]="id() ?? propOverrides()?.id"
@@ -5341,7 +5354,7 @@ class DBHeader {
5341
5354
  </div>
5342
5355
  </header> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DBDrawer, selector: "db-drawer", inputs: ["open", "position", "backdrop", "variant", "id", "propOverrides", "direction", "className", "spacing", "width", "rounded", "closeButtonId", "closeButtonText"], outputs: ["close"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
5343
5356
  }
5344
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBHeader, decorators: [{
5357
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBHeader, decorators: [{
5345
5358
  type: Component,
5346
5359
  args: [{ selector: "db-header", standalone: true, imports: [CommonModule, DBDrawer, DBButton], template: `<header
5347
5360
  #_ref
@@ -5416,14 +5429,14 @@ const defaultProps$g = {};
5416
5429
  class DBIcon {
5417
5430
  constructor() {
5418
5431
  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" }] : []));
5432
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5433
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5434
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5435
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
5436
+ this.weight = input(...(ngDevMode ? [undefined, { debugName: "weight" }] : /* istanbul ignore next */ []));
5437
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
5438
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
5439
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5427
5440
  }
5428
5441
  /**
5429
5442
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -5467,8 +5480,8 @@ class DBIcon {
5467
5480
  this.enableAttributePassing(element, "db-icon");
5468
5481
  }
5469
5482
  }
5470
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5471
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
5483
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5484
+ 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
5485
  aria-hidden="true"
5473
5486
  #_ref
5474
5487
  [attr.id]="id() ?? propOverrides()?.id"
@@ -5481,7 +5494,7 @@ class DBIcon {
5481
5494
  }</span
5482
5495
  > `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
5483
5496
  }
5484
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBIcon, decorators: [{
5497
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBIcon, decorators: [{
5485
5498
  type: Component,
5486
5499
  args: [{ selector: "db-icon", standalone: true, imports: [CommonModule], template: `<span
5487
5500
  aria-hidden="true"
@@ -5510,24 +5523,24 @@ class DBLink {
5510
5523
  constructor() {
5511
5524
  this.cls = cls;
5512
5525
  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" }] : []));
5526
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5527
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5528
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5529
+ this.href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
5530
+ this.target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
5531
+ this.rel = input(...(ngDevMode ? [undefined, { debugName: "rel" }] : /* istanbul ignore next */ []));
5532
+ this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
5533
+ this.referrerpolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerpolicy" }] : /* istanbul ignore next */ []));
5534
+ this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : /* istanbul ignore next */ []));
5535
+ this.hreflang = input(...(ngDevMode ? [undefined, { debugName: "hreflang" }] : /* istanbul ignore next */ []));
5536
+ this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
5537
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
5538
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
5539
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
5540
+ this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
5541
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
5542
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
5543
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5531
5544
  }
5532
5545
  /**
5533
5546
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -5571,8 +5584,8 @@ class DBLink {
5571
5584
  this.enableAttributePassing(element, "db-link");
5572
5585
  }
5573
5586
  }
5574
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5575
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
5587
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5588
+ 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
5589
  #_ref
5577
5590
  [attr.id]="id() ?? propOverrides()?.id"
5578
5591
  [class]="cls('db-link', className())"
@@ -5594,7 +5607,7 @@ class DBLink {
5594
5607
  }</a
5595
5608
  > `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
5596
5609
  }
5597
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBLink, decorators: [{
5610
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBLink, decorators: [{
5598
5611
  type: Component,
5599
5612
  args: [{ selector: "db-link", standalone: true, imports: [CommonModule], template: `<a
5600
5613
  #_ref
@@ -5627,10 +5640,10 @@ const defaultProps$e = {};
5627
5640
  class DBNavigation {
5628
5641
  constructor() {
5629
5642
  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" }] : []));
5643
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5644
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5645
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5646
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5634
5647
  }
5635
5648
  /**
5636
5649
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -5674,8 +5687,8 @@ class DBNavigation {
5674
5687
  this.enableAttributePassing(element, "db-navigation");
5675
5688
  }
5676
5689
  }
5677
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5678
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
5690
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5691
+ 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
5692
  #_ref
5680
5693
  [attr.id]="id() ?? propOverrides()?.id"
5681
5694
  [class]="cls('db-navigation', className())"
@@ -5683,7 +5696,7 @@ class DBNavigation {
5683
5696
  <menu><ng-content></ng-content></menu>
5684
5697
  </nav> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
5685
5698
  }
5686
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNavigation, decorators: [{
5699
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigation, decorators: [{
5687
5700
  type: Component,
5688
5701
  args: [{ selector: "db-navigation", standalone: true, imports: [CommonModule], template: `<nav
5689
5702
  #_ref
@@ -5696,10 +5709,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
5696
5709
 
5697
5710
  /* Angular cannot handle multiple slots with the same name, we need to use Directives for this. */
5698
5711
  class NavigationContentDirective {
5699
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavigationContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5700
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: NavigationContentDirective, isStandalone: true, selector: "[dbNavigationContent]", ngImport: i0 }); }
5712
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5713
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: NavigationContentDirective, isStandalone: true, selector: "[dbNavigationContent]", ngImport: i0 }); }
5701
5714
  }
5702
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavigationContentDirective, decorators: [{
5715
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NavigationContentDirective, decorators: [{
5703
5716
  type: Directive,
5704
5717
  args: [{
5705
5718
  selector: '[dbNavigationContent]',
@@ -5735,29 +5748,29 @@ class DBNavigationItem {
5735
5748
  this.getBooleanAsString = getBooleanAsString;
5736
5749
  this.getBoolean = getBoolean;
5737
5750
  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" }] : []));
5751
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5752
+ this.subNavigationExpanded = input(...(ngDevMode ? [undefined, { debugName: "subNavigationExpanded" }] : /* istanbul ignore next */ []));
5753
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5754
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5755
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
5756
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
5757
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
5758
+ this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : /* istanbul ignore next */ []));
5759
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
5760
+ this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
5761
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
5762
+ this.backButtonId = input(...(ngDevMode ? [undefined, { debugName: "backButtonId" }] : /* istanbul ignore next */ []));
5763
+ this.backButtonText = input(...(ngDevMode ? [undefined, { debugName: "backButtonText" }] : /* istanbul ignore next */ []));
5751
5764
  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" }] : []));
5765
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5766
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
5767
+ this.hasAreaPopup = signal(false, ...(ngDevMode ? [{ debugName: "hasAreaPopup" }] : /* istanbul ignore next */ []));
5768
+ this.hasSubNavigation = signal(true, ...(ngDevMode ? [{ debugName: "hasSubNavigation" }] : /* istanbul ignore next */ []));
5769
+ this.isSubNavigationExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isSubNavigationExpanded" }] : /* istanbul ignore next */ []));
5770
+ this.autoClose = signal(false, ...(ngDevMode ? [{ debugName: "autoClose" }] : /* istanbul ignore next */ []));
5771
+ this.navigationItemSafeTriangle = signal(undefined, ...(ngDevMode ? [{ debugName: "navigationItemSafeTriangle" }] : /* istanbul ignore next */ []));
5772
+ this.subNavigationId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationId" }] : /* istanbul ignore next */ []));
5773
+ this.subNavigationToggleId = signal(undefined, ...(ngDevMode ? [{ debugName: "subNavigationToggleId" }] : /* istanbul ignore next */ []));
5761
5774
  if (typeof window !== "undefined") {
5762
5775
  effect(() => {
5763
5776
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -5839,8 +5852,8 @@ class DBNavigationItem {
5839
5852
  this.subNavigationToggleId.set(`${subNavId}-toggle`);
5840
5853
  }
5841
5854
  }
5842
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5843
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
5855
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5856
+ 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
5857
  #_ref
5845
5858
  [attr.id]="id() ?? propOverrides()?.id"
5846
5859
  (mouseover)="navigationItemSafeTriangle()?.enableFollow()"
@@ -5892,7 +5905,7 @@ class DBNavigationItem {
5892
5905
  }
5893
5906
  </li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
5894
5907
  }
5895
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNavigationItem, decorators: [{
5908
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNavigationItem, decorators: [{
5896
5909
  type: Component,
5897
5910
  args: [{ selector: "db-navigation-item", standalone: true, imports: [CommonModule, DBButton], template: `<li
5898
5911
  #_ref
@@ -5967,26 +5980,26 @@ class DBNotification {
5967
5980
  this.getBooleanAsString = getBooleanAsString;
5968
5981
  this.stringPropVisible = stringPropVisible;
5969
5982
  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" }] : []));
5983
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
5984
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
5985
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
5986
+ this.semantic = input(...(ngDevMode ? [undefined, { debugName: "semantic" }] : /* istanbul ignore next */ []));
5987
+ this.role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
5988
+ this.ariaLive = input(...(ngDevMode ? [undefined, { debugName: "ariaLive" }] : /* istanbul ignore next */ []));
5989
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
5990
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
5991
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
5992
+ this.linkVariant = input(...(ngDevMode ? [undefined, { debugName: "linkVariant" }] : /* istanbul ignore next */ []));
5993
+ this.headline = input(...(ngDevMode ? [undefined, { debugName: "headline" }] : /* istanbul ignore next */ []));
5994
+ this.showHeadline = input(...(ngDevMode ? [undefined, { debugName: "showHeadline" }] : /* istanbul ignore next */ []));
5995
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
5996
+ this.timestamp = input(...(ngDevMode ? [undefined, { debugName: "timestamp" }] : /* istanbul ignore next */ []));
5997
+ this.showTimestamp = input(...(ngDevMode ? [undefined, { debugName: "showTimestamp" }] : /* istanbul ignore next */ []));
5998
+ this.closeable = input(...(ngDevMode ? [undefined, { debugName: "closeable" }] : /* istanbul ignore next */ []));
5999
+ this.closeButtonId = input(...(ngDevMode ? [undefined, { debugName: "closeButtonId" }] : /* istanbul ignore next */ []));
6000
+ this.closeButtonText = input(...(ngDevMode ? [undefined, { debugName: "closeButtonText" }] : /* istanbul ignore next */ []));
5988
6001
  this.close = output();
5989
- this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : []));
6002
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
5990
6003
  }
5991
6004
  /**
5992
6005
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -6030,8 +6043,8 @@ class DBNotification {
6030
6043
  this.enableAttributePassing(element, "db-notification");
6031
6044
  }
6032
6045
  }
6033
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6034
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
6046
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6047
+ 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
6048
  #_ref
6036
6049
  [attr.id]="id() ?? propOverrides()?.id"
6037
6050
  [class]="cls('db-notification', className())"
@@ -6073,7 +6086,7 @@ class DBNotification {
6073
6086
  }
6074
6087
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }] }); }
6075
6088
  }
6076
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBNotification, decorators: [{
6089
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBNotification, decorators: [{
6077
6090
  type: Component,
6078
6091
  args: [{ selector: "db-notification", standalone: true, imports: [CommonModule, DBButton], template: `<div
6079
6092
  #_ref
@@ -6127,15 +6140,15 @@ class DBPage {
6127
6140
  constructor() {
6128
6141
  this.cls = cls;
6129
6142
  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" }] : []));
6143
+ this.fadeIn = input(...(ngDevMode ? [undefined, { debugName: "fadeIn" }] : /* istanbul ignore next */ []));
6144
+ this.documentOverflow = input(...(ngDevMode ? [undefined, { debugName: "documentOverflow" }] : /* istanbul ignore next */ []));
6145
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
6146
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
6147
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
6148
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
6149
+ this.mainClass = input(...(ngDevMode ? [undefined, { debugName: "mainClass" }] : /* istanbul ignore next */ []));
6150
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
6151
+ this.fontsLoaded = signal(false, ...(ngDevMode ? [{ debugName: "fontsLoaded" }] : /* istanbul ignore next */ []));
6139
6152
  }
6140
6153
  /**
6141
6154
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -6205,8 +6218,8 @@ class DBPage {
6205
6218
  document.documentElement.classList.remove("db-page-document");
6206
6219
  }
6207
6220
  }
6208
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6209
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
6221
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6222
+ 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
6223
  #_ref
6211
6224
  [attr.id]="id() ?? propOverrides()?.id"
6212
6225
  [class]="cls('db-page', className())"
@@ -6219,7 +6232,7 @@ class DBPage {
6219
6232
  <ng-content select="[footer]"> </ng-content>
6220
6233
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
6221
6234
  }
6222
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBPage, decorators: [{
6235
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPage, decorators: [{
6223
6236
  type: Component,
6224
6237
  args: [{ selector: "db-page", standalone: true, imports: [CommonModule], template: `<div
6225
6238
  #_ref
@@ -6312,21 +6325,21 @@ class DBPopover {
6312
6325
  constructor() {
6313
6326
  this.cls = cls;
6314
6327
  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" }] : []));
6328
+ this.placement = input(...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
6329
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
6330
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
6331
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
6332
+ this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
6333
+ this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
6334
+ this.animation = input(...(ngDevMode ? [undefined, { debugName: "animation" }] : /* istanbul ignore next */ []));
6335
+ this.open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
6336
+ this.delay = input(...(ngDevMode ? [undefined, { debugName: "delay" }] : /* istanbul ignore next */ []));
6337
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
6338
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
6339
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
6340
+ this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
6341
+ this._documentScrollListenerCallbackId = signal(undefined, ...(ngDevMode ? [{ debugName: "_documentScrollListenerCallbackId" }] : /* istanbul ignore next */ []));
6342
+ this._observer = signal(undefined, ...(ngDevMode ? [{ debugName: "_observer" }] : /* istanbul ignore next */ []));
6330
6343
  if (typeof window !== "undefined") {
6331
6344
  effect(() => {
6332
6345
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -6419,8 +6432,8 @@ class DBPopover {
6419
6432
  this.initialized.set(true);
6420
6433
  }
6421
6434
  }
6422
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6423
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
6435
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6436
+ 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
6437
  #_ref
6425
6438
  [attr.id]="id() ?? propOverrides()?.id"
6426
6439
  [class]="cls('db-popover', className())"
@@ -6440,7 +6453,7 @@ class DBPopover {
6440
6453
  </article>
6441
6454
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
6442
6455
  }
6443
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBPopover, decorators: [{
6456
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBPopover, decorators: [{
6444
6457
  type: Component,
6445
6458
  args: [{ selector: "db-popover", standalone: true, imports: [CommonModule], template: `<div
6446
6459
  #_ref
@@ -6500,27 +6513,27 @@ class DBRadio {
6500
6513
  this.getHideProp = getHideProp;
6501
6514
  this.cls = cls;
6502
6515
  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" }] : []));
6516
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
6517
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
6518
+ this.checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
6519
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
6520
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
6521
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
6522
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
6523
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
6524
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
6525
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
6526
+ this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
6527
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
6528
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
6516
6529
  this.input = output();
6517
6530
  this.change = output();
6518
6531
  this.blur = output();
6519
6532
  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" }] : []));
6533
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
6534
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
6535
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
6536
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
6524
6537
  if (typeof window !== "undefined") {
6525
6538
  effect(() => {
6526
6539
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -6646,8 +6659,8 @@ class DBRadio {
6646
6659
  ngOnDestroy() {
6647
6660
  this.abortController()?.abort();
6648
6661
  }
6649
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBRadio, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
6650
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
6662
+ 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 }); }
6663
+ 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
6664
  provide: NG_VALUE_ACCESSOR,
6652
6665
  useExisting: DBRadio,
6653
6666
  multi: true
@@ -6678,7 +6691,7 @@ class DBRadio {
6678
6691
  }</label
6679
6692
  > `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
6680
6693
  }
6681
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBRadio, decorators: [{
6694
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBRadio, decorators: [{
6682
6695
  type: Component,
6683
6696
  args: [{ providers: [{
6684
6697
  provide: NG_VALUE_ACCESSOR,
@@ -6716,12 +6729,12 @@ const defaultProps$8 = {};
6716
6729
  class DBSection {
6717
6730
  constructor() {
6718
6731
  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" }] : []));
6732
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
6733
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
6734
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
6735
+ this.spacing = input(...(ngDevMode ? [undefined, { debugName: "spacing" }] : /* istanbul ignore next */ []));
6736
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
6737
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
6725
6738
  }
6726
6739
  /**
6727
6740
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -6765,8 +6778,8 @@ class DBSection {
6765
6778
  this.enableAttributePassing(element, "db-section");
6766
6779
  }
6767
6780
  }
6768
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6769
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
6781
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6782
+ 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
6783
  #_ref
6771
6784
  [attr.id]="id() ?? propOverrides()?.id"
6772
6785
  [class]="cls('db-section', className())"
@@ -6776,7 +6789,7 @@ class DBSection {
6776
6789
  <ng-content></ng-content>
6777
6790
  </section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
6778
6791
  }
6779
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSection, decorators: [{
6792
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSection, decorators: [{
6780
6793
  type: Component,
6781
6794
  args: [{ selector: "db-section", standalone: true, imports: [CommonModule], template: `<section
6782
6795
  #_ref
@@ -6895,49 +6908,49 @@ class DBSelect {
6895
6908
  this.getOptionKey = getOptionKey;
6896
6909
  this.stringPropVisible = stringPropVisible;
6897
6910
  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" }] : []));
6911
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
6912
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
6913
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
6914
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
6915
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
6916
+ this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
6917
+ this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
6918
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
6919
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
6920
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
6921
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
6922
+ this.showEmptyOption = input(...(ngDevMode ? [undefined, { debugName: "showEmptyOption" }] : /* istanbul ignore next */ []));
6923
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
6924
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
6925
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
6926
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
6927
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
6928
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
6929
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
6930
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
6931
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
6932
+ this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
6933
+ this.multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
6934
+ this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
6935
+ this.options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
6936
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
6924
6937
  this.click = output();
6925
6938
  this.input = output();
6926
6939
  this.change = output();
6927
6940
  this.blur = output();
6928
6941
  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" }] : []));
6942
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
6943
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
6944
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
6945
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
6946
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
6947
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
6948
+ this._placeholderId = signal("", ...(ngDevMode ? [{ debugName: "_placeholderId" }] : /* istanbul ignore next */ []));
6949
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
6950
+ this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
6951
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
6952
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
6953
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
6941
6954
  if (typeof window !== "undefined") {
6942
6955
  effect(() => {
6943
6956
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -7087,8 +7100,8 @@ class DBSelect {
7087
7100
  ngOnDestroy() {
7088
7101
  this.abortController()?.abort();
7089
7102
  }
7090
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSelect, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
7091
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
7103
+ 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 }); }
7104
+ 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
7105
  provide: NG_VALUE_ACCESSOR,
7093
7106
  useExisting: DBSelect,
7094
7107
  multi: true
@@ -7110,7 +7123,7 @@ class DBSelect {
7110
7123
  [attr.id]="_id()"
7111
7124
  [attr.name]="name()"
7112
7125
  [attr.size]="size()"
7113
- [value]="value() ?? _value()"
7126
+ [value]="value() ?? _value() ?? ''"
7114
7127
  [attr.autocomplete]="autocomplete()"
7115
7128
  [attr.multiple]="multiple()"
7116
7129
  (input)="handleInput($event)"
@@ -7190,7 +7203,7 @@ class DBSelect {
7190
7203
  >
7191
7204
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
7192
7205
  }
7193
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSelect, decorators: [{
7206
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSelect, decorators: [{
7194
7207
  type: Component,
7195
7208
  args: [{ providers: [{
7196
7209
  provide: NG_VALUE_ACCESSOR,
@@ -7214,7 +7227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
7214
7227
  [attr.id]="_id()"
7215
7228
  [attr.name]="name()"
7216
7229
  [attr.size]="size()"
7217
- [value]="value() ?? _value()"
7230
+ [value]="value() ?? _value() ?? ''"
7218
7231
  [attr.autocomplete]="autocomplete()"
7219
7232
  [attr.multiple]="multiple()"
7220
7233
  (input)="handleInput($event)"
@@ -7300,16 +7313,16 @@ class DBStack {
7300
7313
  constructor() {
7301
7314
  this.cls = cls;
7302
7315
  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" }] : []));
7316
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
7317
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
7318
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
7319
+ this.gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
7320
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
7321
+ this.direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
7322
+ this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
7323
+ this.justifyContent = input(...(ngDevMode ? [undefined, { debugName: "justifyContent" }] : /* istanbul ignore next */ []));
7324
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
7325
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
7313
7326
  }
7314
7327
  /**
7315
7328
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -7353,8 +7366,8 @@ class DBStack {
7353
7366
  this.enableAttributePassing(element, "db-stack");
7354
7367
  }
7355
7368
  }
7356
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7357
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
7369
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7370
+ 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
7371
  #_ref
7359
7372
  [attr.id]="id() ?? propOverrides()?.id"
7360
7373
  [class]="cls('db-stack', className())"
@@ -7368,7 +7381,7 @@ class DBStack {
7368
7381
  <ng-content></ng-content>
7369
7382
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
7370
7383
  }
7371
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBStack, decorators: [{
7384
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBStack, decorators: [{
7372
7385
  type: Component,
7373
7386
  args: [{ selector: "db-stack", standalone: true, imports: [CommonModule], template: `<div
7374
7387
  #_ref
@@ -7473,41 +7486,41 @@ class DBSwitch {
7473
7486
  this.getBoolean = getBoolean;
7474
7487
  this.stringPropVisible = stringPropVisible;
7475
7488
  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" }] : []));
7489
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
7490
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
7491
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
7492
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
7493
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
7494
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
7495
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
7496
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
7497
+ this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
7498
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
7499
+ this.visualAid = input(...(ngDevMode ? [undefined, { debugName: "visualAid" }] : /* istanbul ignore next */ []));
7500
+ this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
7501
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
7502
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
7503
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
7504
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
7505
+ this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
7506
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
7507
+ this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
7508
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
7509
+ this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
7510
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
7511
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
7499
7512
  this.change = output();
7500
7513
  this.blur = output();
7501
7514
  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" }] : []));
7515
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
7516
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
7517
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
7518
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
7519
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
7520
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
7521
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
7522
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
7523
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
7511
7524
  if (typeof window !== "undefined") {
7512
7525
  effect(() => {
7513
7526
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -7630,8 +7643,8 @@ class DBSwitch {
7630
7643
  ngOnDestroy() {
7631
7644
  this.abortController()?.abort();
7632
7645
  }
7633
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSwitch, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
7634
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
7646
+ 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 }); }
7647
+ 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
7648
  provide: NG_VALUE_ACCESSOR,
7636
7649
  useExisting: DBSwitch,
7637
7650
  multi: true
@@ -7697,7 +7710,7 @@ class DBSwitch {
7697
7710
  >
7698
7711
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBInfotext, selector: "db-infotext", inputs: ["id", "propOverrides", "className", "icon", "semantic", "size", "wrap", "showIcon", "text"] }] }); }
7699
7712
  }
7700
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBSwitch, decorators: [{
7713
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBSwitch, decorators: [{
7701
7714
  type: Component,
7702
7715
  args: [{ providers: [{
7703
7716
  provide: NG_VALUE_ACCESSOR,
@@ -7794,28 +7807,28 @@ class DBTabItem {
7794
7807
  this.cls = cls;
7795
7808
  this.getBooleanAsString = getBooleanAsString;
7796
7809
  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" }] : []));
7810
+ this.active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : /* istanbul ignore next */ []));
7811
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
7812
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
7813
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
7814
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
7815
+ this.iconLeading = input(...(ngDevMode ? [undefined, { debugName: "iconLeading" }] : /* istanbul ignore next */ []));
7816
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
7817
+ this.iconTrailing = input(...(ngDevMode ? [undefined, { debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
7818
+ this.showIconLeading = input(...(ngDevMode ? [undefined, { debugName: "showIconLeading" }] : /* istanbul ignore next */ []));
7819
+ this.showIcon = input(...(ngDevMode ? [undefined, { debugName: "showIcon" }] : /* istanbul ignore next */ []));
7820
+ this.showIconTrailing = input(...(ngDevMode ? [undefined, { debugName: "showIconTrailing" }] : /* istanbul ignore next */ []));
7821
+ this.noText = input(...(ngDevMode ? [undefined, { debugName: "noText" }] : /* istanbul ignore next */ []));
7822
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
7823
+ this.checked = model(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
7824
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
7812
7825
  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" }] : []));
7826
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
7827
+ this._selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
7828
+ this._name = signal(undefined, ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
7829
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
7830
+ this._listenerAdded = signal(false, ...(ngDevMode ? [{ debugName: "_listenerAdded" }] : /* istanbul ignore next */ []));
7831
+ this.boundSetSelectedOnChange = signal(undefined, ...(ngDevMode ? [{ debugName: "boundSetSelectedOnChange" }] : /* istanbul ignore next */ []));
7819
7832
  if (typeof window !== "undefined") {
7820
7833
  effect(() => {
7821
7834
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -7924,8 +7937,8 @@ class DBTabItem {
7924
7937
  this._listenerAdded.set(false);
7925
7938
  }
7926
7939
  }
7927
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabItem, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
7928
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
7940
+ 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 }); }
7941
+ 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
7942
  provide: NG_VALUE_ACCESSOR,
7930
7943
  useExisting: DBTabItem,
7931
7944
  multi: true
@@ -7951,7 +7964,7 @@ class DBTabItem {
7951
7964
  ></label>
7952
7965
  </li> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
7953
7966
  }
7954
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabItem, decorators: [{
7967
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabItem, decorators: [{
7955
7968
  type: Component,
7956
7969
  args: [{ providers: [{
7957
7970
  provide: NG_VALUE_ACCESSOR,
@@ -7984,10 +7997,10 @@ const defaultProps$3 = {};
7984
7997
  class DBTabList {
7985
7998
  constructor() {
7986
7999
  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" }] : []));
8000
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
8001
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
8002
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
8003
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
7991
8004
  }
7992
8005
  /**
7993
8006
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -8031,8 +8044,8 @@ class DBTabList {
8031
8044
  this.enableAttributePassing(element, "db-tab-list");
8032
8045
  }
8033
8046
  }
8034
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8035
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.17", 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
8047
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8048
+ 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
8049
  #_ref
8037
8050
  [attr.id]="id() ?? propOverrides()?.id"
8038
8051
  [class]="cls('db-tab-list', className())"
@@ -8042,7 +8055,7 @@ class DBTabList {
8042
8055
  </ul>
8043
8056
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
8044
8057
  }
8045
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabList, decorators: [{
8058
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabList, decorators: [{
8046
8059
  type: Component,
8047
8060
  args: [{ selector: "db-tab-list", standalone: true, imports: [CommonModule], template: `<div
8048
8061
  #_ref
@@ -8059,11 +8072,11 @@ const defaultProps$2 = {};
8059
8072
  class DBTabPanel {
8060
8073
  constructor() {
8061
8074
  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" }] : []));
8075
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
8076
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
8077
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
8078
+ this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
8079
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
8067
8080
  }
8068
8081
  /**
8069
8082
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -8107,8 +8120,8 @@ class DBTabPanel {
8107
8120
  this.enableAttributePassing(element, "db-tab-panel");
8108
8121
  }
8109
8122
  }
8110
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8111
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
8123
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8124
+ 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
8125
  role="tabpanel"
8113
8126
  #_ref
8114
8127
  [class]="cls('db-tab-panel', className())"
@@ -8117,7 +8130,7 @@ class DBTabPanel {
8117
8130
  @if(content()){{{content()}}} <ng-content></ng-content>
8118
8131
  </section> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
8119
8132
  }
8120
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabPanel, decorators: [{
8133
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabPanel, decorators: [{
8121
8134
  type: Component,
8122
8135
  args: [{ selector: "db-tab-panel", standalone: true, imports: [CommonModule], template: `<section
8123
8136
  role="tabpanel"
@@ -8256,27 +8269,27 @@ class DBTabs {
8256
8269
  }
8257
8270
  constructor() {
8258
8271
  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" }] : []));
8272
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
8273
+ this.tabs = input(...(ngDevMode ? [undefined, { debugName: "tabs" }] : /* istanbul ignore next */ []));
8274
+ this.arrowScrollDistance = input(...(ngDevMode ? [undefined, { debugName: "arrowScrollDistance" }] : /* istanbul ignore next */ []));
8275
+ this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
8276
+ this.behavior = input(...(ngDevMode ? [undefined, { debugName: "behavior" }] : /* istanbul ignore next */ []));
8277
+ this.initialSelectedMode = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedMode" }] : /* istanbul ignore next */ []));
8278
+ this.initialSelectedIndex = input(...(ngDevMode ? [undefined, { debugName: "initialSelectedIndex" }] : /* istanbul ignore next */ []));
8279
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
8280
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
8281
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
8282
+ this.alignment = input(...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
8283
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
8271
8284
  this.indexChange = output();
8272
8285
  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" }] : []));
8286
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
8287
+ this._name = signal("", ...(ngDevMode ? [{ debugName: "_name" }] : /* istanbul ignore next */ []));
8288
+ this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
8289
+ this.showScrollLeft = signal(false, ...(ngDevMode ? [{ debugName: "showScrollLeft" }] : /* istanbul ignore next */ []));
8290
+ this.showScrollRight = signal(false, ...(ngDevMode ? [{ debugName: "showScrollRight" }] : /* istanbul ignore next */ []));
8291
+ this.scrollContainer = signal(null, ...(ngDevMode ? [{ debugName: "scrollContainer" }] : /* istanbul ignore next */ []));
8292
+ this._resizeObserver = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : /* istanbul ignore next */ []));
8280
8293
  if (typeof window !== "undefined") {
8281
8294
  effect(() => {
8282
8295
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -8357,8 +8370,8 @@ class DBTabs {
8357
8370
  this._resizeObserver()?.disconnect();
8358
8371
  this._resizeObserver.set(undefined);
8359
8372
  }
8360
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8361
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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
8373
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8374
+ 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
8375
  #_ref
8363
8376
  [attr.id]="id() ?? propOverrides()?.id"
8364
8377
  [class]="cls('db-tabs', className())"
@@ -8412,7 +8425,7 @@ class DBTabs {
8412
8425
  <ng-content></ng-content>
8413
8426
  </div> `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["type", "id", "propOverrides", "className", "disabled", "iconLeading", "icon", "showIconLeading", "showIcon", "iconTrailing", "showIconTrailing", "size", "width", "variant", "wrap", "noText", "name", "form", "value", "text"], outputs: ["click"] }, { kind: "component", type: DBTabList, selector: "db-tab-list", inputs: ["id", "propOverrides", "className"] }, { kind: "component", type: DBTabItem, selector: "db-tab-item", inputs: ["active", "name", "className", "id", "propOverrides", "iconLeading", "icon", "iconTrailing", "showIconLeading", "showIcon", "showIconTrailing", "noText", "disabled", "checked", "label"], outputs: ["disabledChange", "checkedChange", "change"] }, { kind: "component", type: DBTabPanel, selector: "db-tab-panel", inputs: ["className", "id", "propOverrides", "content"] }] }); }
8414
8427
  }
8415
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTabs, decorators: [{
8428
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTabs, decorators: [{
8416
8429
  type: Component,
8417
8430
  args: [{ selector: "db-tabs", standalone: true, imports: [CommonModule, DBButton, DBTabList, DBTabItem, DBTabPanel], template: `<div
8418
8431
  #_ref
@@ -8555,54 +8568,54 @@ class DBTextarea {
8555
8568
  this.DEFAULT_ROWS = DEFAULT_ROWS;
8556
8569
  this.stringPropVisible = stringPropVisible;
8557
8570
  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" }] : []));
8571
+ this.invalidMessage = input(...(ngDevMode ? [undefined, { debugName: "invalidMessage" }] : /* istanbul ignore next */ []));
8572
+ this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
8573
+ this.propOverrides = input(...(ngDevMode ? [undefined, { debugName: "propOverrides" }] : /* istanbul ignore next */ []));
8574
+ this.message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
8575
+ this.showMessage = input(...(ngDevMode ? [undefined, { debugName: "showMessage" }] : /* istanbul ignore next */ []));
8576
+ this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
8577
+ this.validMessage = input(...(ngDevMode ? [undefined, { debugName: "validMessage" }] : /* istanbul ignore next */ []));
8578
+ this.validation = input(...(ngDevMode ? [undefined, { debugName: "validation" }] : /* istanbul ignore next */ []));
8579
+ this.required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
8580
+ this.minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : /* istanbul ignore next */ []));
8581
+ this.maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
8582
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
8583
+ this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
8584
+ this.showRequiredAsterisk = input(...(ngDevMode ? [undefined, { debugName: "showRequiredAsterisk" }] : /* istanbul ignore next */ []));
8585
+ this.showLabel = input(...(ngDevMode ? [undefined, { debugName: "showLabel" }] : /* istanbul ignore next */ []));
8586
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
8587
+ this.fieldSizing = input(...(ngDevMode ? [undefined, { debugName: "fieldSizing" }] : /* istanbul ignore next */ []));
8588
+ this.resize = input(...(ngDevMode ? [undefined, { debugName: "resize" }] : /* istanbul ignore next */ []));
8589
+ this.showResizer = input(...(ngDevMode ? [undefined, { debugName: "showResizer" }] : /* istanbul ignore next */ []));
8590
+ this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
8591
+ this.readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : /* istanbul ignore next */ []));
8592
+ this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* istanbul ignore next */ []));
8593
+ this.form = input(...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
8594
+ this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
8595
+ this.minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
8596
+ this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
8597
+ this.wrap = input(...(ngDevMode ? [undefined, { debugName: "wrap" }] : /* istanbul ignore next */ []));
8598
+ this.spellCheck = input(...(ngDevMode ? [undefined, { debugName: "spellCheck" }] : /* istanbul ignore next */ []));
8599
+ this.autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
8600
+ this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
8601
+ this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
8602
+ this.rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : /* istanbul ignore next */ []));
8603
+ this.cols = input(...(ngDevMode ? [undefined, { debugName: "cols" }] : /* istanbul ignore next */ []));
8604
+ this.messageIcon = input(...(ngDevMode ? [undefined, { debugName: "messageIcon" }] : /* istanbul ignore next */ []));
8592
8605
  this.input = output();
8593
8606
  this.change = output();
8594
8607
  this.blur = output();
8595
8608
  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" }] : []));
8609
+ this._ref = viewChild("_ref", ...(ngDevMode ? [{ debugName: "_ref" }] : /* istanbul ignore next */ []));
8610
+ this._id = signal(undefined, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
8611
+ this._messageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_messageId" }] : /* istanbul ignore next */ []));
8612
+ this._validMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_validMessageId" }] : /* istanbul ignore next */ []));
8613
+ this._invalidMessageId = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessageId" }] : /* istanbul ignore next */ []));
8614
+ this._invalidMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_invalidMessage" }] : /* istanbul ignore next */ []));
8615
+ this._descByIds = signal(undefined, ...(ngDevMode ? [{ debugName: "_descByIds" }] : /* istanbul ignore next */ []));
8616
+ this._value = signal("", ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
8617
+ this._voiceOverFallback = signal("", ...(ngDevMode ? [{ debugName: "_voiceOverFallback" }] : /* istanbul ignore next */ []));
8618
+ this.abortController = signal(undefined, ...(ngDevMode ? [{ debugName: "abortController" }] : /* istanbul ignore next */ []));
8606
8619
  if (typeof window !== "undefined") {
8607
8620
  effect(() => {
8608
8621
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
@@ -8646,9 +8659,7 @@ class DBTextarea {
8646
8659
  // --- Mitosis: Workaround to make sure the effect() is triggered ---
8647
8660
  this.value();
8648
8661
  // ---
8649
- if (this.value() !== undefined) {
8650
- this._value.set(this.value());
8651
- }
8662
+ this._value.set(this.value());
8652
8663
  }, {
8653
8664
  // Enable writing to signals inside effects
8654
8665
  });
@@ -8741,8 +8752,8 @@ class DBTextarea {
8741
8752
  ngOnDestroy() {
8742
8753
  this.abortController()?.abort();
8743
8754
  }
8744
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTextarea, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
8745
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [{
8755
+ 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 }); }
8756
+ 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
8757
  provide: NG_VALUE_ACCESSOR,
8747
8758
  useExisting: DBTextarea,
8748
8759
  multi: true
@@ -8775,7 +8786,7 @@ class DBTextarea {
8775
8786
  (change)="handleChange($event)"
8776
8787
  (blur)="handleBlur($event)"
8777
8788
  (focus)="handleFocus($event)"
8778
- [value]="value() ?? _value()"
8789
+ [value]="value() ?? _value() ?? ''"
8779
8790
  [attr.aria-describedby]="ariaDescribedBy() ?? _descByIds()"
8780
8791
  [attr.placeholder]="placeholder() ?? DEFAULT_PLACEHOLDER"
8781
8792
  [attr.rows]="getNumber(rows(), DEFAULT_ROWS)"
@@ -8809,7 +8820,7 @@ class DBTextarea {
8809
8820
  >
8810
8821
  </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
8822
  }
8812
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DBTextarea, decorators: [{
8823
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DBTextarea, decorators: [{
8813
8824
  type: Component,
8814
8825
  args: [{ providers: [{
8815
8826
  provide: NG_VALUE_ACCESSOR,
@@ -8844,7 +8855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
8844
8855
  (change)="handleChange($event)"
8845
8856
  (blur)="handleBlur($event)"
8846
8857
  (focus)="handleFocus($event)"
8847
- [value]="value() ?? _value()"
8858
+ [value]="value() ?? _value() ?? ''"
8848
8859
  [attr.aria-describedby]="ariaDescribedBy() ?? _descByIds()"
8849
8860
  [attr.placeholder]="placeholder() ?? DEFAULT_PLACEHOLDER"
8850
8861
  [attr.rows]="getNumber(rows(), DEFAULT_ROWS)"