@ifsworld/granite-components 4.5.0 → 5.0.0

package/esm2015/lib/table/table.component.js

@@ -1,28 +0,0 @@
-import { Component, Input, ContentChildren, QueryList, ChangeDetectionStrategy, } from '@angular/core';
-import { GraniteTableColumnDirective } from './column/table-column.directive';
-import { TableConstants } from './table-constants.library';
-export class GraniteTableComponent {
-    constructor() {
-        this.ariaLabel = null;
-        this.cellIdPrefix = TableConstants.CELL_ID_PREFIX;
-    }
-    ngAfterContentInit() {
-        this.columns = this.tableColumnsComponent.toArray();
-        this.renderedColumns = this.columns.map((column) => column.name);
-    }
-}
-GraniteTableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-table',
-                template: "<cdk-table\n  [dataSource]=\"dataSource\"\n  multiTemplateDataRows\n  [trackBy]=\"trackBy\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ng-container\n    *ngFor=\"let column of columns; index as columnI\"\n    [cdkColumnDef]=\"column.name\"\n  >\n    <!-- Cell Header -->\n    <cdk-header-cell *cdkHeaderCellDef graniteTableHeaderCell>\n      {{ (column.title ? column.title : column.name) | graniteTitle }}\n    </cdk-header-cell>\n\n    <!-- Cell Data -->\n    <cdk-cell\n      graniteTableDataCell\n      *cdkCellDef=\"let row; let rowI = dataIndex\"\n      [id]=\"cellIdPrefix + '-' + rowI + '-' + columnI\"\n      [value]=\"row[column.name]\"\n      [rowIndex]=\"rowI\"\n      [columnIndex]=\"columnI\"\n      [staticType]=\"column.staticType\"\n      [column]=\"column\"\n      [tableCellTemplateRef]=\"column.tableCellTemplateRef\"\n      [row]=\"row\"\n    ></cdk-cell>\n  </ng-container>\n\n  <cdk-header-row *cdkHeaderRowDef=\"renderedColumns\"></cdk-header-row>\n  <cdk-row\n    *cdkRowDef=\"let row; let rowI = dataIndex; columns: renderedColumns\"\n    [attr.aria-rowindex]=\"rowI + 1\"\n  ></cdk-row>\n</cdk-table>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}cdk-table{flex-direction:column;background-color:var(--granite-color-background-variant)}cdk-header-row,cdk-row,cdk-table{display:flex}cdk-cell,cdk-header-cell{flex:1;height:2.5rem}cdk-cell{border-top:1px solid var(--granite-color-border-soft)}"]
-            },] }
-];
-GraniteTableComponent.propDecorators = {
-    dataSource: [{ type: Input }],
-    trackBy: [{ type: Input }],
-    ariaLabel: [{ type: Input, args: ['aria-label',] }],
-    tableColumnsComponent: [{ type: ContentChildren, args: [GraniteTableColumnDirective,] }]
-};
-//# sourceMappingURL=table.component.js.map

