@tekus/design-system 2.0.0 → 3.0.0

package/esm2022/components/tk-form-input-field/tk-form-input-field.component.mjs

@@ -0,0 +1,199 @@
+import { Input, Output, Component, EventEmitter, } from '@angular/core';
+import { FormControl, FormsModule, ReactiveFormsModule, } from '@angular/forms';
+import { merge } from 'rxjs';
+import { MatFormFieldModule, } from '@angular/material/form-field';
+import { NgStyle } from '@angular/common';
+import { MatInputModule } from '@angular/material/input';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+export class TkFormInputFieldComponent {
+    /**
+     * @ignore
+     * Class constructor
+     */
+    constructor() {
+        /**
+         * What color palette to use
+         * @default 'accent'
+         */
+        this.theme = 'accent';
+        /**
+         * Whether the field is required
+         * @default true
+         */
+        this.required = true;
+        /**
+         * Form field label behavior
+         * @default 'auto'
+         */
+        this.floatLabel = 'auto';
+        /**
+         * Form field appearance
+         * @default 'fill'
+         */
+        this.appearance = 'fill';
+        /**
+         * Form field reserved space for one line by default.
+         * @default 'dynamic'
+         */
+        this.subscriptSizing = 'dynamic';
+        /**
+         * Input field label
+         */
+        this.fieldLabel = '';
+        /**
+         * Input field placeholder
+         * @default ''
+         */
+        this.placeHolder = '';
+        /**
+         * Input field control
+         * @ignore
+         */
+        this.formControl = new FormControl('');
+        /**
+         * Input field error message
+         * @ignore
+         */
+        this.errorMessage = '';
+        /**
+         * Optional validators for the field
+         * @default ''
+         */
+        this.validatorsWithMessages = {};
+        /**
+         * Optional async validators for the field
+         * @default ''
+         */
+        this.asyncValidatorsWithMessages = {};
+        /**
+         * Input field changes handler
+         */
+        this.inputStatus = new EventEmitter();
+        merge(this.formControl.statusChanges, this.formControl.valueChanges)
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            this.updateErrorMessage();
+        });
+    }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnInit() {
+        this.applyValidators();
+    }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes['validatorsWithMessages'] ||
+            changes['asyncValidatorsWithMessages']) {
+            this.applyValidators();
+        }
+    }
+    /**
+     * @ignore
+     * Component lifecycle method
+     */
+    isThereAnyValidator(validatorsWithMessages) {
+        return Object.keys(validatorsWithMessages).length > 0;
+    }
+    /**
+     * Applies all the passed validators
+     * @ignore
+     */
+    applyValidators() {
+        const hasSyncValidators = this.isThereAnyValidator(this.validatorsWithMessages);
+        const hasAsyncValidators = this.isThereAnyValidator(this.asyncValidatorsWithMessages);
+        const activeValidators = hasSyncValidators
+            ? Object.values(this.validatorsWithMessages).map(validatorWithMessage => validatorWithMessage.validator)
+            : [];
+        const activeAsyncValidators = hasAsyncValidators
+            ? Object.values(this.asyncValidatorsWithMessages).map(validatorWithMessage => validatorWithMessage.validator)
+            : [];
+        if (hasSyncValidators || hasAsyncValidators) {
+            this.formControl.setValidators(activeValidators);
+            this.formControl.setAsyncValidators(activeAsyncValidators);
+            this.formControl.updateValueAndValidity();
+        }
+    }
+    /**
+     * Checks if there is any validation error
+     * @ignore
+     */
+    checkValidationErrors(errors, validatorsWithMessages) {
+        for (const errorKey in errors) {
+            if (validatorsWithMessages[errorKey]) {
+                this.errorMessage = validatorsWithMessages[errorKey].message;
+            }
+        }
+    }
+    /**
+     * Emits the formControl variable every time the field value changes
+     * @ignore
+     */
+    onInputChanged() {
+        this.inputStatus.emit(this.formControl);
+    }
+    /**
+     * Updates the error message every time the input value changes
+     * @ignore
+     */
+    updateErrorMessage() {
+        this.errorMessage = '';
+        const errors = this.formControl.errors;
+        if (!errors) {
+            this.errorMessage = '';
+            return;
+        }
+        this.checkValidationErrors(errors, this.validatorsWithMessages);
+        this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);
+        this.onInputChanged();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormInputFieldComponent, isStandalone: true, selector: "lib-tk-form-input-field", inputs: { fieldWidth: "fieldWidth", fieldTitle: "fieldTitle", theme: "theme", required: "required", floatLabel: "floatLabel", appearance: "appearance", subscriptSizing: "subscriptSizing", fieldLabel: "fieldLabel", placeHolder: "placeHolder", inputPrefix: "inputPrefix", inputSuffix: "inputSuffix", validatorsWithMessages: "validatorsWithMessages", asyncValidatorsWithMessages: "asyncValidatorsWithMessages" }, outputs: { inputStatus: "inputStatus" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [floatLabel]=\"floatLabel\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        [required]=\"required\"\n        (input)=\"onInputChanged()\"\n        [placeholder]=\"placeHolder\"\n        [formControl]=\"formControl\"\n        (blur)=\"updateErrorMessage()\" />\n      @if (inputPrefix) {\n        <span class=\"form__field__label\" matTextPrefix\n          >{{ inputPrefix }}&nbsp;</span\n        >\n      }\n      @if (inputSuffix) {\n        <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n      }\n      @if (formControl.invalid) {\n        <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n      }\n    </mat-form-field>\n  </div>\n</section>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;width:fit-content;align-items:flex-start;justify-content:flex-start}.field{flex:1;display:flex;min-width:none;max-width:100%;align-items:flex-start;flex-flow:column nowrap;justify-content:flex-start}.form__field{width:100%;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.form__field__error{font-weight:400;font-style:normal;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;align-self:center;font-size:clamp(1rem,.94rem + .345vw,1.25rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormInputFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tk-form-input-field', standalone: true, imports: [
+                        NgStyle,
+                        FormsModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                    ], template: "<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [floatLabel]=\"floatLabel\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        [required]=\"required\"\n        (input)=\"onInputChanged()\"\n        [placeholder]=\"placeHolder\"\n        [formControl]=\"formControl\"\n        (blur)=\"updateErrorMessage()\" />\n      @if (inputPrefix) {\n        <span class=\"form__field__label\" matTextPrefix\n          >{{ inputPrefix }}&nbsp;</span\n        >\n      }\n      @if (inputSuffix) {\n        <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n      }\n      @if (formControl.invalid) {\n        <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n      }\n    </mat-form-field>\n  </div>\n</section>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;width:fit-content;align-items:flex-start;justify-content:flex-start}.field{flex:1;display:flex;min-width:none;max-width:100%;align-items:flex-start;flex-flow:column nowrap;justify-content:flex-start}.form__field{width:100%;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.form__field__error{font-weight:400;font-style:normal;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;align-self:center;font-size:clamp(1rem,.94rem + .345vw,1.25rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { fieldWidth: [{
+                type: Input
+            }], fieldTitle: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], fieldLabel: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], inputPrefix: [{
+                type: Input
+            }], inputSuffix: [{
+                type: Input
+            }], validatorsWithMessages: [{
+                type: Input
+            }], asyncValidatorsWithMessages: [{
+                type: Input
+            }], inputStatus: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1pbnB1dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstZm9ybS1pbnB1dC1maWVsZC90ay1mb3JtLWlucHV0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay1mb3JtLWlucHV0LWZpZWxkL3RrLWZvcm0taW5wdXQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUVULFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsV0FBVyxFQUNYLFdBQVcsRUFJWCxtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFHTCxrQkFBa0IsR0FFbkIsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQWdCaEUsTUFBTSxPQUFPLHlCQUF5QjtJQThHcEM7OztPQUdHO0lBQ0g7UUFuR0E7OztXQUdHO1FBRUksVUFBSyxHQUFrQixRQUFRLENBQUM7UUFFdkM7OztXQUdHO1FBRUksYUFBUSxHQUFHLElBQUksQ0FBQztRQUV2Qjs7O1dBR0c7UUFFSSxlQUFVLEdBQW1CLE1BQU0sQ0FBQztRQUUzQzs7O1dBR0c7UUFFSSxlQUFVLEdBQTJCLE1BQU0sQ0FBQztRQUVuRDs7O1dBR0c7UUFFSSxvQkFBZSxHQUFv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O2dCQVFDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBUUMsV0FBVztzQkFEakIsS0FBSztnQkFvQkMsc0JBQXNCO3NCQUQ1QixLQUFLO2dCQVFDLDJCQUEyQjtzQkFEakMsS0FBSztnQkFRQyxXQUFXO3NCQURqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBDb21wb25lbnQsXG4gIE9uQ2hhbmdlcyxcbiAgRXZlbnRFbWl0dGVyLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEZvcm1Db250cm9sLFxuICBGb3Jtc01vZHVsZSxcbiAgVmFsaWRhdG9yRm4sXG4gIEFzeW5jVmFsaWRhdG9yRm4sXG4gIFZhbGlkYXRpb25FcnJvcnMsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICBGbG9hdExhYmVsVHlwZSxcbiAgU3Vic2NyaXB0U2l6aW5nLFxuICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gIE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgVmFsaWRhdG9yV2l0aE1lc3NhZ2UgfSBmcm9tICcuL21vZGVscy92YWxpZGF0b3Itd2l0aC1tZXNzYWdlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRrLWZvcm0taW5wdXQtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdTdHlsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWZvcm0taW5wdXQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGstZm9ybS1pbnB1dC1maWVsZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrRm9ybUlucHV0RmllbGRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB3aWR0aFxuICAgKiBAZGVmYXVsdCAxMDAlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRXaWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogT3B0aW9uYWwgaW5wdXQgZmllbGQgdGl0bGVcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZpZWxkVGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFdoYXQgY29sb3IgcGFsZXR0ZSB0byB1c2VcbiAgICogQGRlZmF1bHQgJ2FjY2VudCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aGVtZT86IFRoZW1lUGFsZXR0ZSA9ICdhY2NlbnQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBmaWVsZCBpcyByZXF1aXJlZFxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVxdWlyZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGxhYmVsIGJlaGF2aW9yXG4gICAqIEBkZWZhdWx0ICdhdXRvJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZsb2F0TGFiZWw6IEZsb2F0TGFiZWxUeXBlID0gJ2F1dG8nO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGFwcGVhcmFuY2VcbiAgICogQGRlZmF1bHQgJ2ZpbGwnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9ICdmaWxsJztcblxuICAvKipcbiAgICogRm9ybSBmaWVsZCByZXNlcnZlZCBzcGFjZSBmb3Igb25lIGxpbmUgYnkgZGVmYXVsdC5cbiAgICogQGRlZmF1bHQgJ2R5bmFtaWMnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc3Vic2NyaXB0U2l6aW5nOiBTdWJzY3JpcHRTaXppbmcgPSAnZHluYW1pYyc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGxhYmVsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRMYWJlbCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBwbGFjZWhvbGRlclxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBsYWNlSG9sZGVyID0gJyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIElucHV0IGZpZWxkIHRleHQgcHJlZml4XG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaW5wdXRQcmVmaXg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIElucHV0IGZpZWxkIHRleHQgc3VmZml4XG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaW5wdXRTdWZmaXg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNvbnRyb2xcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgZXJyb3IgbWVzc2FnZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZXJyb3JNZXNzYWdlOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogT3B0aW9uYWwgdmFsaWRhdG9ycyBmb3IgdGhlIGZpZWxkXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdmFsaWRhdG9yc1dpdGhNZXNzYWdlczogeyBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZSB9ID0ge307XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGFzeW5jIHZhbGlkYXRvcnMgZm9yIHRoZSBmaWVsZFxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlczogeyBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZSB9ID1cbiAgICB7fTtcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGlucHV0U3RhdHVzID0gbmV3IEV2ZW50RW1pdHRlcjxGb3JtQ29udHJvbD4oKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDbGFzcyBjb25zdHJ1Y3RvclxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgbWVyZ2UodGhpcy5mb3JtQ29udHJvbC5zdGF0dXNDaGFuZ2VzLCB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcylcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMudXBkYXRlRXJyb3JNZXNzYWdlKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDb21wb25lbnQgbGlmZWN5Y2xlIG1ldGhvZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5VmFsaWRhdG9ycygpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWyd2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2FzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcyddXG4gICAgKSB7XG4gICAgICB0aGlzLmFwcGx5VmFsaWRhdG9ycygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqL1xuICBwcml2YXRlIGlzVGhlcmVBbnlWYWxpZGF0b3IodmFsaWRhdG9yc1dpdGhNZXNzYWdlczoge1xuICAgIFtrZXk6IHN0cmluZ106IFZhbGlkYXRvcldpdGhNZXNzYWdlO1xuICB9KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKHZhbGlkYXRvcnNXaXRoTWVzc2FnZXMpLmxlbmd0aCA+IDA7XG4gIH1cblxuICAvKipcbiAgICogQXBwbGllcyBhbGwgdGhlIHBhc3NlZCB2YWxpZGF0b3JzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgYXBwbHlWYWxpZGF0b3JzKCk6IHZvaWQge1xuICAgIGNvbnN0IGhhc1N5bmNWYWxpZGF0b3JzID0gdGhpcy5pc1RoZXJlQW55VmFsaWRhdG9yKFxuICAgICAgdGhpcy52YWxpZGF0b3JzV2l0aE1lc3NhZ2VzXG4gICAgKTtcblxuICAgIGNvbnN0IGhhc0FzeW5jVmFsaWRhdG9ycyA9IHRoaXMuaXNUaGVyZUFueVZhbGlkYXRvcihcbiAgICAgIHRoaXMuYXN5bmNWYWxpZGF0b3JzV2l0aE1lc3NhZ2VzXG4gICAgKTtcblxuICAgIGNvbnN0IGFjdGl2ZVZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBoYXNTeW5jVmFsaWRhdG9yc1xuICAgICAgPyBPYmplY3QudmFsdWVzKHRoaXMudmFsaWRhdG9yc1dpdGhNZXNzYWdlcykubWFwKFxuICAgICAgICAgIHZhbGlkYXRvcldpdGhNZXNzYWdlID0+IHZhbGlkYXRvcldpdGhNZXNzYWdlLnZhbGlkYXRvclxuICAgICAgICApXG4gICAgICA6IFtdO1xuXG4gICAgY29uc3QgYWN0aXZlQXN5bmNWYWxpZGF0b3JzOiBBc3luY1ZhbGlkYXRvckZuW10gPSBoYXNBc3luY1ZhbGlkYXRvcnNcbiAgICAgID8gT2JqZWN0LnZhbHVlcyh0aGlzLmFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcykubWFwKFxuICAgICAgICAgIHZhbGlkYXRvcldpdGhNZXNzYWdlID0+XG4gICAgICAgICAgICB2YWxpZGF0b3JXaXRoTWVzc2FnZS52YWxpZGF0b3IgYXMgQXN5bmNWYWxpZGF0b3JGblxuICAgICAgICApXG4gICAgICA6IFtdO1xuXG4gICAgaWYgKGhhc1N5bmNWYWxpZGF0b3JzIHx8IGhhc0FzeW5jVmFsaWRhdG9ycykge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWxpZGF0b3JzKGFjdGl2ZVZhbGlkYXRvcnMpO1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5zZXRBc3luY1ZhbGlkYXRvcnMoYWN0aXZlQXN5bmNWYWxpZGF0b3JzKTtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVja3MgaWYgdGhlcmUgaXMgYW55IHZhbGlkYXRpb24gZXJyb3JcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBjaGVja1ZhbGlkYXRpb25FcnJvcnMoXG4gICAgZXJyb3JzOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCxcbiAgICB2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzOiB7XG4gICAgICBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZTtcbiAgICB9XG4gICk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgZXJyb3JLZXkgaW4gZXJyb3JzKSB7XG4gICAgICBpZiAodmFsaWRhdG9yc1dpdGhNZXNzYWdlc1tlcnJvcktleV0pIHtcbiAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzW2Vycm9yS2V5XS5tZXNzYWdlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgZm9ybUNvbnRyb2wgdmFyaWFibGUgZXZlcnkgdGltZSB0aGUgZmllbGQgdmFsdWUgY2hhbmdlc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgb25JbnB1dENoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dFN0YXR1cy5lbWl0KHRoaXMuZm9ybUNvbnRyb2wpO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZXMgdGhlIGVycm9yIG1lc3NhZ2UgZXZlcnkgdGltZSB0aGUgaW5wdXQgdmFsdWUgY2hhbmdlc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgdXBkYXRlRXJyb3JNZXNzYWdlKCk6IHZvaWQge1xuICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gJyc7XG4gICAgY29uc3QgZXJyb3JzID0gdGhpcy5mb3JtQ29udHJvbC5lcnJvcnM7XG5cbiAgICBpZiAoIWVycm9ycykge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAnJztcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNoZWNrVmFsaWRhdGlvbkVycm9ycyhlcnJvcnMsIHRoaXMudmFsaWRhdG9yc1dpdGhNZXNzYWdlcyk7XG4gICAgdGhpcy5jaGVja1ZhbGlkYXRpb25FcnJvcnMoZXJyb3JzLCB0aGlzLmFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcyk7XG4gICAgdGhpcy5vbklucHV0Q2hhbmdlZCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgQGlmIChmaWVsZFRpdGxlKSB7XG4gICAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImZpZWxkXCIgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCB9XCI+XG4gICAgPG1hdC1mb3JtLWZpZWxkXG4gICAgICBjbGFzcz1cImZvcm1fX2ZpZWxkXCJcbiAgICAgIFtjb2xvcl09XCJ0aGVtZVwiXG4gICAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICAgIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIlxuICAgICAgW3N1YnNjcmlwdFNpemluZ109XCJzdWJzY3JpcHRTaXppbmdcIj5cbiAgICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2VkKClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAoYmx1cik9XCJ1cGRhdGVFcnJvck1lc3NhZ2UoKVwiIC8+XG4gICAgICBAaWYgKGlucHV0UHJlZml4KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybV9fZmllbGRfX2xhYmVsXCIgbWF0VGV4dFByZWZpeFxuICAgICAgICAgID57eyBpbnB1dFByZWZpeCB9fSZuYnNwOzwvc3BhblxuICAgICAgICA+XG4gICAgICB9XG4gICAgICBAaWYgKGlucHV0U3VmZml4KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybV9fZmllbGRfX2xhYmVsXCIgbWF0VGV4dFN1ZmZpeD57eyBpbnB1dFN1ZmZpeCB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoZm9ybUNvbnRyb2wuaW52YWxpZCkge1xuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiZm9ybV9fZmllbGRfX2Vycm9yXCI+e3sgZXJyb3JNZXNzYWdlIH19PC9tYXQtZXJyb3I+XG4gICAgICB9XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/components/tk-search-bar/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './tk-search-bar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay1zZWFyY2gtYmFyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGstc2VhcmNoLWJhci5jb21wb25lbnQnO1xuIl19

