@awc-ui/angular 1.0.0-beta.1 → 1.0.0-beta.11
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/README.md +42 -22
- package/awc-ui.module.d.ts +15 -14
- package/directives/boolean-value-accessor.d.ts +1 -1
- package/directives/index.d.ts +1 -1
- package/directives/multi-select-value-accessor.d.ts +10 -0
- package/directives/number-value-accessor.d.ts +1 -1
- package/directives/proxies.d.ts +9 -9
- package/directives/radio-value-accessor.d.ts +36 -5
- package/directives/select-value-accessor.d.ts +2 -2
- package/directives/switch-value-accessor.d.ts +1 -1
- package/directives/text-value-accessor.d.ts +1 -1
- package/esm2022/awc-ui.module.mjs +8 -5
- package/esm2022/directives/multi-select-value-accessor.mjs +23 -0
- package/esm2022/directives/proxies.mjs +33 -33
- package/esm2022/directives/radio-value-accessor.mjs +94 -24
- package/esm2022/directives/select-value-accessor.mjs +3 -3
- package/esm2022/index.mjs +2 -1
- package/fesm2022/awc-ui-angular.mjs +154 -63
- package/fesm2022/awc-ui-angular.mjs.map +1 -1
- package/index.d.ts +12 -11
- package/package.json +25 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, HostListener, Directive, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, HostListener, Directive, Injectable, Input, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import { defineCustomElements } from '@awc-ui/core/loader';
|
|
5
5
|
import { __decorate } from 'tslib';
|
|
@@ -85,7 +85,7 @@ import { defineCustomElement as defineCustomElement$1e } from '@awc-ui/core/dist
|
|
|
85
85
|
import { defineCustomElement as defineCustomElement$1f } from '@awc-ui/core/dist/components/md-toolbar.js';
|
|
86
86
|
import { defineCustomElement as defineCustomElement$1g } from '@awc-ui/core/dist/components/md-tooltip.js';
|
|
87
87
|
import { defineCustomElement as defineCustomElement$1h } from '@awc-ui/core/dist/components/md-transfer-list.js';
|
|
88
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
88
|
+
import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
|
|
89
89
|
|
|
90
90
|
/* eslint-disable */
|
|
91
91
|
/* tslint:disable */
|
|
@@ -241,7 +241,7 @@ MdAreaChart = __decorate([
|
|
|
241
241
|
ProxyCmp({
|
|
242
242
|
defineCustomElementFn: defineCustomElement$4,
|
|
243
243
|
inputs: ['animation', 'animationDuration', 'axisTicks', 'connectNulls', 'curve', 'density', 'fillOpacity', 'grid', 'heightProp', 'inverted', 'label', 'labelEmpty', 'labelPlot', 'labelPoint', 'labelZoomEnd', 'labelZoomStart', 'legend', 'lineWidth', 'loading', 'loadingLabel', 'locale', 'markSize', 'noAnimation', 'series', 'seriesLabels', 'showLabels', 'showLine', 'showMarks', 'stack', 'subtitle', 'summary', 'tableLabels', 'titleAlign', 'tooltip', 'tooltipRenderer', 'valueFormatter', 'xAxis', 'yAxis', 'zoom'],
|
|
244
|
-
methods: ['resize', 'replay', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
244
|
+
methods: ['refreshTheme', 'resize', 'replay', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
245
245
|
})
|
|
246
246
|
], MdAreaChart);
|
|
247
247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdAreaChart, decorators: [{
|
|
@@ -317,12 +317,12 @@ let MdBadge = class MdBadge {
|
|
|
317
317
|
this.el = r.nativeElement;
|
|
318
318
|
}
|
|
319
319
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdBadge, isStandalone: true, selector: "md-badge", inputs: { density: "density", icon: "icon", max: "max", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
320
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdBadge, isStandalone: true, selector: "md-badge", inputs: { density: "density", icon: "icon", max: "max", shape: "shape", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
321
321
|
};
|
|
322
322
|
MdBadge = __decorate([
|
|
323
323
|
ProxyCmp({
|
|
324
324
|
defineCustomElementFn: defineCustomElement$7,
|
|
325
|
-
inputs: ['density', 'icon', 'max', 'value', 'variant']
|
|
325
|
+
inputs: ['density', 'icon', 'max', 'shape', 'value', 'variant']
|
|
326
326
|
})
|
|
327
327
|
], MdBadge);
|
|
328
328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdBadge, decorators: [{
|
|
@@ -332,7 +332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
332
332
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
333
333
|
template: '<ng-content></ng-content>',
|
|
334
334
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
335
|
-
inputs: ['density', 'icon', 'max', 'value', 'variant'],
|
|
335
|
+
inputs: ['density', 'icon', 'max', 'shape', 'value', 'variant'],
|
|
336
336
|
standalone: true
|
|
337
337
|
}]
|
|
338
338
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -350,7 +350,7 @@ MdBarChart = __decorate([
|
|
|
350
350
|
ProxyCmp({
|
|
351
351
|
defineCustomElementFn: defineCustomElement$8,
|
|
352
352
|
inputs: ['animation', 'animationDuration', 'axisTicks', 'barGap', 'barWidth', 'categoryGap', 'chevron', 'clickable', 'cornerRadius', 'density', 'heightProp', 'label', 'labelPlot', 'labelPoint', 'labelZoomEnd', 'labelZoomStart', 'layout', 'legend', 'loading', 'loadingLabel', 'locale', 'noAnimation', 'polar', 'polarHole', 'polarSweep', 'series', 'showLabels', 'showTotals', 'stack', 'subtitle', 'titleAlign', 'tooltip', 'tooltipRenderer', 'valueFormatter', 'xAxis', 'yAxis', 'yAxis2', 'zoom'],
|
|
353
|
-
methods: ['resize', 'replay', 'drill', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
353
|
+
methods: ['refreshTheme', 'resize', 'replay', 'drill', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
354
354
|
})
|
|
355
355
|
], MdBarChart);
|
|
356
356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdBarChart, decorators: [{
|
|
@@ -564,12 +564,12 @@ let MdChip = class MdChip {
|
|
|
564
564
|
proxyOutputs(this, this.el, ['mdClick', 'mdSelect', 'mdRemove']);
|
|
565
565
|
}
|
|
566
566
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdChip, isStandalone: true, selector: "md-chip", inputs: { appearance: "appearance", color: "color", density: "density", disabled: "disabled", elevated: "elevated", icon: "icon", label: "label", removable: "removable", selectable: "selectable", selected: "selected", softDisabled: "softDisabled", trailingIcon: "trailingIcon", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdChip, isStandalone: true, selector: "md-chip", inputs: { appearance: "appearance", color: "color", contentAlign: "contentAlign", density: "density", disabled: "disabled", elevated: "elevated", icon: "icon", label: "label", removable: "removable", selectable: "selectable", selected: "selected", softDisabled: "softDisabled", trailingIcon: "trailingIcon", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
568
568
|
};
|
|
569
569
|
MdChip = __decorate([
|
|
570
570
|
ProxyCmp({
|
|
571
571
|
defineCustomElementFn: defineCustomElement$g,
|
|
572
|
-
inputs: ['appearance', 'color', 'density', 'disabled', 'elevated', 'icon', 'label', 'removable', 'selectable', 'selected', 'softDisabled', 'trailingIcon', 'variant']
|
|
572
|
+
inputs: ['appearance', 'color', 'contentAlign', 'density', 'disabled', 'elevated', 'icon', 'label', 'removable', 'selectable', 'selected', 'softDisabled', 'trailingIcon', 'variant']
|
|
573
573
|
})
|
|
574
574
|
], MdChip);
|
|
575
575
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdChip, decorators: [{
|
|
@@ -579,7 +579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
579
579
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
580
580
|
template: '<ng-content></ng-content>',
|
|
581
581
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
582
|
-
inputs: ['appearance', 'color', 'density', 'disabled', 'elevated', 'icon', 'label', 'removable', 'selectable', 'selected', 'softDisabled', 'trailingIcon', 'variant'],
|
|
582
|
+
inputs: ['appearance', 'color', 'contentAlign', 'density', 'disabled', 'elevated', 'icon', 'label', 'removable', 'selectable', 'selected', 'softDisabled', 'trailingIcon', 'variant'],
|
|
583
583
|
standalone: true
|
|
584
584
|
}]
|
|
585
585
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -591,12 +591,12 @@ let MdColorPicker = class MdColorPicker {
|
|
|
591
591
|
proxyOutputs(this, this.el, ['mdInput', 'mdChange', 'mdOpenChange']);
|
|
592
592
|
}
|
|
593
593
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdColorPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdColorPicker, isStandalone: true, selector: "md-color-picker", inputs: { alpha: "alpha", ariaLabelProp: "ariaLabelProp", density: "density", disabled: "disabled", dismissOnOutsideClick: "dismissOnOutsideClick", format: "format", open: "open", presets: "presets", showHex: "showHex", showInputs: "showInputs", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
594
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdColorPicker, isStandalone: true, selector: "md-color-picker", inputs: { alpha: "alpha", ariaLabelProp: "ariaLabelProp", density: "density", disabled: "disabled", dismissOnOutsideClick: "dismissOnOutsideClick", format: "format", locale: "locale", open: "open", presets: "presets", showHex: "showHex", showInputs: "showInputs", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
595
595
|
};
|
|
596
596
|
MdColorPicker = __decorate([
|
|
597
597
|
ProxyCmp({
|
|
598
598
|
defineCustomElementFn: defineCustomElement$h,
|
|
599
|
-
inputs: ['alpha', 'ariaLabelProp', 'density', 'disabled', 'dismissOnOutsideClick', 'format', 'open', 'presets', 'showHex', 'showInputs', 'value', 'variant'],
|
|
599
|
+
inputs: ['alpha', 'ariaLabelProp', 'density', 'disabled', 'dismissOnOutsideClick', 'format', 'locale', 'open', 'presets', 'showHex', 'showInputs', 'value', 'variant'],
|
|
600
600
|
methods: ['show', 'close']
|
|
601
601
|
})
|
|
602
602
|
], MdColorPicker);
|
|
@@ -607,7 +607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
607
607
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
608
608
|
template: '<ng-content></ng-content>',
|
|
609
609
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
610
|
-
inputs: ['alpha', 'ariaLabelProp', 'density', 'disabled', 'dismissOnOutsideClick', 'format', 'open', 'presets', 'showHex', 'showInputs', 'value', 'variant'],
|
|
610
|
+
inputs: ['alpha', 'ariaLabelProp', 'density', 'disabled', 'dismissOnOutsideClick', 'format', 'locale', 'open', 'presets', 'showHex', 'showInputs', 'value', 'variant'],
|
|
611
611
|
standalone: true
|
|
612
612
|
}]
|
|
613
613
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -816,7 +816,7 @@ MdLineChart = __decorate([
|
|
|
816
816
|
ProxyCmp({
|
|
817
817
|
defineCustomElementFn: defineCustomElement$p,
|
|
818
818
|
inputs: ['animation', 'animationDuration', 'area', 'axisTicks', 'connectNulls', 'curve', 'density', 'grid', 'heightProp', 'inverted', 'label', 'labelEmpty', 'labelPlot', 'labelPoint', 'labelZoomEnd', 'labelZoomStart', 'legend', 'lineWidth', 'loading', 'loadingLabel', 'locale', 'markLines', 'markSize', 'noAnimation', 'series', 'seriesLabels', 'showLabels', 'showLine', 'showMarks', 'stack', 'subtitle', 'summary', 'tableLabels', 'titleAlign', 'tooltip', 'tooltipRenderer', 'valueFormatter', 'xAxis', 'yAxes', 'yAxis', 'zoom'],
|
|
819
|
-
methods: ['resize', 'replay', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
819
|
+
methods: ['refreshTheme', 'resize', 'replay', 'toDataURL', 'getInstance', 'setZoom', 'resetZoom']
|
|
820
820
|
})
|
|
821
821
|
], MdLineChart);
|
|
822
822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdLineChart, decorators: [{
|
|
@@ -1256,7 +1256,7 @@ MdPieChart = __decorate([
|
|
|
1256
1256
|
ProxyCmp({
|
|
1257
1257
|
defineCustomElementFn: defineCustomElement$F,
|
|
1258
1258
|
inputs: ['animation', 'animationDuration', 'cornerRadius', 'data', 'density', 'endAngle', 'gradient', 'heightProp', 'highlight', 'innerRadius', 'label', 'labelEmpty', 'labelMode', 'labelPlot', 'labelPoint', 'legend', 'loading', 'loadingLabel', 'locale', 'monochrome', 'noAnimation', 'outerRadius', 'paddingAngle', 'ringWidths', 'showLabels', 'startAngle', 'subtitle', 'summary', 'tableLabels', 'titleAlign', 'tooltip', 'tooltipRenderer', 'valueFormatter'],
|
|
1259
|
-
methods: ['resize', 'replay', 'drill', 'toDataURL', 'getInstance']
|
|
1259
|
+
methods: ['refreshTheme', 'resize', 'replay', 'drill', 'toDataURL', 'getInstance']
|
|
1260
1260
|
})
|
|
1261
1261
|
], MdPieChart);
|
|
1262
1262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdPieChart, decorators: [{
|
|
@@ -1640,7 +1640,7 @@ MdSparkline = __decorate([
|
|
|
1640
1640
|
ProxyCmp({
|
|
1641
1641
|
defineCustomElementFn: defineCustomElement$T,
|
|
1642
1642
|
inputs: ['barWidth', 'color', 'cornerRadius', 'curve', 'data', 'heightProp', 'labels', 'lineWidth', 'markSize', 'max', 'min', 'noAnimation', 'referenceAreas', 'showMarks', 'showTooltip', 'valueFormatter', 'variant'],
|
|
1643
|
-
methods: ['resize', 'getInstance']
|
|
1643
|
+
methods: ['refreshTheme', 'resize', 'getInstance']
|
|
1644
1644
|
})
|
|
1645
1645
|
], MdSparkline);
|
|
1646
1646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdSparkline, decorators: [{
|
|
@@ -1688,12 +1688,12 @@ let MdStatusDot = class MdStatusDot {
|
|
|
1688
1688
|
this.el = r.nativeElement;
|
|
1689
1689
|
}
|
|
1690
1690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdStatusDot, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdStatusDot, isStandalone: true, selector: "md-status-dot", inputs: { density: "density", label: "label", live: "live", size: "size", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdStatusDot, isStandalone: true, selector: "md-status-dot", inputs: { density: "density", inline: "inline", label: "label", live: "live", shape: "shape", size: "size", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1692
1692
|
};
|
|
1693
1693
|
MdStatusDot = __decorate([
|
|
1694
1694
|
ProxyCmp({
|
|
1695
1695
|
defineCustomElementFn: defineCustomElement$V,
|
|
1696
|
-
inputs: ['density', 'label', 'live', 'size', 'state']
|
|
1696
|
+
inputs: ['density', 'inline', 'label', 'live', 'shape', 'size', 'state']
|
|
1697
1697
|
})
|
|
1698
1698
|
], MdStatusDot);
|
|
1699
1699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdStatusDot, decorators: [{
|
|
@@ -1703,7 +1703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1703
1703
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1704
1704
|
template: '<ng-content></ng-content>',
|
|
1705
1705
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1706
|
-
inputs: ['density', 'label', 'live', 'size', 'state'],
|
|
1706
|
+
inputs: ['density', 'inline', 'label', 'live', 'shape', 'size', 'state'],
|
|
1707
1707
|
standalone: true
|
|
1708
1708
|
}]
|
|
1709
1709
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -1742,12 +1742,12 @@ let MdStepper = class MdStepper {
|
|
|
1742
1742
|
proxyOutputs(this, this.el, ['mdBeforeChange', 'mdStepChange', 'mdComplete']);
|
|
1743
1743
|
}
|
|
1744
1744
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1745
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdStepper, isStandalone: true, selector: "md-stepper", inputs: { active: "active", autoComplete: "autoComplete", backLabel: "backLabel", completedWord: "completedWord", currentWord: "currentWord", density: "density", errorWord: "errorWord", finishLabel: "finishLabel", indicator: "indicator", label: "label", lazy: "lazy", loading: "loading", mode: "mode", nav: "nav", nextDisabled: "nextDisabled", nextLabel: "nextLabel", ofWord: "ofWord", optionalWord: "optionalWord", orientation: "orientation", stepWord: "stepWord", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1745
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdStepper, isStandalone: true, selector: "md-stepper", inputs: { active: "active", autoComplete: "autoComplete", backLabel: "backLabel", completedWord: "completedWord", currentWord: "currentWord", density: "density", errorWord: "errorWord", finishLabel: "finishLabel", indicator: "indicator", label: "label", lazy: "lazy", loading: "loading", mode: "mode", nav: "nav", nextDisabled: "nextDisabled", nextLabel: "nextLabel", ofWord: "ofWord", optionalWord: "optionalWord", orientation: "orientation", readonly: "readonly", stepWord: "stepWord", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1746
1746
|
};
|
|
1747
1747
|
MdStepper = __decorate([
|
|
1748
1748
|
ProxyCmp({
|
|
1749
1749
|
defineCustomElementFn: defineCustomElement$X,
|
|
1750
|
-
inputs: ['active', 'autoComplete', 'backLabel', 'completedWord', 'currentWord', 'density', 'errorWord', 'finishLabel', 'indicator', 'label', 'lazy', 'loading', 'mode', 'nav', 'nextDisabled', 'nextLabel', 'ofWord', 'optionalWord', 'orientation', 'stepWord', 'variant'],
|
|
1750
|
+
inputs: ['active', 'autoComplete', 'backLabel', 'completedWord', 'currentWord', 'density', 'errorWord', 'finishLabel', 'indicator', 'label', 'lazy', 'loading', 'mode', 'nav', 'nextDisabled', 'nextLabel', 'ofWord', 'optionalWord', 'orientation', 'readonly', 'stepWord', 'variant'],
|
|
1751
1751
|
methods: ['next', 'prev', 'goTo', 'reset']
|
|
1752
1752
|
})
|
|
1753
1753
|
], MdStepper);
|
|
@@ -1758,7 +1758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1758
1758
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1759
1759
|
template: '<ng-content></ng-content>',
|
|
1760
1760
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1761
|
-
inputs: ['active', 'autoComplete', 'backLabel', 'completedWord', 'currentWord', 'density', 'errorWord', 'finishLabel', 'indicator', 'label', 'lazy', 'loading', 'mode', 'nav', 'nextDisabled', 'nextLabel', 'ofWord', 'optionalWord', 'orientation', 'stepWord', 'variant'],
|
|
1761
|
+
inputs: ['active', 'autoComplete', 'backLabel', 'completedWord', 'currentWord', 'density', 'errorWord', 'finishLabel', 'indicator', 'label', 'lazy', 'loading', 'mode', 'nav', 'nextDisabled', 'nextLabel', 'ofWord', 'optionalWord', 'orientation', 'readonly', 'stepWord', 'variant'],
|
|
1762
1762
|
standalone: true
|
|
1763
1763
|
}]
|
|
1764
1764
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -1770,12 +1770,12 @@ let MdSubMenuItem = class MdSubMenuItem {
|
|
|
1770
1770
|
proxyOutputs(this, this.el, ['mdClick']);
|
|
1771
1771
|
}
|
|
1772
1772
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdSubMenuItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdSubMenuItem, isStandalone: true, selector: "md-sub-menu-item", inputs: { badge: "badge", density: "density", disabled: "disabled", divider: "divider", gap: "gap", headline: "headline", supportingText: "supportingText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1773
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdSubMenuItem, isStandalone: true, selector: "md-sub-menu-item", inputs: { badge: "badge", closeDelay: "closeDelay", density: "density", disabled: "disabled", divider: "divider", gap: "gap", headline: "headline", openDelay: "openDelay", supportingText: "supportingText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1774
1774
|
};
|
|
1775
1775
|
MdSubMenuItem = __decorate([
|
|
1776
1776
|
ProxyCmp({
|
|
1777
1777
|
defineCustomElementFn: defineCustomElement$Y,
|
|
1778
|
-
inputs: ['badge', 'density', 'disabled', 'divider', 'gap', 'headline', 'supportingText'],
|
|
1778
|
+
inputs: ['badge', 'closeDelay', 'density', 'disabled', 'divider', 'gap', 'headline', 'openDelay', 'supportingText'],
|
|
1779
1779
|
methods: ['collapse']
|
|
1780
1780
|
})
|
|
1781
1781
|
], MdSubMenuItem);
|
|
@@ -1786,7 +1786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1786
1786
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1787
1787
|
template: '<ng-content></ng-content>',
|
|
1788
1788
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1789
|
-
inputs: ['badge', 'density', 'disabled', 'divider', 'gap', 'headline', 'supportingText'],
|
|
1789
|
+
inputs: ['badge', 'closeDelay', 'density', 'disabled', 'divider', 'gap', 'headline', 'openDelay', 'supportingText'],
|
|
1790
1790
|
standalone: true
|
|
1791
1791
|
}]
|
|
1792
1792
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -2142,12 +2142,12 @@ let MdTableSortLabel = class MdTableSortLabel {
|
|
|
2142
2142
|
proxyOutputs(this, this.el, ['mdSortRequest']);
|
|
2143
2143
|
}
|
|
2144
2144
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdTableSortLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2145
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTableSortLabel, isStandalone: true, selector: "md-table-sort-label", inputs: { active: "active", column: "column", defaultOrder: "defaultOrder", density: "density", disabled: "disabled", icon: "icon", iconPosition: "iconPosition", order: "order" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2145
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTableSortLabel, isStandalone: true, selector: "md-table-sort-label", inputs: { active: "active", column: "column", defaultOrder: "defaultOrder", density: "density", disabled: "disabled", icon: "icon", iconPosition: "iconPosition", inactiveIcon: "inactiveIcon", order: "order" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2146
2146
|
};
|
|
2147
2147
|
MdTableSortLabel = __decorate([
|
|
2148
2148
|
ProxyCmp({
|
|
2149
2149
|
defineCustomElementFn: defineCustomElement$1a,
|
|
2150
|
-
inputs: ['active', 'column', 'defaultOrder', 'density', 'disabled', 'icon', 'iconPosition', 'order']
|
|
2150
|
+
inputs: ['active', 'column', 'defaultOrder', 'density', 'disabled', 'icon', 'iconPosition', 'inactiveIcon', 'order']
|
|
2151
2151
|
})
|
|
2152
2152
|
], MdTableSortLabel);
|
|
2153
2153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdTableSortLabel, decorators: [{
|
|
@@ -2157,7 +2157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2157
2157
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2158
2158
|
template: '<ng-content></ng-content>',
|
|
2159
2159
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
2160
|
-
inputs: ['active', 'column', 'defaultOrder', 'density', 'disabled', 'icon', 'iconPosition', 'order'],
|
|
2160
|
+
inputs: ['active', 'column', 'defaultOrder', 'density', 'disabled', 'icon', 'iconPosition', 'inactiveIcon', 'order'],
|
|
2161
2161
|
standalone: true
|
|
2162
2162
|
}]
|
|
2163
2163
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -2195,12 +2195,12 @@ let MdTabs = class MdTabs {
|
|
|
2195
2195
|
proxyOutputs(this, this.el, ['mdTabChange']);
|
|
2196
2196
|
}
|
|
2197
2197
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTabs, isStandalone: true, selector: "md-tabs", inputs: { activeTabIndex: "activeTabIndex", ariaLabelProp: "ariaLabelProp", tabWidth: "tabWidth", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTabs, isStandalone: true, selector: "md-tabs", inputs: { activeTabIndex: "activeTabIndex", ariaLabelProp: "ariaLabelProp", divider: "divider", tabWidth: "tabWidth", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2199
2199
|
};
|
|
2200
2200
|
MdTabs = __decorate([
|
|
2201
2201
|
ProxyCmp({
|
|
2202
2202
|
defineCustomElementFn: defineCustomElement$1c,
|
|
2203
|
-
inputs: ['activeTabIndex', 'ariaLabelProp', 'tabWidth', 'variant', 'width'],
|
|
2203
|
+
inputs: ['activeTabIndex', 'ariaLabelProp', 'divider', 'tabWidth', 'variant', 'width'],
|
|
2204
2204
|
methods: ['selectTab']
|
|
2205
2205
|
})
|
|
2206
2206
|
], MdTabs);
|
|
@@ -2211,7 +2211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2211
2211
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2212
2212
|
template: '<ng-content></ng-content>',
|
|
2213
2213
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
2214
|
-
inputs: ['activeTabIndex', 'ariaLabelProp', 'tabWidth', 'variant', 'width'],
|
|
2214
|
+
inputs: ['activeTabIndex', 'ariaLabelProp', 'divider', 'tabWidth', 'variant', 'width'],
|
|
2215
2215
|
standalone: true
|
|
2216
2216
|
}]
|
|
2217
2217
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -2251,12 +2251,12 @@ let MdTimePicker = class MdTimePicker {
|
|
|
2251
2251
|
proxyOutputs(this, this.el, ['mdChange', 'mdInput', 'mdOpen', 'mdClose', 'mdCancel', 'mdModeChange', 'mdValidityChange']);
|
|
2252
2252
|
}
|
|
2253
2253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MdTimePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTimePicker, isStandalone: true, selector: "md-time-picker", inputs: { amLabel: "amLabel", cancelLabel: "cancelLabel", density: "density", disabled: "disabled", format: "format", headline: "headline", headlineDialLabel: "headlineDialLabel", headlineInputLabel: "headlineInputLabel", hideTrigger: "hideTrigger", hourLabel: "hourLabel", label: "label", max: "max", min: "min", minuteLabel: "minuteLabel", minuteStep: "minuteStep", name: "name", okLabel: "okLabel", open: "open", orientation: "orientation", periodLabel: "periodLabel", periodLayout: "periodLayout", pmLabel: "pmLabel", rangeOutsideLabel: "rangeOutsideLabel", rangeOverflowLabel: "rangeOverflowLabel", rangeUnderflowLabel: "rangeUnderflowLabel", required: "required", responsive: "responsive", toggleDialLabel: "toggleDialLabel", toggleInputLabel: "toggleInputLabel", value: "value", valueMissingLabel: "valueMissingLabel", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2254
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MdTimePicker, isStandalone: true, selector: "md-time-picker", inputs: { amLabel: "amLabel", cancelLabel: "cancelLabel", density: "density", disabled: "disabled", error: "error", errorText: "errorText", format: "format", headline: "headline", headlineDialLabel: "headlineDialLabel", headlineInputLabel: "headlineInputLabel", hideTrigger: "hideTrigger", hourLabel: "hourLabel", label: "label", max: "max", min: "min", minuteLabel: "minuteLabel", minuteStep: "minuteStep", name: "name", okLabel: "okLabel", open: "open", orientation: "orientation", periodLabel: "periodLabel", periodLayout: "periodLayout", pmLabel: "pmLabel", rangeOutsideLabel: "rangeOutsideLabel", rangeOverflowLabel: "rangeOverflowLabel", rangeUnderflowLabel: "rangeUnderflowLabel", required: "required", reserveSupportingSpace: "reserveSupportingSpace", responsive: "responsive", supportingText: "supportingText", toggleDialLabel: "toggleDialLabel", toggleInputLabel: "toggleInputLabel", value: "value", valueMissingLabel: "valueMissingLabel", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2255
2255
|
};
|
|
2256
2256
|
MdTimePicker = __decorate([
|
|
2257
2257
|
ProxyCmp({
|
|
2258
2258
|
defineCustomElementFn: defineCustomElement$1e,
|
|
2259
|
-
inputs: ['amLabel', 'cancelLabel', 'density', 'disabled', 'format', 'headline', 'headlineDialLabel', 'headlineInputLabel', 'hideTrigger', 'hourLabel', 'label', 'max', 'min', 'minuteLabel', 'minuteStep', 'name', 'okLabel', 'open', 'orientation', 'periodLabel', 'periodLayout', 'pmLabel', 'rangeOutsideLabel', 'rangeOverflowLabel', 'rangeUnderflowLabel', 'required', 'responsive', 'toggleDialLabel', 'toggleInputLabel', 'value', 'valueMissingLabel', 'variant'],
|
|
2259
|
+
inputs: ['amLabel', 'cancelLabel', 'density', 'disabled', 'error', 'errorText', 'format', 'headline', 'headlineDialLabel', 'headlineInputLabel', 'hideTrigger', 'hourLabel', 'label', 'max', 'min', 'minuteLabel', 'minuteStep', 'name', 'okLabel', 'open', 'orientation', 'periodLabel', 'periodLayout', 'pmLabel', 'rangeOutsideLabel', 'rangeOverflowLabel', 'rangeUnderflowLabel', 'required', 'reserveSupportingSpace', 'responsive', 'supportingText', 'toggleDialLabel', 'toggleInputLabel', 'value', 'valueMissingLabel', 'variant'],
|
|
2260
2260
|
methods: ['show', 'hide', 'checkValidity', 'reportValidity', 'getValidity']
|
|
2261
2261
|
})
|
|
2262
2262
|
], MdTimePicker);
|
|
@@ -2267,7 +2267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2267
2267
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2268
2268
|
template: '<ng-content></ng-content>',
|
|
2269
2269
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
2270
|
-
inputs: ['amLabel', 'cancelLabel', 'density', 'disabled', 'format', 'headline', 'headlineDialLabel', 'headlineInputLabel', 'hideTrigger', 'hourLabel', 'label', 'max', 'min', 'minuteLabel', 'minuteStep', 'name', 'okLabel', 'open', 'orientation', 'periodLabel', 'periodLayout', 'pmLabel', 'rangeOutsideLabel', 'rangeOverflowLabel', 'rangeUnderflowLabel', 'required', 'responsive', 'toggleDialLabel', 'toggleInputLabel', 'value', 'valueMissingLabel', 'variant'],
|
|
2270
|
+
inputs: ['amLabel', 'cancelLabel', 'density', 'disabled', 'error', 'errorText', 'format', 'headline', 'headlineDialLabel', 'headlineInputLabel', 'hideTrigger', 'hourLabel', 'label', 'max', 'min', 'minuteLabel', 'minuteStep', 'name', 'okLabel', 'open', 'orientation', 'periodLabel', 'periodLayout', 'pmLabel', 'rangeOutsideLabel', 'rangeOverflowLabel', 'rangeUnderflowLabel', 'required', 'reserveSupportingSpace', 'responsive', 'supportingText', 'toggleDialLabel', 'toggleInputLabel', 'value', 'valueMissingLabel', 'variant'],
|
|
2271
2271
|
standalone: true
|
|
2272
2272
|
}]
|
|
2273
2273
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -2513,7 +2513,7 @@ class SelectValueAccessor extends ValueAccessor {
|
|
|
2513
2513
|
super(el);
|
|
2514
2514
|
}
|
|
2515
2515
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2516
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SelectValueAccessor, isStandalone: true, selector: "md-select, md-
|
|
2516
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SelectValueAccessor, isStandalone: true, selector: "md-select, md-date-picker, md-time-picker", host: { listeners: { "mdChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
2517
2517
|
{
|
|
2518
2518
|
provide: NG_VALUE_ACCESSOR,
|
|
2519
2519
|
useExisting: SelectValueAccessor,
|
|
@@ -2525,7 +2525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2525
2525
|
type: Directive,
|
|
2526
2526
|
args: [{
|
|
2527
2527
|
/* tslint:disable-next-line:directive-selector */
|
|
2528
|
-
selector: 'md-select, md-
|
|
2528
|
+
selector: 'md-select, md-date-picker, md-time-picker',
|
|
2529
2529
|
host: {
|
|
2530
2530
|
'(mdChange)': 'handleChangeEvent($event.target.value)'
|
|
2531
2531
|
},
|
|
@@ -2573,36 +2573,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2573
2573
|
}]
|
|
2574
2574
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
2575
2575
|
|
|
2576
|
+
/** Angular reset() writes null; a multi-select's empty value must remain an array. */
|
|
2577
|
+
class MultiSelectValueAccessor extends ValueAccessor {
|
|
2578
|
+
constructor(el) { super(el); }
|
|
2579
|
+
writeValue(value) {
|
|
2580
|
+
this.el.nativeElement.value = this.lastValue = value ?? [];
|
|
2581
|
+
}
|
|
2582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2583
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MultiSelectValueAccessor, isStandalone: true, selector: "md-multi-select", host: { listeners: { "mdChange": "handleChangeEvent($event.target.value)" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: MultiSelectValueAccessor, multi: true }], usesInheritance: true, ngImport: i0 }); }
|
|
2584
|
+
}
|
|
2585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectValueAccessor, decorators: [{
|
|
2586
|
+
type: Directive,
|
|
2587
|
+
args: [{
|
|
2588
|
+
selector: 'md-multi-select',
|
|
2589
|
+
host: { '(mdChange)': 'handleChangeEvent($event.target.value)' },
|
|
2590
|
+
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: MultiSelectValueAccessor, multi: true }],
|
|
2591
|
+
standalone: true,
|
|
2592
|
+
}]
|
|
2593
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
2594
|
+
|
|
2595
|
+
/** Coordinates radios that share an Angular control or a named form group. */
|
|
2596
|
+
class RadioValueAccessorRegistry {
|
|
2597
|
+
constructor() {
|
|
2598
|
+
this.accessors = new Set();
|
|
2599
|
+
}
|
|
2600
|
+
add(accessor) { this.accessors.add(accessor); }
|
|
2601
|
+
remove(accessor) { this.accessors.delete(accessor); }
|
|
2602
|
+
select(accessor) {
|
|
2603
|
+
for (const other of this.accessors) {
|
|
2604
|
+
if (other !== accessor && accessor.isSameGroup(other))
|
|
2605
|
+
other.uncheck(accessor.value);
|
|
2606
|
+
}
|
|
2607
|
+
}
|
|
2608
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioValueAccessorRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2609
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioValueAccessorRegistry, providedIn: 'root' }); }
|
|
2610
|
+
}
|
|
2611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioValueAccessorRegistry, decorators: [{
|
|
2612
|
+
type: Injectable,
|
|
2613
|
+
args: [{ providedIn: 'root' }]
|
|
2614
|
+
}] });
|
|
2615
|
+
/**
|
|
2616
|
+
* A radio's value identifies its option; the form model chooses which option
|
|
2617
|
+
* is checked. Kept outside valueAccessorConfigs so Stencil cannot replace this
|
|
2618
|
+
* with its generic accessor, which writes the model over the option's value.
|
|
2619
|
+
*/
|
|
2576
2620
|
class RadioValueAccessor extends ValueAccessor {
|
|
2577
|
-
constructor(el) {
|
|
2621
|
+
constructor(el, registry, injector) {
|
|
2578
2622
|
super(el);
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2623
|
+
this.registry = registry;
|
|
2624
|
+
this.injector = injector;
|
|
2625
|
+
this.control = null;
|
|
2626
|
+
this.hasModelValue = false;
|
|
2627
|
+
}
|
|
2628
|
+
get value() { return this.optionValue ?? this.el.nativeElement.value; }
|
|
2629
|
+
set value(value) {
|
|
2630
|
+
this.optionValue = value;
|
|
2631
|
+
this.el.nativeElement.value = value;
|
|
2632
|
+
if (this.hasModelValue)
|
|
2633
|
+
this.updateChecked();
|
|
2634
|
+
}
|
|
2635
|
+
get name() { return this.optionName ?? this.el.nativeElement.name ?? ''; }
|
|
2636
|
+
set name(name) {
|
|
2637
|
+
this.optionName = name;
|
|
2638
|
+
this.el.nativeElement.name = name;
|
|
2639
|
+
}
|
|
2640
|
+
ngOnInit() {
|
|
2641
|
+
// Resolve after construction: NG_VALUE_ACCESSOR is itself needed while
|
|
2642
|
+
// Angular constructs NgControl, so injecting NgControl directly is cyclic.
|
|
2643
|
+
this.control = this.injector.get(NgControl, null, { self: true });
|
|
2644
|
+
if (this.control)
|
|
2645
|
+
this.registry.add(this);
|
|
2646
|
+
}
|
|
2647
|
+
ngOnDestroy() { this.registry.remove(this); }
|
|
2648
|
+
writeValue(value) {
|
|
2649
|
+
this.hasModelValue = true;
|
|
2650
|
+
this.lastValue = value;
|
|
2651
|
+
this.updateChecked();
|
|
2652
|
+
}
|
|
2653
|
+
updateChecked() {
|
|
2654
|
+
this.el.nativeElement.checked = this.lastValue != null && Object.is(this.lastValue, this.value);
|
|
2655
|
+
}
|
|
2656
|
+
handleRadioChange(event) {
|
|
2657
|
+
if (!this.control || event.target !== this.el.nativeElement || !this.el.nativeElement.checked || this.el.nativeElement.disabled)
|
|
2658
|
+
return;
|
|
2659
|
+
this.registry.select(this);
|
|
2660
|
+
super.handleChangeEvent(this.value);
|
|
2661
|
+
}
|
|
2662
|
+
uncheck(selectedValue) {
|
|
2663
|
+
this.lastValue = selectedValue;
|
|
2664
|
+
this.el.nativeElement.checked = false;
|
|
2665
|
+
}
|
|
2666
|
+
isSameGroup(other) {
|
|
2667
|
+
const control = this.control?.control;
|
|
2668
|
+
const otherControl = other.control?.control;
|
|
2669
|
+
if (control && control === otherControl)
|
|
2670
|
+
return true;
|
|
2671
|
+
if (!this.name || this.name !== other.name)
|
|
2672
|
+
return false;
|
|
2673
|
+
if (control?.parent || otherControl?.parent)
|
|
2674
|
+
return !!control?.parent && control.parent === otherControl?.parent;
|
|
2675
|
+
const element = this.el.nativeElement;
|
|
2676
|
+
const otherElement = other.el.nativeElement;
|
|
2677
|
+
return element.getRootNode() === otherElement.getRootNode() && element.closest('form') === otherElement.closest('form');
|
|
2678
|
+
}
|
|
2679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }, { token: RadioValueAccessorRegistry }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2680
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: RadioValueAccessor, isStandalone: true, selector: "md-radio", inputs: { value: "value", name: "name" }, host: { listeners: { "mdChange": "handleRadioChange($event)" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioValueAccessor, multi: true }], usesInheritance: true, ngImport: i0 }); }
|
|
2588
2681
|
}
|
|
2589
2682
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioValueAccessor, decorators: [{
|
|
2590
2683
|
type: Directive,
|
|
2591
2684
|
args: [{
|
|
2592
|
-
/* tslint:disable-next-line:directive-selector */
|
|
2593
2685
|
selector: 'md-radio',
|
|
2594
|
-
host: {
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
providers: [
|
|
2598
|
-
{
|
|
2599
|
-
provide: NG_VALUE_ACCESSOR,
|
|
2600
|
-
useExisting: RadioValueAccessor,
|
|
2601
|
-
multi: true
|
|
2602
|
-
}
|
|
2603
|
-
], standalone: true
|
|
2686
|
+
host: { '(mdChange)': 'handleRadioChange($event)' },
|
|
2687
|
+
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioValueAccessor, multi: true }],
|
|
2688
|
+
standalone: true,
|
|
2604
2689
|
}]
|
|
2605
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }]
|
|
2690
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: RadioValueAccessorRegistry }, { type: i0.Injector }], propDecorators: { value: [{
|
|
2691
|
+
type: Input
|
|
2692
|
+
}], name: [{
|
|
2693
|
+
type: Input
|
|
2694
|
+
}] } });
|
|
2606
2695
|
|
|
2607
2696
|
class NumericValueAccessor extends ValueAccessor {
|
|
2608
2697
|
constructor(el) {
|
|
@@ -2698,6 +2787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2698
2787
|
const VALUE_ACCESSORS = [
|
|
2699
2788
|
TextValueAccessor,
|
|
2700
2789
|
SelectValueAccessor,
|
|
2790
|
+
MultiSelectValueAccessor,
|
|
2701
2791
|
BooleanValueAccessor,
|
|
2702
2792
|
RadioValueAccessor,
|
|
2703
2793
|
NumericValueAccessor,
|
|
@@ -2723,10 +2813,9 @@ const VALUE_ACCESSORS = [
|
|
|
2723
2813
|
* })
|
|
2724
2814
|
* export class AppModule {}
|
|
2725
2815
|
*
|
|
2726
|
-
* //
|
|
2727
|
-
*
|
|
2728
|
-
*
|
|
2729
|
-
* });
|
|
2816
|
+
* // Raw custom elements without imported proxies:
|
|
2817
|
+
* // AppComponent uses CUSTOM_ELEMENTS_SCHEMA; add the loader at bootstrap.
|
|
2818
|
+
* bootstrapApplication(AppComponent, { providers: [provideAwcUi()] });
|
|
2730
2819
|
*
|
|
2731
2820
|
* SSR-safe: it is a no-op when `window` is not available.
|
|
2732
2821
|
*/
|
|
@@ -2762,11 +2851,13 @@ class AwcUiModule {
|
|
|
2762
2851
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AwcUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2763
2852
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AwcUiModule, imports: [CommonModule, MdAccordion, MdAccordionItem, MdAppBar, MdAreaChart, MdAutocomplete, MdAvatar, MdBadge, MdBarChart, MdBottomSheet, MdBreadcrumbItem, MdBreadcrumbs, MdButton, MdButtonGroup, MdCard, MdCheckbox, MdChip, MdColorPicker, MdDatePicker, MdDialog, MdDivider, MdFab, MdFabMenu, MdFabMenuItem, MdIconButton, MdLineChart, MdList, MdListItem, MdLoadingIndicator, MdMenu, MdMenuItem, MdMenuItemGroup, MdMeter, MdMultiSelect, MdNavigationBar, MdNavigationRail, MdNavigationRailTab, MdNavigationTab, MdNumberField, MdOrganizationChart, MdOtpField, MdPieChart, MdProgressIndicator, MdRadio, MdRating, MdRipple, MdSearch, MdSegmentedButton, MdSegmentedButtonSet, MdSelect, MdSelectOption, MdSideSheet, MdSkeleton, MdSlider, MdSnackbar, MdSparkline, MdSplitButton, MdStatusDot, MdStep, MdStepper, MdSubMenuItem, MdSwitch, MdTab, MdTabPanel, MdTabPanels, MdTable, MdTableBody, MdTableCell, MdTableContainer, MdTableExpandToggle, MdTableFoot, MdTableHead, MdTablePagination, MdTableRow, MdTableSortLabel, MdTableToolbar, MdTabs, MdTextField, MdTimePicker, MdToolbar, MdTooltip, MdTransferList, TextValueAccessor,
|
|
2764
2853
|
SelectValueAccessor,
|
|
2854
|
+
MultiSelectValueAccessor,
|
|
2765
2855
|
BooleanValueAccessor,
|
|
2766
2856
|
RadioValueAccessor,
|
|
2767
2857
|
NumericValueAccessor,
|
|
2768
2858
|
SwitchValueAccessor], exports: [MdAccordion, MdAccordionItem, MdAppBar, MdAreaChart, MdAutocomplete, MdAvatar, MdBadge, MdBarChart, MdBottomSheet, MdBreadcrumbItem, MdBreadcrumbs, MdButton, MdButtonGroup, MdCard, MdCheckbox, MdChip, MdColorPicker, MdDatePicker, MdDialog, MdDivider, MdFab, MdFabMenu, MdFabMenuItem, MdIconButton, MdLineChart, MdList, MdListItem, MdLoadingIndicator, MdMenu, MdMenuItem, MdMenuItemGroup, MdMeter, MdMultiSelect, MdNavigationBar, MdNavigationRail, MdNavigationRailTab, MdNavigationTab, MdNumberField, MdOrganizationChart, MdOtpField, MdPieChart, MdProgressIndicator, MdRadio, MdRating, MdRipple, MdSearch, MdSegmentedButton, MdSegmentedButtonSet, MdSelect, MdSelectOption, MdSideSheet, MdSkeleton, MdSlider, MdSnackbar, MdSparkline, MdSplitButton, MdStatusDot, MdStep, MdStepper, MdSubMenuItem, MdSwitch, MdTab, MdTabPanel, MdTabPanels, MdTable, MdTableBody, MdTableCell, MdTableContainer, MdTableExpandToggle, MdTableFoot, MdTableHead, MdTablePagination, MdTableRow, MdTableSortLabel, MdTableToolbar, MdTabs, MdTextField, MdTimePicker, MdToolbar, MdTooltip, MdTransferList, TextValueAccessor,
|
|
2769
2859
|
SelectValueAccessor,
|
|
2860
|
+
MultiSelectValueAccessor,
|
|
2770
2861
|
BooleanValueAccessor,
|
|
2771
2862
|
RadioValueAccessor,
|
|
2772
2863
|
NumericValueAccessor,
|
|
@@ -2786,5 +2877,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2786
2877
|
* Generated bundle index. Do not edit.
|
|
2787
2878
|
*/
|
|
2788
2879
|
|
|
2789
|
-
export { AwcUiModule, BooleanValueAccessor, DIRECTIVES, MdAccordion, MdAccordionItem, MdAppBar, MdAreaChart, MdAutocomplete, MdAvatar, MdBadge, MdBarChart, MdBottomSheet, MdBreadcrumbItem, MdBreadcrumbs, MdButton, MdButtonGroup, MdCard, MdCheckbox, MdChip, MdColorPicker, MdDatePicker, MdDialog, MdDivider, MdFab, MdFabMenu, MdFabMenuItem, MdIconButton, MdLineChart, MdList, MdListItem, MdLoadingIndicator, MdMenu, MdMenuItem, MdMenuItemGroup, MdMeter, MdMultiSelect, MdNavigationBar, MdNavigationRail, MdNavigationRailTab, MdNavigationTab, MdNumberField, MdOrganizationChart, MdOtpField, MdPieChart, MdProgressIndicator, MdRadio, MdRating, MdRipple, MdSearch, MdSegmentedButton, MdSegmentedButtonSet, MdSelect, MdSelectOption, MdSideSheet, MdSkeleton, MdSlider, MdSnackbar, MdSparkline, MdSplitButton, MdStatusDot, MdStep, MdStepper, MdSubMenuItem, MdSwitch, MdTab, MdTabPanel, MdTabPanels, MdTable, MdTableBody, MdTableCell, MdTableContainer, MdTableExpandToggle, MdTableFoot, MdTableHead, MdTablePagination, MdTableRow, MdTableSortLabel, MdTableToolbar, MdTabs, MdTextField, MdTimePicker, MdToolbar, MdTooltip, MdTransferList, NumericValueAccessor, RadioValueAccessor, SelectValueAccessor, SwitchValueAccessor, TextValueAccessor, VALUE_ACCESSORS, ValueAccessor, provideAwcUi };
|
|
2880
|
+
export { AwcUiModule, BooleanValueAccessor, DIRECTIVES, MdAccordion, MdAccordionItem, MdAppBar, MdAreaChart, MdAutocomplete, MdAvatar, MdBadge, MdBarChart, MdBottomSheet, MdBreadcrumbItem, MdBreadcrumbs, MdButton, MdButtonGroup, MdCard, MdCheckbox, MdChip, MdColorPicker, MdDatePicker, MdDialog, MdDivider, MdFab, MdFabMenu, MdFabMenuItem, MdIconButton, MdLineChart, MdList, MdListItem, MdLoadingIndicator, MdMenu, MdMenuItem, MdMenuItemGroup, MdMeter, MdMultiSelect, MdNavigationBar, MdNavigationRail, MdNavigationRailTab, MdNavigationTab, MdNumberField, MdOrganizationChart, MdOtpField, MdPieChart, MdProgressIndicator, MdRadio, MdRating, MdRipple, MdSearch, MdSegmentedButton, MdSegmentedButtonSet, MdSelect, MdSelectOption, MdSideSheet, MdSkeleton, MdSlider, MdSnackbar, MdSparkline, MdSplitButton, MdStatusDot, MdStep, MdStepper, MdSubMenuItem, MdSwitch, MdTab, MdTabPanel, MdTabPanels, MdTable, MdTableBody, MdTableCell, MdTableContainer, MdTableExpandToggle, MdTableFoot, MdTableHead, MdTablePagination, MdTableRow, MdTableSortLabel, MdTableToolbar, MdTabs, MdTextField, MdTimePicker, MdToolbar, MdTooltip, MdTransferList, MultiSelectValueAccessor, NumericValueAccessor, RadioValueAccessor, SelectValueAccessor, SwitchValueAccessor, TextValueAccessor, VALUE_ACCESSORS, ValueAccessor, provideAwcUi };
|
|
2790
2881
|
//# sourceMappingURL=awc-ui-angular.mjs.map
|