package/esm2015/lib/table/table.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,eAAe,EACf,SAAS,EAET,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAa3D,MAAM,OAAO,qBAAqB;IANlC;QAcE,cAAS,GAAkB,IAAI,CAAC;QAKvB,iBAAY,GAAG,cAAc,CAAC,cAAc,CAAC;IASxD,CAAC;IAJC,kBAAkB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;QACpD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnE,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,onCAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;yBAEE,KAAK;sBAGL,KAAK;wBAGL,KAAK,SAAC,YAAY;oCAGlB,eAAe,SAAC,2BAA2B","sourcesContent":["import { DataSource } from '@angular/cdk/table';\nimport {\n  Component,\n  Input,\n  TrackByFunction,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { GraniteTableColumnDirective } from './column/table-column.directive';\nimport { TableConstants } from './table-constants.library';\n\ntype CdkTableDataSourceInput<T> =\n  | readonly T[]\n  | DataSource<T>\n  | Observable<readonly T[]>;\n\n@Component({\n  selector: 'granite-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteTableComponent<T> implements AfterContentInit {\n  @Input()\n  dataSource: CdkTableDataSourceInput<T>;\n\n  @Input()\n  trackBy: TrackByFunction<T>;\n\n  @Input('aria-label')\n  ariaLabel: string | null = null;\n\n  @ContentChildren(GraniteTableColumnDirective)\n  tableColumnsComponent: QueryList<GraniteTableColumnDirective>;\n\n  readonly cellIdPrefix = TableConstants.CELL_ID_PREFIX;\n\n  columns: GraniteTableColumnDirective[];\n  renderedColumns: string[];\n\n  ngAfterContentInit(): void {\n    this.columns = this.tableColumnsComponent.toArray();\n    this.renderedColumns = this.columns.map((column) => column.name);\n  }\n}\n"]}

package/esm2015/lib/table/table.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteTableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"granite-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<cdk-table\n  [dataSource]=\"dataSource\"\n  multiTemplateDataRows\n  [trackBy]=\"trackBy\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ng-container\n    *ngFor=\"let column of columns; index as columnI\"\n    [cdkColumnDef]=\"column.name\"\n  >\n    <!-- Cell Header -->\n    <cdk-header-cell *cdkHeaderCellDef graniteTableHeaderCell>\n      {{ (column.title ? column.title : column.name) | graniteTitle }}\n    </cdk-header-cell>\n\n    <!-- Cell Data -->\n    <cdk-cell\n      graniteTableDataCell\n      *cdkCellDef=\"let row; let rowI = dataIndex\"\n      [id]=\"cellIdPrefix + '-' + rowI + '-' + columnI\"\n      [value]=\"row[column.name]\"\n      [rowIndex]=\"rowI\"\n      [columnIndex]=\"columnI\"\n      [staticType]=\"column.staticType\"\n      [column]=\"column\"\n      [tableCellTemplateRef]=\"column.tableCellTemplateRef\"\n      [row]=\"row\"\n    ></cdk-cell>\n  </ng-container>\n\n  <cdk-header-row *cdkHeaderRowDef=\"renderedColumns\"></cdk-header-row>\n  <cdk-row\n    *cdkRowDef=\"let row; let rowI = dataIndex; columns: renderedColumns\"\n    [attr.aria-rowindex]=\"rowI + 1\"\n  ></cdk-row>\n</cdk-table>\n","styles":[":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}cdk-table{flex-direction:column;background-color:var(--granite-color-background-variant)}cdk-header-row,cdk-row,cdk-table{display:flex}cdk-cell,cdk-header-cell{flex:1;height:2.5rem}cdk-cell{border-top:1px solid var(--granite-color-border-soft)}"]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["aria-label"]}]}],"tableColumnsComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"./column/table-column.directive","name":"GraniteTableColumnDirective","line":35,"character":19}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/table/table.module.js

@@ -1,24 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CdkTableModule } from '@angular/cdk/table';
-import { GraniteTableComponent } from './table.component';
-import { GraniteTableDataCellComponent } from './cell/table-data-cell.component';
-import { GraniteTableHeaderCellComponent } from './cell/table-header-cell.component';
-import { GraniteBadgeModule } from '../badge/badge.module';
-import { GraniteTableColumnDirective } from './column/table-column.directive';
-import { PurePipesModule } from '../core/pipes/pure-pipes.module';
-export class GraniteTableModule {
-}
-GraniteTableModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    GraniteTableComponent,
-                    GraniteTableDataCellComponent,
-                    GraniteTableHeaderCellComponent,
-                    GraniteTableColumnDirective,
-                ],
-                imports: [CommonModule, CdkTableModule, GraniteBadgeModule, PurePipesModule],
-                exports: [GraniteTableComponent, GraniteTableColumnDirective],
-            },] }
-];
-//# sourceMappingURL=table.module.js.map

