@open-rlb/ng-bootstrap 3.1.11 → 3.1.13

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -568,6 +568,7 @@ class BadgeComponent {
         this.hiddenText = input(undefined, { ...(ngDevMode ? { debugName: "hiddenText" } : {}), alias: 'hidden-text' });
         this.border = input(false, { ...(ngDevMode ? { debugName: "border" } : {}), alias: 'border', transform: booleanAttribute });
         this.cssClass = input('', { ...(ngDevMode ? { debugName: "cssClass" } : {}), alias: 'class' });
+        this.textColor = input(undefined, { ...(ngDevMode ? { debugName: "textColor" } : {}), alias: 'badge-text-color' });
         this.template = viewChild.required('template');
         this.style = computed(() => {
             let style = 'badge';
@@ -580,7 +581,10 @@ class BadgeComponent {
             if (this.border()) {
                 style += ` border`;
             }
-            return style += (this.cssClass() ? ` ${this.cssClass()}` : '');
+            if (this.textColor()) {
+                style += ` text-${this.textColor()}`;
+            }
+            return (style += this.cssClass() ? ` ${this.cssClass()}` : '');
         }, ...(ngDevMode ? [{ debugName: "style" }] : []));
     }
     ngOnInit() {
@@ -589,32 +593,34 @@ class BadgeComponent {
         this.viewContainerRef.element.nativeElement.remove();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: BadgeComponent, isStandalone: false, selector: "span[rlb-badge], img[rlb-badge]", inputs: { pill: { classPropertyName: "pill", publicName: "pill", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hidden-text", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
-  <ng-template #template>
-    <span [class]="style()">
-      <ng-content></ng-content>
-      @if (hiddenText()) {
-        <span class="visually-hidden">{{ hiddenText() }}</span>
-      }
-    </span>
-  </ng-template>`, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: BadgeComponent, isStandalone: false, selector: "span[rlb-badge], img[rlb-badge]", inputs: { pill: { classPropertyName: "pill", publicName: "pill", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hidden-text", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "badge-text-color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-template #template>
+      <span [class]="style()">
+        <ng-content></ng-content>
+        @if (hiddenText()) {
+          <span class="visually-hidden">{{ hiddenText() }}</span>
+        }
+      </span>
+    </ng-template>
+  `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[rlb-badge], img[rlb-badge]',
                     template: `
-  <ng-template #template>
-    <span [class]="style()">
-      <ng-content></ng-content>
-      @if (hiddenText()) {
-        <span class="visually-hidden">{{ hiddenText() }}</span>
-      }
-    </span>
-  </ng-template>`,
-                    standalone: false
+    <ng-template #template>
+      <span [class]="style()">
+        <ng-content></ng-content>
+        @if (hiddenText()) {
+          <span class="visually-hidden">{{ hiddenText() }}</span>
+        }
+      </span>
+    </ng-template>
+  `,
+                    standalone: false,
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { pill: [{ type: i0.Input, args: [{ isSignal: true, alias: "pill", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], hiddenText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden-text", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], template: [{ type: i0.ViewChild, args: ['template', { isSignal: true }] }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { pill: [{ type: i0.Input, args: [{ isSignal: true, alias: "pill", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], hiddenText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden-text", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-text-color", required: false }] }], template: [{ type: i0.ViewChild, args: ['template', { isSignal: true }] }] } });
 
 class BadgeDirective {
     constructor(elementRef, renderer) {
@@ -4132,7 +4138,7 @@ class ListItemImageComponent {
         </div>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: BadgeComponent, selector: "span[rlb-badge], img[rlb-badge]", inputs: ["pill", "color", "hidden-text", "border", "class"] }, { kind: "component", type: AvatarComponent, selector: "rlb-avatar", inputs: ["size", "shape", "src", "class"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: BadgeComponent, selector: "span[rlb-badge], img[rlb-badge]", inputs: ["pill", "color", "hidden-text", "border", "class", "badge-text-color"] }, { kind: "component", type: AvatarComponent, selector: "rlb-avatar", inputs: ["size", "shape", "src", "class"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ListItemImageComponent, decorators: [{
             type: Component,
@@ -4851,7 +4857,7 @@ class RlbPlaceholderLineComponent {
         this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.color = input('secondary', ...(ngDevMode ? [{ debugName: "color" }] : []));
         this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
-        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.height = input('1.5rem', ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.rounded = input(true, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
         this.hostClasses = computed(() => {
             const classes = ['placeholder', `bg-${this.color()}`];