@six-group/ui-library-angular 0.0.0-insider.573d2eb → 0.0.0-insider.582a2ec
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/fesm2022/six-group-ui-library-angular.mjs +171 -19
- package/fesm2022/six-group-ui-library-angular.mjs.map +1 -1
- package/lib/control-value-accessors/checkbox-multi-select-value-accessor.d.ts +16 -0
- package/lib/control-value-accessors/checkbox-value-accessor.d.ts +1 -1
- package/lib/control-value-accessors/value-accessor.d.ts +2 -2
- package/lib/stencil-generated/components.d.ts +43 -3
- package/lib/stencil-generated/index.d.ts +1 -1
- package/lib/ui-library-angular-config.d.ts +2 -1
- package/lib/ui-library-angular.module.d.ts +8 -7
- package/package.json +9 -1
- package/public-api.d.ts +1 -0
|
@@ -145,6 +145,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
145
145
|
standalone: false
|
|
146
146
|
}]
|
|
147
147
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
148
|
+
let SixBreadcrumbs = class SixBreadcrumbs {
|
|
149
|
+
constructor(c, r, z) {
|
|
150
|
+
this.z = z;
|
|
151
|
+
c.detach();
|
|
152
|
+
this.el = r.nativeElement;
|
|
153
|
+
}
|
|
154
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixBreadcrumbs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixBreadcrumbs, isStandalone: false, selector: "six-breadcrumbs", inputs: { separatorIcon: "separatorIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
156
|
+
};
|
|
157
|
+
SixBreadcrumbs = __decorate([
|
|
158
|
+
ProxyCmp({
|
|
159
|
+
inputs: ['separatorIcon']
|
|
160
|
+
})
|
|
161
|
+
], SixBreadcrumbs);
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixBreadcrumbs, decorators: [{
|
|
163
|
+
type: Component,
|
|
164
|
+
args: [{
|
|
165
|
+
selector: 'six-breadcrumbs',
|
|
166
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
167
|
+
template: '<ng-content></ng-content>',
|
|
168
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
169
|
+
inputs: ['separatorIcon'],
|
|
170
|
+
standalone: false
|
|
171
|
+
}]
|
|
172
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
173
|
+
let SixBreadcrumbsItem = class SixBreadcrumbsItem {
|
|
174
|
+
constructor(c, r, z) {
|
|
175
|
+
this.z = z;
|
|
176
|
+
c.detach();
|
|
177
|
+
this.el = r.nativeElement;
|
|
178
|
+
}
|
|
179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixBreadcrumbsItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixBreadcrumbsItem, isStandalone: false, selector: "six-breadcrumbs-item", inputs: { href: "href", readonly: "readonly", size: "size", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
181
|
+
};
|
|
182
|
+
SixBreadcrumbsItem = __decorate([
|
|
183
|
+
ProxyCmp({
|
|
184
|
+
inputs: ['href', 'readonly', 'size', 'target']
|
|
185
|
+
})
|
|
186
|
+
], SixBreadcrumbsItem);
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixBreadcrumbsItem, decorators: [{
|
|
188
|
+
type: Component,
|
|
189
|
+
args: [{
|
|
190
|
+
selector: 'six-breadcrumbs-item',
|
|
191
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
192
|
+
template: '<ng-content></ng-content>',
|
|
193
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
194
|
+
inputs: ['href', 'readonly', 'size', 'target'],
|
|
195
|
+
standalone: false
|
|
196
|
+
}]
|
|
197
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
148
198
|
let SixButton = class SixButton {
|
|
149
199
|
constructor(c, r, z) {
|
|
150
200
|
this.z = z;
|
|
@@ -365,11 +415,11 @@ let SixDropdown = class SixDropdown {
|
|
|
365
415
|
proxyOutputs(this, this.el, ['six-dropdown-show', 'six-dropdown-after-show', 'six-dropdown-hide', 'six-dropdown-after-hide', 'six-dropdown-auto-filter-fired', 'six-async-filter-fired', 'six-dropdown-scroll']);
|
|
366
416
|
}
|
|
367
417
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
368
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixDropdown, isStandalone: false, selector: "six-dropdown", inputs: { asyncFilter: "asyncFilter", autofocusFilter: "autofocusFilter", closeOnSelect: "closeOnSelect", containingElement: "containingElement", disableHideOnEnterAndSpace: "disableHideOnEnterAndSpace", distance: "distance", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", hoist: "hoist", matchTriggerWidth: "matchTriggerWidth", open: "open", options: "options", placement: "placement", skidding: "skidding", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixDropdown, isStandalone: false, selector: "six-dropdown", inputs: { asyncFilter: "asyncFilter", autofocusFilter: "autofocusFilter", closeOnSelect: "closeOnSelect", containingElement: "containingElement", disableHideOnEnterAndSpace: "disableHideOnEnterAndSpace", distance: "distance", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", hoist: "hoist", matchTriggerWidth: "matchTriggerWidth", noScroll: "noScroll", open: "open", options: "options", placement: "placement", skidding: "skidding", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
369
419
|
};
|
|
370
420
|
SixDropdown = __decorate([
|
|
371
421
|
ProxyCmp({
|
|
372
|
-
inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
|
|
422
|
+
inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'noScroll', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
|
|
373
423
|
methods: ['show', 'hide']
|
|
374
424
|
})
|
|
375
425
|
], SixDropdown);
|
|
@@ -380,7 +430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
380
430
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
381
431
|
template: '<ng-content></ng-content>',
|
|
382
432
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
383
|
-
inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
|
|
433
|
+
inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'noScroll', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
|
|
384
434
|
standalone: false
|
|
385
435
|
}]
|
|
386
436
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -662,11 +712,11 @@ let SixIcon = class SixIcon {
|
|
|
662
712
|
this.el = r.nativeElement;
|
|
663
713
|
}
|
|
664
714
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
665
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixIcon, isStandalone: false, selector: "six-icon", inputs: { filled: "filled", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixIcon, isStandalone: false, selector: "six-icon", inputs: { filled: "filled", library: "library", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
666
716
|
};
|
|
667
717
|
SixIcon = __decorate([
|
|
668
718
|
ProxyCmp({
|
|
669
|
-
inputs: ['filled', 'size']
|
|
719
|
+
inputs: ['filled', 'library', 'size']
|
|
670
720
|
})
|
|
671
721
|
], SixIcon);
|
|
672
722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixIcon, decorators: [{
|
|
@@ -676,7 +726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
676
726
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
677
727
|
template: '<ng-content></ng-content>',
|
|
678
728
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
679
|
-
inputs: ['filled', 'size'],
|
|
729
|
+
inputs: ['filled', 'library', 'size'],
|
|
680
730
|
standalone: false
|
|
681
731
|
}]
|
|
682
732
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -1087,6 +1137,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1087
1137
|
standalone: false
|
|
1088
1138
|
}]
|
|
1089
1139
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
1140
|
+
let SixRating = class SixRating {
|
|
1141
|
+
constructor(c, r, z) {
|
|
1142
|
+
this.z = z;
|
|
1143
|
+
c.detach();
|
|
1144
|
+
this.el = r.nativeElement;
|
|
1145
|
+
proxyOutputs(this, this.el, ['six-rating-blur', 'six-rating-change', 'six-rating-focus']);
|
|
1146
|
+
}
|
|
1147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixRating, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixRating, isStandalone: false, selector: "six-rating", inputs: { disabled: "disabled", errorText: "errorText", errorTextCount: "errorTextCount", helpText: "helpText", invalid: "invalid", label: "label", max: "max", name: "name", readonly: "readonly", required: "required", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1149
|
+
};
|
|
1150
|
+
SixRating = __decorate([
|
|
1151
|
+
ProxyCmp({
|
|
1152
|
+
inputs: ['disabled', 'errorText', 'errorTextCount', 'helpText', 'invalid', 'label', 'max', 'name', 'readonly', 'required', 'size', 'value']
|
|
1153
|
+
})
|
|
1154
|
+
], SixRating);
|
|
1155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixRating, decorators: [{
|
|
1156
|
+
type: Component,
|
|
1157
|
+
args: [{
|
|
1158
|
+
selector: 'six-rating',
|
|
1159
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1160
|
+
template: '<ng-content></ng-content>',
|
|
1161
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1162
|
+
inputs: ['disabled', 'errorText', 'errorTextCount', 'helpText', 'invalid', 'label', 'max', 'name', 'readonly', 'required', 'size', 'value'],
|
|
1163
|
+
standalone: false
|
|
1164
|
+
}]
|
|
1165
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
1090
1166
|
let SixRoot = class SixRoot {
|
|
1091
1167
|
constructor(c, r, z) {
|
|
1092
1168
|
this.z = z;
|
|
@@ -1327,11 +1403,11 @@ let SixTab = class SixTab {
|
|
|
1327
1403
|
proxyOutputs(this, this.el, ['six-tab-close']);
|
|
1328
1404
|
}
|
|
1329
1405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1330
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixTab, isStandalone: false, selector: "six-tab", inputs: { active: "active", closable: "closable", disabled: "disabled", panel: "panel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixTab, isStandalone: false, selector: "six-tab", inputs: { active: "active", closable: "closable", disabled: "disabled", hoverContent: "hoverContent", panel: "panel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1331
1407
|
};
|
|
1332
1408
|
SixTab = __decorate([
|
|
1333
1409
|
ProxyCmp({
|
|
1334
|
-
inputs: ['active', 'closable', 'disabled', 'panel'],
|
|
1410
|
+
inputs: ['active', 'closable', 'disabled', 'hoverContent', 'panel'],
|
|
1335
1411
|
methods: ['setFocus', 'removeFocus']
|
|
1336
1412
|
})
|
|
1337
1413
|
], SixTab);
|
|
@@ -1342,7 +1418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1342
1418
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1343
1419
|
template: '<ng-content></ng-content>',
|
|
1344
1420
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1345
|
-
inputs: ['active', 'closable', 'disabled', 'panel'],
|
|
1421
|
+
inputs: ['active', 'closable', 'disabled', 'hoverContent', 'panel'],
|
|
1346
1422
|
standalone: false
|
|
1347
1423
|
}]
|
|
1348
1424
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
@@ -1537,6 +1613,8 @@ const DIRECTIVES = [
|
|
|
1537
1613
|
SixAlert,
|
|
1538
1614
|
SixAvatar,
|
|
1539
1615
|
SixBadge,
|
|
1616
|
+
SixBreadcrumbs,
|
|
1617
|
+
SixBreadcrumbsItem,
|
|
1540
1618
|
SixButton,
|
|
1541
1619
|
SixCard,
|
|
1542
1620
|
SixCheckbox,
|
|
@@ -1574,6 +1652,7 @@ const DIRECTIVES = [
|
|
|
1574
1652
|
SixProgressRing,
|
|
1575
1653
|
SixRadio,
|
|
1576
1654
|
SixRange,
|
|
1655
|
+
SixRating,
|
|
1577
1656
|
SixRoot,
|
|
1578
1657
|
SixSearchField,
|
|
1579
1658
|
SixSelect,
|
|
@@ -1607,6 +1686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1607
1686
|
|
|
1608
1687
|
const DEFAULT_UI_LIBRARY_CONFIG = {
|
|
1609
1688
|
showAsteriskOnRequiredValidator: false,
|
|
1689
|
+
disableValidationService: false,
|
|
1610
1690
|
};
|
|
1611
1691
|
const UI_LIBRARY_CONFIG = new InjectionToken('UiLibraryConfig');
|
|
1612
1692
|
|
|
@@ -1661,12 +1741,12 @@ class ValueAccessor {
|
|
|
1661
1741
|
const element = this.el.nativeElement;
|
|
1662
1742
|
const control = this.ngControl?.control;
|
|
1663
1743
|
const invalid = control.status === 'INVALID' && control.dirty && control.touched;
|
|
1664
|
-
let errorTexts;
|
|
1665
|
-
if (invalid) {
|
|
1666
|
-
errorTexts = this.initialErrorText || this.getErrorTexts(control);
|
|
1667
|
-
}
|
|
1668
1744
|
element.invalid = invalid;
|
|
1669
|
-
|
|
1745
|
+
// If the module is configured to do so, display error messages for invalid controls
|
|
1746
|
+
if (!this.config.disableValidationService) {
|
|
1747
|
+
const errorTexts = invalid ? this.initialErrorText || this.getErrorTexts(control) : undefined;
|
|
1748
|
+
element.errorText = errorTexts ?? '';
|
|
1749
|
+
}
|
|
1670
1750
|
// When the module is configured to do so, display an asterisk next to any form control that has a required validator
|
|
1671
1751
|
if (this.config.showAsteriskOnRequiredValidator && this.ngControl.control.hasValidator(Validators.required)) {
|
|
1672
1752
|
element.required = true;
|
|
@@ -2300,7 +2380,7 @@ class CheckboxValueAccessor extends ValueAccessor {
|
|
|
2300
2380
|
this.updateValidation();
|
|
2301
2381
|
}
|
|
2302
2382
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2303
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxValueAccessor, isStandalone: false, selector: "six-checkbox", host: { listeners: { "change": "handleChangeEvent($event.target)" } }, providers: [
|
|
2383
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxValueAccessor, isStandalone: false, selector: "six-checkbox:not([six-checkbox-group])", host: { listeners: { "change": "handleChangeEvent($event.target)" } }, providers: [
|
|
2304
2384
|
{
|
|
2305
2385
|
provide: NG_VALUE_ACCESSOR,
|
|
2306
2386
|
useExisting: CheckboxValueAccessor,
|
|
@@ -2311,7 +2391,7 @@ class CheckboxValueAccessor extends ValueAccessor {
|
|
|
2311
2391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxValueAccessor, decorators: [{
|
|
2312
2392
|
type: Directive,
|
|
2313
2393
|
args: [{
|
|
2314
|
-
selector: 'six-checkbox',
|
|
2394
|
+
selector: 'six-checkbox:not([six-checkbox-group])',
|
|
2315
2395
|
providers: [
|
|
2316
2396
|
{
|
|
2317
2397
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -2326,6 +2406,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
2326
2406
|
args: ['change', ['$event.target']]
|
|
2327
2407
|
}] } });
|
|
2328
2408
|
|
|
2409
|
+
class SixCheckboxGroupDirective {
|
|
2410
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixCheckboxGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2411
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: SixCheckboxGroupDirective, isStandalone: false, selector: "[six-checkbox-group]", ngImport: i0 }); }
|
|
2412
|
+
}
|
|
2413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixCheckboxGroupDirective, decorators: [{
|
|
2414
|
+
type: Directive,
|
|
2415
|
+
args: [{
|
|
2416
|
+
selector: '[six-checkbox-group]',
|
|
2417
|
+
standalone: false,
|
|
2418
|
+
}]
|
|
2419
|
+
}] });
|
|
2420
|
+
// Accessor applies only when the SixCheckboxGroupDirective attribute is present
|
|
2421
|
+
class CheckboxMultiSelectValueAccessor extends ValueAccessor {
|
|
2422
|
+
constructor(injector, el) {
|
|
2423
|
+
super(injector, el);
|
|
2424
|
+
}
|
|
2425
|
+
onHostChange(el) {
|
|
2426
|
+
const checked = el.checked;
|
|
2427
|
+
const current = this.ngControl?.value;
|
|
2428
|
+
if (!current)
|
|
2429
|
+
return;
|
|
2430
|
+
const set = new Set(current);
|
|
2431
|
+
checked ? set.add(this.value) : set.delete(this.value);
|
|
2432
|
+
this.handleValueChange(el, Array.from(set));
|
|
2433
|
+
}
|
|
2434
|
+
writeValue(values) {
|
|
2435
|
+
const arr = Array.isArray(values) ? values : [];
|
|
2436
|
+
const checkbox = this.el.nativeElement;
|
|
2437
|
+
checkbox.checked = arr.includes(this.value);
|
|
2438
|
+
this.updateValidation();
|
|
2439
|
+
}
|
|
2440
|
+
setDisabledState(isDisabled) {
|
|
2441
|
+
this.el.nativeElement.disabled = isDisabled;
|
|
2442
|
+
}
|
|
2443
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxMultiSelectValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2444
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxMultiSelectValueAccessor, isStandalone: false, selector: "six-checkbox[six-checkbox-group]", inputs: { value: "value" }, host: { listeners: { "change": "onHostChange($event.target)" } }, providers: [
|
|
2445
|
+
{
|
|
2446
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2447
|
+
useExisting: CheckboxMultiSelectValueAccessor,
|
|
2448
|
+
multi: true,
|
|
2449
|
+
},
|
|
2450
|
+
], usesInheritance: true, ngImport: i0 }); }
|
|
2451
|
+
}
|
|
2452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxMultiSelectValueAccessor, decorators: [{
|
|
2453
|
+
type: Directive,
|
|
2454
|
+
args: [{
|
|
2455
|
+
selector: 'six-checkbox[six-checkbox-group]',
|
|
2456
|
+
providers: [
|
|
2457
|
+
{
|
|
2458
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2459
|
+
useExisting: CheckboxMultiSelectValueAccessor,
|
|
2460
|
+
multi: true,
|
|
2461
|
+
},
|
|
2462
|
+
],
|
|
2463
|
+
standalone: false,
|
|
2464
|
+
}]
|
|
2465
|
+
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { value: [{
|
|
2466
|
+
type: Input,
|
|
2467
|
+
args: [{ required: true }]
|
|
2468
|
+
}], onHostChange: [{
|
|
2469
|
+
type: HostListener,
|
|
2470
|
+
args: ['change', ['$event.target']]
|
|
2471
|
+
}] } });
|
|
2472
|
+
|
|
2329
2473
|
class RangeValueAccessor extends ValueAccessor {
|
|
2330
2474
|
constructor(injector, el) {
|
|
2331
2475
|
super(injector, el);
|
|
@@ -2661,7 +2805,7 @@ class UiLibraryAngularModule {
|
|
|
2661
2805
|
};
|
|
2662
2806
|
}
|
|
2663
2807
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: UiLibraryAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2664
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.3", ngImport: i0, type: UiLibraryAngularModule, declarations: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip,
|
|
2808
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.3", ngImport: i0, type: UiLibraryAngularModule, declarations: [SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip,
|
|
2665
2809
|
// value accessors
|
|
2666
2810
|
TextValueAccessor,
|
|
2667
2811
|
NumericValueAccessor,
|
|
@@ -2671,6 +2815,8 @@ class UiLibraryAngularModule {
|
|
|
2671
2815
|
TimepickerValueAccessor,
|
|
2672
2816
|
SelectValueAccessor,
|
|
2673
2817
|
CheckboxValueAccessor,
|
|
2818
|
+
CheckboxMultiSelectValueAccessor,
|
|
2819
|
+
SixCheckboxGroupDirective,
|
|
2674
2820
|
SwitchValueAccessor,
|
|
2675
2821
|
RangeValueAccessor,
|
|
2676
2822
|
// validators
|
|
@@ -2690,7 +2836,7 @@ class UiLibraryAngularModule {
|
|
|
2690
2836
|
// sidebar helpers
|
|
2691
2837
|
ActiveSidebarItemDirective,
|
|
2692
2838
|
ActiveSidebarItemGroupDirective,
|
|
2693
|
-
ActiveSidebarDirective], exports: [SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip,
|
|
2839
|
+
ActiveSidebarDirective], exports: [SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip,
|
|
2694
2840
|
// value accessors
|
|
2695
2841
|
TextValueAccessor,
|
|
2696
2842
|
NumericValueAccessor,
|
|
@@ -2700,6 +2846,8 @@ class UiLibraryAngularModule {
|
|
|
2700
2846
|
TimepickerValueAccessor,
|
|
2701
2847
|
SelectValueAccessor,
|
|
2702
2848
|
CheckboxValueAccessor,
|
|
2849
|
+
CheckboxMultiSelectValueAccessor,
|
|
2850
|
+
SixCheckboxGroupDirective,
|
|
2703
2851
|
SwitchValueAccessor,
|
|
2704
2852
|
RangeValueAccessor,
|
|
2705
2853
|
// validators
|
|
@@ -2737,6 +2885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
2737
2885
|
TimepickerValueAccessor,
|
|
2738
2886
|
SelectValueAccessor,
|
|
2739
2887
|
CheckboxValueAccessor,
|
|
2888
|
+
CheckboxMultiSelectValueAccessor,
|
|
2889
|
+
SixCheckboxGroupDirective,
|
|
2740
2890
|
SwitchValueAccessor,
|
|
2741
2891
|
RangeValueAccessor,
|
|
2742
2892
|
// validators
|
|
@@ -2771,6 +2921,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
2771
2921
|
TimepickerValueAccessor,
|
|
2772
2922
|
SelectValueAccessor,
|
|
2773
2923
|
CheckboxValueAccessor,
|
|
2924
|
+
CheckboxMultiSelectValueAccessor,
|
|
2925
|
+
SixCheckboxGroupDirective,
|
|
2774
2926
|
SwitchValueAccessor,
|
|
2775
2927
|
RangeValueAccessor,
|
|
2776
2928
|
// validators
|
|
@@ -2821,5 +2973,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
2821
2973
|
* Generated bundle index. Do not edit.
|
|
2822
2974
|
*/
|
|
2823
2975
|
|
|
2824
|
-
export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
|
|
2976
|
+
export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxMultiSelectValueAccessor, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixCheckboxGroupDirective, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
|
|
2825
2977
|
//# sourceMappingURL=six-group-ui-library-angular.mjs.map
|