@theseam/ui-common 0.4.30 → 1.0.0-beta.0

package/fesm2022/theseam-ui-common-checkbox.mjs

@@ -0,0 +1,393 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { __decorate } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i2 from '@angular/cdk/observers';
+import { ObserversModule } from '@angular/cdk/observers';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, ViewChild, Input, Output, Attribute, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { mixinTabIndex, mixinDisabled, InputBoolean } from '@theseam/ui-common/core';
+import * as i1 from '@angular/cdk/a11y';
+
+class TheSeamCheckboxHarness extends ComponentHarness {
+    static hostSelector = 'seam-checkbox';
+    /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */
+    static with(options) {
+        return new HarnessPredicate(TheSeamCheckboxHarness, options)
+            .addOption('checkbox id', options.id, (harness, index) => HarnessPredicate.stringMatches(harness.getId(), `${index}`))
+            .addOption('checkbox name', options.name, (harness, name) => HarnessPredicate.stringMatches(harness.getName(), name));
+    }
+    async getId() {
+        return (await this.getInputElement()).getAttribute('id');
+    }
+    async getName() {
+        return (await this.getInputElement()).getAttribute('name');
+    }
+    /**
+     * Returns the checked state of the checkbox.
+     *
+     * @returns true if the checkbox is checked, false if not
+     */
+    async isChecked() {
+        return (await this.getInputElement()).getProperty('checked');
+    }
+    /**
+     * Returns the indeterminate state of the checkbox.
+     *
+     * @returns true if the checkbox is indeterminate, false if not
+     */
+    async isIndeterminate() {
+        return (await this.getInputElement()).getProperty('indeterminate');
+    }
+    /**
+     * Returns the disabled state of the checkbox.
+     *
+     * @returns true if the checkbox is disabled, false if not
+     */
+    async isDisabled() {
+        return (await this.getInputElement()).getProperty('disabled');
+    }
+    /**
+     * Returns the required state of the checkbox.
+     *
+     * @returns true if the checkbox is required, false if not
+     */
+    async isRequired() {
+        return (await this.getInputElement()).getProperty('required');
+    }
+    /**
+     * Clicks the checkbox.
+     */
+    async click() {
+        return (await this.getInputElement()).click();
+    }
+    /**
+     * Returns the input element of the checkbox.
+     *
+     * @returns the input element of the checkbox
+     */
+    async getInputElement() {
+        return this.locatorFor('input')();
+    }
+}
+
+// NOTE: Partially based on mat-checkbox: https://github.com/angular/components/blob/master/src/material/checkbox/checkbox.ts
+/** Change event object emitted by TheSeamCheckboxComponent. */
+class TheSeamCheckboxChange {
+    _source;
+    _checked;
+    /** The source TheSeamCheckboxComponent of the event. */
+    source;
+    /** The new `checked` value of the checkbox. */
+    checked;
+    constructor(_source, _checked) {
+        this._source = _source;
+        this._checked = _checked;
+        this.source = _source;
+        this.checked = _checked;
+    }
+}
+const THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    // tslint:disable-next-line: no-use-before-declare
+    useExisting: forwardRef(() => TheSeamCheckboxComponent),
+    multi: true
+};
+class TheSeamCheckboxComponentBase {
+    _elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _TheSeamCheckboxMixinBase = mixinTabIndex(mixinDisabled(TheSeamCheckboxComponentBase));
+let _uid = 0;
+/**
+ * A Checkbox.
+ */
+class TheSeamCheckboxComponent extends _TheSeamCheckboxMixinBase {
+    _changeDetectorRef;
+    _focusMonitor;
+    _ngZone;
+    static ngAcceptInputType_checked;
+    static ngAcceptInputType_disabled;
+    static ngAcceptInputType_indeterminate;
+    /** @ignore */
+    _uid = `seam-chk-${_uid++}`;
+    /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */
+    id = this._uid;
+    /** Returns the unique id for the input. */
+    get inputId() { return `${this.id || this._uid}`; }
+    /**
+     * Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
+     * take precedence so this may be omitted.
+     */
+    ariaLabel = '';
+    /**
+     * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
+     */
+    ariaLabelledby = null;
+    /** Whether the checkbox is required. */
+    required = false;
+    /** Whether the checkbox is checked. */
+    get checked() { return this._checked; }
+    set checked(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.checked) {
+            this._checked = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    /** @ignore */
+    _checked = false;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    // This fully overrides the implementation provided by mixinDisabled, but the
+    // mixin is still required because mixinTabIndex requires it.
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.disabled) {
+            this._disabled = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    /** @ignore */
+    _disabled = false;
+    /**
+     * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
+     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
+     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
+     * set to false.
+     */
+    get indeterminate() { return this._indeterminate; }
+    set indeterminate(value) {
+        const changed = value !== this._indeterminate;
+        this._indeterminate = coerceBooleanProperty(value);
+        if (changed) {
+            this.indeterminateChange.emit(this._indeterminate);
+        }
+        this._syncIndeterminate(this._indeterminate);
+    }
+    /** @ignore */
+    _indeterminate = false;
+    /** Name value will be applied to the input element if present */
+    name = null;
+    /** Event emitted when the checkbox's `checked` value changes. */
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    change = new EventEmitter();
+    /** Event emitted when the checkbox's `indeterminate` value changes. */
+    indeterminateChange = new EventEmitter();
+    /** The value attribute of the native input element */
+    value;
+    /**
+     * The native `<input type="checkbox">` element
+     * @ignore
+     */
+    _inputElement;
+    /**
+     * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
+     * @ignore
+     */
+    _onTouched = () => { };
+    /** @ignore */
+    _controlValueAccessorChangeFn = () => { };
+    constructor(elementRef, _changeDetectorRef, _focusMonitor, _ngZone, tabIndex) {
+        super(elementRef);
+        this._changeDetectorRef = _changeDetectorRef;
+        this._focusMonitor = _focusMonitor;
+        this._ngZone = _ngZone;
+        this.tabIndex = parseInt(tabIndex, 10) || 0;
+        this._focusMonitor.monitor(elementRef, true).subscribe(focusOrigin => {
+            if (!focusOrigin) {
+                // When a focused element becomes disabled, the browser *immediately* fires a blur event.
+                // Angular does not expect events to be raised during change detection, so any state change
+                // (such as a form control's 'ng-touched') will cause a changed-after-checked error.
+                // See https://github.com/angular/angular/issues/17793. To work around this, we defer
+                // telling the form control it has been touched until the next tick.
+                Promise.resolve().then(() => {
+                    this._onTouched();
+                    _changeDetectorRef.markForCheck();
+                });
+            }
+        });
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+    /** @ignore */
+    ngAfterViewInit() {
+        this._syncIndeterminate(this._indeterminate);
+    }
+    /**
+     * Method being called whenever the label text changes.
+     * @ignore
+     */
+    _onLabelTextChange() {
+        // Since the event of the `cdkObserveContent` directive runs outside of the zone, the checkbox
+        // component will be only marked for check, but no actual change detection runs automatically.
+        // Instead of going back into the zone in order to trigger a change detection which causes
+        // *all* components to be checked (if explicitly marked or not using OnPush), we only trigger
+        // an explicit change detection for the checkbox view and its children.
+        this._changeDetectorRef.detectChanges();
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /** @ignore */
+    _getAriaChecked() {
+        return this.checked ? 'true' : (this.indeterminate ? 'mixed' : 'false');
+    }
+    /** @ignore */
+    _emitChangeEvent() {
+        const event = new TheSeamCheckboxChange(this, this.checked);
+        this._controlValueAccessorChangeFn(this.checked);
+        this.change.emit(event);
+    }
+    /** Toggles the `checked` state of the checkbox. */
+    toggle() {
+        this.checked = !this.checked;
+    }
+    /**
+     * Event handler for checkbox input element.
+     * Toggles checked state if element is not disabled.
+     * Do not toggle on (change) event since IE doesn't fire change event when
+     *   indeterminate checkbox is clicked.
+     * @ignore
+     */
+    _onInputClick(event) {
+        // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click
+        if (!this.disabled) {
+            // When user manually click on the checkbox, `indeterminate` is set to false.
+            if (this.indeterminate) {
+                Promise.resolve().then(() => {
+                    this._indeterminate = false;
+                    this.indeterminateChange.emit(this._indeterminate);
+                });
+            }
+            this.toggle();
+            // Emit our custom change event if the native input emitted one.
+            // It is important to only emit it, if the native input triggered one, because
+            // we don't want to trigger a change event, when the `checked` variable changes for example.
+            this._emitChangeEvent();
+        }
+    }
+    /** Focuses the checkbox. */
+    focus(origin = 'keyboard', options) {
+        if (!this._inputElement) {
+            return;
+        }
+        this._focusMonitor.focusVia(this._inputElement, origin, options);
+    }
+    /** @ignore */
+    _onInteractionEvent(event) {
+        // We always have to stop propagation on the change event.
+        // Otherwise the change event, from the input element, will bubble up and
+        // emit its event object to the `change` output.
+        event.stopPropagation();
+    }
+    /**
+     * Syncs the indeterminate value with the checkbox DOM node.
+     *
+     * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a
+     * property is supported on an element boils down to `if (propName in element)`. Domino's
+     * HTMLInputElement doesn't have an `indeterminate` property so Ivy will warn during
+     * server-side rendering.
+     * @ignore
+     */
+    _syncIndeterminate(value) {
+        const nativeCheckbox = this._inputElement;
+        if (nativeCheckbox) {
+            nativeCheckbox.nativeElement.indeterminate = value;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i0.NgZone }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamCheckboxComponent, isStandalone: true, selector: "seam-checkbox", inputs: { tabIndex: "tabIndex", id: "id", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], required: "required", checked: "checked", disabled: "disabled", indeterminate: "indeterminate", name: "name", value: "value" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "attr.tabindex": "null" }, classAttribute: "custom-control custom-checkbox" }, providers: [THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["seamCheckbox"], usesInheritance: true, ngImport: i0, template: "<input #input\n  type=\"checkbox\"\n  class=\"custom-control-input\"\n  [id]=\"inputId\"\n  [required]=\"required\"\n  [checked]=\"checked\"\n  [attr.value]=\"value\"\n  [disabled]=\"disabled\"\n  [attr.name]=\"name\"\n  [tabIndex]=\"tabIndex\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"ariaLabelledby\"\n  [attr.aria-checked]=\"_getAriaChecked()\"\n  (change)=\"_onInteractionEvent($event)\"\n  (click)=\"_onInputClick($event)\">\n<label #checkboxLabel\n  class=\"custom-control-label\"\n  [attr.for]=\"inputId\"\n  (cdkObserveContent)=\"_onLabelTextChange()\">\n  <ng-content></ng-content>\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+__decorate([
+    InputBoolean()
+], TheSeamCheckboxComponent.prototype, "required", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-checkbox', imports: [
+                        CommonModule,
+                        ObserversModule,
+                    ], exportAs: 'seamCheckbox', host: {
+                        '[attr.tabindex]': 'null',
+                        'class': 'custom-control custom-checkbox'
+                    }, providers: [THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR], inputs: ['tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #input\n  type=\"checkbox\"\n  class=\"custom-control-input\"\n  [id]=\"inputId\"\n  [required]=\"required\"\n  [checked]=\"checked\"\n  [attr.value]=\"value\"\n  [disabled]=\"disabled\"\n  [attr.name]=\"name\"\n  [tabIndex]=\"tabIndex\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"ariaLabelledby\"\n  [attr.aria-checked]=\"_getAriaChecked()\"\n  (change)=\"_onInteractionEvent($event)\"\n  (click)=\"_onInputClick($event)\">\n<label #checkboxLabel\n  class=\"custom-control-label\"\n  [attr.for]=\"inputId\"\n  (cdkObserveContent)=\"_onLabelTextChange()\">\n  <ng-content></ng-content>\n</label>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['tabindex']
+                }] }], propDecorators: { id: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledby: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], required: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], indeterminateChange: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], _inputElement: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }] } });
+
+/** @deprecated */
+class TheSeamCheckboxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxModule, imports: [TheSeamCheckboxComponent], exports: [TheSeamCheckboxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxModule, imports: [TheSeamCheckboxComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        TheSeamCheckboxComponent
+                    ],
+                    exports: [
+                        TheSeamCheckboxComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR, TheSeamCheckboxChange, TheSeamCheckboxComponent, TheSeamCheckboxHarness, TheSeamCheckboxModule };
+//# sourceMappingURL=theseam-ui-common-checkbox.mjs.map

package/fesm2022/theseam-ui-common-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-checkbox.mjs","sources":["../../../projects/ui-common/checkbox/testing/checkbox.harness.ts","../../../projects/ui-common/checkbox/checkbox.component.ts","../../../projects/ui-common/checkbox/checkbox.component.html","../../../projects/ui-common/checkbox/checkbox.module.ts","../../../projects/ui-common/checkbox/theseam-ui-common-checkbox.ts"],"sourcesContent":["import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing'\n\ninterface TheSeamCheckboxHarnessFilters extends BaseHarnessFilters {\n  /** Filters based on the id of the checkbox. */\n  id?: number | string | RegExp\n\n  /** Filters based on the name of the checkbox. */\n  name?: string | RegExp\n}\n\nexport class TheSeamCheckboxHarness extends ComponentHarness {\n  static hostSelector = 'seam-checkbox'\n\n  /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */\n  static with(options: TheSeamCheckboxHarnessFilters): HarnessPredicate<TheSeamCheckboxHarness> {\n    return new HarnessPredicate(TheSeamCheckboxHarness, options)\n        .addOption('checkbox id', options.id,\n            (harness, index) => HarnessPredicate.stringMatches(harness.getId(), `${index}`))\n        .addOption('checkbox name', options.name,\n            (harness, name) => HarnessPredicate.stringMatches(harness.getName(), name))\n  }\n\n  public async getId(): Promise<string | null> {\n    return (await this.getInputElement()).getAttribute('id')\n  }\n\n  public async getName(): Promise<string | null> {\n    return (await this.getInputElement()).getAttribute('name')\n  }\n\n  /**\n   * Returns the checked state of the checkbox.\n   *\n   * @returns true if the checkbox is checked, false if not\n   */\n  public async isChecked(): Promise<boolean> {\n    return (await this.getInputElement()).getProperty('checked')\n  }\n\n  /**\n   * Returns the indeterminate state of the checkbox.\n   *\n   * @returns true if the checkbox is indeterminate, false if not\n   */\n  public async isIndeterminate(): Promise<boolean> {\n    return (await this.getInputElement()).getProperty('indeterminate')\n  }\n\n  /**\n   * Returns the disabled state of the checkbox.\n   *\n   * @returns true if the checkbox is disabled, false if not\n   */\n  public async isDisabled(): Promise<boolean> {\n    return (await this.getInputElement()).getProperty('disabled')\n  }\n\n  /**\n   * Returns the required state of the checkbox.\n   *\n   * @returns true if the checkbox is required, false if not\n   */\n  public async isRequired(): Promise<boolean> {\n    return (await this.getInputElement()).getProperty('required')\n  }\n\n  /**\n   * Clicks the checkbox.\n   */\n  public async click() {\n    return (await this.getInputElement()).click()\n  }\n\n  /**\n   * Returns the input element of the checkbox.\n   *\n   * @returns the input element of the checkbox\n   */\n  public async getInputElement() {\n    return this.locatorFor('input')()\n  }\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ObserversModule } from '@angular/cdk/observers'\nimport { CommonModule } from '@angular/common'\nimport {\n  AfterViewInit,\n  Attribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  Input,\n  NgZone,\n  OnDestroy,\n  Output,\n  ViewChild\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor, InputBoolean, mixinDisabled, mixinTabIndex } from '@theseam/ui-common/core'\n\n// NOTE: Partially based on mat-checkbox: https://github.com/angular/components/blob/master/src/material/checkbox/checkbox.ts\n\n/** Change event object emitted by TheSeamCheckboxComponent. */\nexport class TheSeamCheckboxChange {\n  /** The source TheSeamCheckboxComponent of the event. */\n  public readonly source: TheSeamCheckboxComponent\n  /** The new `checked` value of the checkbox. */\n  public readonly checked: boolean\n\n  constructor(\n    private readonly _source: TheSeamCheckboxComponent,\n    private readonly _checked: boolean\n  ) {\n    this.source = _source\n    this.checked = _checked\n  }\n}\n\nexport const THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line: no-use-before-declare\n  useExisting: forwardRef(() => TheSeamCheckboxComponent),\n  multi: true\n}\n\nclass TheSeamCheckboxComponentBase {\n  constructor(public _elementRef: ElementRef) {}\n}\n\nconst _TheSeamCheckboxMixinBase: HasTabIndexCtor & CanDisableCtor &\n  typeof TheSeamCheckboxComponentBase =\n    mixinTabIndex(mixinDisabled(TheSeamCheckboxComponentBase))\n\nlet _uid = 0\n\n/**\n * A Checkbox.\n */\n@Component({\n    selector: 'seam-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    imports: [\n        CommonModule,\n        ObserversModule,\n    ],\n    exportAs: 'seamCheckbox',\n    host: {\n        '[attr.tabindex]': 'null',\n        'class': 'custom-control custom-checkbox'\n    },\n    providers: [THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR],\n    inputs: ['tabIndex'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TheSeamCheckboxComponent extends _TheSeamCheckboxMixinBase\n  implements AfterViewInit, OnDestroy, ControlValueAccessor, CanDisable, HasTabIndex {\n  static ngAcceptInputType_checked: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_indeterminate: BooleanInput\n\n  /** @ignore */\n  private _uid = `seam-chk-${_uid++}`\n\n  /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */\n  @Input() id?: string = this._uid\n\n  /** Returns the unique id for the input. */\n  get inputId(): string { return `${this.id || this._uid}` }\n\n  /**\n   * Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will\n   * take precedence so this may be omitted.\n   */\n  @Input('aria-label') ariaLabel?: string = ''\n\n  /**\n   * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element\n   */\n  @Input('aria-labelledby') ariaLabelledby?: string | null = null\n\n  /** Whether the checkbox is required. */\n  @Input() @InputBoolean() required = false\n\n  /** Whether the checkbox is checked. */\n  @Input()\n  get checked(): boolean { return this._checked }\n  set checked(value: boolean) {\n    const newValue = coerceBooleanProperty(value)\n\n    if (newValue !== this.checked) {\n      this._checked = newValue\n      this._changeDetectorRef.markForCheck()\n    }\n  }\n  /** @ignore */\n  private _checked = false\n\n  /**\n   * Whether the checkbox is disabled.\n   */\n  // This fully overrides the implementation provided by mixinDisabled, but the\n  // mixin is still required because mixinTabIndex requires it.\n  @Input()\n  get disabled(): boolean { return this._disabled }\n  set disabled(value: boolean) {\n    const newValue = coerceBooleanProperty(value)\n\n    if (newValue !== this.disabled) {\n      this._disabled = newValue\n      this._changeDetectorRef.markForCheck()\n    }\n  }\n  /** @ignore */\n  private _disabled = false\n\n  /**\n   * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n   * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n   * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n   * set to false.\n   */\n  @Input()\n  get indeterminate(): boolean { return this._indeterminate }\n  set indeterminate(value: boolean) {\n    const changed = value !== this._indeterminate\n    this._indeterminate = coerceBooleanProperty(value)\n\n    if (changed) {\n      this.indeterminateChange.emit(this._indeterminate)\n    }\n\n    this._syncIndeterminate(this._indeterminate)\n  }\n  /** @ignore */\n  private _indeterminate = false\n\n  /** Name value will be applied to the input element if present */\n  @Input() name: string | undefined | null = null\n\n  /** Event emitted when the checkbox's `checked` value changes. */\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() readonly change = new EventEmitter<TheSeamCheckboxChange>()\n\n  /** Event emitted when the checkbox's `indeterminate` value changes. */\n  @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>()\n\n  /** The value attribute of the native input element */\n  @Input() value: string | undefined | null\n\n  /**\n   * The native `<input type=\"checkbox\">` element\n   * @ignore\n   */\n  @ViewChild('input', { static: true }) _inputElement: ElementRef<HTMLInputElement> | undefined | null\n\n  /**\n   * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.\n   * @ignore\n   */\n  _onTouched: () => any = () => {}\n\n  /** @ignore */\n  private _controlValueAccessorChangeFn: (value: any) => void = () => {}\n\n  constructor(\n    elementRef: ElementRef,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _focusMonitor: FocusMonitor,\n    private _ngZone: NgZone,\n    @Attribute('tabindex') tabIndex: string\n  ) {\n    super(elementRef)\n\n    this.tabIndex = parseInt(tabIndex, 10) || 0\n\n    this._focusMonitor.monitor(elementRef, true).subscribe(focusOrigin => {\n      if (!focusOrigin) {\n        // When a focused element becomes disabled, the browser *immediately* fires a blur event.\n        // Angular does not expect events to be raised during change detection, so any state change\n        // (such as a form control's 'ng-touched') will cause a changed-after-checked error.\n        // See https://github.com/angular/angular/issues/17793. To work around this, we defer\n        // telling the form control it has been touched until the next tick.\n        Promise.resolve().then(() => {\n          this._onTouched()\n          _changeDetectorRef.markForCheck()\n        })\n      }\n    })\n  }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this._focusMonitor.stopMonitoring(this._elementRef)\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._syncIndeterminate(this._indeterminate)\n  }\n\n  /**\n   * Method being called whenever the label text changes.\n   * @ignore\n   */\n  _onLabelTextChange() {\n    // Since the event of the `cdkObserveContent` directive runs outside of the zone, the checkbox\n    // component will be only marked for check, but no actual change detection runs automatically.\n    // Instead of going back into the zone in order to trigger a change detection which causes\n    // *all* components to be checked (if explicitly marked or not using OnPush), we only trigger\n    // an explicit change detection for the checkbox view and its children.\n    this._changeDetectorRef.detectChanges()\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  writeValue(value: any) {\n    this.checked = !!value\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnTouched(fn: any) {\n    this._onTouched = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled\n  }\n\n  /** @ignore */\n  _getAriaChecked(): 'true' | 'false' | 'mixed' {\n    return this.checked ? 'true' : (this.indeterminate ? 'mixed' : 'false')\n  }\n\n  /** @ignore */\n  private _emitChangeEvent() {\n    const event = new TheSeamCheckboxChange(this, this.checked)\n\n    this._controlValueAccessorChangeFn(this.checked)\n    this.change.emit(event)\n  }\n\n  /** Toggles the `checked` state of the checkbox. */\n  toggle(): void {\n    this.checked = !this.checked\n  }\n\n  /**\n   * Event handler for checkbox input element.\n   * Toggles checked state if element is not disabled.\n   * Do not toggle on (change) event since IE doesn't fire change event when\n   *   indeterminate checkbox is clicked.\n   * @ignore\n   */\n  _onInputClick(event: Event) {\n    // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click\n    if (!this.disabled) {\n      // When user manually click on the checkbox, `indeterminate` is set to false.\n      if (this.indeterminate) {\n        Promise.resolve().then(() => {\n          this._indeterminate = false\n          this.indeterminateChange.emit(this._indeterminate)\n        })\n      }\n\n      this.toggle()\n\n      // Emit our custom change event if the native input emitted one.\n      // It is important to only emit it, if the native input triggered one, because\n      // we don't want to trigger a change event, when the `checked` variable changes for example.\n      this._emitChangeEvent()\n    }\n  }\n\n  /** Focuses the checkbox. */\n  focus(origin: FocusOrigin = 'keyboard', options?: FocusOptions): void {\n    if (!this._inputElement) { return }\n    this._focusMonitor.focusVia(this._inputElement, origin, options)\n  }\n\n  /** @ignore */\n  _onInteractionEvent(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation()\n  }\n\n  /**\n   * Syncs the indeterminate value with the checkbox DOM node.\n   *\n   * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a\n   * property is supported on an element boils down to `if (propName in element)`. Domino's\n   * HTMLInputElement doesn't have an `indeterminate` property so Ivy will warn during\n   * server-side rendering.\n   * @ignore\n   */\n  private _syncIndeterminate(value: boolean) {\n    const nativeCheckbox = this._inputElement\n\n    if (nativeCheckbox) {\n      nativeCheckbox.nativeElement.indeterminate = value\n    }\n  }\n\n}\n","<input #input\n  type=\"checkbox\"\n  class=\"custom-control-input\"\n  [id]=\"inputId\"\n  [required]=\"required\"\n  [checked]=\"checked\"\n  [attr.value]=\"value\"\n  [disabled]=\"disabled\"\n  [attr.name]=\"name\"\n  [tabIndex]=\"tabIndex\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"ariaLabelledby\"\n  [attr.aria-checked]=\"_getAriaChecked()\"\n  (change)=\"_onInteractionEvent($event)\"\n  (click)=\"_onInputClick($event)\">\n<label #checkboxLabel\n  class=\"custom-control-label\"\n  [attr.for]=\"inputId\"\n  (cdkObserveContent)=\"_onLabelTextChange()\">\n  <ng-content></ng-content>\n</label>\n","import { ObserversModule } from '@angular/cdk/observers'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamCheckboxComponent } from './checkbox.component'\n\n/** @deprecated */\n@NgModule({\n  imports: [\n    TheSeamCheckboxComponent\n  ],\n  exports: [\n    TheSeamCheckboxComponent\n  ]\n})\nexport class TheSeamCheckboxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/theseam-ui-common-confirm-dialog.mjs

@@ -0,0 +1,183 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Input, Component, inject, Injectable, EventEmitter, HostListener, HostBinding, Output, Directive, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import * as i1 from '@theseam/ui-common/modal';
+import { TheSeamModalModule, Modal } from '@theseam/ui-common/modal';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { TheSeamAutoFocusDirective } from '@theseam/ui-common/shared';
+
+class ConfirmDialogComponent {
+    message = 'Are you sure you want to continue?';
+    alertMessage;
+    alertType = 'warning';
+    template;
+    get tpl() {
+        if (this.template && 'template' in this.template) {
+            return this.template.template;
+        }
+        return this.template;
+    }
+    get tplContext() {
+        if (this.template && 'context' in this.template) {
+            return this.template.context;
+        }
+        return undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ConfirmDialogComponent, isStandalone: true, selector: "seam-confirm-dialog", inputs: { message: "message", alertMessage: "alertMessage", alertType: "alertType", template: "template" }, ngImport: i0, template: "<seam-modal-body>\n  <ng-container *ngIf=\"tpl; else messageTpl\">\n    <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: tplContext }\"></ng-container>\n  </ng-container>\n\n  <ng-template #messageTpl>\n    <h5>{{ message }}</h5>\n\n    <div *ngIf=\"alertMessage\" class=\"alert {{ alertType ? 'alert-' + alertType : '' }} mb-0\">\n      {{ alertMessage }}\n    </div>\n  </ng-template>\n\n</seam-modal-body>\n<seam-modal-footer>\n  <button class=\"btn btn-primary\" seamModalClose=\"confirm\">Yes</button>\n  <button class=\"btn btn-lightgray\" data-dismiss=\"modal\" seamModalClose=\"cancel\" seamAutoFocus>No</button>\n</seam-modal-footer>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TheSeamModalModule }, { kind: "component", type: i1.ModalBodyComponent, selector: "seam-modal-body" }, { kind: "component", type: i1.ModalFooterComponent, selector: "seam-modal-footer" }, { kind: "directive", type: i1.ModalCloseDirective, selector: "button[seamModalClose]", inputs: ["type", "aria-label", "seamModalClose", "seamModalNext", "seamModalNextConfig"], exportAs: ["seamModalClose"] }, { kind: "directive", type: TheSeamAutoFocusDirective, selector: "[seamAutoFocus]", inputs: ["seamAutoFocus"], exportAs: ["seamAutoFocus"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-confirm-dialog', imports: [
+                        NgIf,
+                        NgTemplateOutlet,
+                        TheSeamModalModule,
+                        TheSeamAutoFocusDirective,
+                    ], template: "<seam-modal-body>\n  <ng-container *ngIf=\"tpl; else messageTpl\">\n    <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: tplContext }\"></ng-container>\n  </ng-container>\n\n  <ng-template #messageTpl>\n    <h5>{{ message }}</h5>\n\n    <div *ngIf=\"alertMessage\" class=\"alert {{ alertType ? 'alert-' + alertType : '' }} mb-0\">\n      {{ alertMessage }}\n    </div>\n  </ng-template>\n\n</seam-modal-body>\n<seam-modal-footer>\n  <button class=\"btn btn-primary\" seamModalClose=\"confirm\">Yes</button>\n  <button class=\"btn btn-lightgray\" data-dismiss=\"modal\" seamModalClose=\"cancel\" seamAutoFocus>No</button>\n</seam-modal-footer>\n" }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], alertMessage: [{
+                type: Input
+            }], alertType: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }] } });
+
+class SeamConfirmDialogService {
+    _modal = inject(Modal, { optional: true });
+    open(message, alert, template) {
+        if (!this._modal) {
+            // TODO: This shouldn't be necessary after refactoring modal service.
+            throw new Error('Modal service not provided. Please import TheSeamModalModule in your application.');
+        }
+        const modalRef = this._modal.openFromComponent(ConfirmDialogComponent);
+        if (!modalRef.componentInstance) {
+            throw new Error('ConfirmDialogComponent not created.');
+        }
+        const comp = modalRef.componentInstance;
+        if (message) {
+            comp.message = message;
+        }
+        if (alert) {
+            if (typeof alert === 'string') {
+                comp.alertMessage = alert;
+            }
+            else if (alert.message && alert.type) {
+                comp.alertMessage = alert.message;
+                comp.alertType = alert.type;
+            }
+            else {
+                throw new Error('Invalid alert argument.');
+            }
+        }
+        if (template) {
+            comp.template = template;
+        }
+        return modalRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SeamConfirmDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SeamConfirmDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SeamConfirmDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ConfirmClickDirective {
+    static ngAcceptInputType_seamConfirmDisabled;
+    _confirmService = inject(SeamConfirmDialogService);
+    _modalRef;
+    seamConfirmMsg;
+    seamConfirmAlert;
+    seamConfirmTpl;
+    seamConfirmDisabled = false;
+    seamConfirmClick = new EventEmitter();
+    get _confirmClickActiveCss() { return !!this._modalRef; }
+    _onClick(event) {
+        if (this.seamConfirmDisabled) {
+            if (this._modalRef) {
+                this._modalRef.close();
+                this._modalRef = undefined;
+            }
+        }
+        if (this._modalRef) {
+            return;
+        }
+        this._modalRef = this._confirmService.open(this.seamConfirmMsg || '', this.seamConfirmAlert || undefined, this.seamConfirmTpl || undefined);
+        this._modalRef.afterClosed().subscribe(result => {
+            if (result === 'confirm') {
+                this.seamConfirmClick.emit(result);
+            }
+            this._modalRef = undefined;
+        });
+    }
+    ngOnDestroy() {
+        if (this._modalRef) {
+            this._modalRef.close();
+        }
+    }
+    get modalRef() { return this._modalRef; }
+    close() {
+        if (this._modalRef) {
+            this._modalRef.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ConfirmClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: ConfirmClickDirective, isStandalone: true, selector: "[seamConfirmClick]", inputs: { seamConfirmMsg: "seamConfirmMsg", seamConfirmAlert: "seamConfirmAlert", seamConfirmTpl: "seamConfirmTpl", seamConfirmDisabled: "seamConfirmDisabled" }, outputs: { seamConfirmClick: "seamConfirmClick" }, host: { listeners: { "click": "_onClick($event)" }, properties: { "class.lib-confirm-click-active": "this._confirmClickActiveCss" } }, exportAs: ["seamConfirmClick"], ngImport: i0 });
+}
+__decorate([
+    InputBoolean()
+], ConfirmClickDirective.prototype, "seamConfirmDisabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ConfirmClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamConfirmClick]',
+                    exportAs: 'seamConfirmClick',
+                }]
+        }], propDecorators: { seamConfirmMsg: [{
+                type: Input
+            }], seamConfirmAlert: [{
+                type: Input
+            }], seamConfirmTpl: [{
+                type: Input
+            }], seamConfirmDisabled: [{
+                type: Input
+            }], seamConfirmClick: [{
+                type: Output
+            }], _confirmClickActiveCss: [{
+                type: HostBinding,
+                args: ['class.lib-confirm-click-active']
+            }], _onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class TheSeamConfirmDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamConfirmDialogModule, imports: [ConfirmDialogComponent,
+            ConfirmClickDirective], exports: [ConfirmDialogComponent,
+            ConfirmClickDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamConfirmDialogModule, imports: [ConfirmDialogComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamConfirmDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ConfirmDialogComponent,
+                        ConfirmClickDirective,
+                    ],
+                    exports: [
+                        ConfirmDialogComponent,
+                        ConfirmClickDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ConfirmClickDirective, ConfirmDialogComponent, SeamConfirmDialogService, TheSeamConfirmDialogModule };
+//# sourceMappingURL=theseam-ui-common-confirm-dialog.mjs.map