@geoit/ui 0.0.2 → 0.0.5
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/AGENTS.md +12 -8
- package/README.md +140 -17
- package/ai/AGENTS.md +43 -32
- package/ai/README.md +36 -2
- package/ai/catalog.json +5585 -437
- package/ai/components/geo-alert.md +75 -21
- package/ai/components/geo-back-button.md +64 -18
- package/ai/components/geo-breadcrumb.md +71 -12
- package/ai/components/geo-button.md +90 -27
- package/ai/components/geo-chart.md +103 -0
- package/ai/components/geo-checkbox.md +67 -20
- package/ai/components/geo-column-picker.md +91 -18
- package/ai/components/geo-confirm-modal.md +92 -27
- package/ai/components/geo-dashboard.md +91 -0
- package/ai/components/geo-date-picker.md +105 -29
- package/ai/components/geo-date-range-picker.md +101 -28
- package/ai/components/geo-empty-state.md +75 -0
- package/ai/components/geo-feedback-form.md +97 -0
- package/ai/components/geo-file-picker.md +99 -26
- package/ai/components/geo-forgot-password.md +78 -0
- package/ai/components/geo-form-modal.md +111 -44
- package/ai/components/geo-icon.md +70 -16
- package/ai/components/geo-input.md +94 -29
- package/ai/components/geo-layout-footer.md +70 -0
- package/ai/components/geo-layout-header-actions.md +82 -0
- package/ai/components/geo-layout-header.md +89 -0
- package/ai/components/geo-layout-sidebar.md +86 -0
- package/ai/components/geo-layout.md +155 -0
- package/ai/components/geo-list-page.md +72 -0
- package/ai/components/geo-login.md +94 -0
- package/ai/components/geo-map-admin-filter.md +80 -0
- package/ai/components/geo-map-basemap-switcher.md +75 -0
- package/ai/components/geo-map-help.md +72 -0
- package/ai/components/geo-map-layer-card.md +73 -0
- package/ai/components/geo-map-layer-panel.md +75 -0
- package/ai/components/geo-map-layers-drawer.md +78 -0
- package/ai/components/geo-map-legend.md +74 -0
- package/ai/components/geo-map-locate.md +75 -0
- package/ai/components/geo-map-location-chip.md +71 -0
- package/ai/components/geo-map-measure.md +74 -0
- package/ai/components/geo-map-opacity.md +75 -0
- package/ai/components/geo-map-parcel-popup.md +79 -0
- package/ai/components/geo-map-search.md +83 -0
- package/ai/components/geo-map-shell.md +110 -0
- package/ai/components/geo-map-snapshot.md +75 -0
- package/ai/components/geo-map-swipe.md +73 -0
- package/ai/components/geo-map-toolbar.md +76 -0
- package/ai/components/geo-map-zoom.md +74 -0
- package/ai/components/geo-map.md +205 -0
- package/ai/components/geo-overlap-result.md +88 -0
- package/ai/components/geo-page-header.md +72 -0
- package/ai/components/geo-page-title.md +62 -16
- package/ai/components/geo-pagination.md +76 -24
- package/ai/components/geo-radio.md +110 -27
- package/ai/components/geo-row-actions.md +87 -19
- package/ai/components/geo-select.md +108 -28
- package/ai/components/geo-slider.md +70 -21
- package/ai/components/geo-stat-card.md +98 -0
- package/ai/components/geo-status-tag.md +67 -15
- package/ai/components/geo-step-form-layout.md +121 -38
- package/ai/components/geo-stepper.md +81 -19
- package/ai/components/geo-table-filter.md +90 -29
- package/ai/components/geo-table-pagination.md +70 -23
- package/ai/components/geo-table-toolbar.md +84 -29
- package/ai/components/geo-table.md +191 -59
- package/ai/components/geo-tabs.md +99 -27
- package/ai/components/geo-textarea.md +84 -23
- package/ai/components/geo-toast.md +138 -27
- package/ai/components/geo-tree.md +94 -22
- package/ai/components/geo-typography.md +70 -19
- package/ai/components/geo-upload.md +109 -39
- package/ai/mockup.html +1194 -0
- package/ai/recipes.md +132 -47
- package/esm2022/lib/figma/geo-alert/geo-alert.component.mjs +19 -36
- package/esm2022/lib/figma/geo-back-button/geo-back-button.component.mjs +14 -24
- package/esm2022/lib/figma/geo-breadcrumb/geo-breadcrumb.component.mjs +8 -11
- package/esm2022/lib/figma/geo-button/geo-button.component.mjs +30 -59
- package/esm2022/lib/figma/geo-chart/geo-chart.component.mjs +88 -0
- package/esm2022/lib/figma/geo-chart/geo-chart.types.mjs +2 -0
- package/esm2022/lib/figma/geo-checkbox/geo-checkbox.component.mjs +11 -22
- package/esm2022/lib/figma/geo-confirm-modal/geo-confirm-modal.component.mjs +22 -54
- package/esm2022/lib/figma/geo-dashboard/geo-dashboard.component.mjs +49 -0
- package/esm2022/lib/figma/geo-dashboard/geo-dashboard.types.mjs +2 -0
- package/esm2022/lib/figma/geo-date-picker/geo-date-picker.component.mjs +48 -78
- package/esm2022/lib/figma/geo-date-range-picker/geo-date-range-picker.component.mjs +47 -75
- package/esm2022/lib/figma/geo-empty-state/geo-empty-state.component.mjs +25 -0
- package/esm2022/lib/figma/geo-feedback-form/geo-feedback-form.component.mjs +75 -0
- package/esm2022/lib/figma/geo-feedback-form/geo-feedback-form.types.mjs +2 -0
- package/esm2022/lib/figma/geo-file-picker/geo-file-picker.component.mjs +59 -81
- package/esm2022/lib/figma/geo-forgot-password/geo-forgot-password.component.mjs +51 -0
- package/esm2022/lib/figma/geo-form-modal/geo-form-modal.component.mjs +45 -112
- package/esm2022/lib/figma/geo-icon/geo-icon.component.mjs +22 -32
- package/esm2022/lib/figma/geo-input/geo-input.component.mjs +41 -70
- package/esm2022/lib/figma/geo-layout/footer/geo-layout-footer.component.mjs +18 -0
- package/esm2022/lib/figma/geo-layout/geo-layout-actions.directive.mjs +15 -0
- package/esm2022/lib/figma/geo-layout/geo-layout.component.mjs +79 -0
- package/esm2022/lib/figma/geo-layout/geo-layout.types.mjs +42 -0
- package/esm2022/lib/figma/geo-layout/header/geo-layout-header.component.mjs +60 -0
- package/esm2022/lib/figma/geo-layout/header-actions/geo-layout-header-actions.component.mjs +70 -0
- package/esm2022/lib/figma/geo-layout/sidebar/geo-layout-sidebar.component.mjs +90 -0
- package/esm2022/lib/figma/geo-list-page/geo-list-page.component.mjs +22 -0
- package/esm2022/lib/figma/geo-login/geo-login.component.mjs +58 -0
- package/esm2022/lib/figma/geo-login/geo-login.types.mjs +2 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-admin-filter/geo-map-admin-filter.component.mjs +52 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-basemap-switcher/geo-map-basemap-switcher.component.mjs +61 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-help/geo-map-help.component.mjs +26 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-layer-card/geo-map-layer-card.component.mjs +24 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-layer-panel/geo-map-layer-panel.component.mjs +146 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-layers-drawer/geo-map-layers-drawer.component.mjs +37 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-legend/geo-map-legend.component.mjs +30 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-locate/geo-map-locate.component.mjs +72 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-location-chip/geo-map-location-chip.component.mjs +21 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-measure/geo-map-measure.component.mjs +375 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-opacity/geo-map-opacity.component.mjs +94 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-parcel-popup/geo-map-parcel-popup.component.mjs +136 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-search/geo-map-search.component.mjs +182 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-shell/geo-map-shell.component.mjs +577 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-snapshot/geo-map-snapshot.component.mjs +93 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-swipe/geo-map-swipe.component.mjs +129 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-toolbar/geo-map-toolbar.component.mjs +64 -0
- package/esm2022/lib/figma/geo-map/chrome/geo-map-zoom/geo-map-zoom.component.mjs +295 -0
- package/esm2022/lib/figma/geo-map/geo-map-toolbar.icons.mjs +18 -0
- package/esm2022/lib/figma/geo-map/geo-map.component.mjs +144 -0
- package/esm2022/lib/figma/geo-map/geo-map.constants.mjs +497 -0
- package/esm2022/lib/figma/geo-map/geo-map.controller.mjs +71 -0
- package/esm2022/lib/figma/geo-map/geo-map.types.mjs +2 -0
- package/esm2022/lib/figma/geo-map/services/geo-map-layer.service.mjs +368 -0
- package/esm2022/lib/figma/geo-map/services/geo-map-projection.service.mjs +110 -0
- package/esm2022/lib/figma/geo-map/services/geo-map.service.mjs +540 -0
- package/esm2022/lib/figma/geo-map/utils/geo-map-fullscreen-overlay.util.mjs +47 -0
- package/esm2022/lib/figma/geo-map/utils/geo-map-interactions.util.mjs +30 -0
- package/esm2022/lib/figma/geo-overlap-result/geo-overlap-result.component.mjs +25 -0
- package/esm2022/lib/figma/geo-overlap-result/geo-overlap-result.types.mjs +2 -0
- package/esm2022/lib/figma/geo-page-header/geo-page-header.component.mjs +23 -0
- package/esm2022/lib/figma/geo-page-title/geo-page-title.component.mjs +20 -35
- package/esm2022/lib/figma/geo-pagination/geo-pagination.component.mjs +13 -43
- package/esm2022/lib/figma/geo-radio/geo-radio.component.mjs +32 -52
- package/esm2022/lib/figma/geo-select/geo-select.component.mjs +46 -72
- package/esm2022/lib/figma/geo-slider/geo-slider.component.mjs +12 -28
- package/esm2022/lib/figma/geo-stat-card/geo-stat-card.component.mjs +163 -0
- package/esm2022/lib/figma/geo-stat-card/geo-stat-card.types.mjs +2 -0
- package/esm2022/lib/figma/geo-status-tag/geo-status-tag.component.mjs +23 -27
- package/esm2022/lib/figma/geo-step-form-layout/geo-step-form-layout.component.mjs +39 -96
- package/esm2022/lib/figma/geo-stepper/geo-stepper.component.mjs +18 -33
- package/esm2022/lib/figma/geo-table/geo-column-picker/geo-column-picker.component.mjs +14 -24
- package/esm2022/lib/figma/geo-table/geo-row-actions/geo-row-actions.component.mjs +18 -36
- package/esm2022/lib/figma/geo-table/geo-table-filter/geo-table-filter.component.mjs +41 -98
- package/esm2022/lib/figma/geo-table/geo-table-pagination/geo-table-pagination.component.mjs +40 -73
- package/esm2022/lib/figma/geo-table/geo-table-toolbar/geo-table-toolbar.component.mjs +26 -56
- package/esm2022/lib/figma/geo-table/geo-table.component.mjs +110 -210
- package/esm2022/lib/figma/geo-tabs/geo-tabs.component.mjs +33 -63
- package/esm2022/lib/figma/geo-textarea/geo-textarea.component.mjs +28 -44
- package/esm2022/lib/figma/geo-toast/geo-toast.component.mjs +18 -39
- package/esm2022/lib/figma/geo-tree/geo-tree.component.mjs +12 -40
- package/esm2022/lib/figma/geo-typography/geo-typography.component.mjs +49 -64
- package/esm2022/lib/figma/geo-upload/geo-upload.component.mjs +50 -101
- package/esm2022/lib/figma/index.mjs +50 -1
- package/esm2022/lib/styles/tokens.mjs +56 -24
- package/fesm2022/geoit-ui.mjs +5981 -1825
- package/fesm2022/geoit-ui.mjs.map +1 -1
- package/lib/figma/geo-alert/geo-alert.component.d.ts +10 -11
- package/lib/figma/geo-back-button/geo-back-button.component.d.ts +6 -7
- package/lib/figma/geo-breadcrumb/geo-breadcrumb.component.d.ts +2 -2
- package/lib/figma/geo-button/geo-button.component.d.ts +21 -17
- package/lib/figma/geo-chart/geo-chart.component.d.ts +40 -0
- package/lib/figma/geo-chart/geo-chart.types.d.ts +13 -0
- package/lib/figma/geo-checkbox/geo-checkbox.component.d.ts +6 -7
- package/lib/figma/geo-confirm-modal/geo-confirm-modal.component.d.ts +15 -17
- package/lib/figma/geo-dashboard/geo-dashboard.component.d.ts +29 -0
- package/lib/figma/geo-dashboard/geo-dashboard.types.d.ts +7 -0
- package/lib/figma/geo-date-picker/geo-date-picker.component.d.ts +26 -21
- package/lib/figma/geo-date-range-picker/geo-date-range-picker.component.d.ts +25 -20
- package/lib/figma/geo-empty-state/geo-empty-state.component.d.ts +17 -0
- package/lib/figma/geo-feedback-form/geo-feedback-form.component.d.ts +36 -0
- package/lib/figma/geo-feedback-form/geo-feedback-form.types.d.ts +8 -0
- package/lib/figma/geo-file-picker/geo-file-picker.component.d.ts +23 -20
- package/lib/figma/geo-forgot-password/geo-forgot-password.component.d.ts +24 -0
- package/lib/figma/geo-form-modal/geo-form-modal.component.d.ts +33 -35
- package/lib/figma/geo-icon/geo-icon.component.d.ts +7 -7
- package/lib/figma/geo-input/geo-input.component.d.ts +23 -21
- package/lib/figma/geo-layout/footer/geo-layout-footer.component.d.ts +10 -0
- package/lib/figma/geo-layout/geo-layout-actions.directive.d.ts +6 -0
- package/lib/figma/geo-layout/geo-layout.component.d.ts +48 -0
- package/lib/figma/geo-layout/geo-layout.types.d.ts +44 -0
- package/lib/figma/geo-layout/header/geo-layout-header.component.d.ts +31 -0
- package/lib/figma/geo-layout/header-actions/geo-layout-header-actions.component.d.ts +32 -0
- package/lib/figma/geo-layout/sidebar/geo-layout-sidebar.component.d.ts +34 -0
- package/lib/figma/geo-list-page/geo-list-page.component.d.ts +16 -0
- package/lib/figma/geo-login/geo-login.component.d.ts +27 -0
- package/lib/figma/geo-login/geo-login.types.d.ts +6 -0
- package/lib/figma/geo-map/chrome/geo-map-admin-filter/geo-map-admin-filter.component.d.ts +28 -0
- package/lib/figma/geo-map/chrome/geo-map-basemap-switcher/geo-map-basemap-switcher.component.d.ts +26 -0
- package/lib/figma/geo-map/chrome/geo-map-help/geo-map-help.component.d.ts +20 -0
- package/lib/figma/geo-map/chrome/geo-map-layer-card/geo-map-layer-card.component.d.ts +15 -0
- package/lib/figma/geo-map/chrome/geo-map-layer-panel/geo-map-layer-panel.component.d.ts +40 -0
- package/lib/figma/geo-map/chrome/geo-map-layers-drawer/geo-map-layers-drawer.component.d.ts +25 -0
- package/lib/figma/geo-map/chrome/geo-map-legend/geo-map-legend.component.d.ts +18 -0
- package/lib/figma/geo-map/chrome/geo-map-locate/geo-map-locate.component.d.ts +24 -0
- package/lib/figma/geo-map/chrome/geo-map-location-chip/geo-map-location-chip.component.d.ts +14 -0
- package/lib/figma/geo-map/chrome/geo-map-measure/geo-map-measure.component.d.ts +49 -0
- package/lib/figma/geo-map/chrome/geo-map-opacity/geo-map-opacity.component.d.ts +30 -0
- package/lib/figma/geo-map/chrome/geo-map-parcel-popup/geo-map-parcel-popup.component.d.ts +44 -0
- package/lib/figma/geo-map/chrome/geo-map-search/geo-map-search.component.d.ts +56 -0
- package/lib/figma/geo-map/chrome/geo-map-shell/geo-map-shell.component.d.ts +103 -0
- package/lib/figma/geo-map/chrome/geo-map-snapshot/geo-map-snapshot.component.d.ts +21 -0
- package/lib/figma/geo-map/chrome/geo-map-swipe/geo-map-swipe.component.d.ts +33 -0
- package/lib/figma/geo-map/chrome/geo-map-toolbar/geo-map-toolbar.component.d.ts +30 -0
- package/lib/figma/geo-map/chrome/geo-map-zoom/geo-map-zoom.component.d.ts +67 -0
- package/lib/figma/geo-map/geo-map-toolbar.icons.d.ts +17 -0
- package/lib/figma/geo-map/geo-map.component.d.ts +53 -0
- package/lib/figma/geo-map/geo-map.constants.d.ts +73 -0
- package/lib/figma/geo-map/geo-map.controller.d.ts +49 -0
- package/lib/figma/geo-map/geo-map.types.d.ts +224 -0
- package/lib/figma/geo-map/services/geo-map-layer.service.d.ts +42 -0
- package/lib/figma/geo-map/services/geo-map-projection.service.d.ts +32 -0
- package/lib/figma/geo-map/services/geo-map.service.d.ts +99 -0
- package/lib/figma/geo-map/utils/geo-map-fullscreen-overlay.util.d.ts +13 -0
- package/lib/figma/geo-map/utils/geo-map-interactions.util.d.ts +9 -0
- package/lib/figma/geo-overlap-result/geo-overlap-result.component.d.ts +18 -0
- package/lib/figma/geo-overlap-result/geo-overlap-result.types.d.ts +7 -0
- package/lib/figma/geo-page-header/geo-page-header.component.d.ts +16 -0
- package/lib/figma/geo-page-title/geo-page-title.component.d.ts +9 -9
- package/lib/figma/geo-pagination/geo-pagination.component.d.ts +9 -14
- package/lib/figma/geo-radio/geo-radio.component.d.ts +17 -15
- package/lib/figma/geo-select/geo-select.component.d.ts +24 -19
- package/lib/figma/geo-slider/geo-slider.component.d.ts +7 -9
- package/lib/figma/geo-stat-card/geo-stat-card.component.d.ts +50 -0
- package/lib/figma/geo-stat-card/geo-stat-card.types.d.ts +11 -0
- package/lib/figma/geo-status-tag/geo-status-tag.component.d.ts +7 -7
- package/lib/figma/geo-step-form-layout/geo-step-form-layout.component.d.ts +27 -29
- package/lib/figma/geo-stepper/geo-stepper.component.d.ts +6 -8
- package/lib/figma/geo-table/geo-column-picker/geo-column-picker.component.d.ts +6 -7
- package/lib/figma/geo-table/geo-row-actions/geo-row-actions.component.d.ts +11 -12
- package/lib/figma/geo-table/geo-table-filter/geo-table-filter.component.d.ts +21 -28
- package/lib/figma/geo-table/geo-table-pagination/geo-table-pagination.component.d.ts +17 -20
- package/lib/figma/geo-table/geo-table-toolbar/geo-table-toolbar.component.d.ts +17 -18
- package/lib/figma/geo-table/geo-table.component.d.ts +58 -62
- package/lib/figma/geo-tabs/geo-tabs.component.d.ts +14 -17
- package/lib/figma/geo-textarea/geo-textarea.component.d.ts +15 -13
- package/lib/figma/geo-toast/geo-toast.component.d.ts +11 -12
- package/lib/figma/geo-tree/geo-tree.component.d.ts +8 -13
- package/lib/figma/geo-typography/geo-typography.component.d.ts +13 -13
- package/lib/figma/geo-upload/geo-upload.component.d.ts +26 -28
- package/lib/figma/index.d.ts +49 -0
- package/lib/styles/tokens.d.ts +56 -23
- package/package.json +4 -2
- package/src/lib/figma/geo-map/assets/toolbar/fullscreen.svg +8 -0
- package/src/lib/figma/geo-map/assets/toolbar/home.svg +3 -0
- package/src/lib/figma/geo-map/assets/toolbar/layers.svg +3 -0
- package/src/lib/figma/geo-map/assets/toolbar/measure-area.svg +12 -0
- package/src/lib/figma/geo-map/assets/toolbar/measure-distance.svg +5 -0
- package/src/lib/figma/geo-map/assets/toolbar/pan.svg +13 -0
- package/src/lib/figma/geo-map/assets/toolbar/search.svg +3 -0
- package/src/lib/figma/geo-map/assets/toolbar/zoom-in.svg +3 -0
- package/src/lib/figma/geo-map/assets/toolbar/zoom-out.svg +5 -0
- package/src/lib/styles/design-tokens.scss +108 -35
- package/src/lib/styles/scrollbar.scss +2 -2
- package/src/lib/styles/theme.scss +1 -1
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
import { Component, ContentChildren, Directive,
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectionStrategy, Component, computed, ContentChildren, Directive, inject, input, model, output, TemplateRef, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import { NgZorroAntdModule } from '../../ng-zorro/ng-zorro-antd.module';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
6
|
-
import * as i2 from "ng-zorro-antd/tabs";
|
|
5
|
+
import * as i1 from "ng-zorro-antd/tabs";
|
|
7
6
|
export class GeoTabDirective {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GeoTabDirective, isStandalone: true, selector: "[uiTab]", inputs: { key: ["uiTab", "key"] }, ngImport: i0 });
|
|
7
|
+
key = input.required({ alias: 'uiTab' });
|
|
8
|
+
template = inject((TemplateRef));
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
10
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: GeoTabDirective, isStandalone: true, selector: "[uiTab]", inputs: { key: { classPropertyName: "key", publicName: "uiTab", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
15
11
|
}
|
|
16
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabDirective, decorators: [{
|
|
17
13
|
type: Directive,
|
|
@@ -19,76 +15,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
19
15
|
selector: '[uiTab]',
|
|
20
16
|
standalone: true,
|
|
21
17
|
}]
|
|
22
|
-
}]
|
|
23
|
-
type: Input,
|
|
24
|
-
args: ['uiTab']
|
|
25
|
-
}] } });
|
|
18
|
+
}] });
|
|
26
19
|
export class GeoTabsComponent {
|
|
27
|
-
items = [];
|
|
28
|
-
type = 'line';
|
|
29
|
-
size = 'default';
|
|
30
|
-
selectedIndex = 0;
|
|
31
|
-
selectedKey;
|
|
32
|
-
centered = false;
|
|
33
|
-
animated = true;
|
|
34
|
-
|
|
35
|
-
selectedKeyChange = new EventEmitter();
|
|
36
|
-
tabChange = new EventEmitter();
|
|
20
|
+
items = input([]);
|
|
21
|
+
type = input('line');
|
|
22
|
+
size = input('default');
|
|
23
|
+
selectedIndex = model(0);
|
|
24
|
+
selectedKey = model(undefined);
|
|
25
|
+
centered = input(false);
|
|
26
|
+
animated = input(true);
|
|
27
|
+
tabChange = output();
|
|
37
28
|
tabTemplates;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
29
|
+
resolvedSelectedIndex = computed(() => {
|
|
30
|
+
const key = this.selectedKey();
|
|
31
|
+
if (key) {
|
|
32
|
+
const index = this.items().findIndex((item) => item.key === key);
|
|
41
33
|
if (index >= 0) {
|
|
42
34
|
return index;
|
|
43
35
|
}
|
|
44
36
|
}
|
|
45
|
-
return this.selectedIndex;
|
|
46
|
-
}
|
|
37
|
+
return this.selectedIndex();
|
|
38
|
+
});
|
|
47
39
|
getTemplate(key) {
|
|
48
|
-
return this.tabTemplates?.find((tab) => tab.key === key)?.template ?? null;
|
|
40
|
+
return this.tabTemplates?.find((tab) => tab.key() === key)?.template ?? null;
|
|
49
41
|
}
|
|
50
42
|
onSelectedIndexChange(index) {
|
|
51
|
-
this.selectedIndex
|
|
52
|
-
const key = this.items[index]?.key ?? '';
|
|
53
|
-
this.selectedKey
|
|
54
|
-
this.selectedIndexChange.emit(index);
|
|
43
|
+
this.selectedIndex.set(index);
|
|
44
|
+
const key = this.items()[index]?.key ?? '';
|
|
45
|
+
this.selectedKey.set(key || undefined);
|
|
55
46
|
if (key) {
|
|
56
|
-
this.selectedKeyChange.emit(key);
|
|
57
47
|
this.tabChange.emit({ index, key });
|
|
58
48
|
}
|
|
59
49
|
}
|
|
60
50
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTabsComponent, isStandalone: true, selector: "geo-tabs", inputs: { items: "items", type: "type", size: "size", selectedIndex: "selectedIndex", selectedKey: "selectedKey", centered: "centered", animated: "animated" }, outputs: {
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTabsComponent, isStandalone: true, selector: "geo-tabs", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedKey: { classPropertyName: "selectedKey", publicName: "selectedKey", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedKey: "selectedKeyChange", tabChange: "tabChange" }, host: { properties: { "class.geo-tabs-host--card": "type() === \"card\"", "class.geo-tabs-host--line": "type() === \"line\"" }, classAttribute: "geo-tabs-host" }, queries: [{ propertyName: "tabTemplates", predicate: GeoTabDirective }], ngImport: i0, template: "<nz-tabset\n class=\"geo-tabs\"\n [class.geo-tabs--card]=\"type() === 'card'\"\n [class.geo-tabs--line]=\"type() === 'line'\"\n [nzType]=\"type()\"\n [nzSize]=\"size()\"\n [nzSelectedIndex]=\"resolvedSelectedIndex()\"\n [nzCentered]=\"centered()\"\n [nzAnimated]=\"animated()\"\n (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\n>\n @for (item of items(); track item.key) {\n <nz-tab [nzTitle]=\"item.title\" [nzDisabled]=\"item.disabled ?? false\">\n @if (getTemplate(item.key); as tpl) {\n <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n }\n </nz-tab>\n }\n</nz-tabset>\n", styles: ["@charset \"UTF-8\";.geo-tabs-host{display:block;width:100%;min-width:0;max-width:100%}.geo-tabs.ant-tabs{color:var(--geo-color-neutral-900);min-width:0;width:100%}.geo-tabs .ant-tabs-nav{margin-bottom:16px}.geo-tabs .ant-tabs-nav-wrap{min-width:0;flex:1 1 auto}.geo-tabs .ant-tabs-nav-list{flex-wrap:nowrap}.geo-tabs .ant-tabs-tab{padding:10px 16px;font-size:14px;line-height:20px;color:var(--geo-color-neutral-500);transition:color .15s ease}.geo-tabs .ant-tabs-tab:hover{color:var(--geo-color-primary-default)}.geo-tabs .ant-tabs-tab-btn{font-weight:500}.geo-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important;font-weight:600}.geo-tabs .ant-tabs-tab-disabled{color:var(--geo-color-neutral-400)!important;cursor:not-allowed}.geo-tabs .ant-tabs-ink-bar{background:var(--geo-color-primary-default);height:2px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 4px 0 0;padding:8px 16px;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius) var(--geo-radius) 0 0;color:var(--geo-color-neutral-500)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:var(--geo-color-neutral-white);border-color:var(--geo-color-primary-border);border-bottom-color:var(--geo-color-neutral-white);color:var(--geo-color-primary-default)}.geo-tabs--card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important}.geo-tabs .ant-tabs-content-holder{color:var(--geo-color-neutral-900);font-size:14px;line-height:22px;min-width:0}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 12px;font-size:13px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:12px 20px;font-size:16px}@media (max-width: 1024px){.geo-tabs .ant-tabs-tab{padding:8px 12px;font-size:13px;line-height:18px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:10px 14px;font-size:15px}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{padding:6px 12px}}@media (max-width: 767.98px){.geo-tabs .ant-tabs-nav{margin-bottom:12px}.geo-tabs .ant-tabs-nav-wrap{overflow:visible}.geo-tabs .ant-tabs-nav-list{flex-wrap:wrap;row-gap:0;width:100%;transform:none!important}.geo-tabs .ant-tabs-nav-operations,.geo-tabs .ant-tabs-ink-bar{display:none!important}.geo-tabs .ant-tabs-tab{height:auto;min-width:0;max-width:100%;flex:1 1 auto;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;border-bottom:2px solid transparent}.geo-tabs .ant-tabs-tab-btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;line-height:1.35}.geo-tabs .ant-tabs-tab-active{border-bottom-color:var(--geo-color-primary-default)}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 8px;font-size:12px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:8px 12px;font-size:14px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before{left:0;right:0;border-bottom:1px solid var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 4px;flex:1 1 calc(50% - 4px);padding:8px 10px;border-radius:var(--geo-radius);border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{border-color:var(--geo-color-primary-default);border-bottom-color:var(--geo-color-primary-default);background:var(--geo-color-neutral-white)}.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:after,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{flex:0 0 0;content:none}}\n"], dependencies: [{ kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
62
52
|
}
|
|
63
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabsComponent, decorators: [{
|
|
64
54
|
type: Component,
|
|
65
|
-
args: [{ selector: 'geo-tabs', standalone: true, imports: [
|
|
55
|
+
args: [{ selector: 'geo-tabs', standalone: true, imports: [NgZorroAntdModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
66
56
|
class: 'geo-tabs-host',
|
|
67
|
-
'[class.geo-tabs-host--card]': 'type === "card"',
|
|
68
|
-
'[class.geo-tabs-host--line]': 'type === "line"',
|
|
69
|
-
}, template: "<nz-tabset\n class=\"geo-tabs\"\n [class.geo-tabs--card]=\"type === 'card'\"\n [class.geo-tabs--line]=\"type === 'line'\"\n [nzType]=\"type\"\n [nzSize]=\"size\"\n [nzSelectedIndex]=\"resolvedSelectedIndex\"\n [nzCentered]=\"centered\"\n [nzAnimated]=\"animated\"\n (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\n>\n @for (item of items; track item.key) {\n <nz-tab [nzTitle]=\"item.title\" [nzDisabled]=\"item.disabled ?? false\">\n @if (getTemplate(item.key); as tpl) {\n <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n }\n </nz-tab>\n }\n</nz-tabset>\n", styles: ["@charset \"UTF-8\";.geo-tabs-host{display:block;width:100%;min-width:0;max-width:100%}.geo-tabs.ant-tabs{color:var(--geo-color-neutral-900);min-width:0;width:100%}.geo-tabs .ant-tabs-nav{margin-bottom:16px}.geo-tabs .ant-tabs-nav-wrap{min-width:0;flex:1 1 auto}.geo-tabs .ant-tabs-nav-list{flex-wrap:nowrap}.geo-tabs .ant-tabs-tab{padding:10px 16px;font-size:14px;line-height:20px;color:var(--geo-color-neutral-500);transition:color .15s ease}.geo-tabs .ant-tabs-tab:hover{color:var(--geo-color-primary-default)}.geo-tabs .ant-tabs-tab-btn{font-weight:500}.geo-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important;font-weight:600}.geo-tabs .ant-tabs-tab-disabled{color:var(--geo-color-neutral-400)!important;cursor:not-allowed}.geo-tabs .ant-tabs-ink-bar{background:var(--geo-color-primary-default);height:2px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 4px 0 0;padding:8px 16px;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius) var(--geo-radius) 0 0;color:var(--geo-color-neutral-500)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:var(--geo-color-neutral-white);border-color:var(--geo-color-primary-border);border-bottom-color:var(--geo-color-neutral-white);color:var(--geo-color-primary-default)}.geo-tabs--card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important}.geo-tabs .ant-tabs-content-holder{color:var(--geo-color-neutral-900);font-size:14px;line-height:22px;min-width:0}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 12px;font-size:13px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:12px 20px;font-size:16px}@media (max-width: 1024px){.geo-tabs .ant-tabs-tab{padding:8px 12px;font-size:13px;line-height:18px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:10px 14px;font-size:15px}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{padding:6px 12px}}@media (max-width: 767.98px){.geo-tabs .ant-tabs-nav{margin-bottom:12px}.geo-tabs .ant-tabs-nav-wrap{overflow:visible}.geo-tabs .ant-tabs-nav-list{flex-wrap:wrap;row-gap:0;width:100%;transform:none!important}.geo-tabs .ant-tabs-nav-operations,.geo-tabs .ant-tabs-ink-bar{display:none!important}.geo-tabs .ant-tabs-tab{height:auto;min-width:0;max-width:100%;flex:1 1 auto;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;border-bottom:2px solid transparent}.geo-tabs .ant-tabs-tab-btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;line-height:1.35}.geo-tabs .ant-tabs-tab-active{border-bottom-color:var(--geo-color-primary-default)}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 8px;font-size:12px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:8px 12px;font-size:14px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before{left:0;right:0;border-bottom:1px solid var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 4px;flex:1 1 calc(50% - 4px);padding:8px 10px;border-radius:var(--geo-radius);border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{border-color:var(--geo-color-primary-default);border-bottom-color:var(--geo-color-primary-default);background:var(--geo-color-neutral-white)}.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:after,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{flex:0 0 0;content:none}}\n"] }]
|
|
70
|
-
}], propDecorators: {
|
|
71
|
-
type: Input
|
|
72
|
-
}], type: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], size: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], selectedIndex: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], selectedKey: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], centered: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], animated: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], selectedIndexChange: [{
|
|
85
|
-
type: Output
|
|
86
|
-
}], selectedKeyChange: [{
|
|
87
|
-
type: Output
|
|
88
|
-
}], tabChange: [{
|
|
89
|
-
type: Output
|
|
90
|
-
}], tabTemplates: [{
|
|
57
|
+
'[class.geo-tabs-host--card]': 'type() === "card"',
|
|
58
|
+
'[class.geo-tabs-host--line]': 'type() === "line"',
|
|
59
|
+
}, template: "<nz-tabset\n class=\"geo-tabs\"\n [class.geo-tabs--card]=\"type() === 'card'\"\n [class.geo-tabs--line]=\"type() === 'line'\"\n [nzType]=\"type()\"\n [nzSize]=\"size()\"\n [nzSelectedIndex]=\"resolvedSelectedIndex()\"\n [nzCentered]=\"centered()\"\n [nzAnimated]=\"animated()\"\n (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\n>\n @for (item of items(); track item.key) {\n <nz-tab [nzTitle]=\"item.title\" [nzDisabled]=\"item.disabled ?? false\">\n @if (getTemplate(item.key); as tpl) {\n <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n }\n </nz-tab>\n }\n</nz-tabset>\n", styles: ["@charset \"UTF-8\";.geo-tabs-host{display:block;width:100%;min-width:0;max-width:100%}.geo-tabs.ant-tabs{color:var(--geo-color-neutral-900);min-width:0;width:100%}.geo-tabs .ant-tabs-nav{margin-bottom:16px}.geo-tabs .ant-tabs-nav-wrap{min-width:0;flex:1 1 auto}.geo-tabs .ant-tabs-nav-list{flex-wrap:nowrap}.geo-tabs .ant-tabs-tab{padding:10px 16px;font-size:14px;line-height:20px;color:var(--geo-color-neutral-500);transition:color .15s ease}.geo-tabs .ant-tabs-tab:hover{color:var(--geo-color-primary-default)}.geo-tabs .ant-tabs-tab-btn{font-weight:500}.geo-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important;font-weight:600}.geo-tabs .ant-tabs-tab-disabled{color:var(--geo-color-neutral-400)!important;cursor:not-allowed}.geo-tabs .ant-tabs-ink-bar{background:var(--geo-color-primary-default);height:2px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 4px 0 0;padding:8px 16px;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius) var(--geo-radius) 0 0;color:var(--geo-color-neutral-500)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:var(--geo-color-neutral-white);border-color:var(--geo-color-primary-border);border-bottom-color:var(--geo-color-neutral-white);color:var(--geo-color-primary-default)}.geo-tabs--card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important}.geo-tabs .ant-tabs-content-holder{color:var(--geo-color-neutral-900);font-size:14px;line-height:22px;min-width:0}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 12px;font-size:13px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:12px 20px;font-size:16px}@media (max-width: 1024px){.geo-tabs .ant-tabs-tab{padding:8px 12px;font-size:13px;line-height:18px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:10px 14px;font-size:15px}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{padding:6px 12px}}@media (max-width: 767.98px){.geo-tabs .ant-tabs-nav{margin-bottom:12px}.geo-tabs .ant-tabs-nav-wrap{overflow:visible}.geo-tabs .ant-tabs-nav-list{flex-wrap:wrap;row-gap:0;width:100%;transform:none!important}.geo-tabs .ant-tabs-nav-operations,.geo-tabs .ant-tabs-ink-bar{display:none!important}.geo-tabs .ant-tabs-tab{height:auto;min-width:0;max-width:100%;flex:1 1 auto;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;border-bottom:2px solid transparent}.geo-tabs .ant-tabs-tab-btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;line-height:1.35}.geo-tabs .ant-tabs-tab-active{border-bottom-color:var(--geo-color-primary-default)}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 8px;font-size:12px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:8px 12px;font-size:14px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before{left:0;right:0;border-bottom:1px solid var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 4px;flex:1 1 calc(50% - 4px);padding:8px 10px;border-radius:var(--geo-radius);border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{border-color:var(--geo-color-primary-default);border-bottom-color:var(--geo-color-primary-default);background:var(--geo-color-neutral-white)}.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:after,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{flex:0 0 0;content:none}}\n"] }]
|
|
60
|
+
}], propDecorators: { tabTemplates: [{
|
|
91
61
|
type: ContentChildren,
|
|
92
62
|
args: [GeoTabDirective]
|
|
93
63
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYnMvZ2VvLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYnMvZ2VvLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLGVBQWUsRUFDZixTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUVOLFdBQVcsRUFDWCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQU94RSxNQUFNLE9BQU8sZUFBZTtJQUNqQixHQUFHLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELFFBQVEsR0FBRyxNQUFNLENBQUMsQ0FBQSxXQUFvQixDQUFBLENBQUMsQ0FBQzt3R0FGdEMsZUFBZTs0RkFBZixlQUFlOzs0RkFBZixlQUFlO2tCQUozQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7O0FBb0JELE1BQU0sT0FBTyxnQkFBZ0I7SUFDbEIsS0FBSyxHQUFHLEtBQUssQ0FBZSxFQUFFLENBQUMsQ0FBQztJQUNoQyxJQUFJLEdBQUcsS0FBSyxDQUFjLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLElBQUksR0FBRyxLQUFLLENBQWMsU0FBUyxDQUFDLENBQUM7SUFDckMsYUFBYSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6QixXQUFXLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztJQUNuRCxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFdkIsU0FBUyxHQUFHLE1BQU0sRUFBa0MsQ0FBQztJQUU1QixZQUFZLENBQThCO0lBRW5FLHFCQUFxQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDN0MsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQy9CLElBQUksR0FBRyxFQUFFLENBQUM7WUFDUixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBQ2pFLElBQUksS0FBSyxJQUFJLENBQUMsRUFBRSxDQUFDO2dCQUNmLE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQztRQUNILENBQUM7UUFFRCxPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDLENBQUMsQ0FBQztJQUVILFdBQVcsQ0FBQyxHQUFXO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsS0FBSyxHQUFHLENBQUMsRUFBRSxRQUFRLElBQUksSUFBSSxDQUFDO0lBQy9FLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFhO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLElBQUksRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxTQUFTLENBQUMsQ0FBQztRQUN2QyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN0QyxDQUFDO0lBQ0gsQ0FBQzt3R0FwQ1UsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsMnZDQVdWLGVBQWUsNkJDcERsQyxzbkJBbUJBLDR0SURXWSxpQkFBaUIsdXRCQUFFLGdCQUFnQjs7NEZBV2xDLGdCQUFnQjtrQkFkNUIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLENBQUMsaUJBRy9CLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLGVBQWU7d0JBQ3RCLDZCQUE2QixFQUFFLG1CQUFtQjt3QkFDbEQsNkJBQTZCLEVBQUUsbUJBQW1CO3FCQUNuRDs4QkFhaUMsWUFBWTtzQkFBN0MsZUFBZTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRGlyZWN0aXZlLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBtb2RlbCxcbiAgb3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nWm9ycm9BbnRkTW9kdWxlIH0gZnJvbSAnLi4vLi4vbmctem9ycm8vbmctem9ycm8tYW50ZC5tb2R1bGUnO1xuaW1wb3J0IHsgR2VvVGFiSXRlbSwgR2VvVGFic1NpemUsIEdlb1RhYnNUeXBlIH0gZnJvbSAnLi9nZW8tdGFicy50eXBlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t1aVRhYl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBHZW9UYWJEaXJlY3RpdmUge1xuICByZWFkb25seSBrZXkgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KHsgYWxpYXM6ICd1aVRhYicgfSk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlID0gaW5qZWN0KFRlbXBsYXRlUmVmPHVua25vd24+KTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXRhYnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdab3Jyb0FudGRNb2R1bGUsIE5nVGVtcGxhdGVPdXRsZXRdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXRhYnMuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXRhYnMtaG9zdCcsXG4gICAgJ1tjbGFzcy5nZW8tdGFicy1ob3N0LS1jYXJkXSc6ICd0eXBlKCkgPT09IFwiY2FyZFwiJyxcbiAgICAnW2NsYXNzLmdlby10YWJzLWhvc3QtLWxpbmVdJzogJ3R5cGUoKSA9PT0gXCJsaW5lXCInLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBHZW9UYWJzQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgaXRlbXMgPSBpbnB1dDxHZW9UYWJJdGVtW10+KFtdKTtcbiAgcmVhZG9ubHkgdHlwZSA9IGlucHV0PEdlb1RhYnNUeXBlPignbGluZScpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8R2VvVGFic1NpemU+KCdkZWZhdWx0Jyk7XG4gIHJlYWRvbmx5IHNlbGVjdGVkSW5kZXggPSBtb2RlbCgwKTtcbiAgcmVhZG9ubHkgc2VsZWN0ZWRLZXkgPSBtb2RlbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGNlbnRlcmVkID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBhbmltYXRlZCA9IGlucHV0KHRydWUpO1xuXG4gIHJlYWRvbmx5IHRhYkNoYW5nZSA9IG91dHB1dDx7IGluZGV4OiBudW1iZXI7IGtleTogc3RyaW5nIH0+KCk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihHZW9UYWJEaXJlY3RpdmUpIHRhYlRlbXBsYXRlcyE6IFF1ZXJ5TGlzdDxHZW9UYWJEaXJlY3RpdmU+O1xuXG4gIHJlYWRvbmx5IHJlc29sdmVkU2VsZWN0ZWRJbmRleCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBrZXkgPSB0aGlzLnNlbGVjdGVkS2V5KCk7XG4gICAgaWYgKGtleSkge1xuICAgICAgY29uc3QgaW5kZXggPSB0aGlzLml0ZW1zKCkuZmluZEluZGV4KChpdGVtKSA9PiBpdGVtLmtleSA9PT0ga2V5KTtcbiAgICAgIGlmIChpbmRleCA+PSAwKSB7XG4gICAgICAgIHJldHVybiBpbmRleDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZEluZGV4KCk7XG4gIH0pO1xuXG4gIGdldFRlbXBsYXRlKGtleTogc3RyaW5nKTogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy50YWJUZW1wbGF0ZXM/LmZpbmQoKHRhYikgPT4gdGFiLmtleSgpID09PSBrZXkpPy50ZW1wbGF0ZSA/PyBudWxsO1xuICB9XG5cbiAgb25TZWxlY3RlZEluZGV4Q2hhbmdlKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXguc2V0KGluZGV4KTtcbiAgICBjb25zdCBrZXkgPSB0aGlzLml0ZW1zKClbaW5kZXhdPy5rZXkgPz8gJyc7XG4gICAgdGhpcy5zZWxlY3RlZEtleS5zZXQoa2V5IHx8IHVuZGVmaW5lZCk7XG4gICAgaWYgKGtleSkge1xuICAgICAgdGhpcy50YWJDaGFuZ2UuZW1pdCh7IGluZGV4LCBrZXkgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8bnotdGFic2V0XG4gIGNsYXNzPVwiZ2VvLXRhYnNcIlxuICBbY2xhc3MuZ2VvLXRhYnMtLWNhcmRdPVwidHlwZSgpID09PSAnY2FyZCdcIlxuICBbY2xhc3MuZ2VvLXRhYnMtLWxpbmVdPVwidHlwZSgpID09PSAnbGluZSdcIlxuICBbbnpUeXBlXT1cInR5cGUoKVwiXG4gIFtuelNpemVdPVwic2l6ZSgpXCJcbiAgW256U2VsZWN0ZWRJbmRleF09XCJyZXNvbHZlZFNlbGVjdGVkSW5kZXgoKVwiXG4gIFtuekNlbnRlcmVkXT1cImNlbnRlcmVkKClcIlxuICBbbnpBbmltYXRlZF09XCJhbmltYXRlZCgpXCJcbiAgKG56U2VsZWN0ZWRJbmRleENoYW5nZSk9XCJvblNlbGVjdGVkSW5kZXhDaGFuZ2UoJGV2ZW50KVwiXG4+XG4gIEBmb3IgKGl0ZW0gb2YgaXRlbXMoKTsgdHJhY2sgaXRlbS5rZXkpIHtcbiAgICA8bnotdGFiIFtuelRpdGxlXT1cIml0ZW0udGl0bGVcIiBbbnpEaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkID8/IGZhbHNlXCI+XG4gICAgICBAaWYgKGdldFRlbXBsYXRlKGl0ZW0ua2V5KTsgYXMgdHBsKSB7XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICB9XG4gICAgPC9uei10YWI+XG4gIH1cbjwvbnotdGFic2V0PlxuIl19
|
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, forwardRef, inject, input, output, signal, ViewEncapsulation, } from '@angular/core';
|
|
3
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
import * as i1 from "@angular/forms";
|
|
6
5
|
let uiTextareaErrorId = 0;
|
|
7
6
|
export class GeoTextareaComponent {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
cdr = inject(ChangeDetectorRef);
|
|
8
|
+
label = input('');
|
|
9
|
+
placeholder = input('');
|
|
10
|
+
rows = input(3);
|
|
11
|
+
disabled = input(false);
|
|
12
|
+
required = input(false);
|
|
13
|
+
error = input(false);
|
|
14
|
+
errorMessage = input('');
|
|
15
|
+
maxlength = input(undefined);
|
|
16
|
+
block = input(true);
|
|
17
|
+
valueChange = output();
|
|
18
18
|
errorMessageId = `geo-textarea-error-${++uiTextareaErrorId}`;
|
|
19
|
-
|
|
19
|
+
disabledFromCva = signal(false);
|
|
20
|
+
isDisabled = computed(() => this.disabled() || this.disabledFromCva());
|
|
21
|
+
value = signal('');
|
|
20
22
|
onChange = () => undefined;
|
|
21
23
|
onTouched = () => undefined;
|
|
22
24
|
onInput(value) {
|
|
23
|
-
this.value
|
|
25
|
+
this.value.set(value);
|
|
24
26
|
this.onChange(value);
|
|
25
27
|
this.valueChange.emit(value);
|
|
26
28
|
}
|
|
@@ -28,7 +30,8 @@ export class GeoTextareaComponent {
|
|
|
28
30
|
this.onTouched();
|
|
29
31
|
}
|
|
30
32
|
writeValue(value) {
|
|
31
|
-
this.value
|
|
33
|
+
this.value.set(value ?? '');
|
|
34
|
+
this.cdr.markForCheck();
|
|
32
35
|
}
|
|
33
36
|
registerOnChange(fn) {
|
|
34
37
|
this.onChange = fn;
|
|
@@ -37,49 +40,30 @@ export class GeoTextareaComponent {
|
|
|
37
40
|
this.onTouched = fn;
|
|
38
41
|
}
|
|
39
42
|
setDisabledState(isDisabled) {
|
|
40
|
-
this.
|
|
43
|
+
this.disabledFromCva.set(isDisabled);
|
|
44
|
+
this.cdr.markForCheck();
|
|
41
45
|
}
|
|
42
46
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTextareaComponent, isStandalone: true, selector: "geo-textarea", inputs: { label: "label", placeholder: "placeholder", rows: "rows", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", maxlength: "maxlength", block: "block" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-textarea-host--block": "block", "class.geo-textarea-host--error": "error" }, classAttribute: "geo-textarea-host" }, providers: [
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTextareaComponent, isStandalone: true, selector: "geo-textarea", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-textarea-host--block": "block()", "class.geo-textarea-host--error": "error()" }, classAttribute: "geo-textarea-host" }, providers: [
|
|
44
48
|
{
|
|
45
49
|
provide: NG_VALUE_ACCESSOR,
|
|
46
50
|
useExisting: forwardRef(() => GeoTextareaComponent),
|
|
47
51
|
multi: true,
|
|
48
52
|
},
|
|
49
|
-
], ngImport: i0, template: "@if (label) {\n <div class=\"geo-textarea__label\">\n <span>{{ label }}</span>\n @if (required) {\n <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n }\n </div>\n}\n\n<textarea\n class=\"geo-textarea__field\"\n [class.geo-textarea__field--error]=\"error\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n [disabled]=\"
|
|
53
|
+
], ngImport: i0, template: "@if (label()) {\n <div class=\"geo-textarea__label\">\n <span>{{ label() }}</span>\n @if (required()) {\n <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n }\n </div>\n}\n\n<textarea\n class=\"geo-textarea__field\"\n [class.geo-textarea__field--error]=\"error()\"\n [rows]=\"rows()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [attr.maxlength]=\"maxlength() ?? null\"\n [attr.aria-invalid]=\"error() ? 'true' : null\"\n [attr.aria-describedby]=\"error() && errorMessage() ? errorMessageId : null\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n></textarea>\n\n@if (error() && errorMessage()) {\n <p class=\"geo-textarea__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage() }}</p>\n}\n", styles: ["@charset \"UTF-8\";.geo-scrollbar{scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:var(--geo-radius-full)}.geo-scrollbar::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:var(--geo-radius-full);border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-scrollbar::-webkit-scrollbar-corner{background:transparent}geo-textarea.geo-textarea-host,.geo-textarea-host{display:flex;flex-direction:column;gap:8px;width:100%}.geo-textarea__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-textarea__required{color:var(--geo-color-error-default)}.geo-textarea__field{width:100%;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900);font-family:inherit;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-textarea__field::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-textarea__field::-webkit-scrollbar-track{background:transparent;border-radius:var(--geo-radius-full)}.geo-textarea__field::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:var(--geo-radius-full);border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-textarea__field::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-textarea__field::-webkit-scrollbar-corner{background:transparent}.geo-textarea__field::placeholder{color:var(--geo-color-neutral-500)}.geo-textarea__field:hover:not(:disabled){border-color:var(--geo-color-primary-default)}.geo-textarea__field:focus{outline:none;border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-textarea__field:disabled{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-textarea__field--error{border-color:var(--geo-color-error-default)!important}.geo-textarea__field--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-textarea__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
50
54
|
}
|
|
51
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTextareaComponent, decorators: [{
|
|
52
56
|
type: Component,
|
|
53
|
-
args: [{ selector: 'geo-textarea', standalone: true, imports: [
|
|
57
|
+
args: [{ selector: 'geo-textarea', standalone: true, imports: [FormsModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
54
58
|
class: 'geo-textarea-host',
|
|
55
|
-
'[class.geo-textarea-host--block]': 'block',
|
|
56
|
-
'[class.geo-textarea-host--error]': 'error',
|
|
59
|
+
'[class.geo-textarea-host--block]': 'block()',
|
|
60
|
+
'[class.geo-textarea-host--error]': 'error()',
|
|
57
61
|
}, providers: [
|
|
58
62
|
{
|
|
59
63
|
provide: NG_VALUE_ACCESSOR,
|
|
60
64
|
useExisting: forwardRef(() => GeoTextareaComponent),
|
|
61
65
|
multi: true,
|
|
62
66
|
},
|
|
63
|
-
], template: "@if (label) {\n <div class=\"geo-textarea__label\">\n <span>{{ label }}</span>\n @if (required) {\n <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n }\n </div>\n}\n\n<textarea\n class=\"geo-textarea__field\"\n [class.geo-textarea__field--error]=\"error\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n [disabled]=\"
|
|
64
|
-
}]
|
|
65
|
-
|
|
66
|
-
}], placeholder: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], rows: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], disabled: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], required: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], error: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], errorMessage: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], maxlength: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], block: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], valueChange: [{
|
|
83
|
-
type: Output
|
|
84
|
-
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10ZXh0YXJlYS9nZW8tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRleHRhcmVhL2dlby10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBd0IsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUV0RixJQUFJLGlCQUFpQixHQUFHLENBQUMsQ0FBQztBQXNCMUIsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLEdBQUcsQ0FBQyxDQUFDO0lBQ1QsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBQ2xCLFNBQVMsQ0FBVTtJQUNuQixLQUFLLEdBQUcsSUFBSSxDQUFDO0lBRVosV0FBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFMUMsY0FBYyxHQUFHLHNCQUFzQixFQUFFLGlCQUFpQixFQUFFLENBQUM7SUFFdEUsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUVILFFBQVEsR0FBNEIsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDO0lBQ3BELFNBQVMsR0FBZSxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUM7SUFFaEQsT0FBTyxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQW9CO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7d0dBNUNVLG9CQUFvQjs0RkFBcEIsb0JBQW9CLGljQVJwQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkMvQkgsMHdCQTBCQSx3dUZEVlksWUFBWSw4QkFBRSxXQUFXOzs0RkFpQnhCLG9CQUFvQjtrQkFwQmhDLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUMsaUJBR3JCLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLG1CQUFtQjt3QkFDMUIsa0NBQWtDLEVBQUUsT0FBTzt3QkFDM0Msa0NBQWtDLEVBQUUsT0FBTztxQkFDNUMsYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5sZXQgdWlUZXh0YXJlYUVycm9ySWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tdGV4dGFyZWEnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9nZW8tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXRleHRhcmVhLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXRleHRhcmVhLWhvc3QnLFxuICAgICdbY2xhc3MuZ2VvLXRleHRhcmVhLWhvc3QtLWJsb2NrXSc6ICdibG9jaycsXG4gICAgJ1tjbGFzcy5nZW8tdGV4dGFyZWEtaG9zdC0tZXJyb3JdJzogJ2Vycm9yJyxcbiAgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBHZW9UZXh0YXJlYUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBHZW9UZXh0YXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgcm93cyA9IDM7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZSA9ICcnO1xuICBASW5wdXQoKSBtYXhsZW5ndGg/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGJsb2NrID0gdHJ1ZTtcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICByZWFkb25seSBlcnJvck1lc3NhZ2VJZCA9IGBnZW8tdGV4dGFyZWEtZXJyb3ItJHsrK3VpVGV4dGFyZWFFcnJvcklkfWA7XG5cbiAgdmFsdWUgPSAnJztcblxuICBwcml2YXRlIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbiAgb25JbnB1dCh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWUgPz8gJyc7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG59XG4iLCJAaWYgKGxhYmVsKSB7XG4gIDxkaXYgY2xhc3M9XCJnZW8tdGV4dGFyZWFfX2xhYmVsXCI+XG4gICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgQGlmIChyZXF1aXJlZCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tdGV4dGFyZWFfX3JlcXVpcmVkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Kjwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxufVxuXG48dGV4dGFyZWFcbiAgY2xhc3M9XCJnZW8tdGV4dGFyZWFfX2ZpZWxkXCJcbiAgW2NsYXNzLmdlby10ZXh0YXJlYV9fZmllbGQtLWVycm9yXT1cImVycm9yXCJcbiAgW3Jvd3NdPVwicm93c1wiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFthdHRyLm1heGxlbmd0aF09XCJtYXhsZW5ndGggPz8gbnVsbFwiXG4gIFthdHRyLmFyaWEtaW52YWxpZF09XCJlcnJvciA/ICd0cnVlJyA6IG51bGxcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImVycm9yICYmIGVycm9yTWVzc2FnZSA/IGVycm9yTWVzc2FnZUlkIDogbnVsbFwiXG4gIFtuZ01vZGVsXT1cInZhbHVlXCJcbiAgKG5nTW9kZWxDaGFuZ2UpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwib25CbHVyKClcIlxuPjwvdGV4dGFyZWE+XG5cbkBpZiAoZXJyb3IgJiYgZXJyb3JNZXNzYWdlKSB7XG4gIDxwIGNsYXNzPVwiZ2VvLXRleHRhcmVhX19lcnJvclwiIFtpZF09XCJlcnJvck1lc3NhZ2VJZFwiIHJvbGU9XCJhbGVydFwiPnt7IGVycm9yTWVzc2FnZSB9fTwvcD5cbn1cbiJdfQ==
|
|
67
|
+
], template: "@if (label()) {\n <div class=\"geo-textarea__label\">\n <span>{{ label() }}</span>\n @if (required()) {\n <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n }\n </div>\n}\n\n<textarea\n class=\"geo-textarea__field\"\n [class.geo-textarea__field--error]=\"error()\"\n [rows]=\"rows()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [attr.maxlength]=\"maxlength() ?? null\"\n [attr.aria-invalid]=\"error() ? 'true' : null\"\n [attr.aria-describedby]=\"error() && errorMessage() ? errorMessageId : null\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n></textarea>\n\n@if (error() && errorMessage()) {\n <p class=\"geo-textarea__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage() }}</p>\n}\n", styles: ["@charset \"UTF-8\";.geo-scrollbar{scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:var(--geo-radius-full)}.geo-scrollbar::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:var(--geo-radius-full);border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-scrollbar::-webkit-scrollbar-corner{background:transparent}geo-textarea.geo-textarea-host,.geo-textarea-host{display:flex;flex-direction:column;gap:8px;width:100%}.geo-textarea__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-textarea__required{color:var(--geo-color-error-default)}.geo-textarea__field{width:100%;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900);font-family:inherit;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-textarea__field::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-textarea__field::-webkit-scrollbar-track{background:transparent;border-radius:var(--geo-radius-full)}.geo-textarea__field::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:var(--geo-radius-full);border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-textarea__field::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-textarea__field::-webkit-scrollbar-corner{background:transparent}.geo-textarea__field::placeholder{color:var(--geo-color-neutral-500)}.geo-textarea__field:hover:not(:disabled){border-color:var(--geo-color-primary-default)}.geo-textarea__field:focus{outline:none;border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-textarea__field:disabled{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-textarea__field--error{border-color:var(--geo-color-error-default)!important}.geo-textarea__field--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-textarea__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
|
|
68
|
+
}] });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10ZXh0YXJlYS9nZW8tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRleHRhcmVhL2dlby10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUV0RixJQUFJLGlCQUFpQixHQUFHLENBQUMsQ0FBQztBQXVCMUIsTUFBTSxPQUFPLG9CQUFvQjtJQUNkLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUV4QyxLQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xCLFdBQVcsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDeEIsSUFBSSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQixRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixZQUFZLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3pCLFNBQVMsR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBQ2pELEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFcEIsV0FBVyxHQUFHLE1BQU0sRUFBVSxDQUFDO0lBRS9CLGNBQWMsR0FBRyxzQkFBc0IsRUFBRSxpQkFBaUIsRUFBRSxDQUFDO0lBRXJELGVBQWUsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUM7SUFFN0QsS0FBSyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUU5QixRQUFRLEdBQTRCLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQztJQUNwRCxTQUFTLEdBQWUsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDO0lBRWhELE9BQU8sQ0FBQyxLQUFhO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFvQjtRQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzt3R0FuRFUsb0JBQW9COzRGQUFwQixvQkFBb0IsbTRDQVJwQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNuQ0gsMHlCQTBCQSw0eUZEUFksV0FBVzs7NEZBa0JWLG9CQUFvQjtrQkFyQmhDLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFdBQVcsQ0FBQyxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxtQkFBbUI7d0JBQzFCLGtDQUFrQyxFQUFFLFNBQVM7d0JBQzdDLGtDQUFrQyxFQUFFLFNBQVM7cUJBQzlDLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBmb3J3YXJkUmVmLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxubGV0IHVpVGV4dGFyZWFFcnJvcklkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXRleHRhcmVhJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0Zvcm1zTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlby10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9nZW8tdGV4dGFyZWEuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXRleHRhcmVhLWhvc3QnLFxuICAgICdbY2xhc3MuZ2VvLXRleHRhcmVhLWhvc3QtLWJsb2NrXSc6ICdibG9jaygpJyxcbiAgICAnW2NsYXNzLmdlby10ZXh0YXJlYS1ob3N0LS1lcnJvcl0nOiAnZXJyb3IoKScsXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gR2VvVGV4dGFyZWFDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR2VvVGV4dGFyZWFDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCcnKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IHJvd3MgPSBpbnB1dCgzKTtcbiAgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IHJlcXVpcmVkID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBlcnJvciA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgZXJyb3JNZXNzYWdlID0gaW5wdXQoJycpO1xuICByZWFkb25seSBtYXhsZW5ndGggPSBpbnB1dDxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGJsb2NrID0gaW5wdXQodHJ1ZSk7XG5cbiAgcmVhZG9ubHkgdmFsdWVDaGFuZ2UgPSBvdXRwdXQ8c3RyaW5nPigpO1xuXG4gIHJlYWRvbmx5IGVycm9yTWVzc2FnZUlkID0gYGdlby10ZXh0YXJlYS1lcnJvci0keysrdWlUZXh0YXJlYUVycm9ySWR9YDtcblxuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkRnJvbUN2YSA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IGlzRGlzYWJsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmRpc2FibGVkKCkgfHwgdGhpcy5kaXNhYmxlZEZyb21DdmEoKSk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHZhbHVlID0gc2lnbmFsKCcnKTtcblxuICBwcml2YXRlIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbiAgb25JbnB1dCh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZS5zZXQodmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlLnNldCh2YWx1ZSA/PyAnJyk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWRGcm9tQ3ZhLnNldChpc0Rpc2FibGVkKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiQGlmIChsYWJlbCgpKSB7XG4gIDxkaXYgY2xhc3M9XCJnZW8tdGV4dGFyZWFfX2xhYmVsXCI+XG4gICAgPHNwYW4+e3sgbGFiZWwoKSB9fTwvc3Bhbj5cbiAgICBAaWYgKHJlcXVpcmVkKCkpIHtcbiAgICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXRleHRhcmVhX19yZXF1aXJlZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPio8L3NwYW4+XG4gICAgfVxuICA8L2Rpdj5cbn1cblxuPHRleHRhcmVhXG4gIGNsYXNzPVwiZ2VvLXRleHRhcmVhX19maWVsZFwiXG4gIFtjbGFzcy5nZW8tdGV4dGFyZWFfX2ZpZWxkLS1lcnJvcl09XCJlcnJvcigpXCJcbiAgW3Jvd3NdPVwicm93cygpXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyKClcIlxuICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCgpXCJcbiAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heGxlbmd0aCgpID8/IG51bGxcIlxuICBbYXR0ci5hcmlhLWludmFsaWRdPVwiZXJyb3IoKSA/ICd0cnVlJyA6IG51bGxcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImVycm9yKCkgJiYgZXJyb3JNZXNzYWdlKCkgPyBlcnJvck1lc3NhZ2VJZCA6IG51bGxcIlxuICBbbmdNb2RlbF09XCJ2YWx1ZSgpXCJcbiAgKG5nTW9kZWxDaGFuZ2UpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwib25CbHVyKClcIlxuPjwvdGV4dGFyZWE+XG5cbkBpZiAoZXJyb3IoKSAmJiBlcnJvck1lc3NhZ2UoKSkge1xuICA8cCBjbGFzcz1cImdlby10ZXh0YXJlYV9fZXJyb3JcIiBbaWRdPVwiZXJyb3JNZXNzYWdlSWRcIiByb2xlPVwiYWxlcnRcIj57eyBlcnJvck1lc3NhZ2UoKSB9fTwvcD5cbn1cbiJdfQ==
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, computed, input, model, output, ViewEncapsulation, } from '@angular/core';
|
|
3
2
|
import { NzIconModule } from 'ng-zorro-antd/icon';
|
|
4
3
|
import { GEO_TOAST_DEFAULT_TITLES, GEO_TOAST_ICONS, } from './geo-toast.types';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
@@ -9,49 +8,29 @@ import * as i1 from "ng-zorro-antd/icon";
|
|
|
9
8
|
* Dùng trực tiếp trong template, hoặc qua `GeoToastService` (Ant Design notification).
|
|
10
9
|
*/
|
|
11
10
|
export class GeoToastComponent {
|
|
12
|
-
type = 'info';
|
|
13
|
-
title = '';
|
|
14
|
-
message = '';
|
|
15
|
-
closable = true;
|
|
16
|
-
showIcon = true;
|
|
17
|
-
visible = true;
|
|
11
|
+
type = input('info');
|
|
12
|
+
title = input('');
|
|
13
|
+
message = input('');
|
|
14
|
+
closable = input(true);
|
|
15
|
+
showIcon = input(true);
|
|
16
|
+
visible = model(true);
|
|
18
17
|
/** Override Ant Design icon type. */
|
|
19
|
-
icon;
|
|
20
|
-
closed =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
get iconType() {
|
|
25
|
-
return this.icon || GEO_TOAST_ICONS[this.type];
|
|
26
|
-
}
|
|
18
|
+
icon = input(undefined);
|
|
19
|
+
closed = output();
|
|
20
|
+
displayTitle = computed(() => this.title() || GEO_TOAST_DEFAULT_TITLES[this.type()]);
|
|
21
|
+
iconType = computed(() => this.icon() || GEO_TOAST_ICONS[this.type()]);
|
|
27
22
|
onClose() {
|
|
28
|
-
this.visible
|
|
23
|
+
this.visible.set(false);
|
|
29
24
|
this.closed.emit();
|
|
30
25
|
}
|
|
31
26
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoToastComponent, isStandalone: true, selector: "geo-toast", inputs: { type: "type", title: "title", message: "message", closable: "closable", showIcon: "showIcon", visible: "visible", icon: "icon" }, outputs: { closed: "closed" }, host: { properties: { "class.geo-toast-host--hidden": "!visible" }, classAttribute: "geo-toast-host" }, ngImport: i0, template: "@if (visible) {\n <div\n class=\"geo-toast\"\n [class]=\"'geo-toast geo-toast--' + type\"\n role=\"status\"\n [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\n >\n <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n <div class=\"geo-toast__body\">\n @if (showIcon) {\n <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"fill\"></span>\n }\n\n <div class=\"geo-toast__content\">\n <p class=\"geo-toast__title\">{{ displayTitle }}</p>\n @if (message) {\n <p class=\"geo-toast__message\">{{ message }}</p>\n }\n </div>\n\n @if (closable) {\n <button\n type=\"button\"\n class=\"geo-toast__close\"\n aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n (click)=\"onClose()\"\n >\n <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n </button>\n }\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius);font-family:var(--geo-font-family)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoToastComponent, isStandalone: true, selector: "geo-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", closed: "closed" }, host: { properties: { "class.geo-toast-host--hidden": "!visible()" }, classAttribute: "geo-toast-host" }, ngImport: i0, template: "@if (visible()) {\n <div\n class=\"geo-toast\"\n [class]=\"'geo-toast geo-toast--' + type()\"\n role=\"status\"\n [attr.aria-live]=\"type() === 'error' ? 'assertive' : 'polite'\"\n >\n <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n <div class=\"geo-toast__body\">\n @if (showIcon()) {\n <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType()\" nzTheme=\"fill\"></span>\n }\n\n <div class=\"geo-toast__content\">\n <p class=\"geo-toast__title\">{{ displayTitle() }}</p>\n @if (message()) {\n <p class=\"geo-toast__message\">{{ message() }}</p>\n }\n </div>\n\n @if (closable()) {\n <button\n type=\"button\"\n class=\"geo-toast__close\"\n aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n (click)=\"onClose()\"\n >\n <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n </button>\n }\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius-md);font-family:var(--geo-font-family);box-shadow:var(--geo-shadow-sm)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
33
28
|
}
|
|
34
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastComponent, decorators: [{
|
|
35
30
|
type: Component,
|
|
36
|
-
args: [{ selector: 'geo-toast', standalone: true, imports: [
|
|
31
|
+
args: [{ selector: 'geo-toast', standalone: true, imports: [NzIconModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
37
32
|
class: 'geo-toast-host',
|
|
38
|
-
'[class.geo-toast-host--hidden]': '!visible',
|
|
39
|
-
}, template: "@if (visible) {\n <div\n class=\"geo-toast\"\n [class]=\"'geo-toast geo-toast--' + type\"\n role=\"status\"\n [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\n >\n <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n <div class=\"geo-toast__body\">\n @if (showIcon) {\n <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"fill\"></span>\n }\n\n <div class=\"geo-toast__content\">\n <p class=\"geo-toast__title\">{{ displayTitle }}</p>\n @if (message) {\n <p class=\"geo-toast__message\">{{ message }}</p>\n }\n </div>\n\n @if (closable) {\n <button\n type=\"button\"\n class=\"geo-toast__close\"\n aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n (click)=\"onClose()\"\n >\n <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n </button>\n }\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius);font-family:var(--geo-font-family)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"] }]
|
|
40
|
-
}]
|
|
41
|
-
|
|
42
|
-
}], title: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], message: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], closable: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], showIcon: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], visible: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], icon: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], closed: [{
|
|
55
|
-
type: Output
|
|
56
|
-
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRvYXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10b2FzdC9nZW8tdG9hc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRvYXN0L2dlby10b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xELE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsZUFBZSxHQUVoQixNQUFNLG1CQUFtQixDQUFDOzs7QUFFM0I7OztHQUdHO0FBYUgsTUFBTSxPQUFPLGlCQUFpQjtJQUNuQixJQUFJLEdBQWlCLE1BQU0sQ0FBQztJQUM1QixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNiLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsUUFBUSxHQUFHLElBQUksQ0FBQztJQUNoQixPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLHFDQUFxQztJQUM1QixJQUFJLENBQVU7SUFFYixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUU1QyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLElBQUksd0JBQXdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzt3R0F2QlUsaUJBQWlCOzRGQUFqQixpQkFBaUIsd1ZDL0I5Qix1OUJBa0NBLCsxRkRaWSxZQUFZLDhCQUFFLFlBQVk7OzRGQVN6QixpQkFBaUI7a0JBWjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsaUJBR3RCLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGdCQUFnQjt3QkFDdkIsZ0NBQWdDLEVBQUUsVUFBVTtxQkFDN0M7OEJBR1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHtcbiAgR0VPX1RPQVNUX0RFRkFVTFRfVElUTEVTLFxuICBHRU9fVE9BU1RfSUNPTlMsXG4gIEdlb1RvYXN0VHlwZSxcbn0gZnJvbSAnLi9nZW8tdG9hc3QudHlwZXMnO1xuXG4vKipcbiAqIFRvYXN0IC8gbm90aWZpY2F0aW9uIFVJIHRoZW8gZGVzaWduIEdFTyAobGVmdCBhY2NlbnQgYmFyICsgaWNvbiArIHRpdGxlICsgbWVzc2FnZSkuXG4gKiBEw7luZyB0cuG7sWMgdGnhur9wIHRyb25nIHRlbXBsYXRlLCBob+G6t2MgcXVhIGBHZW9Ub2FzdFNlcnZpY2VgIChBbnQgRGVzaWduIG5vdGlmaWNhdGlvbikuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dlby10b2FzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE56SWNvbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9nZW8tdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXRvYXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXRvYXN0LWhvc3QnLFxuICAgICdbY2xhc3MuZ2VvLXRvYXN0LWhvc3QtLWhpZGRlbl0nOiAnIXZpc2libGUnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBHZW9Ub2FzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHR5cGU6IEdlb1RvYXN0VHlwZSA9ICdpbmZvJztcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgbWVzc2FnZSA9ICcnO1xuICBASW5wdXQoKSBjbG9zYWJsZSA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dJY29uID0gdHJ1ZTtcbiAgQElucHV0KCkgdmlzaWJsZSA9IHRydWU7XG4gIC8qKiBPdmVycmlkZSBBbnQgRGVzaWduIGljb24gdHlwZS4gKi9cbiAgQElucHV0KCkgaWNvbj86IHN0cmluZztcblxuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGdldCBkaXNwbGF5VGl0bGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy50aXRsZSB8fCBHRU9fVE9BU1RfREVGQVVMVF9USVRMRVNbdGhpcy50eXBlXTtcbiAgfVxuXG4gIGdldCBpY29uVHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmljb24gfHwgR0VPX1RPQVNUX0lDT05TW3RoaXMudHlwZV07XG4gIH1cblxuICBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiQGlmICh2aXNpYmxlKSB7XG4gIDxkaXZcbiAgICBjbGFzcz1cImdlby10b2FzdFwiXG4gICAgW2NsYXNzXT1cIidnZW8tdG9hc3QgZ2VvLXRvYXN0LS0nICsgdHlwZVwiXG4gICAgcm9sZT1cInN0YXR1c1wiXG4gICAgW2F0dHIuYXJpYS1saXZlXT1cInR5cGUgPT09ICdlcnJvcicgPyAnYXNzZXJ0aXZlJyA6ICdwb2xpdGUnXCJcbiAgPlxuICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXRvYXN0X19hY2NlbnRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZ2VvLXRvYXN0X19ib2R5XCI+XG4gICAgICBAaWYgKHNob3dJY29uKSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXRvYXN0X19pY29uXCIgbnotaWNvbiBbbnpUeXBlXT1cImljb25UeXBlXCIgbnpUaGVtZT1cImZpbGxcIj48L3NwYW4+XG4gICAgICB9XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJnZW8tdG9hc3RfX2NvbnRlbnRcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJnZW8tdG9hc3RfX3RpdGxlXCI+e3sgZGlzcGxheVRpdGxlIH19PC9wPlxuICAgICAgICBAaWYgKG1lc3NhZ2UpIHtcbiAgICAgICAgICA8cCBjbGFzcz1cImdlby10b2FzdF9fbWVzc2FnZVwiPnt7IG1lc3NhZ2UgfX08L3A+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuXG4gICAgICBAaWYgKGNsb3NhYmxlKSB7XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImdlby10b2FzdF9fY2xvc2VcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9XCLEkMOzbmcgdGjDtG5nIGLDoW9cIlxuICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJjbG9zZVwiIG56VGhlbWU9XCJvdXRsaW5lXCI+PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG59XG4iXX0=
|
|
33
|
+
'[class.geo-toast-host--hidden]': '!visible()',
|
|
34
|
+
}, template: "@if (visible()) {\n <div\n class=\"geo-toast\"\n [class]=\"'geo-toast geo-toast--' + type()\"\n role=\"status\"\n [attr.aria-live]=\"type() === 'error' ? 'assertive' : 'polite'\"\n >\n <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n <div class=\"geo-toast__body\">\n @if (showIcon()) {\n <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType()\" nzTheme=\"fill\"></span>\n }\n\n <div class=\"geo-toast__content\">\n <p class=\"geo-toast__title\">{{ displayTitle() }}</p>\n @if (message()) {\n <p class=\"geo-toast__message\">{{ message() }}</p>\n }\n </div>\n\n @if (closable()) {\n <button\n type=\"button\"\n class=\"geo-toast__close\"\n aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n (click)=\"onClose()\"\n >\n <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n </button>\n }\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius-md);font-family:var(--geo-font-family);box-shadow:var(--geo-shadow-sm)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"] }]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRvYXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10b2FzdC9nZW8tdG9hc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRvYXN0L2dlby10b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLGVBQWUsR0FFaEIsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBRTNCOzs7R0FHRztBQWNILE1BQU0sT0FBTyxpQkFBaUI7SUFDbkIsSUFBSSxHQUFHLEtBQUssQ0FBZSxNQUFNLENBQUMsQ0FBQztJQUNuQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xCLE9BQU8sR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDcEIsUUFBUSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QixRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZCLE9BQU8sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IscUNBQXFDO0lBQzVCLElBQUksR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBRTVDLE1BQU0sR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUV4QixZQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRXJGLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRWhGLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7d0dBbkJVLGlCQUFpQjs0RkFBakIsaUJBQWlCLG9sQ0NqQzlCLHkrQkFrQ0EsazRGRFhZLFlBQVk7OzRGQVVYLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLGdCQUFnQjt3QkFDdkIsZ0NBQWdDLEVBQUUsWUFBWTtxQkFDL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxuICBvdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE56SWNvbk1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvaWNvbic7XG5pbXBvcnQge1xuICBHRU9fVE9BU1RfREVGQVVMVF9USVRMRVMsXG4gIEdFT19UT0FTVF9JQ09OUyxcbiAgR2VvVG9hc3RUeXBlLFxufSBmcm9tICcuL2dlby10b2FzdC50eXBlcyc7XG5cbi8qKlxuICogVG9hc3QgLyBub3RpZmljYXRpb24gVUkgdGhlbyBkZXNpZ24gR0VPIChsZWZ0IGFjY2VudCBiYXIgKyBpY29uICsgdGl0bGUgKyBtZXNzYWdlKS5cbiAqIETDuW5nIHRy4buxYyB0aeG6v3AgdHJvbmcgdGVtcGxhdGUsIGhv4bq3YyBxdWEgYEdlb1RvYXN0U2VydmljZWAgKEFudCBEZXNpZ24gbm90aWZpY2F0aW9uKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXRvYXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW056SWNvbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9nZW8tdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXRvYXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dlby10b2FzdC1ob3N0JyxcbiAgICAnW2NsYXNzLmdlby10b2FzdC1ob3N0LS1oaWRkZW5dJzogJyF2aXNpYmxlKCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBHZW9Ub2FzdENvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDxHZW9Ub2FzdFR5cGU+KCdpbmZvJyk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJycpO1xuICByZWFkb25seSBtZXNzYWdlID0gaW5wdXQoJycpO1xuICByZWFkb25seSBjbG9zYWJsZSA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBzaG93SWNvbiA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSB2aXNpYmxlID0gbW9kZWwodHJ1ZSk7XG4gIC8qKiBPdmVycmlkZSBBbnQgRGVzaWduIGljb24gdHlwZS4gKi9cbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICByZWFkb25seSBjbG9zZWQgPSBvdXRwdXQ8dm9pZD4oKTtcblxuICByZWFkb25seSBkaXNwbGF5VGl0bGUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnRpdGxlKCkgfHwgR0VPX1RPQVNUX0RFRkFVTFRfVElUTEVTW3RoaXMudHlwZSgpXSk7XG5cbiAgcmVhZG9ubHkgaWNvblR5cGUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmljb24oKSB8fCBHRU9fVE9BU1RfSUNPTlNbdGhpcy50eXBlKCldKTtcblxuICBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMudmlzaWJsZS5zZXQoZmFsc2UpO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiQGlmICh2aXNpYmxlKCkpIHtcbiAgPGRpdlxuICAgIGNsYXNzPVwiZ2VvLXRvYXN0XCJcbiAgICBbY2xhc3NdPVwiJ2dlby10b2FzdCBnZW8tdG9hc3QtLScgKyB0eXBlKClcIlxuICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgIFthdHRyLmFyaWEtbGl2ZV09XCJ0eXBlKCkgPT09ICdlcnJvcicgPyAnYXNzZXJ0aXZlJyA6ICdwb2xpdGUnXCJcbiAgPlxuICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXRvYXN0X19hY2NlbnRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZ2VvLXRvYXN0X19ib2R5XCI+XG4gICAgICBAaWYgKHNob3dJY29uKCkpIHtcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tdG9hc3RfX2ljb25cIiBuei1pY29uIFtuelR5cGVdPVwiaWNvblR5cGUoKVwiIG56VGhlbWU9XCJmaWxsXCI+PC9zcGFuPlxuICAgICAgfVxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZ2VvLXRvYXN0X19jb250ZW50XCI+XG4gICAgICAgIDxwIGNsYXNzPVwiZ2VvLXRvYXN0X190aXRsZVwiPnt7IGRpc3BsYXlUaXRsZSgpIH19PC9wPlxuICAgICAgICBAaWYgKG1lc3NhZ2UoKSkge1xuICAgICAgICAgIDxwIGNsYXNzPVwiZ2VvLXRvYXN0X19tZXNzYWdlXCI+e3sgbWVzc2FnZSgpIH19PC9wPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cblxuICAgICAgQGlmIChjbG9zYWJsZSgpKSB7XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImdlby10b2FzdF9fY2xvc2VcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9XCLEkMOzbmcgdGjDtG5nIGLDoW9cIlxuICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJjbG9zZVwiIG56VGhlbWU9XCJvdXRsaW5lXCI+PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG59XG4iXX0=
|