@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-buttons.js","sources":["../../../projects/ui-common/buttons/button/button.component.ts","../../../projects/ui-common/buttons/badge-button/badge-button.component.ts","../../../projects/ui-common/buttons/progress-circle-button/progress-circle-button.component.ts","../../../projects/ui-common/buttons/toggle-button/toggle-button.component.ts","../../../projects/ui-common/buttons/buttons.module.ts","../../../projects/ui-common/buttons/theseam-ui-common-buttons.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y'\nimport { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, OnDestroy, Renderer2 } from '@angular/core'\n\nimport {\n  CanDisableCtor,\n  CanSizeCtor,\n  CanThemeCtor,\n  mixinDisabled,\n  mixinSize,\n  mixinTheme\n} from '@theseam/ui-common/core'\n\n@Component({ template: '' })\n// tslint:disable-next-line: component-class-suffix\nclass TheSeamButtonBase implements OnDestroy {\n  constructor(\n    public _elementRef: ElementRef,\n    public _focusMonitor: FocusMonitor,\n    public _renderer: Renderer2\n  ) {\n    this._focusMonitor.monitor(this._elementRef, true)\n  }\n\n  ngOnDestroy() {\n    this._focusMonitor.stopMonitoring(this._elementRef)\n  }\n\n  /** Focuses the button. */\n  focus(): void {\n    this._getHostElement().focus()\n  }\n\n  _getHostElement() {\n    return this._elementRef.nativeElement\n  }\n}\n\nconst _TheSeamButtonMixinBase: CanDisableCtor & CanThemeCtor & CanSizeCtor &\n    typeof TheSeamButtonBase = mixinSize(mixinTheme(mixinDisabled(TheSeamButtonBase), 'btn'), 'btn')\n\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'button[seamButton]',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  exportAs: 'seamButton',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    '[attr.type]': 'type',\n    'class': 'btn',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.disabled]': 'disabled || null',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ButtonComponent extends _TheSeamButtonMixinBase implements OnDestroy {\n\n  /** ARIA type for the button. */\n  @Input() type: 'button' | 'submit' | 'reset' = 'button'\n\n  constructor(\n    _elementRef: ElementRef,\n    _focusMonitor: FocusMonitor,\n    _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n}\n\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'a[seamButton]',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  exportAs: 'seamButton,seamButtonBaseAnchor',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'class': 'btn',\n    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',\n    '[attr.disabled]': 'disabled || null',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '(click)': '_haltDisabledEvents($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AnchorButtonComponent extends _TheSeamButtonMixinBase implements OnDestroy {\n\n  /** Tabindex of the button. */\n  @Input() tabIndex: number | undefined | null\n\n  // TODO: Consider adding dev warning for `window.opener` exploit. Could maybe\n  // add `rel` it if the href isn't on the current domain or not specified in an\n  // injected list. This probably isn't needed and may be to strict for our\n  // usage, so I am just adding this as a reminder to think about it.\n  //\n  // rel=\"noopener noreferrer\"\n\n  constructor(\n    _elementRef: ElementRef,\n    _focusMonitor: FocusMonitor,\n    _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n  _haltDisabledEvents(event: Event) {\n    // A disabled button shouldn't apply any actions\n    if (this.disabled) {\n      event.preventDefault()\n      event.stopImmediatePropagation()\n    }\n  }\n\n}\n","import { FocusMonitor } from '@angular/cdk/a11y'\nimport { Component, ElementRef, HostBinding, Input, OnDestroy, Renderer2 } from '@angular/core'\n\nimport type { ThemeTypes } from '@theseam/ui-common/models'\nimport { AnchorButtonComponent, ButtonComponent } from '../button/button.component'\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'button[seamBadgeButton]',\n  templateUrl: './badge-button.component.html',\n  styleUrls: ['./badge-button.component.scss'],\n  exportAs: 'seamBadgeButton',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    '[attr.type]': 'type',\n    'class': 'btn',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.disabled]': 'disabled || null'\n  },\n})\nexport class BadgeButtonComponent extends ButtonComponent implements OnDestroy {\n\n  @HostBinding('class.text-nowrap') _textNoWrap = true\n\n  @Input() badgeTheme: ThemeTypes = 'light'\n  @Input() badgeText = ''\n\n  constructor(\n    _elementRef: ElementRef,\n    _focusMonitor: FocusMonitor,\n    _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n}\n\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'a[seamBadgeButton]',\n  templateUrl: './badge-button.component.html',\n  styleUrls: ['./badge-button.component.scss'],\n  exportAs: 'seamBadgeButton,seamBadgeButtonAnchor',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'class': 'btn',\n    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',\n    '[attr.disabled]': 'disabled || null',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '(click)': '_haltDisabledEvents($event)',\n  },\n})\nexport class AnchorBadgeButtonComponent extends AnchorButtonComponent implements OnDestroy {\n\n  @HostBinding('class.text-nowrap') _textNoWrap = true\n\n  @Input() badgeTheme: ThemeTypes = 'light'\n  @Input() badgeText = ''\n\n  constructor(\n    _elementRef: ElementRef,\n    _focusMonitor: FocusMonitor,\n    _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n}\n","import { FocusMonitor } from '@angular/cdk/a11y'\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion'\nimport { Component, ElementRef, Input, OnDestroy, Renderer2 } from '@angular/core'\n\nimport { InputBoolean, InputNumber } from '@theseam/ui-common/core'\n\nimport { ButtonComponent } from '../button/button.component'\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'button[seamProgressCircleButton]',\n  templateUrl: './progress-circle-button.component.html',\n  styleUrls: ['./progress-circle-button.component.scss'],\n  exportAs: 'seamProgressCircleButton',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    '[attr.type]': 'type',\n    'class': 'btn',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.disabled]': 'disabled || null'\n  },\n})\nexport class ProgressCircleButtonComponent extends ButtonComponent implements OnDestroy {\n  static ngAcceptInputType_fillBackground: BooleanInput\n  static ngAcceptInputType_showText: BooleanInput\n  static ngAcceptInputType_hiddenOnEmpty: BooleanInput\n  static ngAcceptInputType_percentage: NumberInput\n\n  @Input() @InputBoolean() fillBackground: boolean = false\n  @Input() @InputBoolean() showText: boolean = false\n  @Input() @InputBoolean() hiddenOnEmpty: boolean = true\n\n  @Input() @InputNumber(0) percentage = 100\n\n  constructor(\n    readonly _elementRef: ElementRef,\n    readonly _focusMonitor: FocusMonitor,\n    readonly _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n}\n","import { FocusMonitor } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport {\n  Component, ElementRef, EventEmitter,\n  forwardRef, HostBinding, Input, OnDestroy, Output, Renderer2\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { ButtonComponent } from '../button/button.component'\n\n\nexport const TOGGLE_BUTTON_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => ToggleButtonComponent),\n  multi: true,\n}\n\n@Component({\n  // tslint:disable-next-line:component-selector\n  selector: 'button[seamToggleButton]',\n  templateUrl: './toggle-button.component.html',\n  styleUrls: ['./toggle-button.component.scss'],\n  exportAs: 'seamToggleButton',\n  // tslint:disable-next-line:use-input-property-decorator\n  inputs: [ 'disabled', 'theme', 'size' ],\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    '[attr.type]': 'type',\n    'class': 'btn',\n    '[attr.aria-disabled]': 'disabled.toString()',\n    '[attr.disabled]': 'disabled || null',\n    '(click)': '_toggleValue()',\n  },\n  providers: [ TOGGLE_BUTTON_VALUE_ACCESSOR ]\n})\nexport class ToggleButtonComponent extends ButtonComponent implements OnDestroy, ControlValueAccessor {\n  static ngAcceptInputType_val: BooleanInput\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('value') @InputBoolean() val: boolean = false\n\n  @Output() readonly change = new EventEmitter<boolean>()\n\n  onChange: any\n  onTouched: any\n\n  @HostBinding('class.active')\n  get _activeCssClass() { return this.value ? coerceBooleanProperty(this.value) : false}\n\n  constructor(\n    readonly _elementRef: ElementRef,\n    readonly _focusMonitor: FocusMonitor,\n    readonly _renderer: Renderer2\n  ) { super(_elementRef, _focusMonitor, _renderer) }\n\n  ngOnDestroy() { super.ngOnDestroy() }\n\n  get value(): boolean {\n    return this.val\n  }\n\n  set value(value: boolean) {\n    this.val = value\n    this.change.emit(this.val)\n    if (this.onChange) { this.onChange(value) }\n    if (this.onTouched) { this.onTouched() }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  _toggleValue() {\n    this.value = !this.value\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamProgressModule } from '@theseam/ui-common/progress'\n\nimport { AnchorBadgeButtonComponent, BadgeButtonComponent } from './badge-button/badge-button.component'\nimport { AnchorButtonComponent, ButtonComponent } from './button/button.component'\nimport { ProgressCircleButtonComponent } from './progress-circle-button/progress-circle-button.component'\nimport { ToggleButtonComponent } from './toggle-button/toggle-button.component'\n\n@NgModule({\n  declarations: [\n    BadgeButtonComponent,\n    ProgressCircleButtonComponent,\n    ToggleButtonComponent,\n    ButtonComponent,\n    AnchorButtonComponent,\n    AnchorBadgeButtonComponent\n  ],\n  imports: [\n    CommonModule,\n    TheSeamProgressModule\n  ],\n  exports: [\n    BadgeButtonComponent,\n    ProgressCircleButtonComponent,\n    ToggleButtonComponent,\n    ButtonComponent,\n    AnchorButtonComponent,\n    AnchorBadgeButtonComponent\n  ]\n})\nexport class TheSeamButtonsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-card.js

@@ -0,0 +1,145 @@
+import { __decorate } from 'tslib';
+import { Component, HostBinding, Input, ContentChildren, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { startWith, filter, map, tap } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+
+class CardActionComponent {
+    constructor() {
+        this._cssClassBorderLeft = true;
+        this.theme = 'lightgray';
+        this.isLastAction = false;
+    }
+}
+CardActionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-card-action',
+                template: "<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n",
+                styles: [":host{display:block}.btn{transition:.5s ease-in-out}.btn:not([data-last-action=true]){border-radius:0}.btn[data-last-action=true]{border-radius:.25rem;border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}"]
+            },] }
+];
+CardActionComponent.propDecorators = {
+    _cssClassBorderLeft: [{ type: HostBinding, args: ['class.border-left',] }],
+    theme: [{ type: Input }],
+    title: [{ type: Input }],
+    isLastAction: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], CardActionComponent.prototype, "isLastAction", void 0);
+
+class CardBodyComponent {
+    constructor() {
+        this._cssClassCardBody = true;
+        this._cssClassP0 = true;
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        var _a;
+        (_a = this._changesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    ngAfterViewInit() {
+        var _a;
+        this._changesSubscription = (_a = this.cardActionComponents) === null || _a === void 0 ? void 0 : _a.changes.pipe(startWith(this.cardActionComponents), filter(v => !!v), map(v => v.toArray()), filter(v => v && v.length > 0), tap(v => setTimeout(() => v[v.length - 1].isLastAction = true))).subscribe();
+    }
+}
+CardBodyComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-card-body',
+                template: "<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n",
+                styles: [":host{display:flex;flex-direction:row}.card-content{flex:1 1 auto}.card--actions,.card-content{display:flex;flex-direction:row}"]
+            },] }
+];
+CardBodyComponent.ctorParameters = () => [];
+CardBodyComponent.propDecorators = {
+    _cssClassCardBody: [{ type: HostBinding, args: ['class.card-body',] }],
+    _cssClassP0: [{ type: HostBinding, args: ['class.p-0',] }],
+    cardActionComponents: [{ type: ContentChildren, args: [CardActionComponent,] }]
+};
+
+class CardFooterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CardFooterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-card-footer',
+                template: "<p>\n  card-footer works!\n</p>\n",
+                styles: [""]
+            },] }
+];
+CardFooterComponent.ctorParameters = () => [];
+
+class CardHeaderComponent {
+    constructor() {
+        this._cssClassCardHeader = true;
+        this._cssClassPY0 = true;
+    }
+    ngOnInit() {
+    }
+}
+CardHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-card-header',
+                template: "<ng-content></ng-content>\n",
+                styles: [""]
+            },] }
+];
+CardHeaderComponent.ctorParameters = () => [];
+CardHeaderComponent.propDecorators = {
+    _cssClassCardHeader: [{ type: HostBinding, args: ['class.card-header',] }],
+    _cssClassPY0: [{ type: HostBinding, args: ['class.py-0',] }]
+};
+
+class CardComponent {
+    constructor() {
+        this._cssClassCard = true;
+    }
+    ngOnInit() {
+    }
+}
+CardComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-card',
+                template: "<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n",
+                styles: [""]
+            },] }
+];
+CardComponent.ctorParameters = () => [];
+CardComponent.propDecorators = {
+    _cssClassCard: [{ type: HostBinding, args: ['class.card',] }]
+};
+
+class TheSeamCardModule {
+}
+TheSeamCardModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    CardComponent,
+                    CardHeaderComponent,
+                    CardBodyComponent,
+                    CardFooterComponent,
+                    CardActionComponent
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamSharedModule
+                ],
+                exports: [
+                    CardComponent,
+                    CardHeaderComponent,
+                    CardBodyComponent,
+                    CardFooterComponent,
+                    CardActionComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardActionComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, TheSeamCardModule };
+//# sourceMappingURL=theseam-ui-common-card.js.map