package/esm2015/lib/table/table.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/table/table.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYlE,MAAM,OAAO,kBAAkB;;;YAV9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;oBACrB,6BAA6B;oBAC7B,+BAA+B;oBAC/B,2BAA2B;iBAC5B;gBACD,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,CAAC;gBAC5E,OAAO,EAAE,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;aAC9D","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CdkTableModule } from '@angular/cdk/table';\nimport { GraniteTableComponent } from './table.component';\nimport { GraniteTableDataCellComponent } from './cell/table-data-cell.component';\nimport { GraniteTableHeaderCellComponent } from './cell/table-header-cell.component';\nimport { GraniteBadgeModule } from '../badge/badge.module';\nimport { GraniteTableColumnDirective } from './column/table-column.directive';\nimport { PurePipesModule } from '../core/pipes/pure-pipes.module';\n\n@NgModule({\n  declarations: [\n    GraniteTableComponent,\n    GraniteTableDataCellComponent,\n    GraniteTableHeaderCellComponent,\n    GraniteTableColumnDirective,\n  ],\n  imports: [CommonModule, CdkTableModule, GraniteBadgeModule, PurePipesModule],\n  exports: [GraniteTableComponent, GraniteTableColumnDirective],\n})\nexport class GraniteTableModule {}\n"]}

package/esm2015/lib/table/table.module.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./table.component","name":"GraniteTableComponent","line":12,"character":4},{"__symbolic":"reference","module":"./cell/table-data-cell.component","name":"GraniteTableDataCellComponent","line":13,"character":4},{"__symbolic":"reference","module":"./cell/table-header-cell.component","name":"GraniteTableHeaderCellComponent","line":14,"character":4},{"__symbolic":"reference","module":"./column/table-column.directive","name":"GraniteTableColumnDirective","line":15,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":17,"character":26},{"__symbolic":"reference","module":"../badge/badge.module","name":"GraniteBadgeModule","line":17,"character":42},{"__symbolic":"reference","module":"../core/pipes/pure-pipes.module","name":"PurePipesModule","line":17,"character":62}],"exports":[{"__symbolic":"reference","module":"./table.component","name":"GraniteTableComponent","line":18,"character":12},{"__symbolic":"reference","module":"./column/table-column.directive","name":"GraniteTableColumnDirective","line":18,"character":35}]}]}]}}}]

package/esm2015/lib/toggle-switch/toggle-switch.component.js