package/esm2022/components/tk-search-bar/tekus-design-system-components-tk-search-bar.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLXRrLXNlYXJjaC1iYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstc2VhcmNoLWJhci90ZWt1cy1kZXNpZ24tc3lzdGVtLWNvbXBvbmVudHMtdGstc2VhcmNoLWJhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/components/tk-search-bar/tk-search-bar.component.mjs

@@ -0,0 +1,49 @@
+import { Input, Output, Component, ViewChild, EventEmitter, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgClass, NgStyle, NgIf } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class TkSearchBarComponent {
+    constructor() {
+        this.inputValue = '';
+        this.faXmark = faXmark;
+        this.faMagnifyingGlass = faMagnifyingGlass;
+        /**
+         * Search bar hint label
+         */
+        this.hintLabel = '';
+        /**
+         * Input changes handler
+         */
+        this.inputValueChange = new EventEmitter();
+    }
+    onInputChange() {
+        this.inputValueChange.emit(this.inputValue);
+    }
+    onMouseEnter() {
+        this.searchInput.nativeElement.focus();
+    }
+    onInputClear() {
+        this.inputValue = '';
+        this.inputValueChange.emit('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TkSearchBarComponent, isStandalone: true, selector: "lib-tk-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"search__bar\"\n  (mouseenter)=\"onMouseEnter()\"\n  [ngStyle]=\"{ 'background-color': backgroundColor }\">\n  <input\n    class=\"search__bar__input\"\n    type=\"text\"\n    #searchInput\n    [(ngModel)]=\"inputValue\"\n    [placeholder]=\"hintLabel\"\n    (input)=\"onInputChange()\" />\n  <fa-icon\n    class=\"search__bar__clear__mark__icon\"\n    [icon]=\"faXmark\"\n    *ngIf=\"inputValue !== ''\"\n    (click)=\"onInputClear()\"></fa-icon>\n  <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkSearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tk-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: "<div\n  class=\"search__bar\"\n  (mouseenter)=\"onMouseEnter()\"\n  [ngStyle]=\"{ 'background-color': backgroundColor }\">\n  <input\n    class=\"search__bar__input\"\n    type=\"text\"\n    #searchInput\n    [(ngModel)]=\"inputValue\"\n    [placeholder]=\"hintLabel\"\n    (input)=\"onInputChange()\" />\n  <fa-icon\n    class=\"search__bar__clear__mark__icon\"\n    [icon]=\"faXmark\"\n    *ngIf=\"inputValue !== ''\"\n    (click)=\"onInputClear()\"></fa-icon>\n  <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
+        }], propDecorators: { searchInput: [{
+                type: ViewChild,
+                args: ['searchInput', { static: false }]
+            }], hintLabel: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], inputValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstc2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstc2VhcmNoLWJhci90ay1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay1zZWFyY2gtYmFyL3RrLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULFNBQVMsRUFFVCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7OztBQVM5RSxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUVMsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNQLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFDbEIsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFJdEQ7O1dBRUc7UUFFSCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBUWY7O1dBRUc7UUFFSCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBYy9DO0lBWlEsYUFBYTtRQUNsQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBcENVLG9CQUFvQjttR0FBcEIsb0JBQW9CLG9UQ3BCakMsOGdCQWtCQSxxckJERlksSUFBSSw2RkFBVyxPQUFPLDBFQUFFLFdBQVcsOG1CQUFFLGlCQUFpQjs7NEZBSXJELG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixDQUFDOzhCQVNwQixXQUFXO3NCQUF2RCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBTTNDLFNBQVM7c0JBRFIsS0FBSztnQkFPTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sZ0JBQWdCO3NCQURmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdTdHlsZSwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhTWFnbmlmeWluZ0dsYXNzLCBmYVhtYXJrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstc2VhcmNoLWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBOZ1N0eWxlLCBGb3Jtc01vZHVsZSwgRm9udEF3ZXNvbWVNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RrLXNlYXJjaC1iYXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGtTZWFyY2hCYXJDb21wb25lbnQge1xuICBwdWJsaWMgaW5wdXRWYWx1ZSA9ICcnO1xuICBwdWJsaWMgcmVhZG9ubHkgZmFYbWFyayA9IGZhWG1hcms7XG4gIHB1YmxpYyByZWFkb25seSBmYU1hZ25pZnlpbmdHbGFzcyA9IGZhTWFnbmlmeWluZ0dsYXNzO1xuXG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pIHNlYXJjaElucHV0ITogRWxlbWVudFJlZjtcblxuICAvKipcbiAgICogU2VhcmNoIGJhciBoaW50IGxhYmVsXG4gICAqL1xuICBASW5wdXQoKVxuICBoaW50TGFiZWwgPSAnJztcblxuICAvKipcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxuICAgKi9cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBpbnB1dFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIG9uSW5wdXRDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5pbnB1dFZhbHVlKTtcbiAgfVxuXG4gIHB1YmxpYyBvbk1vdXNlRW50ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hJbnB1dC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cblxuICBwdWJsaWMgb25JbnB1dENsZWFyKCkge1xuICAgIHRoaXMuaW5wdXRWYWx1ZSA9ICcnO1xuICAgIHRoaXMuaW5wdXRWYWx1ZUNoYW5nZS5lbWl0KCcnKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNlYXJjaF9fYmFyXCJcbiAgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIlxuICBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWNvbG9yJzogYmFja2dyb3VuZENvbG9yIH1cIj5cbiAgPGlucHV0XG4gICAgY2xhc3M9XCJzZWFyY2hfX2Jhcl9faW5wdXRcIlxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAjc2VhcmNoSW5wdXRcbiAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJoaW50TGFiZWxcIlxuICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKClcIiAvPlxuICA8ZmEtaWNvblxuICAgIGNsYXNzPVwic2VhcmNoX19iYXJfX2NsZWFyX19tYXJrX19pY29uXCJcbiAgICBbaWNvbl09XCJmYVhtYXJrXCJcbiAgICAqbmdJZj1cImlucHV0VmFsdWUgIT09ICcnXCJcbiAgICAoY2xpY2spPVwib25JbnB1dENsZWFyKClcIj48L2ZhLWljb24+XG4gIDxmYS1pY29uIFtpY29uXT1cImZhTWFnbmlmeWluZ0dsYXNzXCI+PC9mYS1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2022/components/tk-typography/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './tk-typography.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay10eXBvZ3JhcGh5L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGstdHlwb2dyYXBoeS5jb21wb25lbnQnO1xuIl19

package/esm2022/components/tk-typography/tekus-design-system-components-tk-typography.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLXRrLXR5cG9ncmFwaHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstdHlwb2dyYXBoeS90ZWt1cy1kZXNpZ24tc3lzdGVtLWNvbXBvbmVudHMtdGstdHlwb2dyYXBoeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/components/tk-typography/tk-typography.component.mjs

@@ -0,0 +1,29 @@
+import { NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TkTypographyComponent {
+    constructor() {
+        this.size = '';
+        this.color = '';
+        this.weight = '';
+        this.type = 'body1';
+        this.lineBreak = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TkTypographyComponent, isStandalone: true, selector: "lib-tk-typography", inputs: { size: "size", color: "color", weight: "weight", type: "type", 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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #text>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".general{font-family:Poppins,sans-serif;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\"}.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: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tk-typography', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet], 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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <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    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #text>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".general{font-family:Poppins,sans-serif;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\"}.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"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], weight: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], lineBreak: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstdHlwb2dyYXBoeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstdHlwb2dyYXBoeS90ay10eXBvZ3JhcGh5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay10eXBvZ3JhcGh5L3RrLXR5cG9ncmFwaHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFFBQVEsRUFDUixZQUFZLEVBQ1osZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNqRCxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsU0FBSSxHQVlVLE9BQU8sQ0FBQztRQUN0QixjQUFTLEdBQVksS0FBSyxDQUFDO0tBQ3JDOytHQWxCWSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwrS0NmbEMsZ3NIQXlIQSwwcVJEOUdZLFFBQVEsNkVBQUUsWUFBWSxxRkFBRSxlQUFlLDhEQUFFLGdCQUFnQjs7NEZBSXhELHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUM7OEJBSzNELElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFhRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmdTd2l0Y2gsXG4gIE5nU3dpdGNoQ2FzZSxcbiAgTmdTd2l0Y2hEZWZhdWx0LFxuICBOZ1RlbXBsYXRlT3V0bGV0LFxufSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstdHlwb2dyYXBoeScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N3aXRjaCwgTmdTd2l0Y2hDYXNlLCBOZ1N3aXRjaERlZmF1bHQsIE5nVGVtcGxhdGVPdXRsZXRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstdHlwb2dyYXBoeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay10eXBvZ3JhcGh5LmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtUeXBvZ3JhcGh5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgd2VpZ2h0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdHlwZTpcbiAgICB8ICdoMS1oZWFkaW5nJ1xuICAgIHwgJ2gyLWhlYWRpbmcnXG4gICAgfCAnaDMtaGVhZGluZydcbiAgICB8ICdoNC1oZWFkaW5nJ1xuICAgIHwgJ2g1LWhlYWRpbmcnXG4gICAgfCAnaDYtaGVhZGluZydcbiAgICB8ICdzdWJ0aXRsZTEnXG4gICAgfCAnc3VidGl0bGUyJ1xuICAgIHwgJ2JvZHkxJ1xuICAgIHwgJ2JvZHkyJ1xuICAgIHwgJ3AxLXBhcmFncmFwaCdcbiAgICB8ICd1bmRlcmxpbmUtdGV4dCcgPSAnYm9keTEnO1xuICBASW5wdXQoKSBsaW5lQnJlYWs6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgPGgxXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoMS1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGgxLWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDE+XG4gIDxoMlxuICAgICpuZ1N3aXRjaENhc2U9XCInaDItaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoMi1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2gyPlxuICA8aDNcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2gzLWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDMtaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMz5cbiAgPGg0XG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoNC1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGg0LWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDQ+XG4gIDxoNVxuICAgICpuZ1N3aXRjaENhc2U9XCInaDUtaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoNS1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2g1PlxuICA8aDZcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2g2LWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDYtaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oNj5cbiAgPGgzXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidzdWJ0aXRsZTEnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgc3VidGl0bGUxXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2gzPlxuICA8aDNcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3N1YnRpdGxlMidcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBzdWJ0aXRsZTJcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDM+XG4gIDxwXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidib2R5MSdcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBib2R5MVwiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuICA8cFxuICAgICpuZ1N3aXRjaENhc2U9XCInYm9keTInXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgYm9keTJcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvcD5cbiAgPHBcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3AxLXBhcmFncmFwaCdcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBwMS1wYXJhZ3JhcGhcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvcD5cbiAgPHBcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3VuZGVybGluZS10ZXh0J1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIHVuZGVybGluZS10ZXh0XCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L3A+XG4gIDxwXG4gICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjdGV4dD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/services/typography/models/typographyStyles.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeVN0eWxlcy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9tb2RlbHMvdHlwb2dyYXBoeVN0eWxlcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5U3R5bGVzIHtcbiAgZ2VuZXJhbDogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMy1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNC1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMTogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMjogRm9udENTU1Byb3BlcnRpZXM7XG4gIGJvZHkxOiBGb250Q1NTUHJvcGVydGllcztcbiAgYm9keTI6IEZvbnRDU1NQcm9wZXJ0aWVzO1xuICAncDEtcGFyYWdyYXBoJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICd1bmRlcmxpbmUtdGV4dCc6IEZvbnRDU1NQcm9wZXJ0aWVzO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvbnRDU1NQcm9wZXJ0aWVzIHtcbiAgZm9udEZhbWlseT86IHN0cmluZztcbiAgZm9udFNpemU/OiBzdHJpbmcgfCBudW1iZXI7XG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIGZvbnRXZWlnaHQ/OlxuICAgIHwgbnVtYmVyXG4gICAgfCAnbm9ybWFsJ1xuICAgIHwgJ2JvbGQnXG4gICAgfCAnYm9sZGVyJ1xuICAgIHwgJ2xpZ2h0ZXInXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgZm9udFZhcmlhbnQ/OiAnbm9ybWFsJyB8ICdzbWFsbC1jYXBzJyB8ICdpbml0aWFsJyB8ICdpbmhlcml0JztcbiAgbGluZUhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgbGV0dGVyU3BhY2luZz86IHN0cmluZztcbiAgdGV4dFRyYW5zZm9ybT86XG4gICAgfCAnbm9uZSdcbiAgICB8ICdjYXBpdGFsaXplJ1xuICAgIHwgJ3VwcGVyY2FzZSdcbiAgICB8ICdsb3dlcmNhc2UnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgdGV4dERlY29yYXRpb24/OlxuICAgIHwgJ25vbmUnXG4gICAgfCAndW5kZXJsaW5lJ1xuICAgIHwgJ292ZXJsaW5lJ1xuICAgIHwgJ2xpbmUtdGhyb3VnaCdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB0ZXh0QWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnIHwgJ2NlbnRlcicgfCAnanVzdGlmeScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIHRleHRTaGFkb3c/OiBzdHJpbmc7XG4gIGNvbG9yPzogc3RyaW5nO1xuICBkaXJlY3Rpb24/OiAnbHRyJyB8ICdydGwnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICB3aGl0ZVNwYWNlPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnbm93cmFwJ1xuICAgIHwgJ3ByZSdcbiAgICB8ICdwcmUtd3JhcCdcbiAgICB8ICdwcmUtbGluZSdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB3b3JkU3BhY2luZz86IHN0cmluZztcbiAgd29yZEJyZWFrPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnYnJlYWstYWxsJ1xuICAgIHwgJ2tlZXAtYWxsJ1xuICAgIHwgJ2JyZWFrLXdvcmQnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgb3ZlcmZsb3dXcmFwPzogJ25vcm1hbCcgfCAnYnJlYWstd29yZCcgfCAnYW55d2hlcmUnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICBoeXBoZW5zPzogJ25vbmUnIHwgJ21hbnVhbCcgfCAnYXV0bycgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG5cbiAgW2tleTogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkO1xufVxuIl19

package/esm2022/services/typography/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './typography.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3R5cG9ncmFwaHkuc2VydmljZSc7XG4iXX0=

package/esm2022/services/typography/tekus-design-system-services-typography.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1zZXJ2aWNlcy10eXBvZ3JhcGh5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3Rla3VzLWRlc2lnbi1zeXN0ZW0tc2VydmljZXMtdHlwb2dyYXBoeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/services/typography/typography.service.mjs

@@ -0,0 +1,84 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TypographyService {
+    initTheme(customTypography = null) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const root = document.querySelector(':root');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const classList = customTypography ?? this.getDefaultTypographyStyles();
+        for (const key in classList) {
+            const element = classList[key];
+            for (const key2 in element) {
+                const element2 = element[key2];
+                root.style.setProperty(`--tk-typography-${key}-${key2}`, element2);
+            }
+        }
+    }
+    getDefaultTypographyStyles() {
+        return {
+            general: {
+                fontFamily: '"Poppins", sans-serif',
+                padding: 0,
+                margin: 0,
+            },
+            'h1-heading': {
+                fontSize: '4.5rem',
+                fontWeight: 700,
+            },
+            'h2-heading': {
+                fontSize: '3.875rem',
+                fontWeight: 700,
+            },
+            'h3-heading': {
+                fontSize: '3.125rem',
+                fontWeight: 700,
+            },
+            'h4-heading': {
+                fontSize: '2.5rem',
+                fontWeight: 700,
+            },
+            'h5-heading': {
+                fontSize: '2rem',
+                fontWeight: 700,
+            },
+            'h6-heading': {
+                fontSize: '1.5rem',
+                fontWeight: 700,
+            },
+            subtitle1: {
+                fontSize: '2.5rem',
+                fontWeight: 400,
+            },
+            subtitle2: {
+                fontSize: '2rem',
+                fontWeight: 400,
+            },
+            body1: {
+                fontSize: '1.5rem',
+                fontWeight: 400,
+            },
+            body2: {
+                fontSize: '1.25rem',
+                fontWeight: 400,
+            },
+            'p1-paragraph': {
+                fontSize: '2.5rem',
+                fontWeight: 400,
+            },
+            'underline-text': {
+                fontSize: '2rem',
+                fontWeight: 400,
+                textDecoration: 'underline',
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3R5cG9ncmFwaHkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8saUJBQWlCO0lBQ3JCLFNBQVMsQ0FBQyxtQkFBNEMsSUFBSTtRQUMvRCw4REFBOEQ7UUFDOUQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBTSxPQUFPLENBQUMsQ0FBQztRQUVsRCw4REFBOEQ7UUFDOUQsTUFBTSxTQUFTLEdBQ2IsZ0JBQWdCLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7UUFDeEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUM1QixNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDL0IsS0FBSyxNQUFNLElBQUksSUFBSSxPQUFPLEVBQUUsQ0FBQztnQkFDM0IsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLElBQUksRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ3JFLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVNLDBCQUEwQjtRQUMvQixPQUFPO1lBQ0wsT0FBTyxFQUFFO2dCQUNQLFVBQVUsRUFBRSx1QkFBdUI7Z0JBQ25DLE9BQU8sRUFBRSxDQUFDO2dCQUNWLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxVQUFVO2dCQUNwQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxTQUFTLEVBQUU7Z0JBQ1QsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsU0FBUyxFQUFFO2dCQUNULFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELEtBQUssRUFBRTtnQkFDTCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsY0FBYyxFQUFFO2dCQUNkLFFBQVEsRUFBRSxRQUFRO2dCQUNsQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELGdCQUFnQixFQUFFO2dCQUNoQixRQUFRLEVBQUUsTUFBTTtnQkFDaEIsVUFBVSxFQUFFLEdBQUc7Z0JBQ2YsY0FBYyxFQUFFLFdBQVc7YUFDNUI7U0FDRixDQUFDO0lBQ0osQ0FBQzsrR0ExRVUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFR5cG9ncmFwaHlTdHlsZXMgfSBmcm9tICcuL21vZGVscy90eXBvZ3JhcGh5U3R5bGVzLm1vZGVsJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFR5cG9ncmFwaHlTZXJ2aWNlIHtcbiAgcHVibGljIGluaXRUaGVtZShjdXN0b21UeXBvZ3JhcGh5OiBUeXBvZ3JhcGh5U3R5bGVzIHwgbnVsbCA9IG51bGwpIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IHJvb3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPGFueT4oJzpyb290Jyk7XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IGNsYXNzTGlzdDogYW55ID1cbiAgICAgIGN1c3RvbVR5cG9ncmFwaHkgPz8gdGhpcy5nZXREZWZhdWx0VHlwb2dyYXBoeVN0eWxlcygpO1xuICAgIGZvciAoY29uc3Qga2V5IGluIGNsYXNzTGlzdCkge1xuICAgICAgY29uc3QgZWxlbWVudCA9IGNsYXNzTGlzdFtrZXldO1xuICAgICAgZm9yIChjb25zdCBrZXkyIGluIGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudDIgPSBlbGVtZW50W2tleTJdO1xuICAgICAgICByb290LnN0eWxlLnNldFByb3BlcnR5KGAtLXRrLXR5cG9ncmFwaHktJHtrZXl9LSR7a2V5Mn1gLCBlbGVtZW50Mik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldERlZmF1bHRUeXBvZ3JhcGh5U3R5bGVzKCk6IFR5cG9ncmFwaHlTdHlsZXMge1xuICAgIHJldHVybiB7XG4gICAgICBnZW5lcmFsOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6ICdcIlBvcHBpbnNcIiwgc2Fucy1zZXJpZicsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIG1hcmdpbjogMCxcbiAgICAgIH0sXG4gICAgICAnaDEtaGVhZGluZyc6IHtcbiAgICAgICAgZm9udFNpemU6ICc0LjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gyLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy44NzVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gzLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy4xMjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g0LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMi41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgICdoNS1oZWFkaW5nJzoge1xuICAgICAgICBmb250U2l6ZTogJzJyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g2LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgIHN1YnRpdGxlMToge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICBzdWJ0aXRsZTI6IHtcbiAgICAgICAgZm9udFNpemU6ICcycmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkxOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkyOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS4yNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAncDEtcGFyYWdyYXBoJzoge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAndW5kZXJsaW5lLXRleHQnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMnJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG59XG4iXX0=