package/fesm2015/theseam-ui-common-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-card.js","sources":["../../../projects/ui-common/card/card-action/card-action.component.ts","../../../projects/ui-common/card/card-body/card-body.component.ts","../../../projects/ui-common/card/card-footer/card-footer.component.ts","../../../projects/ui-common/card/card-header/card-header.component.ts","../../../projects/ui-common/card/card.component.ts","../../../projects/ui-common/card/card.module.ts","../../../projects/ui-common/card/theseam-ui-common-card.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, HostBinding, Input } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport type { ThemeTypes } from '@theseam/ui-common/models'\n\n@Component({\n  selector: 'seam-card-action',\n  templateUrl: './card-action.component.html',\n  styleUrls: ['./card-action.component.scss']\n})\nexport class CardActionComponent {\n  static ngAcceptInputType_isLastAction: BooleanInput\n\n  @HostBinding('class.border-left') _cssClassBorderLeft = true\n\n  @Input() theme: ThemeTypes | undefined | null = 'lightgray'\n\n  @Input() title: string | undefined | null\n\n  @Input() @InputBoolean() isLastAction: boolean = false\n\n}\n","import { AfterViewInit, Component, ContentChildren, HostBinding, OnDestroy, OnInit, QueryList } from '@angular/core'\nimport { Subscription } from 'rxjs'\nimport { filter, map, startWith, tap } from 'rxjs/operators'\n\nimport { CardActionComponent } from './../card-action/card-action.component'\n\n@Component({\n  selector: 'seam-card-body',\n  templateUrl: './card-body.component.html',\n  styleUrls: ['./card-body.component.scss']\n})\nexport class CardBodyComponent implements OnInit, OnDestroy, AfterViewInit {\n\n  @HostBinding('class.card-body') _cssClassCardBody = true\n  @HostBinding('class.p-0') _cssClassP0 = true\n\n  @ContentChildren(CardActionComponent) cardActionComponents?: QueryList<CardActionComponent>\n\n  private _changesSubscription: Subscription | undefined\n\n  constructor() { }\n\n  ngOnInit() { }\n\n  ngOnDestroy() {\n    this._changesSubscription?.unsubscribe()\n  }\n\n  ngAfterViewInit() {\n    this._changesSubscription = this.cardActionComponents?.changes.pipe(\n      startWith(this.cardActionComponents),\n      filter(v => !!v),\n      map(v => v.toArray() as CardActionComponent[]),\n      filter(v => v && v.length > 0),\n      tap(v => setTimeout(() => v[v.length - 1].isLastAction = true))\n    ).subscribe()\n  }\n\n}\n","import { Component, OnInit } from '@angular/core'\n\n@Component({\n  selector: 'seam-card-footer',\n  templateUrl: './card-footer.component.html',\n  styleUrls: ['./card-footer.component.scss']\n})\nexport class CardFooterComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { Component, HostBinding, OnInit } from '@angular/core'\n\n@Component({\n  selector: 'seam-card-header',\n  templateUrl: './card-header.component.html',\n  styleUrls: ['./card-header.component.scss']\n})\nexport class CardHeaderComponent implements OnInit {\n\n  @HostBinding('class.card-header') _cssClassCardHeader = true\n  @HostBinding('class.py-0') _cssClassPY0 = true\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { Component, HostBinding, OnInit } from '@angular/core'\n\n@Component({\n  selector: 'seam-card',\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss']\n})\nexport class CardComponent implements OnInit {\n\n  @HostBinding('class.card') _cssClassCard = true\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\n\nimport { CardActionComponent } from './card-action/card-action.component'\nimport { CardBodyComponent } from './card-body/card-body.component'\nimport { CardFooterComponent } from './card-footer/card-footer.component'\nimport { CardHeaderComponent } from './card-header/card-header.component'\nimport { CardComponent } from './card.component'\n\n@NgModule({\n  declarations: [\n    CardComponent,\n    CardHeaderComponent,\n    CardBodyComponent,\n    CardFooterComponent,\n    CardActionComponent\n  ],\n  imports: [\n    CommonModule,\n    TheSeamSharedModule\n  ],\n  exports: [\n    CardComponent,\n    CardHeaderComponent,\n    CardBodyComponent,\n    CardFooterComponent,\n    CardActionComponent\n  ]\n})\nexport class TheSeamCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAWa,mBAAmB;IALhC;QAQoC,wBAAmB,GAAG,IAAI,CAAA;QAEnD,UAAK,GAAkC,WAAW,CAAA;QAIlC,iBAAY,GAAY,KAAK,CAAA;KAEvD;;;YAhBA,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,ySAA2C;;aAE5C;;;kCAIE,WAAW,SAAC,mBAAmB;oBAE/B,KAAK;oBAEL,KAAK;2BAEL,KAAK;;AAAmB;IAAf,YAAY,EAAE;yDAA8B;;MCT3C,iBAAiB;IAS5B;QAPgC,sBAAiB,GAAG,IAAI,CAAA;QAC9B,gBAAW,GAAG,IAAI,CAAA;KAM3B;IAEjB,QAAQ,MAAM;IAEd,WAAW;;QACT,MAAA,IAAI,CAAC,oBAAoB,0CAAE,WAAW,EAAE,CAAA;KACzC;IAED,eAAe;;QACb,IAAI,CAAC,oBAAoB,GAAG,MAAA,IAAI,CAAC,oBAAoB,0CAAE,OAAO,CAAC,IAAI,CACjE,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,EACpC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAChB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAA2B,CAAC,EAC9C,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,EAC9B,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,EAC/D,SAAS,EAAE,CAAA;KACd;;;YA9BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,mLAAyC;;aAE1C;;;;gCAGE,WAAW,SAAC,iBAAiB;0BAC7B,WAAW,SAAC,WAAW;mCAEvB,eAAe,SAAC,mBAAmB;;;MCTzB,mBAAmB;IAE9B,iBAAiB;IAEjB,QAAQ;KACP;;;YAVF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,6CAA2C;;aAE5C;;;;MCCY,mBAAmB;IAK9B;QAHkC,wBAAmB,GAAG,IAAI,CAAA;QACjC,iBAAY,GAAG,IAAI,CAAA;KAE7B;IAEjB,QAAQ;KACP;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,uCAA2C;;aAE5C;;;;kCAGE,WAAW,SAAC,mBAAmB;2BAC/B,WAAW,SAAC,YAAY;;;MCHd,aAAa;IAIxB;QAF2B,kBAAa,GAAG,IAAI,CAAA;KAE9B;IAEjB,QAAQ;KACP;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,wHAAoC;;aAErC;;;;4BAGE,WAAW,SAAC,YAAY;;;MCsBd,iBAAiB;;;YApB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,aAAa;oBACb,mBAAmB;oBACnB,iBAAiB;oBACjB,mBAAmB;oBACnB,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,aAAa;oBACb,mBAAmB;oBACnB,iBAAiB;oBACjB,mBAAmB;oBACnB,mBAAmB;iBACpB;aACF;;;AC9BD;;;;;;"}

package/fesm2015/theseam-ui-common-checkbox.js

@@ -0,0 +1,302 @@
+import { __decorate } from 'tslib';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { forwardRef, EventEmitter, Component, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, NgZone, Attribute, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { mixinTabIndex, mixinDisabled, InputBoolean } from '@theseam/ui-common/core';
+import { ObserversModule } from '@angular/cdk/observers';
+import { CommonModule } from '@angular/common';
+
+// 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 {
+    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 {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _TheSeamCheckboxMixinBase = mixinTabIndex(mixinDisabled(TheSeamCheckboxComponentBase));
+let _uid = 0;
+/**
+ * A Checkbox.
+ */
+class TheSeamCheckboxComponent extends _TheSeamCheckboxMixinBase {
+    constructor(elementRef, _changeDetectorRef, _focusMonitor, _ngZone, tabIndex) {
+        super(elementRef);
+        this._changeDetectorRef = _changeDetectorRef;
+        this._focusMonitor = _focusMonitor;
+        this._ngZone = _ngZone;
+        /** @ignore */
+        this._uid = `seam-chk-${_uid++}`;
+        /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */
+        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.
+         */
+        this.ariaLabel = '';
+        /**
+         * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
+         */
+        this.ariaLabelledby = null;
+        /** Whether the checkbox is required. */
+        this.required = false;
+        /** @ignore */
+        this._checked = false;
+        /** @ignore */
+        this._disabled = false;
+        /** @ignore */
+        this._indeterminate = false;
+        /** Name value will be applied to the input element if present */
+        this.name = null;
+        /** Event emitted when the checkbox's `checked` value changes. */
+        this.change = new EventEmitter();
+        /** Event emitted when the checkbox's `indeterminate` value changes. */
+        this.indeterminateChange = new EventEmitter();
+        /**
+         * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
+         * @ignore
+         */
+        this._onTouched = () => { };
+        /** @ignore */
+        this._controlValueAccessorChangeFn = () => { };
+        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();
+                });
+            }
+        });
+    }
+    /** Returns the unique id for the input. */
+    get inputId() { return `${this.id || this._uid}`; }
+    /** 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();
+        }
+    }
+    /**
+     * 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();
+        }
+    }
+    /**
+     * 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 */
+    ngOnInit() { }
+    /** @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;
+        }
+    }
+}
+TheSeamCheckboxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-checkbox',
+                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",
+                exportAs: 'seamCheckbox',
+                host: {
+                    '[attr.tabindex]': 'null',
+                    'class': 'custom-control custom-checkbox'
+                },
+                providers: [THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR],
+                inputs: ['tabIndex'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+TheSeamCheckboxComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: FocusMonitor },
+    { type: NgZone },
+    { type: String, decorators: [{ type: Attribute, args: ['tabindex',] }] }
+];
+TheSeamCheckboxComponent.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 },] }]
+};
+__decorate([
+    InputBoolean()
+], TheSeamCheckboxComponent.prototype, "required", void 0);
+
+class TheSeamCheckboxModule {
+}
+TheSeamCheckboxModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TheSeamCheckboxComponent
+                ],
+                imports: [
+                    CommonModule,
+                    ObserversModule
+                ],
+                exports: [
+                    TheSeamCheckboxComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR, TheSeamCheckboxChange, TheSeamCheckboxComponent, TheSeamCheckboxModule };
+//# sourceMappingURL=theseam-ui-common-checkbox.js.map