@@ -1,89 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter, ElementRef, ViewChild, } from '@angular/core';
-export class GraniteToggleSwitchComponent {
-    constructor(_focusMonitor) {
-        this._focusMonitor = _focusMonitor;
-        this.id = null;
-        this.checked = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.labelPosition = 'after';
-        this.ariaLabel = null;
-        this.ariaLabelledby = null;
-        this.valueChange = new EventEmitter();
-        this.toggleChange = new EventEmitter();
-        this.toggleBlur = new EventEmitter();
-        this._positionBefore = false;
-        this._toggleSwitchDisabled = false;
-    }
-    ngOnChanges(changes) {
-        if (changes.checked) {
-            this.checked = coerceBooleanProperty(changes.checked.currentValue);
-        }
-        if (changes.disabled) {
-            this.disabled = coerceBooleanProperty(changes.disabled.currentValue);
-        }
-        if (changes.readonly) {
-            this.readonly = coerceBooleanProperty(changes.readonly.currentValue);
-        }
-        if (changes.labelPosition != null) {
-            this._positionBefore =
-                changes.labelPosition.currentValue != null &&
-                    changes.labelPosition.currentValue === 'before';
-        }
-        if ((changes.disabled || changes.readonly) &&
-            (this.disabled || this.readonly)) {
-            this._toggleSwitchDisabled = true;
-        }
-    }
-    focus(origin = 'program', options) {
-        this._focusMonitor.focusVia(this._getInputElement(), origin, options);
-    }
-    _onBlur() {
-        this.toggleBlur.emit();
-    }
-    _toggleSwitchChange() {
-        this.checked = this._getInputElement().checked;
-        this.valueChange.emit(this.checked);
-    }
-    _toggleSwitchClick() {
-        this.toggleChange.emit();
-    }
-    _getInputElement() {
-        return this._inputElement.nativeElement;
-    }
-}
-GraniteToggleSwitchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-toggle-switch',
-                exportAs: 'graniteToggleSwitch',
-                host: {
-                    class: 'granite-toggle-switch',
-                    '[class.granite-toggle-switch-checked]': 'checked',
-                    '[class.granite-toggle-switch-disabled]': 'disabled',
-                    '[class.granite-toggle-switch-readonly]': 'readonly',
-                    '[class.granite-toggle-switch-label-before]': '_positionBefore',
-                },
-                template: "<label [attr.for]=\"id\" class=\"granite-toggle-switch-label\">\n  <div class=\"granite-toggle-switch-bar\">\n    <input\n      #input\n      [id]=\"id\"\n      class=\"granite-toggle-switch-input cdk-visually-hidden\"\n      role=\"switch\"\n      type=\"checkbox\"\n      [attr.aria-checked]=\"checked.toString()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledby\"\n      [checked]=\"checked\"\n      [disabled]=\"_toggleSwitchDisabled\"\n      [readonly]=\"readonly\"\n      (click)=\"_toggleSwitchClick()\"\n      (change)=\"_toggleSwitchChange()\"\n      (blur)=\"_onBlur()\"\n    />\n    <div class=\"granite-toggle-switch-thumb\"></div>\n  </div>\n  <span class=\"granite-toggle-switch-text\"><ng-content></ng-content></span>\n</label>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-toggle-switch){color:var(--granite-color-text)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-bar{background-color:var(--granite-color-background-active)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{border:.0625rem solid var(--granite-color-background-active)}:host-context([dir=ltr]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=ltr] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:right}:host-context([dir=rtl]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=rtl] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:left}:host(.granite-toggle-switch-disabled) .granite-toggle-switch-label{opacity:.6}:host(.granite-toggle-switch-disabled) *,:host(.granite-toggle-switch-readonly) *{cursor:default}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-label{flex-direction:row-reverse}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-toggle-switch-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-toggle-switch-bar{width:2rem;height:1rem;border-radius:.5rem;background-color:var(--granite-color-background-inactive);transition:background-color .1s linear;position:relative}.granite-toggle-switch-bar:focus-within{box-shadow:0 0 0 .0625rem var(--granite-color-focus)}.granite-toggle-switch-thumb{width:1rem;height:1rem;border-radius:1rem;background-color:var(--granite-color-text-static-light);border:.0625rem solid var(--granite-color-background-inactive);transition:float .1s linear}:host-context([dir=ltr]) .granite-toggle-switch-thumb,html[dir=ltr] .granite-toggle-switch-thumb{float:left}:host-context([dir=rtl]) .granite-toggle-switch-thumb,html[dir=rtl] .granite-toggle-switch-thumb{float:right}.granite-toggle-switch-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-toggle-switch-text:empty{display:none}"]
-            },] }
-];
-GraniteToggleSwitchComponent.ctorParameters = () => [
-    { type: FocusMonitor }
-];
-GraniteToggleSwitchComponent.propDecorators = {
-    id: [{ type: Input }],
-    checked: [{ type: Input }],
-    disabled: [{ type: Input }],
-    readonly: [{ type: Input }],
-    labelPosition: [{ type: Input }],
-    ariaLabel: [{ type: Input, args: ['aria-label',] }],
-    ariaLabelledby: [{ type: Input, args: ['aria-labelledby',] }],
-    valueChange: [{ type: Output }],
-    toggleChange: [{ type: Output }],
-    toggleBlur: [{ type: Output }],
-    _inputElement: [{ type: ViewChild, args: ['input',] }]
-};
-//# sourceMappingURL=toggle-switch.component.js.map

