@skyux/docs-tools 6.0.0-beta.4 → 6.0.0-beta.5

package/fesm2020/skyux-docs-tools.mjs

@@ -16,7 +16,7 @@ import * as i4 from '@skyux/tabs';
 import { SkyVerticalTabsetModule, SkyTabsModule } from '@skyux/tabs';
 import * as i8 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import { Subject, merge } from 'rxjs';
+import { Subject, ReplaySubject, merge } from 'rxjs';
 import { takeUntil, map, share } from 'rxjs/operators';
 import * as i1 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
@@ -25,6 +25,7 @@ import * as i2$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$2 from '@skyux/forms';
 import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import * as i6$1 from '@blackbaud/skyux-lib-stache';
 import { StachePageSummaryModule, StacheWrapperModule } from '@blackbaud/skyux-lib-stache';
 import * as i1$3 from '@angular/router';
@@ -34,7 +35,6 @@ import * as i6 from '@blackbaud/skyux-lib-clipboard';
 import { SkyClipboardModule } from '@blackbaud/skyux-lib-clipboard';
 import * as i5 from '@skyux/popovers';
 import { SkyPopoverModule } from '@skyux/popovers';
-import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 import * as i1$4 from '@angular/platform-browser';
 import * as i2$4 from '@skyux/core';
 import { SkyMediaBreakpoints } from '@skyux/core';
@@ -687,7 +687,7 @@ class SkyDocsDemoControlPanelCheckboxComponent {
          * Indicates whether to disable the checkbox.
          */
         this.disabled = false;
-        this.selectionChange = new Subject();
+        this.selectionChange = new ReplaySubject();
         this.initialState = {};
     }
     /**
@@ -743,6 +743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }] } });
 
+var _SkyDocsDemoControlPanelRadioGroupComponent_instances, _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange;
 /**
  * Renders a radio control group.
  * @example
@@ -763,6 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class SkyDocsDemoControlPanelRadioGroupComponent {
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
+        _SkyDocsDemoControlPanelRadioGroupComponent_instances.add(this);
         /**
          * Indicates whether to disable the radio group.
          */
@@ -770,22 +772,22 @@ class SkyDocsDemoControlPanelRadioGroupComponent {
         /**
          * @internal
          */
-        this.selectionChange = new Subject();
+        this.selectionChange = new ReplaySubject();
     }
     ngOnInit() {
         this.value = this.cloneValue(this.initialValue);
+        __classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
     }
     ngOnDestroy() {
         this.selectionChange.complete();
     }
     onModelChange(value) {
         this.value = value;
-        this.selectionChange.next({
-            [this.propertyName]: this.value,
-        });
+        __classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
     }
     resetValue() {
         this.value = this.cloneValue(this.initialValue);
+        __classPrivateFieldGet(this, _SkyDocsDemoControlPanelRadioGroupComponent_instances, "m", _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange).call(this);
         this.changeDetector.markForCheck();
     }
     cloneValue(value) {
@@ -795,6 +797,11 @@ class SkyDocsDemoControlPanelRadioGroupComponent {
         return value;
     }
 }
+_SkyDocsDemoControlPanelRadioGroupComponent_instances = new WeakSet(), _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange = function _SkyDocsDemoControlPanelRadioGroupComponent_notifyChange() {
+    this.selectionChange.next({
+        [this.propertyName]: this.value,
+    });
+};
 SkyDocsDemoControlPanelRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyDocsDemoControlPanelRadioGroupComponent, decorators: [{