@skyux/docs-tools 6.0.0-beta.4 → 6.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/modules/demo/demo-control-panel-checkbox.component.mjs +3 -3
- package/esm2020/modules/demo/demo-control-panel-radio-group.component.mjs +14 -6
- package/fesm2015/skyux-docs-tools.mjs +14 -7
- package/fesm2015/skyux-docs-tools.mjs.map +1 -1
- package/fesm2020/skyux-docs-tools.mjs +14 -7
- package/fesm2020/skyux-docs-tools.mjs.map +1 -1
- package/modules/demo/demo-control-panel-checkbox.component.d.ts +2 -2
- package/modules/demo/demo-control-panel-radio-group.component.d.ts +3 -2
- package/package.json +12 -12
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { ReplaySubject } from 'rxjs';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@skyux/forms";
|
|
5
5
|
import * as i2 from "@angular/forms";
|
|
@@ -22,7 +22,7 @@ export class SkyDocsDemoControlPanelCheckboxComponent {
|
|
|
22
22
|
* Indicates whether to disable the checkbox.
|
|
23
23
|
*/
|
|
24
24
|
this.disabled = false;
|
|
25
|
-
this.selectionChange = new
|
|
25
|
+
this.selectionChange = new ReplaySubject();
|
|
26
26
|
this.initialState = {};
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
77
77
|
}], propertyName: [{
|
|
78
78
|
type: Input
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1jb250cm9sLXBhbmVsLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RvY3MtdG9vbHMvc3JjL21vZHVsZXMvZGVtby9kZW1vLWNvbnRyb2wtcGFuZWwtY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9jcy10b29scy9zcmMvbW9kdWxlcy9kZW1vL2RlbW8tY29udHJvbC1wYW5lbC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQUlyQzs7Ozs7Ozs7Ozs7R0FXRztBQU1ILE1BQU0sT0FBTyx3Q0FBd0M7SUFnRG5ELFlBQW9CLGNBQWlDO1FBQWpDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQTVCckQ7O1dBRUc7UUFFSSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBZ0IxQixvQkFBZSxHQUFHLElBQUksYUFBYSxFQUFpQyxDQUFDO1FBRXBFLGlCQUFZLEdBRWhCLEVBQUUsQ0FBQztJQUlpRCxDQUFDO0lBN0N6RDs7O09BR0c7SUFDSCxJQUNXLE9BQU8sQ0FBQyxLQUFjO1FBQy9CLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsRUFBRTtZQUN0RCxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7U0FDbkM7UUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7SUFDaEMsQ0FBQztJQWdDTSxRQUFRO1FBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDekMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRU0sYUFBYTtRQUNsQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxLQUFLLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDOUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7WUFDM0MsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDcEM7SUFDSCxDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQztZQUN4QixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTztTQUNsQyxDQUFDLENBQUM7SUFDTCxDQUFDOztzSUE3RVUsd0NBQXdDOzBIQUF4Qyx3Q0FBd0MsZ0xDOUJyRCw4TUFRQTs0RkRzQmEsd0NBQXdDO2tCQUxwRCxTQUFTOytCQUNFLHNDQUFzQyxtQkFFL0IsdUJBQXVCLENBQUMsTUFBTTt3R0FVcEMsT0FBTztzQkFEakIsS0FBSztnQkFpQkMsUUFBUTtzQkFEZCxLQUFLO2dCQVFDLEtBQUs7c0JBRFgsS0FBSztnQkFRQyxZQUFZO3NCQURsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFJlcGxheVN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2t5RG9jc0RlbW9Db250cm9sUGFuZWxDaGFuZ2UgfSBmcm9tICcuL2RlbW8tY29udHJvbC1wYW5lbC1jaGFuZ2UnO1xuXG4vKipcbiAqIFJlbmRlcnMgYSBjaGVja2JveCBjb250cm9sIHdpdGhpbiB0aGUgY29udHJvbCBwYW5lbC5cbiAqIEBleGFtcGxlXG4gKiBgYGBtYXJrdXBcbiAqIDxza3ktZG9jcy1kZW1vLWNvbnRyb2wtcGFuZWwtY2hlY2tib3hcbiAqICAgbGFiZWw9XCJTaG93IHRpdGxlXCJcbiAqICAgW2NoZWNrZWRdPVwidHJ1ZVwiXG4gKiAgIFtwcm9wZXJ0eU5hbWVdPVwic2hvd1RpdGxlXCJcbiAqID5cbiAqIDwvc2t5LWRvY3MtZGVtby1jb250cm9sLXBhbmVsLWNoZWNrYm94PlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1kb2NzLWRlbW8tY29udHJvbC1wYW5lbC1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZW1vLWNvbnRyb2wtcGFuZWwtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RG9jc0RlbW9Db250cm9sUGFuZWxDaGVja2JveENvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95XG57XG4gIC8qKlxuICAgKiBUaGUgY2hlY2tlZCBzdGF0dXMgb2YgdGhlIGNoZWNrYm94LlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBjaGVja2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQgJiYgdGhpcy5fY2hlY2tlZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmluaXRpYWxTdGF0ZS5jaGVja2VkID0gdmFsdWU7XG4gICAgfVxuXG4gICAgdGhpcy5fY2hlY2tlZCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9jaGVja2VkIHx8IGZhbHNlO1xuICB9XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRvIGRpc2FibGUgdGhlIGNoZWNrYm94LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSB0ZXh0IGxhYmVsIG9mIHRoZSBjaGVja2JveC5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIGNvbXBvbmVudCBwcm9wZXJ0eSB0aGF0IGlzIGFmZmVjdGVkIGJ5IHRoaXMgY29udHJvbC5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcHJvcGVydHlOYW1lOiBzdHJpbmc7XG5cbiAgcHVibGljIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBSZXBsYXlTdWJqZWN0PFNreURvY3NEZW1vQ29udHJvbFBhbmVsQ2hhbmdlPigpO1xuXG4gIHByaXZhdGUgaW5pdGlhbFN0YXRlOiB7XG4gICAgY2hlY2tlZD86IGJvb2xlYW47XG4gIH0gPSB7fTtcblxuICBwcml2YXRlIF9jaGVja2VkOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaW5pdGlhbFN0YXRlLmNoZWNrZWQgPSB0aGlzLmNoZWNrZWQ7XG4gICAgICB0aGlzLm5vdGlmeUNoYW5nZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb25Nb2RlbENoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLm5vdGlmeUNoYW5nZSgpO1xuICB9XG5cbiAgcHVibGljIHJlc2V0U3RhdGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaW5pdGlhbFN0YXRlLmNoZWNrZWQgIT09IHRoaXMuY2hlY2tlZCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gISF0aGlzLmluaXRpYWxTdGF0ZS5jaGVja2VkO1xuICAgICAgdGhpcy5ub3RpZnlDaGFuZ2UoKTtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBub3RpZnlDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UubmV4dCh7XG4gICAgICBbdGhpcy5wcm9wZXJ0eU5hbWVdOiB0aGlzLmNoZWNrZWQsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxza3ktY2hlY2tib3hcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW25hbWVdPVwicHJvcGVydHlOYW1lXCJcbiAgWyhuZ01vZGVsKV09XCJjaGVja2VkXCJcbiAgKGNoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKClcIlxuPlxuICA8c2t5LWNoZWNrYm94LWxhYmVsPnt7IGxhYmVsIH19PC9za3ktY2hlY2tib3gtbGFiZWw+XG48L3NreS1jaGVja2JveD5cbiJdfQ==
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
var _SkyDocsDemoControlPanelRadioGroupComponent_instances, _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
1
3
|
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
|
-
import {
|
|
4
|
+
import { ReplaySubject } from 'rxjs';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "@skyux/forms";
|
|
5
7
|
import * as i2 from "@angular/common";
|
|
@@ -24,6 +26,7 @@ import * as i3 from "@angular/forms";
|
|
|
24
26
|
export class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
25
27
|
constructor(changeDetector) {
|
|
26
28
|
this.changeDetector = changeDetector;
|
|
29
|
+
_SkyDocsDemoControlPanelRadioGroupComponent_instances.add(this);
|
|
27
30
|
/**
|
|
28
31
|
* Indicates whether to disable the radio group.
|
|
29
32
|
*/
|
|
@@ -31,22 +34,22 @@ export class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
|
31
34
|
/**
|
|
32
35
|
* @internal
|
|
33
36
|
*/
|
|
34
|
-
this.selectionChange = new
|
|
37
|
+
this.selectionChange = new ReplaySubject();
|
|
35
38
|
}
|
|
36
39
|
ngOnInit() {
|
|
37
40
|
this.value = this.cloneValue(this.initialValue);
|
|
41
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
38
42
|
}
|
|
39
43
|
ngOnDestroy() {
|
|
40
44
|
this.selectionChange.complete();
|
|
41
45
|
}
|
|
42
46
|
onModelChange(value) {
|
|
43
47
|
this.value = value;
|
|
44
|
-
this.
|
|
45
|
-
[this.propertyName]: this.value,
|
|
46
|
-
});
|
|
48
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
47
49
|
}
|
|
48
50
|
resetValue() {
|
|
49
51
|
this.value = this.cloneValue(this.initialValue);
|
|
52
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
50
53
|
this.changeDetector.markForCheck();
|
|
51
54
|
}
|
|
52
55
|
cloneValue(value) {
|
|
@@ -56,6 +59,11 @@ export class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
|
56
59
|
return value;
|
|
57
60
|
}
|
|
58
61
|
}
|
|
62
|
+
_SkyDocsDemoControlPanelRadioGroupComponent_instances = new WeakSet(), _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange = function _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange() {
|
|
63
|
+
this.selectionChange.next({
|
|
64
|
+
[this.propertyName]: this.value,
|
|
65
|
+
});
|
|
66
|
+
};
|
|
59
67
|
SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
68
|
SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0, template: "<div class=\"sky-demo-control-panel-radio-group\">\n <strong *ngIf=\"heading\">{{ heading }}</strong>\n <sky-radio-group\n [disabled]=\"disabled\"\n [name]=\"propertyName\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ul class=\"sky-list-unstyled\">\n <li *ngFor=\"let choice of choices\">\n <sky-radio [value]=\"choice.value\">\n <sky-radio-label>{{ choice.label }}</sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1.λ12, selector: "sky-radio-label" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
|
|
@@ -72,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
72
80
|
}], propertyName: [{
|
|
73
81
|
type: Input
|
|
74
82
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1jb250cm9sLXBhbmVsLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RvY3MtdG9vbHMvc3JjL21vZHVsZXMvZGVtby9kZW1vLWNvbnRyb2wtcGFuZWwtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9jcy10b29scy9zcmMvbW9kdWxlcy9kZW1vL2RlbW8tY29udHJvbC1wYW5lbC1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7OztBQU1yQzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQU9ILE1BQU0sT0FBTywwQ0FBMEM7SUE2Q3JELFlBQW9CLGNBQWlDO1FBQWpDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjs7UUFuQ3JEOztXQUVHO1FBRUksYUFBUSxHQUFZLEtBQUssQ0FBQztRQXFCakM7O1dBRUc7UUFDSSxvQkFBZSxHQUFHLElBQUksYUFBYSxFQUFpQyxDQUFDO0lBT3BCLENBQUM7SUFFbEQsUUFBUTtRQUNiLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEQsdUJBQUEsSUFBSSx1SEFBYyxNQUFsQixJQUFJLENBQWdCLENBQUM7SUFDdkIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRU0sYUFBYSxDQUFDLEtBQVU7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsdUJBQUEsSUFBSSx1SEFBYyxNQUFsQixJQUFJLENBQWdCLENBQUM7SUFDdkIsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2hELHVCQUFBLElBQUksdUhBQWMsTUFBbEIsSUFBSSxDQUFnQixDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVPLFVBQVUsQ0FBQyxLQUFVO1FBQzNCLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQzdCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDMUM7UUFFRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7OztJQUdDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDO1FBQ3hCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLO0tBQ2hDLENBQUMsQ0FBQztBQUNMLENBQUM7d0lBL0VVLDBDQUEwQzs0SEFBMUMsMENBQTBDLHFOQ3RDdkQsbWhCQWlCQTs0RkRxQmEsMENBQTBDO2tCQU50RCxTQUFTOytCQUNFLHlDQUF5QyxtQkFHbEMsdUJBQXVCLENBQUMsTUFBTTt3R0FVeEMsT0FBTztzQkFEYixLQUFLO2dCQU9DLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxPQUFPO3NCQURiLEtBQUs7Z0JBT0MsWUFBWTtzQkFEbEIsS0FBSztnQkFRQyxZQUFZO3NCQURsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFJlcGxheVN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2t5RG9jc0RlbW9Db250cm9sUGFuZWxDaGFuZ2UgfSBmcm9tICcuL2RlbW8tY29udHJvbC1wYW5lbC1jaGFuZ2UnO1xuXG5pbXBvcnQgeyBTa3lEb2NzRGVtb0NvbnRyb2xQYW5lbFJhZGlvQ2hvaWNlIH0gZnJvbSAnLi9kZW1vLWNvbnRyb2wtcGFuZWwtcmFkaW8tY2hvaWNlJztcblxuLyoqXG4gKiBSZW5kZXJzIGEgcmFkaW8gY29udHJvbCBncm91cC5cbiAqIEBleGFtcGxlXG4gKiBgYGBtYXJrdXBcbiAqIDxza3ktZG9jcy1kZW1vLWNvbnRyb2wtcGFuZWwtcmFkaW8tZ3JvdXBcbiAqICAgW2Nob2ljZXNdPVwiW1xuICogICAgIHsgJ2xhYmVsJzogJ1JlZCcsIHZhbHVlOiAnI2YwMCcgfSxcbiAqICAgICB7ICdsYWJlbCc6ICdHcmVlbicsIHZhbHVlOiAnIzBmMCcgfSxcbiAqICAgICB7ICdsYWJlbCc6ICdCbHVlJywgdmFsdWU6ICcjMDBmJyB9XG4gKiAgIF1cIlxuICogICBoZWFkaW5nPVwiQ2hvb3NlIGEgY29sb3JcIlxuICogICBpbml0aWFsVmFsdWU9XCJSZWRcIlxuICogICBwcm9wZXJ0eU5hbWU9XCJjb2xvclwiXG4gKiA+XG4gKiA8L3NreS1kb2NzLWRlbW8tY29udHJvbC1wYW5lbC1yYWRpby1ncm91cD5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZG9jcy1kZW1vLWNvbnRyb2wtcGFuZWwtcmFkaW8tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGVtby1jb250cm9sLXBhbmVsLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVtby1jb250cm9sLXBhbmVsLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEb2NzRGVtb0NvbnRyb2xQYW5lbFJhZGlvR3JvdXBDb21wb25lbnRcbiAgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveVxue1xuICAvKipcbiAgICogVGhlIHBvc3NpYmxlIGNob2ljZXMgdG8gYmUgcmVwcmVzZW50ZWQgYnkgcmFkaW8gY29udHJvbHMuXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGNob2ljZXM6IFNreURvY3NEZW1vQ29udHJvbFBhbmVsUmFkaW9DaG9pY2VbXTtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gZGlzYWJsZSB0aGUgcmFkaW8gZ3JvdXAuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhlIGhlYWRpbmcgdGV4dCB0byBhcHBlYXIgYWJvdmUgdGhlIHJhZGlvIGdyb3VwLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGhlYWRpbmc6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGluaXRpYWwgdmFsdWUgb2YgdGhlIHJhZGlvIGdyb3VwLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGluaXRpYWxWYWx1ZTogYW55O1xuXG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZiB0aGUgY29tcG9uZW50IHByb3BlcnR5IHRoYXQgaXMgYWZmZWN0ZWQgYnkgdGhpcyByYWRpbyBncm91cC5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcHJvcGVydHlOYW1lOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBSZXBsYXlTdWJqZWN0PFNreURvY3NEZW1vQ29udHJvbFBhbmVsQ2hhbmdlPigpO1xuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyB2YWx1ZTogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5jbG9uZVZhbHVlKHRoaXMuaW5pdGlhbFZhbHVlKTtcbiAgICB0aGlzLiNub3RpZnlDaGFuZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIG9uTW9kZWxDaGFuZ2UodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLiNub3RpZnlDaGFuZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyByZXNldFZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB0aGlzLmNsb25lVmFsdWUodGhpcy5pbml0aWFsVmFsdWUpO1xuICAgIHRoaXMuI25vdGlmeUNoYW5nZSgpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGNsb25lVmFsdWUodmFsdWU6IGFueSk6IGFueSB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcbiAgICAgIHJldHVybiBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHZhbHVlO1xuICB9XG5cbiAgI25vdGlmeUNoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5uZXh0KHtcbiAgICAgIFt0aGlzLnByb3BlcnR5TmFtZV06IHRoaXMudmFsdWUsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktZGVtby1jb250cm9sLXBhbmVsLXJhZGlvLWdyb3VwXCI+XG4gIDxzdHJvbmcgKm5nSWY9XCJoZWFkaW5nXCI+e3sgaGVhZGluZyB9fTwvc3Ryb25nPlxuICA8c2t5LXJhZGlvLWdyb3VwXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbmFtZV09XCJwcm9wZXJ0eU5hbWVcIlxuICAgIFtuZ01vZGVsXT1cInZhbHVlXCJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudClcIlxuICA+XG4gICAgPHVsIGNsYXNzPVwic2t5LWxpc3QtdW5zdHlsZWRcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgY2hvaWNlIG9mIGNob2ljZXNcIj5cbiAgICAgICAgPHNreS1yYWRpbyBbdmFsdWVdPVwiY2hvaWNlLnZhbHVlXCI+XG4gICAgICAgICAgPHNreS1yYWRpby1sYWJlbD57eyBjaG9pY2UubGFiZWwgfX08L3NreS1yYWRpby1sYWJlbD5cbiAgICAgICAgPC9za3ktcmFkaW8+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvc2t5LXJhZGlvLWdyb3VwPlxuPC9kaXY+XG4iXX0=
|
|
@@ -16,7 +16,7 @@ import * as i4 from '@skyux/tabs';
|
|
|
16
16
|
import { SkyVerticalTabsetModule, SkyTabsModule } from '@skyux/tabs';
|
|
17
17
|
import * as i8 from '@skyux/i18n';
|
|
18
18
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
19
|
-
import { Subject, merge } from 'rxjs';
|
|
19
|
+
import { Subject, ReplaySubject, merge } from 'rxjs';
|
|
20
20
|
import { takeUntil, map, share } from 'rxjs/operators';
|
|
21
21
|
import * as i1 from '@skyux/theme';
|
|
22
22
|
import { SkyThemeModule } from '@skyux/theme';
|
|
@@ -25,6 +25,7 @@ import * as i2$3 from '@angular/forms';
|
|
|
25
25
|
import { FormsModule } from '@angular/forms';
|
|
26
26
|
import * as i1$2 from '@skyux/forms';
|
|
27
27
|
import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
|
|
28
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
28
29
|
import * as i6$1 from '@blackbaud/skyux-lib-stache';
|
|
29
30
|
import { StachePageSummaryModule, StacheWrapperModule } from '@blackbaud/skyux-lib-stache';
|
|
30
31
|
import * as i1$3 from '@angular/router';
|
|
@@ -34,7 +35,6 @@ import * as i6 from '@blackbaud/skyux-lib-clipboard';
|
|
|
34
35
|
import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
|
|
35
36
|
import * as i5 from '@skyux/popovers';
|
|
36
37
|
import { SkyPopoverModule } from '@skyux/popovers';
|
|
37
|
-
import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
|
|
38
38
|
import * as i1$4 from '@angular/platform-browser';
|
|
39
39
|
import * as i2$4 from '@skyux/core';
|
|
40
40
|
import { SkyMediaBreakpoints } from '@skyux/core';
|
|
@@ -689,7 +689,7 @@ class SkyDocsDemoControlPanelCheckboxComponent {
|
|
|
689
689
|
* Indicates whether to disable the checkbox.
|
|
690
690
|
*/
|
|
691
691
|
this.disabled = false;
|
|
692
|
-
this.selectionChange = new
|
|
692
|
+
this.selectionChange = new ReplaySubject();
|
|
693
693
|
this.initialState = {};
|
|
694
694
|
}
|
|
695
695
|
/**
|
|
@@ -745,6 +745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
745
745
|
type: Input
|
|
746
746
|
}] } });
|
|
747
747
|
|
|
748
|
+
var _SkyDocsDemoControlPanelRadioGroupComponent_instances, _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange;
|
|
748
749
|
/**
|
|
749
750
|
* Renders a radio control group.
|
|
750
751
|
* @example
|
|
@@ -765,6 +766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
765
766
|
class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
766
767
|
constructor(changeDetector) {
|
|
767
768
|
this.changeDetector = changeDetector;
|
|
769
|
+
_SkyDocsDemoControlPanelRadioGroupComponent_instances.add(this);
|
|
768
770
|
/**
|
|
769
771
|
* Indicates whether to disable the radio group.
|
|
770
772
|
*/
|
|
@@ -772,22 +774,22 @@ class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
|
772
774
|
/**
|
|
773
775
|
* @internal
|
|
774
776
|
*/
|
|
775
|
-
this.selectionChange = new
|
|
777
|
+
this.selectionChange = new ReplaySubject();
|
|
776
778
|
}
|
|
777
779
|
ngOnInit() {
|
|
778
780
|
this.value = this.cloneValue(this.initialValue);
|
|
781
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
779
782
|
}
|
|
780
783
|
ngOnDestroy() {
|
|
781
784
|
this.selectionChange.complete();
|
|
782
785
|
}
|
|
783
786
|
onModelChange(value) {
|
|
784
787
|
this.value = value;
|
|
785
|
-
this.
|
|
786
|
-
[this.propertyName]: this.value,
|
|
787
|
-
});
|
|
788
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
788
789
|
}
|
|
789
790
|
resetValue() {
|
|
790
791
|
this.value = this.cloneValue(this.initialValue);
|
|
792
|
+
__classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
|
|
791
793
|
this.changeDetector.markForCheck();
|
|
792
794
|
}
|
|
793
795
|
cloneValue(value) {
|
|
@@ -797,6 +799,11 @@ class SkyDocsDemoControlPanelRadioGroupComponent {
|
|
|
797
799
|
return value;
|
|
798
800
|
}
|
|
799
801
|
}
|
|
802
|
+
_SkyDocsDemoControlPanelRadioGroupComponent_instances = new WeakSet(), _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange = function _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange() {
|
|
803
|
+
this.selectionChange.next({
|
|
804
|
+
[this.propertyName]: this.value,
|
|
805
|
+
});
|
|
806
|
+
};
|
|
800
807
|
SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
801
808
|
SkyDocsDemoControlPanelRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyDocsDemoControlPanelRadioGroupComponent, selector: "sky-docs-demo-control-panel-radio-group", inputs: { choices: "choices", disabled: "disabled", heading: "heading", initialValue: "initialValue", propertyName: "propertyName" }, ngImport: i0, template: "<div class=\"sky-demo-control-panel-radio-group\">\n <strong *ngIf=\"heading\">{{ heading }}</strong>\n <sky-radio-group\n [disabled]=\"disabled\"\n [name]=\"propertyName\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ul class=\"sky-list-unstyled\">\n <li *ngFor=\"let choice of choices\">\n <sky-radio [value]=\"choice.value\">\n <sky-radio-label>{{ choice.label }}</sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</div>\n", styles: [".sky-demo-control-panel-radio-group{margin-bottom:20px}ul{margin:0}\n"], components: [{ type: i1$2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i1$2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1$2.λ12, selector: "sky-radio-label" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
802
809
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{
|