package/esm2015/lib/toggle-switch/toggle-switch.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-switch.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/toggle-switch/toggle-switch.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  Output,\n  OnChanges,\n  SimpleChanges,\n  EventEmitter,\n  ElementRef,\n  ViewChild,\n} from '@angular/core';\n\nimport { Position } from '../core/types';\n\n@Component({\n  selector: 'granite-toggle-switch',\n  exportAs: 'graniteToggleSwitch',\n  host: {\n    class: 'granite-toggle-switch',\n    '[class.granite-toggle-switch-checked]': 'checked',\n    '[class.granite-toggle-switch-disabled]': 'disabled',\n    '[class.granite-toggle-switch-readonly]': 'readonly',\n    '[class.granite-toggle-switch-label-before]': '_positionBefore',\n  },\n  templateUrl: './toggle-switch.component.html',\n  styleUrls: ['./toggle-switch.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteToggleSwitchComponent implements OnChanges {\n  @Input()\n  id: string | null = null;\n\n  @Input()\n  checked: boolean = false;\n\n  @Input()\n  disabled: boolean = false;\n\n  @Input()\n  readonly: boolean = false;\n\n  @Input()\n  labelPosition: Position = 'after';\n\n  @Input('aria-label')\n  ariaLabel: string | null = null;\n\n  @Input('aria-labelledby')\n  ariaLabelledby: string | null = null;\n\n  @Output()\n  readonly valueChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @Output()\n  readonly toggleChange: EventEmitter<void> = new EventEmitter<void>();\n\n  @Output()\n  readonly toggleBlur: EventEmitter<void> = new EventEmitter<void>();\n\n  @ViewChild('input')\n  private _inputElement: ElementRef<HTMLInputElement>;\n\n  _positionBefore: boolean = false;\n  _toggleSwitchDisabled: boolean = false;\n\n  constructor(private _focusMonitor: FocusMonitor) {}\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.checked) {\n      this.checked = coerceBooleanProperty(changes.checked.currentValue);\n    }\n\n    if (changes.disabled) {\n      this.disabled = coerceBooleanProperty(changes.disabled.currentValue);\n    }\n\n    if (changes.readonly) {\n      this.readonly = coerceBooleanProperty(changes.readonly.currentValue);\n    }\n\n    if (changes.labelPosition != null) {\n      this._positionBefore =\n        changes.labelPosition.currentValue != null &&\n        changes.labelPosition.currentValue === 'before';\n    }\n\n    if (\n      (changes.disabled || changes.readonly) &&\n      (this.disabled || this.readonly)\n    ) {\n      this._toggleSwitchDisabled = true;\n    }\n  }\n\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    this._focusMonitor.focusVia(this._getInputElement(), origin, options);\n  }\n\n  _onBlur(): void {\n    this.toggleBlur.emit();\n  }\n\n  _toggleSwitchChange(): void {\n    this.checked = this._getInputElement().checked;\n    this.valueChange.emit(this.checked);\n  }\n\n  _toggleSwitchClick(): void {\n    this.toggleChange.emit();\n  }\n\n  private _getInputElement(): HTMLInputElement {\n    return this._inputElement.nativeElement;\n  }\n}\n"]}

package/esm2015/lib/toggle-switch/toggle-switch.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteToggleSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"granite-toggle-switch","exportAs":"graniteToggleSwitch","host":{"class":"granite-toggle-switch","[class.granite-toggle-switch-checked]":"checked","[class.granite-toggle-switch-disabled]":"disabled","[class.granite-toggle-switch-readonly]":"readonly","[class.granite-toggle-switch-label-before]":"_positionBefore","$quoted$":["[class.granite-toggle-switch-checked]","[class.granite-toggle-switch-disabled]","[class.granite-toggle-switch-readonly]","[class.granite-toggle-switch-label-before]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"id\" class=\"granite-toggle-switch-label\">\n  <div class=\"granite-toggle-switch-bar\">\n    <input\n      #input\n      [id]=\"id\"\n      class=\"granite-toggle-switch-input cdk-visually-hidden\"\n      role=\"switch\"\n      type=\"checkbox\"\n      [attr.aria-checked]=\"checked.toString()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledby\"\n      [checked]=\"checked\"\n      [disabled]=\"_toggleSwitchDisabled\"\n      [readonly]=\"readonly\"\n      (click)=\"_toggleSwitchClick()\"\n      (change)=\"_toggleSwitchChange()\"\n      (blur)=\"_onBlur()\"\n    />\n    <div class=\"granite-toggle-switch-thumb\"></div>\n  </div>\n  <span class=\"granite-toggle-switch-text\"><ng-content></ng-content></span>\n</label>\n","styles":[".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-toggle-switch){color:var(--granite-color-text)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-bar{background-color:var(--granite-color-background-active)}:host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{border:.0625rem solid var(--granite-color-background-active)}:host-context([dir=ltr]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=ltr] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:right}:host-context([dir=rtl]) :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb,html[dir=rtl] :host(.granite-toggle-switch-checked) .granite-toggle-switch-thumb{float:left}:host(.granite-toggle-switch-disabled) .granite-toggle-switch-label{opacity:.6}:host(.granite-toggle-switch-disabled) *,:host(.granite-toggle-switch-readonly) *{cursor:default}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-label{flex-direction:row-reverse}:host(.granite-toggle-switch-label-before) .granite-toggle-switch-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-toggle-switch-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-toggle-switch-bar{width:2rem;height:1rem;border-radius:.5rem;background-color:var(--granite-color-background-inactive);transition:background-color .1s linear;position:relative}.granite-toggle-switch-bar:focus-within{box-shadow:0 0 0 .0625rem var(--granite-color-focus)}.granite-toggle-switch-thumb{width:1rem;height:1rem;border-radius:1rem;background-color:var(--granite-color-text-static-light);border:.0625rem solid var(--granite-color-background-inactive);transition:float .1s linear}:host-context([dir=ltr]) .granite-toggle-switch-thumb,html[dir=ltr] .granite-toggle-switch-thumb{float:left}:host-context([dir=rtl]) .granite-toggle-switch-thumb,html[dir=rtl] .granite-toggle-switch-thumb{float:right}.granite-toggle-switch-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-toggle-switch-text:empty{display:none}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["aria-labelledby"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"toggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"toggleBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":67,"character":37}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_toggleSwitchChange":[{"__symbolic":"method"}],"_toggleSwitchClick":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/toggle-switch/toggle-switch.module.js

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { GraniteToggleSwitchComponent } from './toggle-switch.component';
-export class GraniteToggleSwitchModule {
-}
-GraniteToggleSwitchModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [GraniteToggleSwitchComponent],
-                exports: [GraniteToggleSwitchComponent],
-            },] }
-];
-//# sourceMappingURL=toggle-switch.module.js.map

package/esm2015/lib/toggle-switch/toggle-switch.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-switch.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/toggle-switch/toggle-switch.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAMzE,MAAM,OAAO,yBAAyB;;;YAJrC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,4BAA4B,CAAC;gBAC5C,OAAO,EAAE,CAAC,4BAA4B,CAAC;aACxC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteToggleSwitchComponent } from './toggle-switch.component';\n\n@NgModule({\n  declarations: [GraniteToggleSwitchComponent],\n  exports: [GraniteToggleSwitchComponent],\n})\nexport class GraniteToggleSwitchModule {}\n"]}

package/esm2015/lib/toggle-switch/toggle-switch.module.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteToggleSwitchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./toggle-switch.component","name":"GraniteToggleSwitchComponent","line":4,"character":17}],"exports":[{"__symbolic":"reference","module":"./toggle-switch.component","name":"GraniteToggleSwitchComponent","line":5,"character":12}]}]}]}}}]