@ifsworld/granite-components 13.2.9-beta.3 → 13.2.9-beta.4

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.
Files changed (4) hide show
  1. package/esm2022/lib/badge/badge.component.mjs +3 -3
  2. package/fesm2022/ifsworld-granite-components.mjs +2 -2
  3. package/fesm2022/ifsworld-granite-components.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/badge/badge.component.mjs CHANGED
@@ -21,14 +21,14 @@ export class GraniteBadgeComponent {
21
21
  }
22
22
  }
23
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GraniteBadgeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: GraniteBadgeComponent, selector: "granite-badge", inputs: { backgroundColor: "backgroundColor", color: "color", pill: "pill" }, host: { properties: { "class.granite-badge-pill": "pill" }, classAttribute: "granite-badge" }, exportAs: ["graniteBadge"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: GraniteBadgeComponent, selector: "granite-badge", inputs: { backgroundColor: "backgroundColor", color: "color", pill: "pill" }, host: { properties: { "class.granite-badge-pill": "pill" }, classAttribute: "granite-badge" }, exportAs: ["graniteBadge"], usesOnChanges: true, ngImport: i0, template: "<div class=\"granite-badge-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}.granite-badge-content{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
25
25
  }
26
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GraniteBadgeComponent, decorators: [{
27
27
  type: Component,
28
28
  args: [{ selector: 'granite-badge', exportAs: 'graniteBadge', host: {
29
29
  class: 'granite-badge',
30
30
  '[class.granite-badge-pill]': 'pill',
31
- }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}\n"] }]
31
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"granite-badge-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}.granite-badge-content{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block}\n"] }]
32
32
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
33
33
  type: Input
34
34
  }], color: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
