@tekus/design-system 4.0.2 → 5.0.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.
- package/assets/img/avatar.png +0 -0
- package/assets/img/pexels-jodaarba-4250980.jpg +0 -0
- package/assets/img/shadown.png +0 -0
- package/assets/img/tk-logo-compound-dark.svg +9 -0
- package/assets/img/tk-logo-minimal-dark.svg +16 -0
- package/assets/img/tk-logo-minimal-light.svg +16 -0
- package/assets/img/tk-logo-normal-dark.svg +12 -0
- package/assets/img/tk-logo-normal-light.svg +12 -0
- package/assets/styles/_index.scss +10 -0
- package/assets/styles/docs/_branding.doc.scss +69 -0
- package/assets/styles/docs/_grids.doc.scss +13 -0
- package/assets/styles/docs/_icons.doc.scss +102 -0
- package/assets/styles/docs/_illustrations.doc.scss +86 -0
- package/assets/styles/docs/_paginador.doc.scss +16 -0
- package/assets/styles/docs/_table-of-content.scss +22 -0
- package/components/{tk-typography → branding}/index.d.ts +1 -1
- package/components/branding/public-api.d.ts +1 -0
- package/components/branding/src/branding-register-logo.d.ts +22 -0
- package/components/branding/src/branding.component.d.ts +54 -0
- package/components/{tk-search-bar → button}/index.d.ts +1 -1
- package/components/button/public-api.d.ts +1 -0
- package/components/button/src/button.component.d.ts +99 -0
- package/components/{tk-dropdown-list → dropdown-list}/index.d.ts +1 -1
- package/components/dropdown-list/public-api.d.ts +1 -0
- package/components/{tk-dropdown-list/tk-dropdown-list.component.d.ts → dropdown-list/src/dropdown-list.component.d.ts} +7 -7
- package/components/fallback-view/index.d.ts +5 -0
- package/components/fallback-view/public-api.d.ts +1 -0
- package/components/fallback-view/src/fallback-view.component.d.ts +149 -0
- package/components/forms/form-autocomplete-field/index.d.ts +5 -0
- package/components/forms/form-autocomplete-field/public-api.d.ts +1 -0
- package/components/forms/{tk-form-autocomplete-field/tk-form-autocomplete-field.component.d.ts → form-autocomplete-field/src/form-autocomplete-field.component.d.ts} +16 -6
- package/components/forms/form-chips-autocomplete-field/index.d.ts +5 -0
- package/components/forms/form-chips-autocomplete-field/public-api.d.ts +1 -0
- package/components/forms/{tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.d.ts → form-chips-autocomplete-field/src/form-chips-autocomplete-field.component.d.ts} +18 -8
- package/components/forms/form-input-field/index.d.ts +5 -0
- package/components/forms/form-input-field/public-api.d.ts +1 -0
- package/components/forms/{tk-form-input-field/tk-form-input-field.component.d.ts → form-input-field/src/form-input-field.component.d.ts} +4 -4
- package/components/forms/public-api.d.ts +3 -3
- package/components/grid-container/index.d.ts +5 -0
- package/components/grid-container/public-api.d.ts +1 -0
- package/components/grid-container/src/grid-container.component.d.ts +121 -0
- package/components/icon/core/icon-catalog.d.ts +76 -0
- package/components/icon/core/icons/ads.icons.d.ts +2 -0
- package/components/icon/core/icons/angle.icons.d.ts +2 -0
- package/components/icon/core/icons/arrow.icons.d.ts +2 -0
- package/components/icon/core/icons/bars.icons.d.ts +2 -0
- package/components/icon/core/icons/bolt.icons.d.ts +2 -0
- package/components/icon/core/icons/book.icons.d.ts +2 -0
- package/components/icon/core/icons/calendar.icons.d.ts +2 -0
- package/components/icon/core/icons/camera.icons.d.ts +2 -0
- package/components/icon/core/icons/chart.icons.d.ts +2 -0
- package/components/icon/core/icons/check.icons.d.ts +2 -0
- package/components/icon/core/icons/chevron.icons.d.ts +2 -0
- package/components/icon/core/icons/circle.icons.d.ts +2 -0
- package/components/icon/core/icons/clock.icons.d.ts +2 -0
- package/components/icon/core/icons/clone.icons.d.ts +2 -0
- package/components/icon/core/icons/download.icons.d.ts +2 -0
- package/components/icon/core/icons/ellipsis.icons.d.ts +2 -0
- package/components/icon/core/icons/eye.icons.d.ts +2 -0
- package/components/icon/core/icons/filter.icons.d.ts +2 -0
- package/components/icon/core/icons/folders.icons.d.ts +2 -0
- package/components/icon/core/icons/gears.icons.d.ts +2 -0
- package/components/icon/core/icons/hand.icons.d.ts +2 -0
- package/components/icon/core/icons/language.icons.d.ts +2 -0
- package/components/icon/core/icons/layer.icons.d.ts +2 -0
- package/components/icon/core/icons/link.icons.d.ts +2 -0
- package/components/icon/core/icons/list.icons.d.ts +2 -0
- package/components/icon/core/icons/location.icons.d.ts +2 -0
- package/components/icon/core/icons/lock.icons.d.ts +2 -0
- package/components/icon/core/icons/magnifying-glass.icons.d.ts +2 -0
- package/components/icon/core/icons/media.icons.d.ts +2 -0
- package/components/icon/core/icons/megaphone.icons.d.ts +2 -0
- package/components/icon/core/icons/money.icons.d.ts +2 -0
- package/components/icon/core/icons/pen.icons.d.ts +2 -0
- package/components/icon/core/icons/pencil.icons.d.ts +2 -0
- package/components/icon/core/icons/plug.icons.d.ts +2 -0
- package/components/icon/core/icons/plus.icons.d.ts +2 -0
- package/components/icon/core/icons/qr-code.icons.d.ts +2 -0
- package/components/icon/core/icons/screwdriver-wrench.icons.d.ts +2 -0
- package/components/icon/core/icons/shuffle.icons.d.ts +2 -0
- package/components/icon/core/icons/square.icons.d.ts +2 -0
- package/components/icon/core/icons/tag.icons.d.ts +2 -0
- package/components/icon/core/icons/thumbs.icons.d.ts +2 -0
- package/components/icon/core/icons/trash.icons.d.ts +2 -0
- package/components/icon/core/icons/triangle.icons.d.ts +2 -0
- package/components/icon/core/icons/user.icons.d.ts +2 -0
- package/components/icon/core/icons/xmark.icons.d.ts +2 -0
- package/components/icon/core/svg-icons/ads-icon.svg.d.ts +2 -0
- package/components/icon/core/svg-icons/index.d.ts +1 -0
- package/components/icon/index.d.ts +5 -0
- package/components/icon/public-api.d.ts +2 -0
- package/components/icon/src/icon.component.d.ts +79 -0
- package/components/illustration/assets/illustrations/tk-catalogs.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-categories.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-confirmation-action.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-create-an-account.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-custom-design.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-delete.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-download-AKF.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-error.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-graphics.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-items.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-kiosk.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-list.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-locations.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-login.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-multimedia.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-no-connection.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-no-found.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-order.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-playlist.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-screens.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-success.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-support.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-technical-failure.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-tip.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-upload.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-void.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-warning.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-welcome.svg.d.ts +2 -0
- package/components/illustration/assets/illustrations/tk-without-catalogs.svg.d.ts +2 -0
- package/components/illustration/illustrations.registry.d.ts +5 -0
- package/components/illustration/index.d.ts +5 -0
- package/components/illustration/public-api.d.ts +1 -0
- package/components/illustration/src/illustration.component.d.ts +117 -0
- package/components/search-bar/index.d.ts +5 -0
- package/components/search-bar/public-api.d.ts +1 -0
- package/components/{tk-search-bar/tk-search-bar.component.d.ts → search-bar/src/search-bar.component.d.ts} +3 -3
- package/components/typography/index.d.ts +5 -0
- package/components/typography/public-api.d.ts +1 -0
- package/components/typography/src/typography.component.d.ts +10 -0
- package/core/index.d.ts +5 -0
- package/core/public-api.d.ts +1 -0
- package/core/types/index.d.ts +5 -0
- package/core/types/public-api.d.ts +9 -0
- package/core/types/src/branding/branding.types.d.ts +15 -0
- package/core/types/src/branding/index.d.ts +1 -0
- package/core/types/src/breakpoints/breakpoints.d.ts +10 -0
- package/core/types/src/breakpoints/index.d.ts +1 -0
- package/core/types/src/grids/grid.enum.d.ts +18 -0
- package/core/types/src/grids/grid.model.d.ts +10 -0
- package/core/types/src/grids/grid.type.d.ts +40 -0
- package/core/types/src/grids/index.d.ts +3 -0
- package/core/types/src/illustration-config/illustration-config.model.d.ts +4 -0
- package/core/types/src/illustration-config/index.d.ts +1 -0
- package/core/types/src/option/index.d.ts +1 -0
- package/core/types/src/option/option.model.d.ts +8 -0
- package/core/types/src/theme/theme.provider.d.ts +1 -0
- package/core/types/src/theme/tk-preset.d.ts +1 -0
- package/core/types/src/typography-styles/index.d.ts +1 -0
- package/core/types/src/validator-with-message/index.d.ts +1 -0
- package/directives/gird-item/index.d.ts +5 -0
- package/directives/gird-item/public-api.d.ts +1 -0
- package/directives/gird-item/src/grid-item.directive.d.ts +42 -0
- package/fesm2022/tekus-design-system-components-branding.mjs +93 -0
- package/fesm2022/tekus-design-system-components-branding.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-button.mjs +129 -0
- package/fesm2022/tekus-design-system-components-button.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-dropdown-list.mjs +147 -0
- package/fesm2022/tekus-design-system-components-dropdown-list.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-fallback-view.mjs +187 -0
- package/fesm2022/tekus-design-system-components-fallback-view.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-forms-form-autocomplete-field.mjs +268 -0
- package/fesm2022/tekus-design-system-components-forms-form-autocomplete-field.mjs.map +1 -0
- package/fesm2022/{tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs → tekus-design-system-components-forms-form-chips-autocomplete-field.mjs} +34 -15
- package/fesm2022/tekus-design-system-components-forms-form-chips-autocomplete-field.mjs.map +1 -0
- package/fesm2022/{tekus-design-system-components-forms-tk-form-input-field.mjs → tekus-design-system-components-forms-form-input-field.mjs} +8 -9
- package/fesm2022/tekus-design-system-components-forms-form-input-field.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-forms.mjs +257 -221
- package/fesm2022/tekus-design-system-components-forms.mjs.map +1 -1
- package/fesm2022/tekus-design-system-components-grid-container.mjs +193 -0
- package/fesm2022/tekus-design-system-components-grid-container.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-icon.mjs +1206 -0
- package/fesm2022/tekus-design-system-components-icon.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-illustration.mjs +3893 -0
- package/fesm2022/tekus-design-system-components-illustration.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-search-bar.mjs +56 -0
- package/fesm2022/tekus-design-system-components-search-bar.mjs.map +1 -0
- package/fesm2022/tekus-design-system-components-typography.mjs +36 -0
- package/fesm2022/tekus-design-system-components-typography.mjs.map +1 -0
- package/fesm2022/tekus-design-system-core-types.mjs +307 -0
- package/fesm2022/tekus-design-system-core-types.mjs.map +1 -0
- package/fesm2022/tekus-design-system-core.mjs +307 -0
- package/fesm2022/tekus-design-system-core.mjs.map +1 -0
- package/fesm2022/tekus-design-system-directives-gird-item.mjs +95 -0
- package/fesm2022/tekus-design-system-directives-gird-item.mjs.map +1 -0
- package/fesm2022/tekus-design-system-services-design-tokens.mjs +47 -0
- package/fesm2022/tekus-design-system-services-design-tokens.mjs.map +1 -0
- package/fesm2022/tekus-design-system-services-typography.mjs +3 -3
- package/fesm2022/tekus-design-system-services-typography.mjs.map +1 -1
- package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs +53 -0
- package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs.map +1 -0
- package/package.json +65 -39
- package/services/design-tokens/index.d.ts +5 -0
- package/services/design-tokens/public-api.d.ts +1 -0
- package/services/design-tokens/src/design-tokens.service.d.ts +10 -0
- package/services/typography/public-api.d.ts +1 -1
- package/services/typography/{typography.service.d.ts → src/typography.service.d.ts} +1 -1
- package/tokens/blur/_blur.scss +11 -0
- package/tokens/colors/_colors.scss +97 -0
- package/tokens/index.scss +6 -0
- package/tokens/shadow/_shadow.scss +10 -0
- package/tokens/shapes/_shapes.scss +9 -0
- package/tokens/spacing/_spacing.scss +25 -0
- package/tokens/typography/_typography.scss +6 -0
- package/tokens/typography/font-size/_font-size.scss +16 -0
- package/tokens/typography/font-weight/_font-weight.scss +14 -0
- package/tokens/typography/letter-spacing/_letter-spacing.scss +12 -0
- package/tokens/typography/line-height/_line-height.scss +16 -0
- package/tokens/typography/variants/_variants.scss +211 -0
- package/utils/sanitizer-utils/index.d.ts +5 -0
- package/utils/sanitizer-utils/public-api.d.ts +1 -0
- package/utils/sanitizer-utils/src/sanitizer-utils.d.ts +20 -0
- package/components/forms/tk-form-autocomplete-field/index.d.ts +0 -5
- package/components/forms/tk-form-autocomplete-field/models/option.model.d.ts +0 -4
- package/components/forms/tk-form-autocomplete-field/public-api.d.ts +0 -1
- package/components/forms/tk-form-chips-autocomplete-field/index.d.ts +0 -5
- package/components/forms/tk-form-chips-autocomplete-field/models/option.model.d.ts +0 -4
- package/components/forms/tk-form-chips-autocomplete-field/public-api.d.ts +0 -1
- package/components/forms/tk-form-input-field/index.d.ts +0 -5
- package/components/forms/tk-form-input-field/public-api.d.ts +0 -1
- package/components/tk-dropdown-list/models/dropdown-list-item.model.d.ts +0 -4
- package/components/tk-dropdown-list/public-api.d.ts +0 -1
- package/components/tk-search-bar/public-api.d.ts +0 -1
- package/components/tk-typography/public-api.d.ts +0 -1
- package/components/tk-typography/tk-typography.component.d.ts +0 -10
- package/esm2022/components/forms/public-api.mjs +0 -4
- package/esm2022/components/forms/tekus-design-system-components-forms.mjs +0 -5
- package/esm2022/components/forms/tk-form-autocomplete-field/models/option.model.mjs +0 -2
- package/esm2022/components/forms/tk-form-autocomplete-field/public-api.mjs +0 -2
- package/esm2022/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs +0 -5
- package/esm2022/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.mjs +0 -245
- package/esm2022/components/forms/tk-form-chips-autocomplete-field/models/option.model.mjs +0 -2
- package/esm2022/components/forms/tk-form-chips-autocomplete-field/public-api.mjs +0 -2
- package/esm2022/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs +0 -5
- package/esm2022/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.mjs +0 -167
- package/esm2022/components/forms/tk-form-input-field/models/validator-with-message.model.mjs +0 -2
- package/esm2022/components/forms/tk-form-input-field/public-api.mjs +0 -2
- package/esm2022/components/forms/tk-form-input-field/tekus-design-system-components-forms-tk-form-input-field.mjs +0 -5
- package/esm2022/components/forms/tk-form-input-field/tk-form-input-field.component.mjs +0 -206
- package/esm2022/components/tk-dropdown-list/models/dropdown-list-item.model.mjs +0 -2
- package/esm2022/components/tk-dropdown-list/public-api.mjs +0 -2
- package/esm2022/components/tk-dropdown-list/tekus-design-system-components-tk-dropdown-list.mjs +0 -5
- package/esm2022/components/tk-dropdown-list/tk-dropdown-list.component.mjs +0 -137
- package/esm2022/components/tk-search-bar/public-api.mjs +0 -2
- package/esm2022/components/tk-search-bar/tekus-design-system-components-tk-search-bar.mjs +0 -5
- package/esm2022/components/tk-search-bar/tk-search-bar.component.mjs +0 -49
- package/esm2022/components/tk-typography/public-api.mjs +0 -2
- package/esm2022/components/tk-typography/tekus-design-system-components-tk-typography.mjs +0 -5
- package/esm2022/components/tk-typography/tk-typography.component.mjs +0 -29
- package/esm2022/index.mjs +0 -2
- package/esm2022/services/typography/models/typographyStyles.model.mjs +0 -2
- package/esm2022/services/typography/public-api.mjs +0 -2
- package/esm2022/services/typography/tekus-design-system-services-typography.mjs +0 -5
- package/esm2022/services/typography/typography.service.mjs +0 -84
- package/esm2022/tekus-design-system.mjs +0 -5
- package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs +0 -252
- package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map +0 -1
- package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map +0 -1
- package/fesm2022/tekus-design-system-components-forms-tk-form-input-field.mjs.map +0 -1
- package/fesm2022/tekus-design-system-components-tk-dropdown-list.mjs +0 -144
- package/fesm2022/tekus-design-system-components-tk-dropdown-list.mjs.map +0 -1
- package/fesm2022/tekus-design-system-components-tk-search-bar.mjs +0 -56
- package/fesm2022/tekus-design-system-components-tk-search-bar.mjs.map +0 -1
- package/fesm2022/tekus-design-system-components-tk-typography.mjs +0 -36
- package/fesm2022/tekus-design-system-components-tk-typography.mjs.map +0 -1
- /package/{services/typography/models → core/types/src/typography-styles}/typographyStyles.model.d.ts +0 -0
- /package/{components/forms/tk-form-input-field/models → core/types/src/validator-with-message}/validator-with-message.model.d.ts +0 -0
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, } from '@angular/common';
|
|
2
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class TkTypographyComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.size = '';
|
|
7
|
-
this.color = '';
|
|
8
|
-
this.weight = '';
|
|
9
|
-
this.type = 'body1';
|
|
10
|
-
this.lineBreak = false;
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
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"] }] }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
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"] }]
|
|
18
|
-
}], propDecorators: { size: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], color: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], weight: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], type: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], lineBreak: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}] } });
|
|
29
|
-
//# 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/index.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeVN0eWxlcy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9tb2RlbHMvdHlwb2dyYXBoeVN0eWxlcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5U3R5bGVzIHtcbiAgZ2VuZXJhbDogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMy1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNC1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMTogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMjogRm9udENTU1Byb3BlcnRpZXM7XG4gIGJvZHkxOiBGb250Q1NTUHJvcGVydGllcztcbiAgYm9keTI6IEZvbnRDU1NQcm9wZXJ0aWVzO1xuICAncDEtcGFyYWdyYXBoJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICd1bmRlcmxpbmUtdGV4dCc6IEZvbnRDU1NQcm9wZXJ0aWVzO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvbnRDU1NQcm9wZXJ0aWVzIHtcbiAgZm9udEZhbWlseT86IHN0cmluZztcbiAgZm9udFNpemU/OiBzdHJpbmcgfCBudW1iZXI7XG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIGZvbnRXZWlnaHQ/OlxuICAgIHwgbnVtYmVyXG4gICAgfCAnbm9ybWFsJ1xuICAgIHwgJ2JvbGQnXG4gICAgfCAnYm9sZGVyJ1xuICAgIHwgJ2xpZ2h0ZXInXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgZm9udFZhcmlhbnQ/OiAnbm9ybWFsJyB8ICdzbWFsbC1jYXBzJyB8ICdpbml0aWFsJyB8ICdpbmhlcml0JztcbiAgbGluZUhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgbGV0dGVyU3BhY2luZz86IHN0cmluZztcbiAgdGV4dFRyYW5zZm9ybT86XG4gICAgfCAnbm9uZSdcbiAgICB8ICdjYXBpdGFsaXplJ1xuICAgIHwgJ3VwcGVyY2FzZSdcbiAgICB8ICdsb3dlcmNhc2UnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgdGV4dERlY29yYXRpb24/OlxuICAgIHwgJ25vbmUnXG4gICAgfCAndW5kZXJsaW5lJ1xuICAgIHwgJ292ZXJsaW5lJ1xuICAgIHwgJ2xpbmUtdGhyb3VnaCdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB0ZXh0QWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnIHwgJ2NlbnRlcicgfCAnanVzdGlmeScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIHRleHRTaGFkb3c/OiBzdHJpbmc7XG4gIGNvbG9yPzogc3RyaW5nO1xuICBkaXJlY3Rpb24/OiAnbHRyJyB8ICdydGwnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICB3aGl0ZVNwYWNlPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnbm93cmFwJ1xuICAgIHwgJ3ByZSdcbiAgICB8ICdwcmUtd3JhcCdcbiAgICB8ICdwcmUtbGluZSdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB3b3JkU3BhY2luZz86IHN0cmluZztcbiAgd29yZEJyZWFrPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnYnJlYWstYWxsJ1xuICAgIHwgJ2tlZXAtYWxsJ1xuICAgIHwgJ2JyZWFrLXdvcmQnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgb3ZlcmZsb3dXcmFwPzogJ25vcm1hbCcgfCAnYnJlYWstd29yZCcgfCAnYW55d2hlcmUnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICBoeXBoZW5zPzogJ25vbmUnIHwgJ21hbnVhbCcgfCAnYXV0bycgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG5cbiAgW2tleTogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkO1xufVxuIl19
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './typography.service';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3R5cG9ncmFwaHkuc2VydmljZSc7XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1zZXJ2aWNlcy10eXBvZ3JhcGh5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3Rla3VzLWRlc2lnbi1zeXN0ZW0tc2VydmljZXMtdHlwb2dyYXBoeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class TypographyService {
|
|
4
|
-
initTheme(customTypography = null) {
|
|
5
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6
|
-
const root = document.querySelector(':root');
|
|
7
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8
|
-
const classList = customTypography ?? this.getDefaultTypographyStyles();
|
|
9
|
-
for (const key in classList) {
|
|
10
|
-
const element = classList[key];
|
|
11
|
-
for (const key2 in element) {
|
|
12
|
-
const element2 = element[key2];
|
|
13
|
-
root.style.setProperty(`--tk-typography-${key}-${key2}`, element2);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
getDefaultTypographyStyles() {
|
|
18
|
-
return {
|
|
19
|
-
general: {
|
|
20
|
-
fontFamily: '"Poppins", sans-serif',
|
|
21
|
-
padding: 0,
|
|
22
|
-
margin: 0,
|
|
23
|
-
},
|
|
24
|
-
'h1-heading': {
|
|
25
|
-
fontSize: '4.5rem',
|
|
26
|
-
fontWeight: 700,
|
|
27
|
-
},
|
|
28
|
-
'h2-heading': {
|
|
29
|
-
fontSize: '3.875rem',
|
|
30
|
-
fontWeight: 700,
|
|
31
|
-
},
|
|
32
|
-
'h3-heading': {
|
|
33
|
-
fontSize: '3.125rem',
|
|
34
|
-
fontWeight: 700,
|
|
35
|
-
},
|
|
36
|
-
'h4-heading': {
|
|
37
|
-
fontSize: '2.5rem',
|
|
38
|
-
fontWeight: 700,
|
|
39
|
-
},
|
|
40
|
-
'h5-heading': {
|
|
41
|
-
fontSize: '2rem',
|
|
42
|
-
fontWeight: 700,
|
|
43
|
-
},
|
|
44
|
-
'h6-heading': {
|
|
45
|
-
fontSize: '1.5rem',
|
|
46
|
-
fontWeight: 700,
|
|
47
|
-
},
|
|
48
|
-
subtitle1: {
|
|
49
|
-
fontSize: '2.5rem',
|
|
50
|
-
fontWeight: 400,
|
|
51
|
-
},
|
|
52
|
-
subtitle2: {
|
|
53
|
-
fontSize: '2rem',
|
|
54
|
-
fontWeight: 400,
|
|
55
|
-
},
|
|
56
|
-
body1: {
|
|
57
|
-
fontSize: '1.5rem',
|
|
58
|
-
fontWeight: 400,
|
|
59
|
-
},
|
|
60
|
-
body2: {
|
|
61
|
-
fontSize: '1.25rem',
|
|
62
|
-
fontWeight: 400,
|
|
63
|
-
},
|
|
64
|
-
'p1-paragraph': {
|
|
65
|
-
fontSize: '2.5rem',
|
|
66
|
-
fontWeight: 400,
|
|
67
|
-
},
|
|
68
|
-
'underline-text': {
|
|
69
|
-
fontSize: '2rem',
|
|
70
|
-
fontWeight: 400,
|
|
71
|
-
textDecoration: 'underline',
|
|
72
|
-
},
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
76
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, providedIn: 'root' }); }
|
|
77
|
-
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, decorators: [{
|
|
79
|
-
type: Injectable,
|
|
80
|
-
args: [{
|
|
81
|
-
providedIn: 'root',
|
|
82
|
-
}]
|
|
83
|
-
}] });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3R5cG9ncmFwaHkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8saUJBQWlCO0lBQ3JCLFNBQVMsQ0FBQyxtQkFBNEMsSUFBSTtRQUMvRCw4REFBOEQ7UUFDOUQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBTSxPQUFPLENBQUMsQ0FBQztRQUVsRCw4REFBOEQ7UUFDOUQsTUFBTSxTQUFTLEdBQ2IsZ0JBQWdCLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7UUFDeEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUM1QixNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDL0IsS0FBSyxNQUFNLElBQUksSUFBSSxPQUFPLEVBQUUsQ0FBQztnQkFDM0IsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLElBQUksRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ3JFLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVNLDBCQUEwQjtRQUMvQixPQUFPO1lBQ0wsT0FBTyxFQUFFO2dCQUNQLFVBQVUsRUFBRSx1QkFBdUI7Z0JBQ25DLE9BQU8sRUFBRSxDQUFDO2dCQUNWLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxVQUFVO2dCQUNwQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxTQUFTLEVBQUU7Z0JBQ1QsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsU0FBUyxFQUFFO2dCQUNULFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELEtBQUssRUFBRTtnQkFDTCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsY0FBYyxFQUFFO2dCQUNkLFFBQVEsRUFBRSxRQUFRO2dCQUNsQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELGdCQUFnQixFQUFFO2dCQUNoQixRQUFRLEVBQUUsTUFBTTtnQkFDaEIsVUFBVSxFQUFFLEdBQUc7Z0JBQ2YsY0FBYyxFQUFFLFdBQVc7YUFDNUI7U0FDRixDQUFDO0lBQ0osQ0FBQzsrR0ExRVUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFR5cG9ncmFwaHlTdHlsZXMgfSBmcm9tICcuL21vZGVscy90eXBvZ3JhcGh5U3R5bGVzLm1vZGVsJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFR5cG9ncmFwaHlTZXJ2aWNlIHtcbiAgcHVibGljIGluaXRUaGVtZShjdXN0b21UeXBvZ3JhcGh5OiBUeXBvZ3JhcGh5U3R5bGVzIHwgbnVsbCA9IG51bGwpIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IHJvb3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPGFueT4oJzpyb290Jyk7XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IGNsYXNzTGlzdDogYW55ID1cbiAgICAgIGN1c3RvbVR5cG9ncmFwaHkgPz8gdGhpcy5nZXREZWZhdWx0VHlwb2dyYXBoeVN0eWxlcygpO1xuICAgIGZvciAoY29uc3Qga2V5IGluIGNsYXNzTGlzdCkge1xuICAgICAgY29uc3QgZWxlbWVudCA9IGNsYXNzTGlzdFtrZXldO1xuICAgICAgZm9yIChjb25zdCBrZXkyIGluIGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudDIgPSBlbGVtZW50W2tleTJdO1xuICAgICAgICByb290LnN0eWxlLnNldFByb3BlcnR5KGAtLXRrLXR5cG9ncmFwaHktJHtrZXl9LSR7a2V5Mn1gLCBlbGVtZW50Mik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldERlZmF1bHRUeXBvZ3JhcGh5U3R5bGVzKCk6IFR5cG9ncmFwaHlTdHlsZXMge1xuICAgIHJldHVybiB7XG4gICAgICBnZW5lcmFsOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6ICdcIlBvcHBpbnNcIiwgc2Fucy1zZXJpZicsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIG1hcmdpbjogMCxcbiAgICAgIH0sXG4gICAgICAnaDEtaGVhZGluZyc6IHtcbiAgICAgICAgZm9udFNpemU6ICc0LjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gyLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy44NzVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gzLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy4xMjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g0LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMi41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgICdoNS1oZWFkaW5nJzoge1xuICAgICAgICBmb250U2l6ZTogJzJyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g2LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgIHN1YnRpdGxlMToge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICBzdWJ0aXRsZTI6IHtcbiAgICAgICAgZm9udFNpemU6ICcycmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkxOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkyOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS4yNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAncDEtcGFyYWdyYXBoJzoge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAndW5kZXJsaW5lLXRleHQnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMnJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG59XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vdGVrdXMtZGVzaWduLXN5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -1,252 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, ViewChild } from '@angular/core';
|
|
3
|
-
import * as i3 from '@angular/material/form-field';
|
|
4
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
-
import * as i4 from '@angular/material/autocomplete';
|
|
6
|
-
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
7
|
-
import { NgStyle, AsyncPipe } from '@angular/common';
|
|
8
|
-
import * as i2 from '@angular/material/input';
|
|
9
|
-
import { MatInputModule } from '@angular/material/input';
|
|
10
|
-
import { Subscription, startWith, map } from 'rxjs';
|
|
11
|
-
import * as i1 from '@angular/forms';
|
|
12
|
-
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
13
|
-
import * as i5 from '@angular/material/core';
|
|
14
|
-
|
|
15
|
-
class TkFormAutocompleteFieldComponent {
|
|
16
|
-
constructor() {
|
|
17
|
-
/**
|
|
18
|
-
* Input field control
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
this.formControl = new FormControl('');
|
|
22
|
-
/**
|
|
23
|
-
* What color palette to use
|
|
24
|
-
* @default 'accent'
|
|
25
|
-
*/
|
|
26
|
-
this.theme = 'accent';
|
|
27
|
-
/**
|
|
28
|
-
* Form field appearance
|
|
29
|
-
* @default 'fill'
|
|
30
|
-
*/
|
|
31
|
-
this.appearance = 'fill';
|
|
32
|
-
/**
|
|
33
|
-
* Form field reserved space for one line by default.
|
|
34
|
-
* @default 'dynamic'
|
|
35
|
-
*/
|
|
36
|
-
this.subscriptSizing = 'dynamic';
|
|
37
|
-
/**
|
|
38
|
-
* Whether the first option should be highlighted when the autocomplete panel is opened
|
|
39
|
-
* @default true
|
|
40
|
-
*/
|
|
41
|
-
this.autoActiveFirstOption = true;
|
|
42
|
-
/**
|
|
43
|
-
* Whether the active option should be selected as the user is navigating.
|
|
44
|
-
* @default true
|
|
45
|
-
*/
|
|
46
|
-
this.autoSelectActiveOption = true;
|
|
47
|
-
/**
|
|
48
|
-
* Optional field input type
|
|
49
|
-
* @default 'text'
|
|
50
|
-
*/
|
|
51
|
-
this.type = 'text';
|
|
52
|
-
/**
|
|
53
|
-
* Whether the field is required
|
|
54
|
-
* @default true
|
|
55
|
-
*/
|
|
56
|
-
this.required = true;
|
|
57
|
-
/**
|
|
58
|
-
* Input field label
|
|
59
|
-
*/
|
|
60
|
-
this.fieldLabel = '';
|
|
61
|
-
/**
|
|
62
|
-
* Input field placeholder
|
|
63
|
-
* @default ''
|
|
64
|
-
*/
|
|
65
|
-
this.placeHolder = '';
|
|
66
|
-
/**
|
|
67
|
-
* Options to be displayed
|
|
68
|
-
* @ignore
|
|
69
|
-
*/
|
|
70
|
-
this.options = [];
|
|
71
|
-
/**
|
|
72
|
-
* Option changes handler
|
|
73
|
-
*/
|
|
74
|
-
this.optionSelected = new EventEmitter();
|
|
75
|
-
/**
|
|
76
|
-
* Input field changes handler
|
|
77
|
-
*/
|
|
78
|
-
this.inputStatus = new EventEmitter();
|
|
79
|
-
/**
|
|
80
|
-
* Autocomplete bottom reached handler
|
|
81
|
-
*/
|
|
82
|
-
this.bottomReached = new EventEmitter();
|
|
83
|
-
/**
|
|
84
|
-
* Subscriptions property to handle all subscriptions
|
|
85
|
-
* @ignore
|
|
86
|
-
*/
|
|
87
|
-
this.subscriptions = new Subscription();
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* Component lifecycle method
|
|
91
|
-
* @ignore
|
|
92
|
-
*/
|
|
93
|
-
ngOnInit() {
|
|
94
|
-
this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
|
|
95
|
-
const option = typeof value === 'string' ? value : value?.ViewValue;
|
|
96
|
-
return option ? this._filterOptions(option) : this.options.slice();
|
|
97
|
-
}));
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* Component lifecycle method
|
|
101
|
-
* @ignore
|
|
102
|
-
*/
|
|
103
|
-
ngAfterViewInit() {
|
|
104
|
-
this.initAutocompleteListener();
|
|
105
|
-
}
|
|
106
|
-
/**
|
|
107
|
-
* Starts the autocomplete subscriptions
|
|
108
|
-
* @ignore
|
|
109
|
-
*/
|
|
110
|
-
initAutocompleteListener() {
|
|
111
|
-
const openedSubscription = this.onAutocompleteOpened();
|
|
112
|
-
const closedSubscription = this.onAutocompleteClosed();
|
|
113
|
-
this.subscriptions.add(openedSubscription);
|
|
114
|
-
this.subscriptions.add(closedSubscription);
|
|
115
|
-
}
|
|
116
|
-
/**
|
|
117
|
-
* Handles the autocomplete opened event
|
|
118
|
-
* @ignore
|
|
119
|
-
*/
|
|
120
|
-
onAutocompleteOpened() {
|
|
121
|
-
return this.matAutocomplete.opened.subscribe(() => {
|
|
122
|
-
setTimeout(() => {
|
|
123
|
-
const panel = this.matAutocomplete.panel?.nativeElement;
|
|
124
|
-
if (panel) {
|
|
125
|
-
panel.addEventListener('scroll', this.onScroll.bind(this));
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
/**
|
|
131
|
-
* Handles the autocomplete closed event
|
|
132
|
-
* @ignore
|
|
133
|
-
*/
|
|
134
|
-
onAutocompleteClosed() {
|
|
135
|
-
return this.matAutocomplete.closed.subscribe(() => {
|
|
136
|
-
const panel = this.matAutocomplete.panel?.nativeElement;
|
|
137
|
-
if (panel) {
|
|
138
|
-
panel.removeEventListener('scroll', this.onScroll.bind(this));
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
/**
|
|
143
|
-
* Handles the scrolling event
|
|
144
|
-
* @ignore
|
|
145
|
-
*/
|
|
146
|
-
onScroll(event) {
|
|
147
|
-
const panel = event.target;
|
|
148
|
-
const scrollTop = panel.scrollTop;
|
|
149
|
-
const scrollHeight = panel.scrollHeight;
|
|
150
|
-
const offsetHeight = panel.offsetHeight;
|
|
151
|
-
if (scrollTop + offsetHeight >= scrollHeight) {
|
|
152
|
-
this.onScrolledToEnd();
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
/**
|
|
156
|
-
* Emits the bottomReached when the user reaches the end of the autocomplete panel
|
|
157
|
-
* @ignore
|
|
158
|
-
*/
|
|
159
|
-
onScrolledToEnd() {
|
|
160
|
-
this.bottomReached.emit();
|
|
161
|
-
}
|
|
162
|
-
/**
|
|
163
|
-
* Conditions the options' view to display the view value
|
|
164
|
-
* @ignore
|
|
165
|
-
*/
|
|
166
|
-
displayFn(option) {
|
|
167
|
-
return option?.ViewValue ? option.ViewValue : '';
|
|
168
|
-
}
|
|
169
|
-
/**
|
|
170
|
-
* Filters the options according to the input value
|
|
171
|
-
* @ignore
|
|
172
|
-
*/
|
|
173
|
-
_filterOptions(value) {
|
|
174
|
-
const filterValue = value.toLowerCase();
|
|
175
|
-
return this.options.filter(option => option.ViewValue.toLowerCase().includes(filterValue));
|
|
176
|
-
}
|
|
177
|
-
/**
|
|
178
|
-
* Emits the selected option every time it changes
|
|
179
|
-
* @ignore
|
|
180
|
-
*/
|
|
181
|
-
onSelectionChanged(option) {
|
|
182
|
-
this.optionSelected.emit(option.Value);
|
|
183
|
-
}
|
|
184
|
-
/**
|
|
185
|
-
* Emits the formControl variable every time the input value changes
|
|
186
|
-
* @ignore
|
|
187
|
-
*/
|
|
188
|
-
onInputChanged() {
|
|
189
|
-
this.inputStatus.emit(this.formControl);
|
|
190
|
-
}
|
|
191
|
-
/**
|
|
192
|
-
* Unsubscribe from all subscriptions when the component is destroyed
|
|
193
|
-
* @ignore
|
|
194
|
-
*/
|
|
195
|
-
ngOnDestroy() {
|
|
196
|
-
this.subscriptions?.unsubscribe();
|
|
197
|
-
}
|
|
198
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
199
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;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)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { 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: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
|
|
200
|
-
}
|
|
201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, decorators: [{
|
|
202
|
-
type: Component,
|
|
203
|
-
args: [{ selector: 'lib-tk-form-autocomplete-field', standalone: true, imports: [
|
|
204
|
-
NgStyle,
|
|
205
|
-
AsyncPipe,
|
|
206
|
-
FormsModule,
|
|
207
|
-
MatInputModule,
|
|
208
|
-
MatFormFieldModule,
|
|
209
|
-
ReactiveFormsModule,
|
|
210
|
-
MatAutocompleteModule,
|
|
211
|
-
], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;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)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
|
|
212
|
-
}], propDecorators: { fieldWidth: [{
|
|
213
|
-
type: Input
|
|
214
|
-
}], theme: [{
|
|
215
|
-
type: Input
|
|
216
|
-
}], appearance: [{
|
|
217
|
-
type: Input
|
|
218
|
-
}], subscriptSizing: [{
|
|
219
|
-
type: Input
|
|
220
|
-
}], autoActiveFirstOption: [{
|
|
221
|
-
type: Input
|
|
222
|
-
}], autoSelectActiveOption: [{
|
|
223
|
-
type: Input
|
|
224
|
-
}], type: [{
|
|
225
|
-
type: Input
|
|
226
|
-
}], required: [{
|
|
227
|
-
type: Input
|
|
228
|
-
}], fieldTitle: [{
|
|
229
|
-
type: Input
|
|
230
|
-
}], fieldLabel: [{
|
|
231
|
-
type: Input
|
|
232
|
-
}], placeHolder: [{
|
|
233
|
-
type: Input
|
|
234
|
-
}], options: [{
|
|
235
|
-
type: Input
|
|
236
|
-
}], optionSelected: [{
|
|
237
|
-
type: Output
|
|
238
|
-
}], inputStatus: [{
|
|
239
|
-
type: Output
|
|
240
|
-
}], bottomReached: [{
|
|
241
|
-
type: Output
|
|
242
|
-
}], matAutocomplete: [{
|
|
243
|
-
type: ViewChild,
|
|
244
|
-
args: ['auto']
|
|
245
|
-
}] } });
|
|
246
|
-
|
|
247
|
-
/**
|
|
248
|
-
* Generated bundle index. Do not edit.
|
|
249
|
-
*/
|
|
250
|
-
|
|
251
|
-
export { TkFormAutocompleteFieldComponent };
|
|
252
|
-
//# sourceMappingURL=tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tekus-design-system-components-forms-tk-form-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.ts"],"sourcesContent":["import {\n Input,\n Output,\n OnInit,\n Component,\n ViewChild,\n OnDestroy,\n EventEmitter,\n AfterViewInit,\n} from '@angular/core';\nimport {\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n MatAutocomplete,\n MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n selector: 'lib-tk-form-autocomplete-field',\n standalone: true,\n imports: [\n NgStyle,\n AsyncPipe,\n FormsModule,\n MatInputModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n ],\n templateUrl: './tk-form-autocomplete-field.component.html',\n styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n implements OnInit, OnDestroy, AfterViewInit\n{\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl<string | Option>('');\n\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Whether the first option should be highlighted when the autocomplete panel is opened\n * @default true\n */\n @Input()\n public autoActiveFirstOption?: boolean = true;\n\n /**\n * Whether the active option should be selected as the user is navigating.\n * @default true\n */\n @Input()\n public autoSelectActiveOption?: boolean = true;\n\n /**\n * Optional field input type\n * @default 'text'\n */\n @Input()\n public type = 'text';\n\n /**\n * Whether the field is required\n * @default true\n */\n @Input()\n public required = true;\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Filtered options\n * @ignore\n */\n public filteredOptions!: Observable<Option[]>;\n\n /**\n * Options to be displayed\n * @ignore\n */\n @Input()\n public options: Option[] = [];\n\n /**\n * Option changes handler\n */\n @Output()\n public optionSelected = new EventEmitter<string | number>();\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * Autocomplete bottom reached handler\n */\n @Output()\n public bottomReached = new EventEmitter<void>();\n\n /**\n * Subscriptions property to handle all subscriptions\n * @ignore\n */\n private subscriptions: Subscription = new Subscription();\n\n /**\n * Mat-autocomplete reference\n * @ignore\n */\n @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnInit(): void {\n this.filteredOptions = this.formControl.valueChanges.pipe(\n startWith(''),\n map(value => {\n const option = typeof value === 'string' ? value : value?.ViewValue;\n return option ? this._filterOptions(option) : this.options.slice();\n })\n );\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngAfterViewInit(): void {\n this.initAutocompleteListener();\n }\n\n /**\n * Starts the autocomplete subscriptions\n * @ignore\n */\n public initAutocompleteListener(): void {\n const openedSubscription = this.onAutocompleteOpened();\n const closedSubscription = this.onAutocompleteClosed();\n\n this.subscriptions.add(openedSubscription);\n this.subscriptions.add(closedSubscription);\n }\n\n /**\n * Handles the autocomplete opened event\n * @ignore\n */\n private onAutocompleteOpened(): Subscription {\n return this.matAutocomplete.opened.subscribe(() => {\n setTimeout(() => {\n const panel = this.matAutocomplete.panel?.nativeElement;\n if (panel) {\n panel.addEventListener('scroll', this.onScroll.bind(this));\n }\n });\n });\n }\n\n /**\n * Handles the autocomplete closed event\n * @ignore\n */\n private onAutocompleteClosed(): Subscription {\n return this.matAutocomplete.closed.subscribe(() => {\n const panel = this.matAutocomplete.panel?.nativeElement;\n if (panel) {\n panel.removeEventListener('scroll', this.onScroll.bind(this));\n }\n });\n }\n\n /**\n * Handles the scrolling event\n * @ignore\n */\n private onScroll(event: Event) {\n const panel = event.target as HTMLElement;\n const scrollTop = panel.scrollTop;\n const scrollHeight = panel.scrollHeight;\n const offsetHeight = panel.offsetHeight;\n\n if (scrollTop + offsetHeight >= scrollHeight) {\n this.onScrolledToEnd();\n }\n }\n\n /**\n * Emits the bottomReached when the user reaches the end of the autocomplete panel\n * @ignore\n */\n private onScrolledToEnd(): void {\n this.bottomReached.emit();\n }\n\n /**\n * Conditions the options' view to display the view value\n * @ignore\n */\n public displayFn(option: Option | null): string {\n return option?.ViewValue ? option.ViewValue : '';\n }\n\n /**\n * Filters the options according to the input value\n * @ignore\n */\n private _filterOptions(value: string): Option[] {\n const filterValue = value.toLowerCase();\n\n return this.options.filter(option =>\n option.ViewValue.toLowerCase().includes(filterValue)\n );\n }\n\n /**\n * Emits the selected option every time it changes\n * @ignore\n */\n public onSelectionChanged(option: Option): void {\n this.optionSelected.emit(option.Value);\n }\n\n /**\n * Emits the formControl variable every time the input value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Unsubscribe from all subscriptions when the component is destroyed\n * @ignore\n */\n ngOnDestroy() {\n this.subscriptions?.unsubscribe();\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.ts"],"sourcesContent":["import {\n Input,\n Output,\n Component,\n ViewChild,\n ElementRef,\n EventEmitter,\n ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n MatAutocompleteModule,\n MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n selector: 'lib-tk-form-chips-autocomplete-field',\n standalone: true,\n imports: [\n NgStyle,\n AsyncPipe,\n FormsModule,\n MatIconModule,\n MatChipsModule,\n MatButtonModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './tk-form-chips-autocomplete-field.component.html',\n styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent {\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl('');\n /**\n * Selected keywords\n * @ignore\n */\n public keywords: Option[] = [];\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * Keywords changes handler\n */\n @Output()\n public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n /**\n * Separator constants\n * @ignore\n */\n public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n /**\n * Options to be displayed\n * @ignore\n */\n @Input()\n public allKeywords: Option[] = [];\n\n /**\n * Filtered keywords after the input field changes\n * @ignore\n */\n public readonly filteredKeywords: Observable<Option[]>;\n\n /**\n * Keyword Input element reference\n * @ignore\n */\n @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n /**\n * @ignore\n * Class constructor\n */\n constructor() {\n this.filteredKeywords = this.formControl.valueChanges.pipe(\n startWith(null),\n map((keyword: string | null) =>\n keyword ? this._filter(String(keyword)) : this.allKeywords.slice()\n )\n );\n }\n\n /**\n * Handles every keyword deletion\n * @ignore\n */\n public remove(keyword: Option): void {\n const index = this.keywords.indexOf(keyword);\n\n if (index >= 0) {\n this.keywords.splice(index, 1);\n this.onKeywordsChanged();\n }\n }\n\n /**\n * Emits the formControl variable every time the field value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Emits the selected keywords every time they changed\n * @ignore\n */\n public onKeywordsChanged(): void {\n this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n }\n\n /**\n * Handles the autocomplete selection\n * @ignore\n */\n public selected(event: MatAutocompleteSelectedEvent): void {\n const value = event.option.value;\n const selectedKeyword = this.allKeywords.find(\n option => option.Value === value\n );\n\n if (\n selectedKeyword &&\n !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n ) {\n this.keywords.push(selectedKeyword);\n this.onKeywordsChanged();\n }\n\n this.keywordInput.nativeElement.value = '';\n this.formControl.setValue(null);\n }\n\n /**\n * Filters the keywords based on the input\n * @ignore\n */\n private _filter(value: string): Option[] {\n this.onInputChanged();\n const filterValue = value.toLowerCase();\n\n return this.allKeywords.filter(keyword =>\n keyword.ViewValue.toLowerCase().includes(filterValue)\n );\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n @for (keyword of keywords; track keyword.Value) {\n <mat-chip-row (removed)=\"remove(keyword)\">\n {{ keyword.ViewValue }}\n <button\n matChipRemove\n [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip-row>\n }\n </mat-chip-grid>\n <input\n #keywordInput\n [matAutocomplete]=\"auto\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\"\n [matChipInputFor]=\"chipGrid\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selected($event)\">\n @for (keyword of filteredKeywords | async; track keyword.Value) {\n <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tekus-design-system-components-forms-tk-form-input-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.ts","../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.html","../../../projects/design-system/components/forms/tk-form-input-field/tekus-design-system-components-forms-tk-form-input-field.ts"],"sourcesContent":["import {\n Input,\n OnInit,\n Output,\n Component,\n OnChanges,\n EventEmitter,\n SimpleChanges,\n} from '@angular/core';\nimport {\n FormControl,\n FormsModule,\n ValidatorFn,\n AsyncValidatorFn,\n ValidationErrors,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { merge } from 'rxjs';\nimport {\n FloatLabelType,\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport { NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ValidatorWithMessage } from './models/validator-with-message.model';\n\n@Component({\n selector: 'lib-tk-form-input-field',\n standalone: true,\n imports: [\n NgStyle,\n FormsModule,\n MatInputModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n ],\n templateUrl: './tk-form-input-field.component.html',\n styleUrl: './tk-form-input-field.component.scss',\n})\nexport class TkFormInputFieldComponent implements OnInit, OnChanges {\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Optional field input type\n * @default 'text'\n */\n @Input()\n public type = 'text';\n\n /**\n * Whether the field is required\n * @default true\n */\n @Input()\n public required = true;\n\n /**\n * Form field label behavior\n * @default 'auto'\n */\n @Input()\n public floatLabel: FloatLabelType = 'auto';\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Optional Input field text prefix\n * @default ''\n */\n @Input()\n public inputPrefix?: string;\n\n /**\n * Optional Input field text suffix\n * @default ''\n */\n @Input()\n public inputSuffix?: string;\n\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl('');\n\n /**\n * Input field error message\n * @ignore\n */\n public errorMessage: string = '';\n\n /**\n * Optional validators for the field\n * @default ''\n */\n @Input()\n public validatorsWithMessages: { [key: string]: ValidatorWithMessage } = {};\n\n /**\n * Optional async validators for the field\n * @default ''\n */\n @Input()\n public asyncValidatorsWithMessages: { [key: string]: ValidatorWithMessage } =\n {};\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * @ignore\n * Class constructor\n */\n constructor() {\n merge(this.formControl.statusChanges, this.formControl.valueChanges)\n .pipe(takeUntilDestroyed())\n .subscribe(() => {\n this.updateErrorMessage();\n });\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnInit(): void {\n this.applyValidators();\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (\n changes['validatorsWithMessages'] ||\n changes['asyncValidatorsWithMessages']\n ) {\n this.applyValidators();\n }\n }\n\n /**\n * @ignore\n * Component lifecycle method\n */\n private isThereAnyValidator(validatorsWithMessages: {\n [key: string]: ValidatorWithMessage;\n }): boolean {\n return Object.keys(validatorsWithMessages).length > 0;\n }\n\n /**\n * Applies all the passed validators\n * @ignore\n */\n private applyValidators(): void {\n const hasSyncValidators = this.isThereAnyValidator(\n this.validatorsWithMessages\n );\n\n const hasAsyncValidators = this.isThereAnyValidator(\n this.asyncValidatorsWithMessages\n );\n\n const activeValidators: ValidatorFn[] = hasSyncValidators\n ? Object.values(this.validatorsWithMessages).map(\n validatorWithMessage => validatorWithMessage.validator\n )\n : [];\n\n const activeAsyncValidators: AsyncValidatorFn[] = hasAsyncValidators\n ? Object.values(this.asyncValidatorsWithMessages).map(\n validatorWithMessage =>\n validatorWithMessage.validator as AsyncValidatorFn\n )\n : [];\n\n if (hasSyncValidators || hasAsyncValidators) {\n this.formControl.setValidators(activeValidators);\n this.formControl.setAsyncValidators(activeAsyncValidators);\n this.formControl.updateValueAndValidity();\n }\n }\n\n /**\n * Checks if there is any validation error\n * @ignore\n */\n private checkValidationErrors(\n errors: ValidationErrors | null,\n validatorsWithMessages: {\n [key: string]: ValidatorWithMessage;\n }\n ): void {\n for (const errorKey in errors) {\n if (validatorsWithMessages[errorKey]) {\n this.errorMessage = validatorsWithMessages[errorKey].message;\n }\n }\n }\n\n /**\n * Emits the formControl variable every time the field value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Updates the error message every time the input value changes\n * @ignore\n */\n public updateErrorMessage(): void {\n this.errorMessage = '';\n const errors = this.formControl.errors;\n\n if (!errors) {\n this.errorMessage = '';\n return;\n }\n\n this.checkValidationErrors(errors, this.validatorsWithMessages);\n this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);\n this.onInputChanged();\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [floatLabel]=\"floatLabel\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\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 }} </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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|