@tekus/kiosks-design-system 2.8.0 → 2.9.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.
|
@@ -13,11 +13,11 @@ export class TkKioskTypographyComponent {
|
|
|
13
13
|
ngOnInit() {
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskTypographyComponent, isStandalone: true, selector: "tk-kiosk-typography", inputs: { type: "type", color: "color", size: "size", weight: "weight", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskTypographyComponent, isStandalone: true, selector: "tk-kiosk-typography", inputs: { type: "type", color: "color", size: "size", weight: "weight", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);display:inline;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:underline}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskTypographyComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'tk-kiosk-typography', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
|
|
20
|
+
args: [{ selector: 'tk-kiosk-typography', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);display:inline;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:underline}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
|
|
21
21
|
}], propDecorators: { type: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], color: [{
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
29
29
|
}], lineBreak: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGsta2lvc2stdHlwb2dyYXBoeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ay1raW9zay1kcy9zcmMvbGliL2NvbXBvbmVudHMvdGsta2lvc2stdHlwb2dyYXBoeS90ay1raW9zay10eXBvZ3JhcGh5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RrLWtpb3NrLWRzL3NyYy9saWIvY29tcG9uZW50cy90ay1raW9zay10eXBvZ3JhcGh5L3RrLWtpb3NrLXR5cG9ncmFwaHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLDBCQUEwQjtJQVB2QztRQVFXLFNBQUksR0FZVSxPQUFPLENBQUM7UUFDdEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUFZLEtBQUssQ0FBQztLQUtyQztJQUhDLFFBQVE7SUFFUixDQUFDOzhHQXJCVSwwQkFBMEI7a0dBQTFCLDBCQUEwQixpTENWdkMsa3ZIQXFJYyx3dlJEL0hGLFlBQVk7OzJGQUlYLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLElBQUk7c0JBQVosS0FBSztnQkFhRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGsta2lvc2stdHlwb2dyYXBoeScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGsta2lvc2stdHlwb2dyYXBoeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1raW9zay10eXBvZ3JhcGh5LmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtLaW9za1R5cG9ncmFwaHlDb21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOlxuICAgIHwgJ2gxLWhlYWRpbmcnXG4gICAgfCAnaDItaGVhZGluZydcbiAgICB8ICdoMy1oZWFkaW5nJ1xuICAgIHwgJ2g0LWhlYWRpbmcnXG4gICAgfCAnaDUtaGVhZGluZydcbiAgICB8ICdoNi1oZWFkaW5nJ1xuICAgIHwgJ3N1YnRpdGxlMSdcbiAgICB8ICdzdWJ0aXRsZTInXG4gICAgfCAnYm9keTEnXG4gICAgfCAnYm9keTInXG4gICAgfCAncDEtcGFyYWdyYXBoJ1xuICAgIHwgJ3VuZGVybGluZS10ZXh0JyA9ICdib2R5MSc7XG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHdlaWdodDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGxpbmVCcmVhazogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuXG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgPGgxXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoMS1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGgxLWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2gxPlxuICA8aDJcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2gyLWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDItaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDI+XG4gIDxoM1xuICAgICpuZ1N3aXRjaENhc2U9XCInaDMtaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoMy1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMz5cbiAgPGg0XG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoNC1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGg0LWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2g0PlxuICA8aDVcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2g1LWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDUtaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDU+XG4gIDxoNlxuICAgICpuZ1N3aXRjaENhc2U9XCInaDYtaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoNi1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oNj5cbiAgPGgzXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidzdWJ0aXRsZTEnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgc3VidGl0bGUxXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMz5cbiAgPGgzXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidzdWJ0aXRsZTInXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgc3VidGl0bGUyXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMz5cbiAgPHBcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2JvZHkxJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGJvZHkxXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuICA8cFxuICAgICpuZ1N3aXRjaENhc2U9XCInYm9keTInXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgYm9keTJcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L3A+XG4gIDxwXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidwMS1wYXJhZ3JhcGgnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgcDEtcGFyYWdyYXBoXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuICA8cFxuICAgICpuZ1N3aXRjaENhc2U9XCIndW5kZXJsaW5lLXRleHQnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgdW5kZXJsaW5lLXRleHRcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L3A+XG4gIDxwXG4gICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvcD5cbjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI3RleHQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -46,11 +46,11 @@ class TkKioskTypographyComponent {
|
|
|
46
46
|
ngOnInit() {
|
|
47
47
|
}
|
|
48
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskTypographyComponent, isStandalone: true, selector: "tk-kiosk-typography", inputs: { type: "type", color: "color", size: "size", weight: "weight", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: TkKioskTypographyComponent, isStandalone: true, selector: "tk-kiosk-typography", inputs: { type: "type", color: "color", size: "size", weight: "weight", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);display:inline;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:underline}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TkKioskTypographyComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{ selector: 'tk-kiosk-typography', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
|
|
53
|
+
args: [{ selector: 'tk-kiosk-typography', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\"\n >\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>", styles: [".general{font-family:Poppins,Times New Roman;color:var(--tk-color-text-900);display:inline;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:underline}.line-break{line-break:anywhere}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
|
|
54
54
|
}], propDecorators: { type: [{
|
|
55
55
|
type: Input
|
|
56
56
|
}], color: [{
|