36
36
  }], pill: [{
37
37
  type: Input
38
38
  }] } });
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUdMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFhekQsTUFBTSxPQUFPLHFCQUFxQjtJQWlCaEMsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUoxQyx1QkFBdUI7UUFFdkIsU0FBSSxHQUFZLEtBQUssQ0FBQztJQUV1QixDQUFDO0lBRTlDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUM1QixJQUNFLE9BQU8sQ0FBQyxlQUFlLENBQUMsYUFBYTtnQkFDckMsT0FBTyxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQ3BDLENBQUM7Z0JBQ0QsZ0JBQWdCLENBQ2Qsa0JBQWtCLEVBQ2xCLE9BQU8sQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUNwQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDOUIsQ0FBQztZQUNKLENBQUM7UUFDSCxDQUFDO1FBQ0QsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbEIsSUFBSSxPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsS0FBSyxPQUFPLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUMvRCxnQkFBZ0IsQ0FDZCxPQUFPLEVBQ1AsT0FBTyxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQzFCLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUM5QixDQUFDO1lBQ0osQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOzhHQXpDVSxxQkFBcUI7a0dBQXJCLHFCQUFxQixtUkFKdEIsMkJBQTJCOzsyRkFJMUIscUJBQXFCO2tCQVhqQyxTQUFTOytCQUNFLGVBQWUsWUFDZixjQUFjLFFBQ2xCO3dCQUNKLEtBQUssRUFBRSxlQUFlO3dCQUN0Qiw0QkFBNEIsRUFBRSxNQUFNO3FCQUNyQyxZQUNTLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTTsrRUFPL0MsZUFBZTtzQkFEZCxLQUFLO2dCQU9OLEtBQUs7c0JBREosS0FBSztnQkFLTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHNldFByb3BlcnR5VmFsdWUgfSBmcm9tICcuLi9jb3JlL3RoZW1lLmxpYnJhcnknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmFuaXRlLWJhZGdlJyxcbiAgZXhwb3J0QXM6ICdncmFuaXRlQmFkZ2UnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdncmFuaXRlLWJhZGdlJyxcbiAgICAnW2NsYXNzLmdyYW5pdGUtYmFkZ2UtcGlsbF0nOiAncGlsbCcsXG4gIH0sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvKipcbiAgICogRGVzaWduIHRva2VuIG5hbWUgdG8gZ2V0IHRoZSB2YWx1ZSBmb3IgdGhlIEJhY2tncm91bmQgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpXG4gIGJhY2tncm91bmRDb2xvcjogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZXNpZ24gdG9rZW4gbmFtZSB0byBnZXQgdGhlIHZhbHVlIGZvciB0aGUgRm9udCBjb2xvclxuICAgKi9cbiAgQElucHV0KClcbiAgY29sb3I6IHN0cmluZztcblxuICAvKiogUGlsbCBzdHlsZSBiYWRnZSAqL1xuICBASW5wdXQoKVxuICBwaWxsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcy5iYWNrZ3JvdW5kQ29sb3IpIHtcbiAgICAgIGlmIChcbiAgICAgICAgY2hhbmdlcy5iYWNrZ3JvdW5kQ29sb3IucHJldmlvdXNWYWx1ZSAhPT1cbiAgICAgICAgY2hhbmdlcy5iYWNrZ3JvdW5kQ29sb3IuY3VycmVudFZhbHVlXG4gICAgICApIHtcbiAgICAgICAgc2V0UHJvcGVydHlWYWx1ZShcbiAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcicsXG4gICAgICAgICAgY2hhbmdlcy5iYWNrZ3JvdW5kQ29sb3IuY3VycmVudFZhbHVlLFxuICAgICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzLmNvbG9yKSB7XG4gICAgICBpZiAoY2hhbmdlcy5jb2xvci5wcmV2aW91c1ZhbHVlICE9PSBjaGFuZ2VzLmNvbG9yLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgICBzZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgICAgICdjb2xvcicsXG4gICAgICAgICAgY2hhbmdlcy5jb2xvci5jdXJyZW50VmFsdWUsXG4gICAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFHTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBYXpELE1BQU0sT0FBTyxxQkFBcUI7SUFpQmhDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFKMUMsdUJBQXVCO1FBRXZCLFNBQUksR0FBWSxLQUFLLENBQUM7SUFFdUIsQ0FBQztJQUU5QyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDNUIsSUFDRSxPQUFPLENBQUMsZUFBZSxDQUFDLGFBQWE7Z0JBQ3JDLE9BQU8sQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUNwQyxDQUFDO2dCQUNELGdCQUFnQixDQUNkLGtCQUFrQixFQUNsQixPQUFPLENBQUMsZUFBZSxDQUFDLFlBQVksRUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQzlCLENBQUM7WUFDSixDQUFDO1FBQ0gsQ0FBQztRQUNELElBQUksT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2xCLElBQUksT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLEtBQUssT0FBTyxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDL0QsZ0JBQWdCLENBQ2QsT0FBTyxFQUNQLE9BQU8sQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDOUIsQ0FBQztZQUNKLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzs4R0F6Q1UscUJBQXFCO2tHQUFyQixxQkFBcUIsbVJDckJsQyw4RUFHQTs7MkZEa0JhLHFCQUFxQjtrQkFYakMsU0FBUzsrQkFDRSxlQUFlLFlBQ2YsY0FBYyxRQUNsQjt3QkFDSixLQUFLLEVBQUUsZUFBZTt3QkFDdEIsNEJBQTRCLEVBQUUsTUFBTTtxQkFDckMsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07K0VBTy9DLGVBQWU7c0JBRGQsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgRWxlbWVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzZXRQcm9wZXJ0eVZhbHVlIH0gZnJvbSAnLi4vY29yZS90aGVtZS5saWJyYXJ5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1iYWRnZScsXG4gIGV4cG9ydEFzOiAnZ3Jhbml0ZUJhZGdlJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ3Jhbml0ZS1iYWRnZScsXG4gICAgJ1tjbGFzcy5ncmFuaXRlLWJhZGdlLXBpbGxdJzogJ3BpbGwnLFxuICB9LFxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqXG4gICAqIERlc2lnbiB0b2tlbiBuYW1lIHRvIGdldCB0aGUgdmFsdWUgZm9yIHRoZSBCYWNrZ3JvdW5kIGNvbG9yXG4gICAqL1xuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcblxuICAvKipcbiAgICogRGVzaWduIHRva2VuIG5hbWUgdG8gZ2V0IHRoZSB2YWx1ZSBmb3IgdGhlIEZvbnQgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBzdHJpbmc7XG5cbiAgLyoqIFBpbGwgc3R5bGUgYmFkZ2UgKi9cbiAgQElucHV0KClcbiAgcGlsbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuYmFja2dyb3VuZENvbG9yKSB7XG4gICAgICBpZiAoXG4gICAgICAgIGNoYW5nZXMuYmFja2dyb3VuZENvbG9yLnByZXZpb3VzVmFsdWUgIT09XG4gICAgICAgIGNoYW5nZXMuYmFja2dyb3VuZENvbG9yLmN1cnJlbnRWYWx1ZVxuICAgICAgKSB7XG4gICAgICAgIHNldFByb3BlcnR5VmFsdWUoXG4gICAgICAgICAgJ2JhY2tncm91bmQtY29sb3InLFxuICAgICAgICAgIGNoYW5nZXMuYmFja2dyb3VuZENvbG9yLmN1cnJlbnRWYWx1ZSxcbiAgICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlcy5jb2xvcikge1xuICAgICAgaWYgKGNoYW5nZXMuY29sb3IucHJldmlvdXNWYWx1ZSAhPT0gY2hhbmdlcy5jb2xvci5jdXJyZW50VmFsdWUpIHtcbiAgICAgICAgc2V0UHJvcGVydHlWYWx1ZShcbiAgICAgICAgICAnY29sb3InLFxuICAgICAgICAgIGNoYW5nZXMuY29sb3IuY3VycmVudFZhbHVlLFxuICAgICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhbml0ZS1iYWRnZS1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
package/fesm2022/ifsworld-granite-components.mjs CHANGED
@@ -418,14 +418,14 @@ class GraniteBadgeComponent {
418
418
  }
419
419
  }
420
420
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GraniteBadgeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
421
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: GraniteBadgeComponent, selector: "granite-badge", inputs: { backgroundColor: "backgroundColor", color: "color", pill: "pill" }, host: { properties: { "class.granite-badge-pill": "pill" }, classAttribute: "granite-badge" }, exportAs: ["graniteBadge"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
421
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: GraniteBadgeComponent, selector: "granite-badge", inputs: { backgroundColor: "backgroundColor", color: "color", pill: "pill" }, host: { properties: { "class.granite-badge-pill": "pill" }, classAttribute: "granite-badge" }, exportAs: ["graniteBadge"], usesOnChanges: true, ngImport: i0, template: "<div class=\"granite-badge-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}.granite-badge-content{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
422
422
  }
423
423
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GraniteBadgeComponent, decorators: [{
424
424
  type: Component,
425
425
  args: [{ selector: 'granite-badge', exportAs: 'graniteBadge', host: {
426
426
  class: 'granite-badge',
427
427
  '[class.granite-badge-pill]': 'pill',
428
- }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}\n"] }]
428
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"granite-badge-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);border-radius:var(--granite-radius-s);font-size:var(--granite-font-size-body-small);padding-inline:var(--granite-spacing-8);padding-block:var(--granite-spacing-4);max-width:-moz-fit-content;max-width:fit-content}:host(.granite-badge-pill){border-radius:var(--granite-radius-l)}.granite-badge-content{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block}\n"] }]
429
429
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
430
430
  type: Input
431
431
  }], color: [{