@carefirst/library 7.1.0 → 7.1.1
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.
|
@@ -1204,11 +1204,11 @@ class BadgeComponent {
|
|
|
1204
1204
|
this.inputStretch = checkTruthAttribute(changes, 'stretch', this.inputStretch);
|
|
1205
1205
|
}
|
|
1206
1206
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1207
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BadgeComponent, isStandalone: false, selector: "cf-badge", inputs: { type: "type", icon: "icon", emoji: "emoji", "extra-small": "extra-small", small: "small", large: "large", stretch: "stretch" }, usesOnChanges: true, ngImport: i0, template: "<div\n [className]=\"'cf-badge-' + inputType\"\n [ngClass]=\"{\n 'extra-small': inputExtraSmall,\n 'cf-button-text-extra-small': inputExtraSmall,\n small: inputSmall,\n 'cf-button-text-small': inputSmall,\n large: inputLarge,\n 'cf-button-text-large': inputLarge,\n stretch: inputStretch,\n }\">\n @if (inputType !== 'feedback-busy') {\n @if (inputIcon) {\n <cf-icon [icon]=\"inputIcon\" [height]=\"fontsize\"></cf-icon>\n } @else if (inputEmoji) {\n <cf-emoji [emoji]=\"inputEmoji\" [height]=\"fontsize\"></cf-emoji>\n }\n }\n @if (inputType === 'feedback-busy') {\n <cf-spinner primaryColor [size]=\"inputExtraSmall ? '8' : '12'\"></cf-spinner>\n }\n <p><ng-content></ng-content></p>\n</div>\n", styles: ["div[class^=cf-badge-]{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light);--cf-svg-overwrite-stroke-color: var(--cf-badge-text-color);display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:0px 1.6rem;border-radius:2rem;width:fit-content;background:var(--cf-badge-background);height:3.4rem}div[class^=cf-badge-]>p{width:fit-content;color:var(--cf-badge-text-color)}div[class^=cf-badge-].extra-small{padding:0px 1.2rem;height:2.1rem}div[class^=cf-badge-].small{height:2.8rem}div[class^=cf-badge-].large{height:4rem}div[class^=cf-badge-].stretch{width:100%}div.cf-badge-feedback-primary{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-white{--cf-badge-background: var(--cf-app-
|
|
1207
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BadgeComponent, isStandalone: false, selector: "cf-badge", inputs: { type: "type", icon: "icon", emoji: "emoji", "extra-small": "extra-small", small: "small", large: "large", stretch: "stretch" }, usesOnChanges: true, ngImport: i0, template: "<div\n [className]=\"'cf-badge-' + inputType\"\n [ngClass]=\"{\n 'extra-small': inputExtraSmall,\n 'cf-button-text-extra-small': inputExtraSmall,\n small: inputSmall,\n 'cf-button-text-small': inputSmall,\n large: inputLarge,\n 'cf-button-text-large': inputLarge,\n stretch: inputStretch,\n }\">\n @if (inputType !== 'feedback-busy') {\n @if (inputIcon) {\n <cf-icon [icon]=\"inputIcon\" [height]=\"fontsize\"></cf-icon>\n } @else if (inputEmoji) {\n <cf-emoji [emoji]=\"inputEmoji\" [height]=\"fontsize\"></cf-emoji>\n }\n }\n @if (inputType === 'feedback-busy') {\n <cf-spinner primaryColor [size]=\"inputExtraSmall ? '8' : '12'\"></cf-spinner>\n }\n <p><ng-content></ng-content></p>\n</div>\n", styles: ["div[class^=cf-badge-]{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light);--cf-svg-overwrite-stroke-color: var(--cf-badge-text-color);display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:0px 1.6rem;border-radius:2rem;width:fit-content;background:var(--cf-badge-background);height:3.4rem}div[class^=cf-badge-]>p{width:fit-content;color:var(--cf-badge-text-color)}div[class^=cf-badge-].extra-small{padding:0px 1.2rem;height:2.1rem}div[class^=cf-badge-].small{height:2.8rem}div[class^=cf-badge-].large{height:4rem}div[class^=cf-badge-].stretch{width:100%}div.cf-badge-feedback-primary{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-white{--cf-badge-background: var(--cf-app-color-white);--cf-badge-text-color: var(--cf-app-text-color-default)}div.cf-badge-success{--cf-badge-background: var(--cf-app-system-color-success-100);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-alert{--cf-badge-background: var(--cf-app-system-color-error-100);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-accent{--cf-badge-background: var(--cf-app-color-accent);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-warning{--cf-badge-background: var(--cf-app-system-color-warning-100);--cf-badge-text-color: var(--cf-app-text-color-default)}div.cf-badge-disabled{--cf-badge-background: var(--cf-app-system-color-grey-disabled);--cf-badge-text-color: var(--cf-app-text-color-grey)}div.cf-badge-feedback-success{--cf-badge-background: var(--cf-app-system-color-success-25);--cf-badge-text-color: var(--cf-app-system-color-success-100)}div.cf-badge-feedback-error{--cf-badge-background: var(--cf-app-system-color-error-25);--cf-badge-text-color: var(--cf-app-system-color-error-100)}div.cf-badge-feedback-warning,div.cf-badge-feedback-busy{--cf-badge-background: var(--cf-app-system-color-warning-25);--cf-badge-text-color: var(--cf-app-system-color-warning-100)}div.cf-badge-feedback-busy ion-spinner{height:1.2rem;width:1.2rem}div.cf-badge-feedback-accent{--cf-badge-background: var(--cf-app-color-accent-25);--cf-badge-text-color: var(--cf-app-color-accent)}div.cf-badge-feedback-disabled{--cf-badge-background: var(--cf-app-system-color-grey-background);--cf-badge-text-color: var(--cf-app-system-color-grey-disabled)}div.cf-badge-custom-color{--cf-badge-background: var(--custom-color, var(--cf-app-color-primary));--cf-badge-text-color: var(--custom-color-text, var(--cf-app-text-color-light))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "cf-icon", inputs: ["icon", "height", "heightMobile", "heightDesktop", "iconColor", "iconColorCustom"] }, { kind: "component", type: EmojiComponent, selector: "cf-emoji", inputs: ["emoji", "height", "heightMobile", "heightDesktop"] }, { kind: "component", type: SpinnerComponent, selector: "cf-spinner", inputs: ["size", "primaryColor"] }] });
|
|
1208
1208
|
}
|
|
1209
1209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
1210
1210
|
type: Component,
|
|
1211
|
-
args: [{ selector: 'cf-badge', standalone: false, template: "<div\n [className]=\"'cf-badge-' + inputType\"\n [ngClass]=\"{\n 'extra-small': inputExtraSmall,\n 'cf-button-text-extra-small': inputExtraSmall,\n small: inputSmall,\n 'cf-button-text-small': inputSmall,\n large: inputLarge,\n 'cf-button-text-large': inputLarge,\n stretch: inputStretch,\n }\">\n @if (inputType !== 'feedback-busy') {\n @if (inputIcon) {\n <cf-icon [icon]=\"inputIcon\" [height]=\"fontsize\"></cf-icon>\n } @else if (inputEmoji) {\n <cf-emoji [emoji]=\"inputEmoji\" [height]=\"fontsize\"></cf-emoji>\n }\n }\n @if (inputType === 'feedback-busy') {\n <cf-spinner primaryColor [size]=\"inputExtraSmall ? '8' : '12'\"></cf-spinner>\n }\n <p><ng-content></ng-content></p>\n</div>\n", styles: ["div[class^=cf-badge-]{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light);--cf-svg-overwrite-stroke-color: var(--cf-badge-text-color);display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:0px 1.6rem;border-radius:2rem;width:fit-content;background:var(--cf-badge-background);height:3.4rem}div[class^=cf-badge-]>p{width:fit-content;color:var(--cf-badge-text-color)}div[class^=cf-badge-].extra-small{padding:0px 1.2rem;height:2.1rem}div[class^=cf-badge-].small{height:2.8rem}div[class^=cf-badge-].large{height:4rem}div[class^=cf-badge-].stretch{width:100%}div.cf-badge-feedback-primary{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-white{--cf-badge-background: var(--cf-app-
|
|
1211
|
+
args: [{ selector: 'cf-badge', standalone: false, template: "<div\n [className]=\"'cf-badge-' + inputType\"\n [ngClass]=\"{\n 'extra-small': inputExtraSmall,\n 'cf-button-text-extra-small': inputExtraSmall,\n small: inputSmall,\n 'cf-button-text-small': inputSmall,\n large: inputLarge,\n 'cf-button-text-large': inputLarge,\n stretch: inputStretch,\n }\">\n @if (inputType !== 'feedback-busy') {\n @if (inputIcon) {\n <cf-icon [icon]=\"inputIcon\" [height]=\"fontsize\"></cf-icon>\n } @else if (inputEmoji) {\n <cf-emoji [emoji]=\"inputEmoji\" [height]=\"fontsize\"></cf-emoji>\n }\n }\n @if (inputType === 'feedback-busy') {\n <cf-spinner primaryColor [size]=\"inputExtraSmall ? '8' : '12'\"></cf-spinner>\n }\n <p><ng-content></ng-content></p>\n</div>\n", styles: ["div[class^=cf-badge-]{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light);--cf-svg-overwrite-stroke-color: var(--cf-badge-text-color);display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:0px 1.6rem;border-radius:2rem;width:fit-content;background:var(--cf-badge-background);height:3.4rem}div[class^=cf-badge-]>p{width:fit-content;color:var(--cf-badge-text-color)}div[class^=cf-badge-].extra-small{padding:0px 1.2rem;height:2.1rem}div[class^=cf-badge-].small{height:2.8rem}div[class^=cf-badge-].large{height:4rem}div[class^=cf-badge-].stretch{width:100%}div.cf-badge-feedback-primary{--cf-badge-background: var(--cf-app-color-primary);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-white{--cf-badge-background: var(--cf-app-color-white);--cf-badge-text-color: var(--cf-app-text-color-default)}div.cf-badge-success{--cf-badge-background: var(--cf-app-system-color-success-100);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-alert{--cf-badge-background: var(--cf-app-system-color-error-100);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-accent{--cf-badge-background: var(--cf-app-color-accent);--cf-badge-text-color: var(--cf-app-text-color-light)}div.cf-badge-warning{--cf-badge-background: var(--cf-app-system-color-warning-100);--cf-badge-text-color: var(--cf-app-text-color-default)}div.cf-badge-disabled{--cf-badge-background: var(--cf-app-system-color-grey-disabled);--cf-badge-text-color: var(--cf-app-text-color-grey)}div.cf-badge-feedback-success{--cf-badge-background: var(--cf-app-system-color-success-25);--cf-badge-text-color: var(--cf-app-system-color-success-100)}div.cf-badge-feedback-error{--cf-badge-background: var(--cf-app-system-color-error-25);--cf-badge-text-color: var(--cf-app-system-color-error-100)}div.cf-badge-feedback-warning,div.cf-badge-feedback-busy{--cf-badge-background: var(--cf-app-system-color-warning-25);--cf-badge-text-color: var(--cf-app-system-color-warning-100)}div.cf-badge-feedback-busy ion-spinner{height:1.2rem;width:1.2rem}div.cf-badge-feedback-accent{--cf-badge-background: var(--cf-app-color-accent-25);--cf-badge-text-color: var(--cf-app-color-accent)}div.cf-badge-feedback-disabled{--cf-badge-background: var(--cf-app-system-color-grey-background);--cf-badge-text-color: var(--cf-app-system-color-grey-disabled)}div.cf-badge-custom-color{--cf-badge-background: var(--custom-color, var(--cf-app-color-primary));--cf-badge-text-color: var(--custom-color-text, var(--cf-app-text-color-light))}\n"] }]
|
|
1212
1212
|
}], propDecorators: { type: [{
|
|
1213
1213
|
type: Input
|
|
1214
1214
|
}], icon: [{
|