@energinet/watt 2.1.3 → 2.1.4
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/core/styles/@energinet-datahub/watt/theme/material-overwrites/datepicker.scss +8 -2
- package/esm2022/badge/watt-badge.component.js +8 -8
- package/esm2022/breadcrumbs/watt-breadcrumbs.component.js +8 -8
- package/esm2022/button/watt-button.component.js +14 -14
- package/esm2022/card/watt-card-title.component.js +3 -3
- package/esm2022/card/watt-card.component.js +7 -7
- package/esm2022/checkbox/watt-checkbox.component.js +7 -7
- package/esm2022/chip/watt-action-chip.component.js +6 -6
- package/esm2022/chip/watt-chip.component.js +7 -7
- package/esm2022/chip/watt-chip.directive.js +3 -3
- package/esm2022/chip/watt-date-chip.component.js +3 -3
- package/esm2022/chip/watt-date-range-chip.component.js +8 -8
- package/esm2022/chip/watt-filter-chip.component.js +3 -3
- package/esm2022/chip/watt-menu-chip.component.js +3 -3
- package/esm2022/clipboard/watt-clipboard-intl.service.js +3 -3
- package/esm2022/clipboard/watt-copy-to-clipboard.directive.js +5 -5
- package/esm2022/code/watt-code.component.js +6 -6
- package/esm2022/core/breakpoints/breakpoints-observer.js +3 -3
- package/esm2022/core/color/color-helper.service.js +3 -3
- package/esm2022/core/date/watt-date.pipe.js +3 -3
- package/esm2022/core/date/watt-locale.service.js +7 -7
- package/esm2022/data/watt-data-actions.component.js +3 -3
- package/esm2022/data/watt-data-filters.component.js +3 -3
- package/esm2022/data/watt-data-intl.service.js +3 -3
- package/esm2022/data/watt-data-table.component.js +19 -19
- package/esm2022/datetime-field/watt-datetime-field.component.js +11 -11
- package/esm2022/description-list/watt-description-list-item.component.js +7 -7
- package/esm2022/description-list/watt-description-list.component.js +9 -9
- package/esm2022/drawer/watt-drawer-actions.component.js +3 -3
- package/esm2022/drawer/watt-drawer-content.component.js +3 -3
- package/esm2022/drawer/watt-drawer-heading.component.js +3 -3
- package/esm2022/drawer/watt-drawer-topbar.component.js +3 -3
- package/esm2022/drawer/watt-drawer.component.js +13 -13
- package/esm2022/dropdown/watt-dropdown.component.js +4 -4
- package/esm2022/dropzone/watt-dropzone-intl.js +3 -3
- package/esm2022/dropzone/watt-dropzone-validators.js +6 -6
- package/esm2022/dropzone/watt-dropzone.js +9 -9
- package/esm2022/empty-state/icons/explore.js +3 -3
- package/esm2022/empty-state/icons/no-results.js +3 -3
- package/esm2022/empty-state/icons/power.js +3 -3
- package/esm2022/empty-state/watt-empty-state.component.js +10 -10
- package/esm2022/expandable-card/watt-expandable-card.component.js +15 -15
- package/esm2022/expansion/expansion.component.js +3 -3
- package/esm2022/field/watt-field-error.component.js +3 -3
- package/esm2022/field/watt-field-hint.component.js +3 -3
- package/esm2022/field/watt-field-intl.service.js +3 -3
- package/esm2022/field/watt-field.component.js +19 -19
- package/esm2022/icon/flags/watt-flag-ch.js +3 -3
- package/esm2022/icon/flags/watt-flag-de.js +3 -3
- package/esm2022/icon/flags/watt-flag-dk.js +3 -3
- package/esm2022/icon/flags/watt-flag-fi.js +3 -3
- package/esm2022/icon/flags/watt-flag-nl.js +3 -3
- package/esm2022/icon/flags/watt-flag-no.js +3 -3
- package/esm2022/icon/flags/watt-flag-pl.js +3 -3
- package/esm2022/icon/flags/watt-flag-se.js +3 -3
- package/esm2022/icon/flags/watt-flag.js +7 -7
- package/esm2022/icon/icon.component.js +11 -11
- package/esm2022/modal/watt-modal.component.js +8 -8
- package/esm2022/modal/watt-modal.service.js +7 -7
- package/esm2022/paginator/watt-paginator-intl.service.js +3 -3
- package/esm2022/paginator/watt-paginator.component.js +14 -14
- package/esm2022/phone-field/watt-phone-field-intl.service.js +3 -3
- package/esm2022/phone-field/watt-phone-field.component.js +7 -7
- package/esm2022/picker/__shared/placeholder-mask/watt-placeholder-mask.component.js +13 -13
- package/esm2022/picker/__shared/watt-picker-base.js +3 -3
- package/esm2022/picker/datepicker/watt-datepicker-intl.service.js +3 -3
- package/esm2022/picker/datepicker/watt-datepicker.component.js +13 -13
- package/esm2022/picker/timepicker/watt-timepicker.component.js +3 -3
- package/esm2022/progress-tracker/watt-progress-tracker-step.component.js +9 -9
- package/esm2022/progress-tracker/watt-progress-tracker.component.js +3 -3
- package/esm2022/query-params/watt-query-params.directive.js +3 -3
- package/esm2022/radio/watt-radio.component.js +6 -6
- package/esm2022/search/watt-search.component.js +7 -7
- package/esm2022/segmented-buttons/watt-segmented-button.component.js +5 -5
- package/esm2022/segmented-buttons/watt-segmented-buttons.component.js +7 -7
- package/esm2022/shell/nav-list/watt-expand-on-active-link.directive.js +5 -5
- package/esm2022/shell/nav-list/watt-nav-list-item.component.js +7 -7
- package/esm2022/shell/nav-list/watt-nav-list.component.js +7 -7
- package/esm2022/shell/shell.component.js +4 -4
- package/esm2022/slide-toggle/watt-slide-toggle.component.js +9 -9
- package/esm2022/slider/watt-slider.component.js +3 -3
- package/esm2022/spinner/watt-spinner.component.js +7 -7
- package/esm2022/stepper/watt-stepper-step.component.js +10 -10
- package/esm2022/stepper/watt-stepper.component.js +6 -6
- package/esm2022/table/watt-table.component.js +15 -15
- package/esm2022/tabs/watt-link-tab.component.js +6 -6
- package/esm2022/tabs/watt-link-tabs.component.js +5 -5
- package/esm2022/tabs/watt-tab.component.js +5 -5
- package/esm2022/tabs/watt-tabs-action.component.js +3 -3
- package/esm2022/tabs/watt-tabs.component.js +7 -7
- package/esm2022/text-field/watt-text-field.component.js +3 -3
- package/esm2022/textarea-field/watt-textarea-field.component.js +3 -3
- package/esm2022/toast/watt-toast.component.js +3 -3
- package/esm2022/toast/watt-toast.service.js +3 -3
- package/esm2022/tooltip/watt-tooltip.component.js +3 -3
- package/esm2022/tooltip/watt-tooltip.directive.js +3 -3
- package/esm2022/utils/css/css-custom-properties.service.js +3 -3
- package/esm2022/utils/intersection-observer/watt-intersection-observer.service.js +3 -3
- package/esm2022/utils/resize-observer/watt-resize-observer.directive.js +3 -3
- package/esm2022/utils/resize-observer/watt-resize-observer.service.js +3 -3
- package/esm2022/validation-message/watt-validation-message.component.js +12 -12
- package/esm2022/vater/vater-flex.component.js +5 -5
- package/esm2022/vater/vater-layout.directive.js +16 -16
- package/esm2022/vater/vater-spacer.component.js +3 -3
- package/esm2022/vater/vater-stack.component.js +3 -3
- package/esm2022/vater/vater-utility.directive.js +11 -11
- package/esm2022/year-field/watt-year-field.component.js +12 -12
- package/esm2022/yearmonth-field/watt-yearmonth-field.component.js +12 -12
- package/package.json +15 -15
|
@@ -25,14 +25,14 @@ import * as i0 from "@angular/core";
|
|
|
25
25
|
import * as i1 from "@angular/material/tabs";
|
|
26
26
|
export class WattTabsComponent {
|
|
27
27
|
cdr = inject(ChangeDetectorRef);
|
|
28
|
-
variant = input();
|
|
28
|
+
variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
29
29
|
get hostClass() {
|
|
30
30
|
return this.variant() ? `watt-tabs-${this.variant()}` : '';
|
|
31
31
|
}
|
|
32
|
-
tabElements = contentChildren(WattTabComponent);
|
|
32
|
+
tabElements = contentChildren(WattTabComponent, ...(ngDevMode ? [{ debugName: "tabElements" }] : []));
|
|
33
33
|
activeTabIndex = 0;
|
|
34
34
|
tabGroup = viewChild.required(MatTabGroup);
|
|
35
|
-
actionsTab = contentChild(WattTabsActionComponent);
|
|
35
|
+
actionsTab = contentChild(WattTabsActionComponent, ...(ngDevMode ? [{ debugName: "actionsTab" }] : []));
|
|
36
36
|
ngAfterViewInit() {
|
|
37
37
|
this.cdr.detectChanges();
|
|
38
38
|
}
|
|
@@ -47,14 +47,14 @@ export class WattTabsComponent {
|
|
|
47
47
|
triggerChange() {
|
|
48
48
|
this.emitSelectedTabChange(this.activeTabIndex);
|
|
49
49
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattTabsComponent, isStandalone: true, selector: "watt-tabs", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass" } }, queries: [{ propertyName: "tabElements", predicate: WattTabComponent, isSignal: true }, { propertyName: "actionsTab", first: true, predicate: WattTabsActionComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-tab-group\n [mat-stretch-tabs]=\"false\"\n dynamicHeight\n animationDuration=\"0ms\"\n [disableRipple]=\"true\"\n (selectedIndexChange)=\"emitSelectedTabChange($event)\"\n>\n @for (tab of tabElements(); track tab) {\n <mat-tab [label]=\"tab.label()\">\n <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n </mat-tab>\n }\n\n @if (actionsTab()) {\n <mat-tab labelClass=\"watt-tabs-action\" [disabled]=\"true\">\n <ng-template mat-tab-label>\n <ng-content />\n </ng-template>\n </mat-tab>\n }\n</mat-tab-group>\n", styles: ["watt-drawer watt-tabs .mat-mdc-tab-group,watt-drawer watt-tabs .mat-mdc-tab-body-wrapper{height:auto}watt-tabs.watt-tabs-secondary .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:none}watt-tabs.watt-tabs-secondary .mdc-tab{padding-left:var(--watt-space-m);padding-right:var(--watt-space-m);height:32px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group,watt-tabs.watt-tabs-secondary .mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--watt-color-secondary);--mat-tab-active-focus-label-text-color: var(--watt-color-neutral-black);--mat-tab-active-hover-indicator-color: var(--watt-color-secondary);--mat-tab-active-hover-label-text-color: var(--watt-color-neutral-black);--mat-tab-active-label-text-color: var(--watt-color-neutral-black);--mat-tab-inactive-label-text-color: var(--watt-on-light-low-emphasis);--mat-tab-inactive-ripple-color: none;--mat-tab-disabled-ripple-color: none;--mat-tab-active-indicator-color: var(--watt-color-secondary);--mat-tab-active-indicator-height: 3px;--mat-tab-active-indicator-shape: 99999px;--mat-tab-active-ripple-color: transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-header{background:none;box-shadow:none}watt-tabs.watt-tabs-secondary .mat-mdc-tab-labels{flex-wrap:wrap;padding-left:0}watt-tabs.watt-tabs-secondary .mdc-tab-indicator__content--underline{width:43px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-body-wrapper{padding:var(--watt-space-s);padding-top:var(--watt-space-m)}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action{flex-grow:1;justify-content:flex-end;cursor:default;height:auto}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled{opacity:1}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled,watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action .mdc-tab__content{pointer-events:initial}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover{border-bottom:none}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover .mdc-tab__ripple{display:none}watt-tabs .mat-mdc-tab-body{width:100%}watt-tabs .mat-mdc-tab-group,watt-tabs .mat-mdc-tab-body-wrapper{height:100%}watt-tabs .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:var(--watt-color-primary-ultralight)}watt-tabs .mat-mdc-tab-labels{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab{min-width:120px;opacity:1}watt-tabs .mat-mdc-tab .mdc-tab__content{color:var(--watt-typography-button-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active .mdc-tab__content,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover .mdc-tab__content{color:var(--watt-color-primary)}watt-tabs .mat-mdc-tab-body-wrapper{padding:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content{position:relative;overflow:initial}watt-tabs .mat-tab-label-container{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination{display:none}watt-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-tabs .mat-ink-bar{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTabsComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'watt-tabs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, imports: [NgTemplateOutlet, MatTabsModule], template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-tab-group\n [mat-stretch-tabs]=\"false\"\n dynamicHeight\n animationDuration=\"0ms\"\n [disableRipple]=\"true\"\n (selectedIndexChange)=\"emitSelectedTabChange($event)\"\n>\n @for (tab of tabElements(); track tab) {\n <mat-tab [label]=\"tab.label()\">\n <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n </mat-tab>\n }\n\n @if (actionsTab()) {\n <mat-tab labelClass=\"watt-tabs-action\" [disabled]=\"true\">\n <ng-template mat-tab-label>\n <ng-content />\n </ng-template>\n </mat-tab>\n }\n</mat-tab-group>\n", styles: ["watt-drawer watt-tabs .mat-mdc-tab-group,watt-drawer watt-tabs .mat-mdc-tab-body-wrapper{height:auto}watt-tabs.watt-tabs-secondary .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:none}watt-tabs.watt-tabs-secondary .mdc-tab{padding-left:var(--watt-space-m);padding-right:var(--watt-space-m);height:32px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group,watt-tabs.watt-tabs-secondary .mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--watt-color-secondary);--mat-tab-active-focus-label-text-color: var(--watt-color-neutral-black);--mat-tab-active-hover-indicator-color: var(--watt-color-secondary);--mat-tab-active-hover-label-text-color: var(--watt-color-neutral-black);--mat-tab-active-label-text-color: var(--watt-color-neutral-black);--mat-tab-inactive-label-text-color: var(--watt-on-light-low-emphasis);--mat-tab-inactive-ripple-color: none;--mat-tab-disabled-ripple-color: none;--mat-tab-active-indicator-color: var(--watt-color-secondary);--mat-tab-active-indicator-height: 3px;--mat-tab-active-indicator-shape: 99999px;--mat-tab-active-ripple-color: transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-header{background:none;box-shadow:none}watt-tabs.watt-tabs-secondary .mat-mdc-tab-labels{flex-wrap:wrap;padding-left:0}watt-tabs.watt-tabs-secondary .mdc-tab-indicator__content--underline{width:43px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-body-wrapper{padding:var(--watt-space-s);padding-top:var(--watt-space-m)}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action{flex-grow:1;justify-content:flex-end;cursor:default;height:auto}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled{opacity:1}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled,watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action .mdc-tab__content{pointer-events:initial}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover{border-bottom:none}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover .mdc-tab__ripple{display:none}watt-tabs .mat-mdc-tab-body{width:100%}watt-tabs .mat-mdc-tab-group,watt-tabs .mat-mdc-tab-body-wrapper{height:100%}watt-tabs .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:var(--watt-color-primary-ultralight)}watt-tabs .mat-mdc-tab-labels{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab{min-width:120px;opacity:1}watt-tabs .mat-mdc-tab .mdc-tab__content{color:var(--watt-typography-button-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active .mdc-tab__content,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover .mdc-tab__content{color:var(--watt-color-primary)}watt-tabs .mat-mdc-tab-body-wrapper{padding:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content{position:relative;overflow:initial}watt-tabs .mat-tab-label-container{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination{display:none}watt-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-tabs .mat-ink-bar{display:none}\n"] }]
|
|
56
56
|
}], propDecorators: { hostClass: [{
|
|
57
57
|
type: HostBinding,
|
|
58
58
|
args: ['class']
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3RhYnMvd2F0dC10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3RhYnMvd2F0dC10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUVULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sV0FBVyxFQUNYLFlBQVksRUFDWixTQUFTLEVBQ1QsS0FBSyxFQUNMLGVBQWUsR0FDaEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBVXZFLE1BQU0sT0FBTyxpQkFBaUI7SUFDWCxHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFakQsT0FBTyxHQUFHLEtBQUssNkRBQVUsQ0FBQztJQUUxQixJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzdELENBQUM7SUFFRCxXQUFXLEdBQUcsZUFBZSxDQUFDLGdCQUFnQix1REFBQyxDQUFDO0lBQ2hELGNBQWMsR0FBRyxDQUFDLENBQUM7SUFFbkIsUUFBUSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFM0MsVUFBVSxHQUFHLFlBQVksQ0FBQyx1QkFBdUIsc0RBQUMsQ0FBQztJQUVuRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQscUJBQXFCLENBQUMsYUFBcUI7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxhQUFhLENBQUM7UUFDcEMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssS0FBSyxhQUFhLENBQUMsQ0FBQztRQUNwRixVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWE7UUFDNUIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDeEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7dUdBakNVLGlCQUFpQjsyRkFBakIsaUJBQWlCLGdTQVVFLGdCQUFnQiwwRUFLcEIsdUJBQXVCLDBHQUZuQixXQUFXLGdFQzFEM0MsZ3BDQXFDQSxpd0hETVksZ0JBQWdCLG1KQUFFLGFBQWE7OzJGQUU5QixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxPQUFPLFdBQ3ZDLENBQUMsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDOzhCQVF0QyxTQUFTO3NCQURaLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBBZnRlclZpZXdJbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxuICBIb3N0QmluZGluZyxcbiAgY29udGVudENoaWxkLFxuICB2aWV3Q2hpbGQsXG4gIGlucHV0LFxuICBjb250ZW50Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUYWJHcm91cCwgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuXG5pbXBvcnQgeyBXYXR0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LXRhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2F0dFRhYnNBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3dhdHQtdGFicy1hY3Rpb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC10YWJzJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi93YXR0LXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBNYXRUYWJzTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIHZhcmlhbnQgPSBpbnB1dDxzdHJpbmc+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBob3N0Q2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMudmFyaWFudCgpID8gYHdhdHQtdGFicy0ke3RoaXMudmFyaWFudCgpfWAgOiAnJztcbiAgfVxuXG4gIHRhYkVsZW1lbnRzID0gY29udGVudENoaWxkcmVuKFdhdHRUYWJDb21wb25lbnQpO1xuICBhY3RpdmVUYWJJbmRleCA9IDA7XG5cbiAgdGFiR3JvdXAgPSB2aWV3Q2hpbGQucmVxdWlyZWQoTWF0VGFiR3JvdXApO1xuXG4gIGFjdGlvbnNUYWIgPSBjb250ZW50Q2hpbGQoV2F0dFRhYnNBY3Rpb25Db21wb25lbnQpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBlbWl0U2VsZWN0ZWRUYWJDaGFuZ2Uoc2VsZWN0ZWRJbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IHNlbGVjdGVkSW5kZXg7XG4gICAgY29uc3QgY3VycmVudFRhYiA9IHRoaXMudGFiRWxlbWVudHMoKS5maW5kKCh0YWIsIGluZGV4KSA9PiBpbmRleCA9PT0gc2VsZWN0ZWRJbmRleCk7XG4gICAgY3VycmVudFRhYj8uZW1pdENoYW5nZSgpO1xuICB9XG5cbiAgc2V0U2VsZWN0ZWRJbmRleChpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy50YWJHcm91cCgpLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcbiAgfVxuXG4gIHRyaWdnZXJDaGFuZ2UoKSB7XG4gICAgdGhpcy5lbWl0U2VsZWN0ZWRUYWJDaGFuZ2UodGhpcy5hY3RpdmVUYWJJbmRleCk7XG4gIH1cbn1cbiIsIjwhLS1cbkBsaWNlbnNlXG5Db3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcblxuTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG55b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG5Zb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG5Vbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG5kaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG5XSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cblNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbmxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuLS0+XG48bWF0LXRhYi1ncm91cFxuICBbbWF0LXN0cmV0Y2gtdGFic109XCJmYWxzZVwiXG4gIGR5bmFtaWNIZWlnaHRcbiAgYW5pbWF0aW9uRHVyYXRpb249XCIwbXNcIlxuICBbZGlzYWJsZVJpcHBsZV09XCJ0cnVlXCJcbiAgKHNlbGVjdGVkSW5kZXhDaGFuZ2UpPVwiZW1pdFNlbGVjdGVkVGFiQ2hhbmdlKCRldmVudClcIlxuPlxuICBAZm9yICh0YWIgb2YgdGFiRWxlbWVudHMoKTsgdHJhY2sgdGFiKSB7XG4gICAgPG1hdC10YWIgW2xhYmVsXT1cInRhYi5sYWJlbCgpXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFiLnRlbXBsYXRlUmVmKClcIiAvPlxuICAgIDwvbWF0LXRhYj5cbiAgfVxuXG4gIEBpZiAoYWN0aW9uc1RhYigpKSB7XG4gICAgPG1hdC10YWIgbGFiZWxDbGFzcz1cIndhdHQtdGFicy1hY3Rpb25cIiBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgPG5nLXRlbXBsYXRlIG1hdC10YWItbGFiZWw+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbWF0LXRhYj5cbiAgfVxuPC9tYXQtdGFiLWdyb3VwPlxuIl19
|
|
@@ -122,8 +122,8 @@ export class WattTextFieldComponent {
|
|
|
122
122
|
setFocus() {
|
|
123
123
|
this.inputField.nativeElement.focus();
|
|
124
124
|
}
|
|
125
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
126
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattTextFieldComponent, isStandalone: true, selector: "watt-text-field", inputs: { value: "value", type: "type", placeholder: "placeholder", label: "label", tooltip: "tooltip", prefix: "prefix", maxLength: "maxLength", formControl: "formControl", autocompleteOptions: "autocompleteOptions", autocompleteMatcherFn: "autocompleteMatcherFn" }, outputs: { searchChanged: "searchChanged", autocompleteOptionSelected: "autocompleteOptionSelected", autocompleteOptionDeselected: "autocompleteOptionDeselected" }, host: { properties: { "attr.watt-field-disabled": "this.isDisabled" } }, providers: [
|
|
127
127
|
{
|
|
128
128
|
provide: NG_VALUE_ACCESSOR,
|
|
129
129
|
useExisting: forwardRef(() => WattTextFieldComponent),
|
|
@@ -186,7 +186,7 @@ export class WattTextFieldComponent {
|
|
|
186
186
|
<ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
|
|
187
187
|
</watt-field>`, isInline: true, styles: ["watt-text-field{display:block;width:100%}watt-text-field input{border:none;width:100%;outline:none;background-color:transparent}watt-text-field input::placeholder{color:var(--watt-on-light-low-emphasis)}\n"], dependencies: [{ kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i1.MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTextFieldComponent, decorators: [{
|
|
190
190
|
type: Component,
|
|
191
191
|
args: [{ imports: [MatAutocompleteModule, ReactiveFormsModule, WattFieldComponent, WattIconComponent], selector: 'watt-text-field', encapsulation: ViewEncapsulation.None, providers: [
|
|
192
192
|
{
|
|
@@ -53,8 +53,8 @@ export class WattTextAreaFieldComponent {
|
|
|
53
53
|
setDisabledState(isDisabled) {
|
|
54
54
|
this.isDisabled = isDisabled;
|
|
55
55
|
}
|
|
56
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
57
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTextAreaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattTextAreaFieldComponent, isStandalone: true, selector: "watt-textarea-field", inputs: { formControl: "formControl", value: "value", placeholder: "placeholder", required: "required", label: "label" }, host: { properties: { "attr.watt-field-disabled": "this.isDisabled" } }, providers: [
|
|
58
58
|
{
|
|
59
59
|
provide: NG_VALUE_ACCESSOR,
|
|
60
60
|
useExisting: forwardRef(() => WattTextAreaFieldComponent),
|
|
@@ -73,7 +73,7 @@ export class WattTextAreaFieldComponent {
|
|
|
73
73
|
<ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
|
|
74
74
|
</watt-field>`, isInline: true, styles: ["watt-textarea-field{display:block;width:100%;--watt-textarea-min-height: 200px}watt-textarea-field textarea{border:none;width:100%;outline:none;padding:var(--watt-space-s);padding-left:0;background-color:transparent;min-height:var(--watt-textarea-min-height)}\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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTextAreaFieldComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
78
78
|
args: [{ imports: [FormsModule, WattFieldComponent], providers: [
|
|
79
79
|
{
|
|
@@ -84,10 +84,10 @@ export class WattToastComponent {
|
|
|
84
84
|
.pipe(tap(() => this.onClose()), takeUntil(mouseEnter$), repeat({ delay: () => mouseLeave$ }))
|
|
85
85
|
.subscribe();
|
|
86
86
|
}
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
88
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattToastComponent, isStandalone: true, selector: "watt-toast", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span>\n @if (config.type === \"loading\") {\n <watt-spinner [diameter]=\"24\" />\n }\n\n @if (config.type && config.type !== \"loading\") {\n <watt-icon [name]=\"config.type\" />\n }\n <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n @if (config.action && config.actionLabel) {\n <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n config.actionLabel\n }}</watt-button>\n }\n\n @if (config.type !== \"loading\") {\n <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattToastComponent, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
92
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: 'watt-toast', imports: [MatSnackBarModule, WattButtonComponent, WattIconComponent, WattSpinnerComponent], template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span>\n @if (config.type === \"loading\") {\n <watt-spinner [diameter]=\"24\" />\n }\n\n @if (config.type && config.type !== \"loading\") {\n <watt-icon [name]=\"config.type\" />\n }\n <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n @if (config.action && config.actionLabel) {\n <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n config.actionLabel\n }}</watt-button>\n }\n\n @if (config.type !== \"loading\") {\n <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"] }]
|
|
93
93
|
}], ctorParameters: () => [], propDecorators: { class: [{
|
|
@@ -39,10 +39,10 @@ export class WattToastService {
|
|
|
39
39
|
return;
|
|
40
40
|
this.ref.dismiss();
|
|
41
41
|
}
|
|
42
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
43
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
43
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattToastService, providedIn: 'root' });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattToastService, decorators: [{
|
|
46
46
|
type: Injectable,
|
|
47
47
|
args: [{
|
|
48
48
|
providedIn: 'root',
|
|
@@ -96,13 +96,13 @@ export class WattTooltipComponent {
|
|
|
96
96
|
platformSupportsMouseEvents() {
|
|
97
97
|
return !this.platform.IOS && !this.platform.ANDROID;
|
|
98
98
|
}
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WattTooltipComponent, isStandalone: true, selector: "watt-tooltip", inputs: { text: "text", target: "target", position: "position", variant: "variant" }, host: { properties: { "id": "this.id", "attr.role": "this.role", "class": "this.hostClass" } }, viewQueries: [{ propertyName: "arrow", first: true, predicate: ["arrow"], descendants: true }], ngImport: i0, template: `
|
|
101
101
|
{{ text }}
|
|
102
102
|
<div class="arrow"></div>
|
|
103
103
|
`, isInline: true, styles: [":host{position:absolute;left:0;pointer-events:none;z-index:1000;display:inline-block;line-height:18px;border-radius:6px;padding:var(--watt-space-xs) var(--watt-space-s);font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;opacity:0;transition:opacity .3s ease-in-out}:host.tooltip-dark{background:var(--watt-color-primary-dark);color:var(--watt-color-primary-dark-contrast)}:host.tooltip-light{background:var(--watt-color-neutral-white);color:var(--watt-color-primary-light-contrast)}:host.show{opacity:1}:host[data-popper-placement^=top]{inset-block-end:6px!important}:host[data-popper-placement^=bottom]{inset-block-start:6px!important}:host[data-popper-placement^=bottom]>.arrow{top:-4px}:host[data-popper-placement^=left]{inset-inline-end:6px!important}:host[data-popper-placement^=left]>.arrow{right:-4px}:host[data-popper-placement^=right]{inset-inline-start:6px!important}:host[data-popper-placement^=right]>.arrow{left:-4px}:host[data-popper-placement=left]>.arrow,:host[data-popper-placement=right]>.arrow{top:calc(50% - 4px)}:host[data-popper-placement=top]>.arrow,:host[data-popper-placement=bottom]>.arrow{left:calc(50% - 4px)!important}:host[data-popper-placement=top-end]>.arrow,:host[data-popper-placement=bottom-end]>.arrow{left:10px!important}:host[data-popper-placement=top-start]>.arrow,:host[data-popper-placement=bottom-start]>.arrow{left:calc(100% - 18px)}.arrow,.arrow:before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow:before{visibility:visible;content:\"\";transform:rotate(45deg)}\n"] });
|
|
104
104
|
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTooltipComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
107
|
args: [{ template: `
|
|
108
108
|
{{ text }}
|
|
@@ -38,10 +38,10 @@ export class WattTooltipDirective {
|
|
|
38
38
|
tooltip.instance.variant = this.variant;
|
|
39
39
|
this.element.setAttribute('aria-describedby', tooltip.instance.id);
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
42
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
42
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: WattTooltipDirective, isStandalone: true, selector: "[wattTooltip]", inputs: { text: ["wattTooltip", "text"], position: ["wattTooltipPosition", "position"], variant: ["wattTooltipVariant", "variant"] }, exportAs: ["wattTooltip"], usesOnChanges: true, ngImport: i0 });
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattTooltipDirective, decorators: [{
|
|
45
45
|
type: Directive,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: '[wattTooltip]',
|
|
@@ -29,10 +29,10 @@ export class WattCssCustomPropertiesService {
|
|
|
29
29
|
setPropertyValue(name, value) {
|
|
30
30
|
this.rootElement.style.setProperty(name, value);
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
33
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCssCustomPropertiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
33
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCssCustomPropertiesService, providedIn: 'root' });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCssCustomPropertiesService, decorators: [{
|
|
36
36
|
type: Injectable,
|
|
37
37
|
args: [{ providedIn: 'root' }]
|
|
38
38
|
}] });
|
|
@@ -47,10 +47,10 @@ export class WattIntersectionObserverService {
|
|
|
47
47
|
this.intersectionObserver?.observe(element);
|
|
48
48
|
return this.entrySubject.asObservable().pipe(filter((entry) => entry.target === element), finalize(() => this.intersectionObserver?.unobserve(element)));
|
|
49
49
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
51
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattIntersectionObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
51
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattIntersectionObserverService, providedIn: 'root' });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattIntersectionObserverService, decorators: [{
|
|
54
54
|
type: Injectable,
|
|
55
55
|
args: [{ providedIn: 'root' }]
|
|
56
56
|
}], ctorParameters: () => [] });
|
|
@@ -41,10 +41,10 @@ export class WattResizeObserverDirective {
|
|
|
41
41
|
ngOnDestroy() {
|
|
42
42
|
this.subscription.unsubscribe();
|
|
43
43
|
}
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
45
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: WattResizeObserverDirective, isStandalone: true, selector: "[wattResizeObserver]", outputs: { resize: "resize" }, ngImport: i0 });
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattResizeObserverDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{ selector: '[wattResizeObserver]' }]
|
|
50
50
|
}], ctorParameters: () => [], propDecorators: { resize: [{
|
|
@@ -57,10 +57,10 @@ export class WattResizeObserverService {
|
|
|
57
57
|
this.resizeObserver?.observe(element);
|
|
58
58
|
return this.entrySubject.asObservable().pipe(filter((entry) => entry.target === element), finalize(() => this.resizeObserver?.unobserve(element)));
|
|
59
59
|
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
61
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
60
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
61
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattResizeObserverService, providedIn: 'root' });
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattResizeObserverService, decorators: [{
|
|
64
64
|
type: Injectable,
|
|
65
65
|
args: [{ providedIn: 'root' }]
|
|
66
66
|
}], ctorParameters: () => [] });
|
|
@@ -28,20 +28,20 @@ export class WattValidationMessageComponent {
|
|
|
28
28
|
* @ignore
|
|
29
29
|
*/
|
|
30
30
|
elementRef = inject(ElementRef);
|
|
31
|
-
label = input('');
|
|
32
|
-
message = input('');
|
|
33
|
-
icon = input(undefined);
|
|
34
|
-
type = input('info');
|
|
35
|
-
size = input('compact');
|
|
36
|
-
autoScrollIntoView = input(true);
|
|
31
|
+
label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
32
|
+
message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
|
|
33
|
+
icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
34
|
+
type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
35
|
+
size = input('compact', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
36
|
+
autoScrollIntoView = input(true, ...(ngDevMode ? [{ debugName: "autoScrollIntoView" }] : []));
|
|
37
37
|
/**
|
|
38
38
|
* @ignore
|
|
39
39
|
*/
|
|
40
|
-
cssClass = computed(() => `watt-validation-message-type--${this.type()} watt-validation-message-size--${this.size()}
|
|
40
|
+
cssClass = computed(() => `watt-validation-message-type--${this.type()} watt-validation-message-size--${this.size()}`, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
41
41
|
/**
|
|
42
42
|
* @ignore
|
|
43
43
|
*/
|
|
44
|
-
ariaRole = computed(() => this.type() === 'warning' || this.type() === 'danger' ? 'alert' : 'status');
|
|
44
|
+
ariaRole = computed(() => this.type() === 'warning' || this.type() === 'danger' ? 'alert' : 'status', ...(ngDevMode ? [{ debugName: "ariaRole" }] : []));
|
|
45
45
|
/**
|
|
46
46
|
* @ignore
|
|
47
47
|
*/
|
|
@@ -53,8 +53,8 @@ export class WattValidationMessageComponent {
|
|
|
53
53
|
}, 100);
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
57
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattValidationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattValidationMessageComponent, isStandalone: true, selector: "watt-validation-message", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", 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 }, autoScrollIntoView: { classPropertyName: "autoScrollIntoView", publicName: "autoScrollIntoView", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClass()", "attr.role": "ariaRole()" } }, ngImport: i0, template: `
|
|
58
58
|
@if (icon()) {
|
|
59
59
|
<watt-icon [name]="icon()" />
|
|
60
60
|
}
|
|
@@ -67,7 +67,7 @@ export class WattValidationMessageComponent {
|
|
|
67
67
|
</div>
|
|
68
68
|
`, isInline: true, styles: [":host{align-items:center;border-radius:4px;display:flex}:host.watt-validation-message-size--compact{padding:var(--watt-space-xs) var(--watt-space-s)}:host.watt-validation-message-size--compact watt-icon{margin-right:var(--watt-space-s)}:host.watt-validation-message-size--compact strong{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase}:host.watt-validation-message-size--compact strong:not(:empty):after{content:\":\"}:host.watt-validation-message-size--compact .watt-validation-message-text{font-size:.875rem;line-height:1.25rem}:host.watt-validation-message-size--normal{padding:1.5rem var(--watt-space-m)}:host.watt-validation-message-size--normal strong{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;display:inline-block;width:100%;margin-bottom:var(--watt-space-s)}:host.watt-validation-message-size--normal watt-icon{margin-right:var(--watt-space-m)}:host watt-icon{align-self:flex-start}:host.watt-validation-message-type--info{background-color:var(--watt-color-state-info-light)}:host.watt-validation-message-type--warning{background-color:var(--watt-color-state-warning-light)}:host.watt-validation-message-type--success{background-color:var(--watt-color-state-success-light)}:host.watt-validation-message-type--danger{background-color:var(--watt-color-state-danger-light)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattValidationMessageComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-validation-message', imports: [WattIconComponent], host: {
|
|
73
73
|
'[class]': `cssClass()`,
|
|
@@ -85,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
85
85
|
</div>
|
|
86
86
|
`, styles: [":host{align-items:center;border-radius:4px;display:flex}:host.watt-validation-message-size--compact{padding:var(--watt-space-xs) var(--watt-space-s)}:host.watt-validation-message-size--compact watt-icon{margin-right:var(--watt-space-s)}:host.watt-validation-message-size--compact strong{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase}:host.watt-validation-message-size--compact strong:not(:empty):after{content:\":\"}:host.watt-validation-message-size--compact .watt-validation-message-text{font-size:.875rem;line-height:1.25rem}:host.watt-validation-message-size--normal{padding:1.5rem var(--watt-space-m)}:host.watt-validation-message-size--normal strong{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;display:inline-block;width:100%;margin-bottom:var(--watt-space-s)}:host.watt-validation-message-size--normal watt-icon{margin-right:var(--watt-space-m)}:host watt-icon{align-self:flex-start}:host.watt-validation-message-type--info{background-color:var(--watt-color-state-info-light)}:host.watt-validation-message-type--warning{background-color:var(--watt-color-state-warning-light)}:host.watt-validation-message-type--success{background-color:var(--watt-color-state-success-light)}:host.watt-validation-message-type--danger{background-color:var(--watt-color-state-danger-light)}\n"] }]
|
|
87
87
|
}] });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC12YWxpZGF0aW9uLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvdmFsaWRhdGlvbi1tZXNzYWdlL3dhdHQtdmFsaWRhdGlvbi1tZXNzYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQVksaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFLbkU7OztHQUdHO0FBdUJILE1BQU0sT0FBTyw4QkFBOEI7SUFDekM7O09BRUc7SUFDSyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRXhDLEtBQUssR0FBRyxLQUFLLENBQUMsRUFBRSxpREFBQyxDQUFDO0lBQ2xCLE9BQU8sR0FBRyxLQUFLLENBQUMsRUFBRSxtREFBQyxDQUFDO0lBQ3BCLElBQUksR0FBRyxLQUFLLENBQXVCLFNBQVMsZ0RBQUMsQ0FBQztJQUM5QyxJQUFJLEdBQUcsS0FBSyxDQUE0QixNQUFNLGdEQUFDLENBQUM7SUFDaEQsSUFBSSxHQUFHLEtBQUssQ0FBNEIsU0FBUyxnREFBQyxDQUFDO0lBQ25ELGtCQUFrQixHQUFHLEtBQUssQ0FBQyxJQUFJLDhEQUFDLENBQUM7SUFFakM7O09BRUc7SUFDSCxRQUFRLEdBQUcsUUFBUSxDQUNqQixHQUFHLEVBQUUsQ0FDSCxpQ0FBaUMsSUFBSSxDQUFDLElBQUksRUFBRSxrQ0FBa0MsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLG9EQUM5RixDQUFDO0lBRUY7O09BRUc7SUFDSCxRQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUN2QixJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxvREFDM0UsQ0FBQztJQUVGOztPQUVHO0lBQ0gsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsQ0FBQztZQUM5QixtRUFBbUU7WUFDbkUsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNqRCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDVixDQUFDO0lBQ0gsQ0FBQzt1R0F0Q1UsOEJBQThCOzJGQUE5Qiw4QkFBOEIsKzVCQWIvQjs7Ozs7Ozs7Ozs7R0FXVCwyK0NBaEJTLGlCQUFpQjs7MkZBa0JoQiw4QkFBOEI7a0JBdEIxQyxTQUFTO3NDQUNTLHVCQUF1QixDQUFDLE1BQU0sWUFDckMseUJBQXlCLFdBRTFCLENBQUMsaUJBQWlCLENBQUMsUUFDdEI7d0JBQ0osU0FBUyxFQUFFLFlBQVk7d0JBQ3ZCLGFBQWEsRUFBRSxZQUFZO3FCQUM1QixZQUNTOzs7Ozs7Ozs7OztHQVdUIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBXYXR0SWNvbiwgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5cbmV4cG9ydCB0eXBlIFdhdHRWYWxpZGF0aW9uTWVzc2FnZVR5cGUgPSAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2VzcycgfCAnZGFuZ2VyJztcbmV4cG9ydCB0eXBlIFdhdHRWYWxpZGF0aW9uTWVzc2FnZVNpemUgPSAnY29tcGFjdCcgfCAnbm9ybWFsJztcblxuLyoqXG4gKiBVc2FnZTpcbiAqIGBpbXBvcnQgeyBXYXR0VmFsaWRhdGlvbk1lc3NhZ2VDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC92YWxpZGF0aW9uLW1lc3NhZ2UnO2BcbiAqL1xuQENvbXBvbmVudCh7XG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ3dhdHQtdmFsaWRhdGlvbi1tZXNzYWdlJyxcbiAgc3R5bGVVcmw6ICcuL3dhdHQtdmFsaWRhdGlvbi1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJyxcbiAgaW1wb3J0czogW1dhdHRJY29uQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogYGNzc0NsYXNzKClgLFxuICAgICdbYXR0ci5yb2xlXSc6ICdhcmlhUm9sZSgpJyxcbiAgfSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGljb24oKSkge1xuICAgICAgPHdhdHQtaWNvbiBbbmFtZV09XCJpY29uKClcIiAvPlxuICAgIH1cbiAgICA8ZGl2PlxuICAgICAgQGlmIChsYWJlbCgpKSB7XG4gICAgICAgIDxzdHJvbmc+e3sgbGFiZWwoKSB9fTwvc3Ryb25nPlxuICAgICAgfVxuICAgICAge3sgbWVzc2FnZSgpIH19XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0VmFsaWRhdGlvbk1lc3NhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBsYWJlbCA9IGlucHV0KCcnKTtcbiAgbWVzc2FnZSA9IGlucHV0KCcnKTtcbiAgaWNvbiA9IGlucHV0PFdhdHRJY29uIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICB0eXBlID0gaW5wdXQ8V2F0dFZhbGlkYXRpb25NZXNzYWdlVHlwZT4oJ2luZm8nKTtcbiAgc2l6ZSA9IGlucHV0PFdhdHRWYWxpZGF0aW9uTWVzc2FnZVNpemU+KCdjb21wYWN0Jyk7XG4gIGF1dG9TY3JvbGxJbnRvVmlldyA9IGlucHV0KHRydWUpO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjc3NDbGFzcyA9IGNvbXB1dGVkKFxuICAgICgpID0+XG4gICAgICBgd2F0dC12YWxpZGF0aW9uLW1lc3NhZ2UtdHlwZS0tJHt0aGlzLnR5cGUoKX0gd2F0dC12YWxpZGF0aW9uLW1lc3NhZ2Utc2l6ZS0tJHt0aGlzLnNpemUoKX1gXG4gICk7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGFyaWFSb2xlID0gY29tcHV0ZWQoKCkgPT5cbiAgICB0aGlzLnR5cGUoKSA9PT0gJ3dhcm5pbmcnIHx8IHRoaXMudHlwZSgpID09PSAnZGFuZ2VyJyA/ICdhbGVydCcgOiAnc3RhdHVzJ1xuICApO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuYXV0b1Njcm9sbEludG9WaWV3KCkpIHtcbiAgICAgIC8vIFRyeSB0byB3aW4gb3ZlciBvdGhlciBhdXRvIHNjcm9sbGluZyBiZWhhdmlvciBzdWNoIGFzIGF1dG8gZm9jdXNcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldygpO1xuICAgICAgfSwgMTAwKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -29,11 +29,11 @@ export class VaterFlexComponent {
|
|
|
29
29
|
* @remarks
|
|
30
30
|
* Prefer setting `fill` on flex items over using `autoSize`.
|
|
31
31
|
*/
|
|
32
|
-
autoSize = input(false, { transform: booleanAttribute });
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
32
|
+
autoSize = input(false, ...(ngDevMode ? [{ debugName: "autoSize", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterFlexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: VaterFlexComponent, isStandalone: true, selector: "vater-flex, [vater-flex]", inputs: { autoSize: { classPropertyName: "autoSize", publicName: "autoSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vater-flex-auto": "autoSize()" } }, hostDirectives: [{ directive: i1.VaterLayoutDirective, inputs: ["align", "align", "direction", "direction", "justify", "justify", "wrap", "wrap", "gap", "gap", "offset", "offset"] }, { directive: i2.VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset", "scrollable", "scrollable"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterFlexComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'vater-flex, [vater-flex]', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
39
39
|
{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
46
46
|
},
|
|
47
47
|
], host: { '[class.vater-flex-auto]': 'autoSize()' }, template: `<ng-content />`, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}\n"] }]
|
|
48
48
|
}] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItZmxleC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS92YXRlci92YXRlci1mbGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBeUJoRSxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCOzs7OztPQUtHO0lBQ0gsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLDRDQUFJLFNBQVMsRUFBRSxnQkFBZ0IsT0FBN0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsR0FBQyxDQUFDO3VHQVA5QyxrQkFBa0I7MkZBQWxCLGtCQUFrQiwrbEJBRm5CLGdCQUFnQjs7MkZBRWYsa0JBQWtCO2tCQXZCOUIsU0FBUzsrQkFDRSwwQkFBMEIsaUJBQ3JCLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDO3lCQUNuRTt3QkFDRDs0QkFDRSxTQUFTLEVBQUUscUJBQXFCOzRCQUNoQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxZQUFZLENBQUM7eUJBQ2xEO3FCQUNGLFFBQ0ssRUFBRSx5QkFBeUIsRUFBRSxZQUFZLEVBQUUsWUFRdkMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBpbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZhdGVyVXRpbGl0eURpcmVjdGl2ZSB9IGZyb20gJy4vdmF0ZXItdXRpbGl0eS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVmF0ZXJMYXlvdXREaXJlY3RpdmUgfSBmcm9tICcuL3ZhdGVyLWxheW91dC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YXRlci1mbGV4LCBbdmF0ZXItZmxleF0nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogVmF0ZXJMYXlvdXREaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnYWxpZ24nLCAnZGlyZWN0aW9uJywgJ2p1c3RpZnknLCAnd3JhcCcsICdnYXAnLCAnb2Zmc2V0J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFZhdGVyVXRpbGl0eURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjZW50ZXInLCAnZmlsbCcsICdpbnNldCcsICdzY3JvbGxhYmxlJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyAnW2NsYXNzLnZhdGVyLWZsZXgtYXV0b10nOiAnYXV0b1NpemUoKScgfSxcbiAgc3R5bGVzOiBgXG4gICAgdmF0ZXItZmxleCxcbiAgICBbdmF0ZXItZmxleF0ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gICAgfVxuICBgLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbn0pXG5leHBvcnQgY2xhc3MgVmF0ZXJGbGV4Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFdoZW4gc2V0LCBzaXplcyB0aGUgZmxleCBpdGVtcyBhY2NvcmRpbmcgdG8gdGhlaXIgd2lkdGggb3IgaGVpZ2h0IHByb3BlcnRpZXMuXG4gICAqIEBzZWUgaHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzcy1mbGV4Ym94LTEvI2ZsZXgtY29tbW9uXG4gICAqIEByZW1hcmtzXG4gICAqIFByZWZlciBzZXR0aW5nIGBmaWxsYCBvbiBmbGV4IGl0ZW1zIG92ZXIgdXNpbmcgYGF1dG9TaXplYC5cbiAgICovXG4gIGF1dG9TaXplID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xufVxuIl19
|
|
@@ -20,34 +20,34 @@ import { booleanAttribute, computed, Directive, input } from '@angular/core';
|
|
|
20
20
|
import * as i0 from "@angular/core";
|
|
21
21
|
export class VaterLayoutDirective {
|
|
22
22
|
/** Cross axis alignment of the flex items. */
|
|
23
|
-
align = input();
|
|
23
|
+
align = input(...(ngDevMode ? [undefined, { debugName: "align" }] : []));
|
|
24
24
|
/** Direction of the flex items. Defaults to `column`. */
|
|
25
|
-
direction = input('column');
|
|
25
|
+
direction = input('column', ...(ngDevMode ? [{ debugName: "direction" }] : []));
|
|
26
26
|
/** Spacing between the flex items. */
|
|
27
|
-
gap = input();
|
|
27
|
+
gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : []));
|
|
28
28
|
/** Main axis alignment of the flex items. */
|
|
29
|
-
justify = input();
|
|
29
|
+
justify = input(...(ngDevMode ? [undefined, { debugName: "justify" }] : []));
|
|
30
30
|
/** Offset to apply along the main axis. */
|
|
31
|
-
offset = input();
|
|
31
|
+
offset = input(...(ngDevMode ? [undefined, { debugName: "offset" }] : []));
|
|
32
32
|
/** Whether the flex items should wrap. */
|
|
33
|
-
wrap = input(false, { transform: booleanAttribute });
|
|
33
|
+
wrap = input(false, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
34
34
|
// Computed class names
|
|
35
|
-
alignClass = computed(() => this.align() && `vater-align-${this.align()}
|
|
36
|
-
directionClass = computed(() => this.direction() && `vater-${this.direction()}
|
|
37
|
-
gapClass = computed(() => this.gap() && `vater-gap-${this.gap()}
|
|
38
|
-
justifyClass = computed(() => this.justify() && `vater-justify-${this.justify()}
|
|
39
|
-
offsetClass = computed(() => this.offset() && `vater-offset-${this.offset()}
|
|
35
|
+
alignClass = computed(() => this.align() && `vater-align-${this.align()}`, ...(ngDevMode ? [{ debugName: "alignClass" }] : []));
|
|
36
|
+
directionClass = computed(() => this.direction() && `vater-${this.direction()}`, ...(ngDevMode ? [{ debugName: "directionClass" }] : []));
|
|
37
|
+
gapClass = computed(() => this.gap() && `vater-gap-${this.gap()}`, ...(ngDevMode ? [{ debugName: "gapClass" }] : []));
|
|
38
|
+
justifyClass = computed(() => this.justify() && `vater-justify-${this.justify()}`, ...(ngDevMode ? [{ debugName: "justifyClass" }] : []));
|
|
39
|
+
offsetClass = computed(() => this.offset() && `vater-offset-${this.offset()}`, ...(ngDevMode ? [{ debugName: "offsetClass" }] : []));
|
|
40
40
|
class = computed(() => [
|
|
41
41
|
this.alignClass(),
|
|
42
42
|
this.directionClass(),
|
|
43
43
|
this.gapClass(),
|
|
44
44
|
this.justifyClass(),
|
|
45
45
|
this.offsetClass(),
|
|
46
|
-
].filter(Boolean));
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
48
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
46
|
+
].filter(Boolean), ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: VaterLayoutDirective, isStandalone: true, inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "class.vater-wrap": "wrap()", "attr.align": "null", "attr.direction": "null", "attr.gap": "null", "attr.justify": "null", "attr.offset": "null", "attr.wrap": "null" } }, ngImport: i0 });
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterLayoutDirective, decorators: [{
|
|
51
51
|
type: Directive,
|
|
52
52
|
args: [{
|
|
53
53
|
host: {
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
62
62
|
},
|
|
63
63
|
}]
|
|
64
64
|
}] });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItbGF5b3V0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3ZhdGVyL3ZhdGVyLWxheW91dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZTdFLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsOENBQThDO0lBQzlDLEtBQUssR0FBRyxLQUFLLDJEQUFTLENBQUM7SUFFdkIseURBQXlEO0lBQ3pELFNBQVMsR0FBRyxLQUFLLENBQVksUUFBUSxxREFBQyxDQUFDO0lBRXZDLHNDQUFzQztJQUN0QyxHQUFHLEdBQUcsS0FBSyx5REFBVyxDQUFDO0lBRXZCLDZDQUE2QztJQUM3QyxPQUFPLEdBQUcsS0FBSyw2REFBVyxDQUFDO0lBRTNCLDJDQUEyQztJQUMzQyxNQUFNLEdBQUcsS0FBSyw0REFBVyxDQUFDO0lBRTFCLDBDQUEwQztJQUMxQyxJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssd0NBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7SUFFckQsdUJBQXVCO0lBQ2IsVUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksZUFBZSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsc0RBQUMsQ0FBQztJQUMzRSxjQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxTQUFTLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSwwREFBQyxDQUFDO0lBQ2pGLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLGFBQWEsSUFBSSxDQUFDLEdBQUcsRUFBRSxFQUFFLG9EQUFDLENBQUM7SUFDbkUsWUFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksaUJBQWlCLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSx3REFBQyxDQUFDO0lBQ25GLFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLGdCQUFnQixJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsdURBQUMsQ0FBQztJQUMvRSxLQUFLLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUM5QjtRQUNFLElBQUksQ0FBQyxVQUFVLEVBQUU7UUFDakIsSUFBSSxDQUFDLGNBQWMsRUFBRTtRQUNyQixJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ2YsSUFBSSxDQUFDLFlBQVksRUFBRTtRQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFO0tBQ25CLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxpREFDbEIsQ0FBQzt1R0FqQ1Msb0JBQW9COzJGQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBWmhDLFNBQVM7bUJBQUM7b0JBQ1QsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSxTQUFTO3dCQUNwQixvQkFBb0IsRUFBRSxRQUFRO3dCQUM5QixjQUFjLEVBQUUsTUFBTTt3QkFDdEIsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsWUFBWSxFQUFFLE1BQU07d0JBQ3BCLGdCQUFnQixFQUFFLE1BQU07d0JBQ3hCLGVBQWUsRUFBRSxNQUFNO3dCQUN2QixhQUFhLEVBQUUsTUFBTTtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBjb21wdXRlZCwgRGlyZWN0aXZlLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWxpZ24sIERpcmVjdGlvbiwgSnVzdGlmeSwgU3BhY2luZyB9IGZyb20gJy4vdHlwZXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NsYXNzKCknLFxuICAgICdbY2xhc3MudmF0ZXItd3JhcF0nOiAnd3JhcCgpJyxcbiAgICAnW2F0dHIuYWxpZ25dJzogJ251bGwnLFxuICAgICdbYXR0ci5kaXJlY3Rpb25dJzogJ251bGwnLFxuICAgICdbYXR0ci5nYXBdJzogJ251bGwnLFxuICAgICdbYXR0ci5qdXN0aWZ5XSc6ICdudWxsJyxcbiAgICAnW2F0dHIub2Zmc2V0XSc6ICdudWxsJyxcbiAgICAnW2F0dHIud3JhcF0nOiAnbnVsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFZhdGVyTGF5b3V0RGlyZWN0aXZlIHtcbiAgLyoqIENyb3NzIGF4aXMgYWxpZ25tZW50IG9mIHRoZSBmbGV4IGl0ZW1zLiAqL1xuICBhbGlnbiA9IGlucHV0PEFsaWduPigpO1xuXG4gIC8qKiBEaXJlY3Rpb24gb2YgdGhlIGZsZXggaXRlbXMuIERlZmF1bHRzIHRvIGBjb2x1bW5gLiAqL1xuICBkaXJlY3Rpb24gPSBpbnB1dDxEaXJlY3Rpb24+KCdjb2x1bW4nKTtcblxuICAvKiogU3BhY2luZyBiZXR3ZWVuIHRoZSBmbGV4IGl0ZW1zLiAqL1xuICBnYXAgPSBpbnB1dDxTcGFjaW5nPigpO1xuXG4gIC8qKiBNYWluIGF4aXMgYWxpZ25tZW50IG9mIHRoZSBmbGV4IGl0ZW1zLiAqL1xuICBqdXN0aWZ5ID0gaW5wdXQ8SnVzdGlmeT4oKTtcblxuICAvKiogT2Zmc2V0IHRvIGFwcGx5IGFsb25nIHRoZSBtYWluIGF4aXMuICovXG4gIG9mZnNldCA9IGlucHV0PFNwYWNpbmc+KCk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGZsZXggaXRlbXMgc2hvdWxkIHdyYXAuICovXG4gIHdyYXAgPSBpbnB1dChmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgLy8gQ29tcHV0ZWQgY2xhc3MgbmFtZXNcbiAgcHJvdGVjdGVkIGFsaWduQ2xhc3MgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmFsaWduKCkgJiYgYHZhdGVyLWFsaWduLSR7dGhpcy5hbGlnbigpfWApO1xuICBwcm90ZWN0ZWQgZGlyZWN0aW9uQ2xhc3MgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmRpcmVjdGlvbigpICYmIGB2YXRlci0ke3RoaXMuZGlyZWN0aW9uKCl9YCk7XG4gIHByb3RlY3RlZCBnYXBDbGFzcyA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZ2FwKCkgJiYgYHZhdGVyLWdhcC0ke3RoaXMuZ2FwKCl9YCk7XG4gIHByb3RlY3RlZCBqdXN0aWZ5Q2xhc3MgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmp1c3RpZnkoKSAmJiBgdmF0ZXItanVzdGlmeS0ke3RoaXMuanVzdGlmeSgpfWApO1xuICBwcm90ZWN0ZWQgb2Zmc2V0Q2xhc3MgPSBjb21wdXRlZCgoKSA9PiB0aGlzLm9mZnNldCgpICYmIGB2YXRlci1vZmZzZXQtJHt0aGlzLm9mZnNldCgpfWApO1xuICBwcm90ZWN0ZWQgY2xhc3MgPSBjb21wdXRlZCgoKSA9PlxuICAgIFtcbiAgICAgIHRoaXMuYWxpZ25DbGFzcygpLFxuICAgICAgdGhpcy5kaXJlY3Rpb25DbGFzcygpLFxuICAgICAgdGhpcy5nYXBDbGFzcygpLFxuICAgICAgdGhpcy5qdXN0aWZ5Q2xhc3MoKSxcbiAgICAgIHRoaXMub2Zmc2V0Q2xhc3MoKSxcbiAgICBdLmZpbHRlcihCb29sZWFuKVxuICApO1xufVxuIl19
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
20
20
|
import * as i0 from "@angular/core";
|
|
21
21
|
export class VaterSpacerComponent {
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: VaterSpacerComponent, isStandalone: true, selector: "vater-spacer, [vater-spacer]", ngImport: i0, template: '<ng-content />', isInline: true, styles: ["vater-spacer,[vater-spacer]{flex:1;align-self:stretch}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterSpacerComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'vater-spacer, [vater-spacer]', encapsulation: ViewEncapsulation.None, template: '<ng-content />', styles: ["vater-spacer,[vater-spacer]{flex:1;align-self:stretch}\n"] }]
|
|
28
28
|
}] });
|
|
@@ -23,10 +23,10 @@ import * as i0 from "@angular/core";
|
|
|
23
23
|
import * as i1 from "./vater-layout.directive";
|
|
24
24
|
import * as i2 from "./vater-utility.directive";
|
|
25
25
|
export class VaterStackComponent {
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
27
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: VaterStackComponent, isStandalone: true, selector: "vater-stack, [vater-stack]", hostDirectives: [{ directive: i1.VaterLayoutDirective, inputs: ["align", "align", "direction", "direction", "justify", "justify", "wrap", "wrap", "gap", "gap", "offset", "offset"] }, { directive: i2.VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset", "scrollable", "scrollable"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VaterStackComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'vater-stack, [vater-stack]', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
32
32
|
{
|