@ifsworld/granite-components 4.4.0 → 5.0.1

package/esm2015/lib/checkbox/checkbox-group.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAgBvE,MAAM,OAAO,6BAA8B,SAAQ,wBAAwB;;;YAd1E,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,KAAK,EAAE,wBAAwB;oBAC/B,aAAa,EAAE,SAAS;oBACxB,wBAAwB,EAAE,gBAAgB;oBAC1C,uDAAuD,EACrD,yBAAyB;iBAC5B;gBAED,QAAQ,EAAE,2BAA2B;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';\n\n@Component({\n  selector: 'granite-checkbox-group',\n  host: {\n    class: 'granite-checkbox-group',\n    '[attr.role]': '\"group\"',\n    '[attr.aria-labelledby]': 'ariaLabelledby',\n    '[class.granite-radio-checkbox-base-layout-horizontal]':\n      'layout === \"horizontal\"',\n  },\n\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./checkbox-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {}\n"]}

package/esm2015/lib/checkbox/checkbox-group.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/radio-checkbox-base","name":"GraniteRadioCheckboxBase","line":17,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"granite-checkbox-group","host":{"class":"granite-checkbox-group","[attr.role]":"\"group\"","[attr.aria-labelledby]":"ariaLabelledby","[class.granite-radio-checkbox-base-layout-horizontal]":"layout === \"horizontal\"","$quoted$":["[attr.role]","[attr.aria-labelledby]","[class.granite-radio-checkbox-base-layout-horizontal]"]},"template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"styles":[":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]}]}]}}}]

package/esm2015/lib/checkbox/checkbox.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 GraniteCheckboxComponent {
-    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.checkboxChange = new EventEmitter();
-        this.checkboxBlur = new EventEmitter();
-        this._positionBefore = false;
-        this._checkboxDisabled = 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._checkboxDisabled = true;
-        }
-    }
-    focus(origin = 'program', options) {
-        this._focusMonitor.focusVia(this._getInputElement(), origin, options);
-    }
-    _onBlur() {
-        this.checkboxBlur.emit();
-    }
-    _checkboxChange() {
-        this.checked = this._getInputElement().checked;
-        this.valueChange.emit(this.checked);
-    }
-    _checkboxClick() {
-        this.checkboxChange.emit();
-    }
-    _getInputElement() {
-        return this._inputElement.nativeElement;
-    }
-}
-GraniteCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-checkbox',
-                exportAs: 'graniteCheckbox',
-                host: {
-                    class: 'granite-checkbox',
-                    '[class.granite-checkbox-checked]': 'checked',
-                    '[class.granite-checkbox-disabled]': 'disabled',
-                    '[class.granite-checkbox-readonly]': 'readonly',
-                    '[class.granite-checkbox-label-before]': '_positionBefore',
-                },
-                template: "<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n  <div class=\"granite-checkbox-box\">\n    <input\n      #input\n      [id]=\"id\"\n      class=\"granite-checkbox-input cdk-visually-hidden\"\n      role=\"checkbox\"\n      type=\"checkbox\"\n      [attr.aria-checked]=\"checked.toString()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledby\"\n      [checked]=\"checked\"\n      [disabled]=\"_checkboxDisabled\"\n      [readonly]=\"readonly\"\n      (click)=\"_checkboxClick()\"\n      (change)=\"_checkboxChange()\"\n      (blur)=\"_onBlur()\"\n    />\n    <div class=\"granite-checkbox-check\"></div>\n  </div>\n  <span class=\"granite-checkbox-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-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-margin-end:var(--granite-spacing-xl);margin-inline-end:var(--granite-spacing-xl)}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]
-            },] }
-];
-GraniteCheckboxComponent.ctorParameters = () => [
-    { type: FocusMonitor }
-];
-GraniteCheckboxComponent.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 }],
-    checkboxChange: [{ type: Output }],
-    checkboxBlur: [{ type: Output }],
-    _inputElement: [{ type: ViewChild, args: ['input',] }]
-};
-//# sourceMappingURL=checkbox.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EAGN,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,eAAe,CAAC;AAiBvB,MAAM,OAAO,wBAAwB;IAqCnC,YAAoB,aAA2B;QAA3B,kBAAa,GAAb,aAAa,CAAc;QAnC/C,OAAE,GAAkB,IAAI,CAAC;QAGzB,YAAO,GAAY,KAAK,CAAC;QAGzB,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;QAG1B,kBAAa,GAAa,OAAO,CAAC;QAGlC,cAAS,GAAkB,IAAI,CAAC;QAGhC,mBAAc,GAAkB,IAAI,CAAC;QAG5B,gBAAW,GAA0B,IAAI,YAAY,EAAW,CAAC;QAGjE,mBAAc,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAG9D,iBAAY,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAKrE,oBAAe,GAAY,KAAK,CAAC;QACjC,sBAAiB,GAAY,KAAK,CAAC;IAEe,CAAC;IAEnD,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;SACpE;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,EAAE;YACjC,IAAI,CAAC,eAAe;gBAClB,OAAO,CAAC,aAAa,CAAC,YAAY,IAAI,IAAI;oBAC1C,OAAO,CAAC,aAAa,CAAC,YAAY,KAAK,QAAQ,CAAC;SACnD;QAED,IACE,CAAC,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;YACtC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,EAChC;YACA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;IACH,CAAC;IAED,KAAK,CAAC,SAAsB,SAAS,EAAE,OAAsB;QAC3D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,OAAO;QACL,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe;QACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QAC/C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC7B,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;IAC1C,CAAC;;;YAnGF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,QAAQ,EAAE,iBAAiB;gBAC3B,IAAI,EAAE;oBACJ,KAAK,EAAE,kBAAkB;oBACzB,kCAAkC,EAAE,SAAS;oBAC7C,mCAAmC,EAAE,UAAU;oBAC/C,mCAAmC,EAAE,UAAU;oBAC/C,uCAAuC,EAAE,iBAAiB;iBAC3D;gBACD,uvBAAwC;gBAExC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YA5BQ,YAAY;;;iBA8BlB,KAAK;sBAGL,KAAK;uBAGL,KAAK;uBAGL,KAAK;4BAGL,KAAK;wBAGL,KAAK,SAAC,YAAY;6BAGlB,KAAK,SAAC,iBAAiB;0BAGvB,MAAM;6BAGN,MAAM;2BAGN,MAAM;4BAGN,SAAS,SAAC,OAAO","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';\nimport { Position } from '../core/types';\n\n@Component({\n  selector: 'granite-checkbox',\n  exportAs: 'graniteCheckbox',\n  host: {\n    class: 'granite-checkbox',\n    '[class.granite-checkbox-checked]': 'checked',\n    '[class.granite-checkbox-disabled]': 'disabled',\n    '[class.granite-checkbox-readonly]': 'readonly',\n    '[class.granite-checkbox-label-before]': '_positionBefore',\n  },\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteCheckboxComponent 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 checkboxChange: EventEmitter<void> = new EventEmitter<void>();\n\n  @Output()\n  readonly checkboxBlur: EventEmitter<void> = new EventEmitter<void>();\n\n  @ViewChild('input')\n  private _inputElement: ElementRef<HTMLInputElement>;\n\n  _positionBefore: boolean = false;\n  _checkboxDisabled: 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._checkboxDisabled = 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.checkboxBlur.emit();\n  }\n\n  _checkboxChange(): void {\n    this.checked = this._getInputElement().checked;\n    this.valueChange.emit(this.checked);\n  }\n\n  _checkboxClick(): void {\n    this.checkboxChange.emit();\n  }\n\n  private _getInputElement(): HTMLInputElement {\n    return this._inputElement.nativeElement;\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"granite-checkbox","exportAs":"graniteCheckbox","host":{"class":"granite-checkbox","[class.granite-checkbox-checked]":"checked","[class.granite-checkbox-disabled]":"disabled","[class.granite-checkbox-readonly]":"readonly","[class.granite-checkbox-label-before]":"_positionBefore","$quoted$":["[class.granite-checkbox-checked]","[class.granite-checkbox-disabled]","[class.granite-checkbox-readonly]","[class.granite-checkbox-label-before]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n  <div class=\"granite-checkbox-box\">\n    <input\n      #input\n      [id]=\"id\"\n      class=\"granite-checkbox-input cdk-visually-hidden\"\n      role=\"checkbox\"\n      type=\"checkbox\"\n      [attr.aria-checked]=\"checked.toString()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-labelledby]=\"ariaLabelledby\"\n      [checked]=\"checked\"\n      [disabled]=\"_checkboxDisabled\"\n      [readonly]=\"readonly\"\n      (click)=\"_checkboxClick()\"\n      (change)=\"_checkboxChange()\"\n      (blur)=\"_onBlur()\"\n    />\n    <div class=\"granite-checkbox-check\"></div>\n  </div>\n  <span class=\"granite-checkbox-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-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-margin-end:var(--granite-spacing-xl);margin-inline-end:var(--granite-spacing-xl)}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["aria-labelledby"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"checkboxChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"checkboxBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":66,"character":37}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_checkboxChange":[{"__symbolic":"method"}],"_checkboxClick":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/checkbox/checkbox.module.js

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { GraniteCheckboxComponent } from './checkbox.component';
-import { GraniteCheckboxGroupComponent } from './checkbox-group.component';
-export class GraniteCheckboxModule {
-}
-GraniteCheckboxModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
-                exports: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
-            },] }
-];
-//# sourceMappingURL=checkbox.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAM3E,MAAM,OAAO,qBAAqB;;;YAJjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,CAAC;gBACvE,OAAO,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,CAAC;aACnE","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteCheckboxComponent } from './checkbox.component';\nimport { GraniteCheckboxGroupComponent } from './checkbox-group.component';\n\n@NgModule({\n  declarations: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],\n  exports: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],\n})\nexport class GraniteCheckboxModule {}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./checkbox.component","name":"GraniteCheckboxComponent","line":5,"character":17},{"__symbolic":"reference","module":"./checkbox-group.component","name":"GraniteCheckboxGroupComponent","line":5,"character":43}],"exports":[{"__symbolic":"reference","module":"./checkbox.component","name":"GraniteCheckboxComponent","line":6,"character":12},{"__symbolic":"reference","module":"./checkbox-group.component","name":"GraniteCheckboxGroupComponent","line":6,"character":38}]}]}]}}}]

package/esm2015/lib/core/animation.js

@@ -1,34 +0,0 @@
-/**
- * Returns an ease-out CSS animation string with a slightly steeper curve
- * than usual.
- *
- * @param duration Duration in milliseconds
- * @param delay Delay in milliseconds
- */
-export function getEaseOutSteep(duration, delay) {
-    return (`${duration}ms ` +
-        (delay !== undefined ? ` ${delay}ms ` : '') +
-        'cubic-bezier(0, 0, 0.2, 1)');
-}
-/**
- * Returns an ease-out-back CSS animation string with a slightly steeper
- * curve than usual.
- *
- * @param duration Duration in milliseconds
- * @param delay Delay in milliseconds
- */
-export function getEaseOutSteepBack(duration, delay) {
-    return (`${duration}ms ` +
-        (delay !== undefined ? ` ${delay}ms ` : '') +
-        'cubic-bezier(.37,1.3,.77,1)');
-}
-/**
- * Returns a linear CSS animation string
- *
- * @param duration Duration in milliseconds
- * @param delay Delay in milliseconds
- */
-export function getEaseLinear(duration, delay) {
-    return (`${duration}ms ` + (delay !== undefined ? ` ${delay}ms ` : '') + 'linear');
-}
-//# sourceMappingURL=animation.js.map

package/esm2015/lib/core/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/animation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,QAAgB,EAAE,KAAc;IAC9D,OAAO,CACL,GAAG,QAAQ,KAAK;QAChB,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,4BAA4B,CAC7B,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CAAC,QAAgB,EAAE,KAAc;IAClE,OAAO,CACL,GAAG,QAAQ,KAAK;QAChB,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,6BAA6B,CAC9B,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,QAAgB,EAAE,KAAc;IAC5D,OAAO,CACL,GAAG,QAAQ,KAAK,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,CAC1E,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Returns an ease-out CSS animation string with a slightly steeper curve\n * than usual.\n *\n * @param duration Duration in milliseconds\n * @param delay Delay in milliseconds\n */\nexport function getEaseOutSteep(duration: number, delay?: number): string {\n  return (\n    `${duration}ms ` +\n    (delay !== undefined ? ` ${delay}ms ` : '') +\n    'cubic-bezier(0, 0, 0.2, 1)'\n  );\n}\n\n/**\n * Returns an ease-out-back CSS animation string with a slightly steeper\n * curve than usual.\n *\n * @param duration Duration in milliseconds\n * @param delay Delay in milliseconds\n */\nexport function getEaseOutSteepBack(duration: number, delay?: number): string {\n  return (\n    `${duration}ms ` +\n    (delay !== undefined ? ` ${delay}ms ` : '') +\n    'cubic-bezier(.37,1.3,.77,1)'\n  );\n}\n\n/**\n * Returns a linear CSS animation string\n *\n * @param duration Duration in milliseconds\n * @param delay Delay in milliseconds\n */\nexport function getEaseLinear(duration: number, delay?: number): string {\n  return (\n    `${duration}ms ` + (delay !== undefined ? ` ${delay}ms ` : '') + 'linear'\n  );\n}\n"]}

package/esm2015/lib/core/animation.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"getEaseOutSteep":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"duration"},"right":"ms "},"right":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"reference","name":"delay"},"right":{"__symbolic":"reference","name":"undefined"}},"thenExpression":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":" ","right":{"__symbolic":"reference","name":"delay"}},"right":"ms "},"elseExpression":""}},"right":"cubic-bezier(0, 0, 0.2, 1)"}},"getEaseOutSteepBack":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"duration"},"right":"ms "},"right":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"reference","name":"delay"},"right":{"__symbolic":"reference","name":"undefined"}},"thenExpression":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":" ","right":{"__symbolic":"reference","name":"delay"}},"right":"ms "},"elseExpression":""}},"right":"cubic-bezier(.37,1.3,.77,1)"}},"getEaseLinear":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"reference","name":"duration"},"right":"ms "},"right":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"reference","name":"delay"},"right":{"__symbolic":"reference","name":"undefined"}},"thenExpression":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":" ","right":{"__symbolic":"reference","name":"delay"}},"right":"ms "},"elseExpression":""}},"right":"linear"}}}}]

package/esm2015/lib/core/client-environment.js

@@ -1,20 +0,0 @@
-import { InjectionToken } from '@angular/core';
-/**
- * Injection token used to provide components knowledge of what device types
- * are being used for input.
- */
-export const GRANITE_CLIENT_INPUT = new InjectionToken('GRANITE_CLIENT_INPUT');
-/**
- * Injection token used to provide components knowledge of what device type
- * is being used for output.
- */
-export const GRANITE_CLIENT_OUTPUT = new InjectionToken('GRANITE_CLIENT_OUTPUT');
-export const deviceDesktop = {
-    input: { devices: ['mouse', 'keyboard'] },
-    output: { device: 'desktop' },
-};
-export const deviceTouch = {
-    input: { devices: ['touch', 'onscreen-keyboard'] },
-    output: { device: 'touch' },
-};
-//# sourceMappingURL=client-environment.js.map

package/esm2015/lib/core/client-environment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-environment.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/client-environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,cAAc,CACpD,sBAAsB,CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,cAAc,CACrD,uBAAuB,CACxB,CAAC;AA2BF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;IACzC,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA0B;IAChD,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAE;IAClD,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;CAC5B,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token used to provide components knowledge of what device types\n * are being used for input.\n */\nexport const GRANITE_CLIENT_INPUT = new InjectionToken<ClientInputInterface>(\n  'GRANITE_CLIENT_INPUT'\n);\n\n/**\n * Injection token used to provide components knowledge of what device type\n * is being used for output.\n */\nexport const GRANITE_CLIENT_OUTPUT = new InjectionToken<ClientOutputInterface>(\n  'GRANITE_CLIENT_OUTPUT'\n);\n\nexport type InputDeviceTypes =\n  | void\n  | 'touch'\n  | 'mouse'\n  | 'keyboard'\n  | 'onscreen-keyboard';\n\nexport type OutputDeviceTypes =\n  | void\n  | 'touch' // TODO: Change to 'touch-screen' for touch\n  | 'desktop'; // TODO: Change to 'screen' for desktop\n\nexport interface ClientInputInterface {\n  devices: InputDeviceTypes[];\n}\n\nexport interface ClientOutputInterface {\n  device: OutputDeviceTypes;\n}\n\ninterface DevicePrefabInterface {\n  input: ClientInputInterface;\n  output: ClientOutputInterface;\n}\n\nexport const deviceDesktop: DevicePrefabInterface = {\n  input: { devices: ['mouse', 'keyboard'] },\n  output: { device: 'desktop' },\n};\n\nexport const deviceTouch: DevicePrefabInterface = {\n  input: { devices: ['touch', 'onscreen-keyboard'] },\n  output: { device: 'touch' },\n};\n"]}

package/esm2015/lib/core/client-environment.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GRANITE_CLIENT_INPUT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":40},"arguments":["GRANITE_CLIENT_INPUT"]},"GRANITE_CLIENT_OUTPUT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":41},"arguments":["GRANITE_CLIENT_OUTPUT"]},"InputDeviceTypes":{"__symbolic":"interface"},"OutputDeviceTypes":{"__symbolic":"interface"},"ClientInputInterface":{"__symbolic":"interface"},"ClientOutputInterface":{"__symbolic":"interface"},"deviceDesktop":{"input":{"devices":["mouse","keyboard"]},"output":{"device":"desktop"}},"deviceTouch":{"input":{"devices":["touch","onscreen-keyboard"]},"output":{"device":"touch"}}}}]

package/esm2015/lib/core/common-behaviors/disabled.js

@@ -1,25 +0,0 @@
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Input, Directive } from '@angular/core';
-export const disabledMixin = (Base = class {
-}) => {
-    class Derived extends Base {
-        constructor() {
-            super(...arguments);
-            this.disabled = false;
-        }
-        ngOnChanges(changes) {
-            if (changes.disabled) {
-                this.disabled = coerceBooleanProperty(changes.disabled.currentValue);
-            }
-        }
-    }
-    Derived.decorators = [
-        { type: Directive }
-    ];
-    Derived.propDecorators = {
-        disabled: [{ type: Input }]
-    };
-    return Derived;
-};
-//# sourceMappingURL=disabled.js.map

package/esm2015/lib/core/common-behaviors/disabled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/common-behaviors/disabled.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAA4B,SAAS,EAAE,MAAM,eAAe,CAAC;AAI3E,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAU;CAAe,EACzB,EAAE;IACF,MAEM,OAAQ,SAAQ,IAAI;QAF1B;;YAIE,aAAQ,GAAY,KAAK,CAAC;QAO5B,CAAC;QALC,WAAW,CAAC,OAAsB;YAChC,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;aACtE;QACH,CAAC;;;gBAVF,SAAS;;;2BAGP,KAAK;;IAUR,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Input, OnChanges, SimpleChanges, Directive } from '@angular/core';\n\ntype Constructor<T> = new (...args: any[]) => T;\n\nexport const disabledMixin = <T extends Constructor<Record<string, unknown>>>(\n  Base: T = class {} as any\n) => {\n  @Directive()\n  // eslint-disable-next-line @angular-eslint/directive-class-suffix\n  class Derived extends Base implements OnChanges {\n    @Input()\n    disabled: boolean = false;\n\n    ngOnChanges(changes: SimpleChanges) {\n      if (changes.disabled) {\n        this.disabled = coerceBooleanProperty(changes.disabled.currentValue);\n      }\n    }\n  }\n\n  return Derived;\n};\n"]}

package/esm2015/lib/core/common-behaviors/disabled.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"disabledMixin":{"__symbolic":"error","message":"Lambda not supported","line":6,"character":29}}}]

package/esm2015/lib/core/core.module.js

@@ -1,25 +0,0 @@
-import { NgModule } from '@angular/core';
-import { ClientOutputDesktopDirective } from './devices/client-output-desktop.directive';
-import { ClientOutputTouchDirective } from './devices/client-output-touch.directive';
-import { ClientInputDesktopDirective } from './devices/client-input-desktop.directive';
-import { ClientInputTouchDirective } from './devices/client-input-touch.directive';
-// TODO: Move client devices into a separate module
-export class GraniteCoreModule {
-}
-GraniteCoreModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ClientOutputDesktopDirective,
-                    ClientOutputTouchDirective,
-                    ClientInputDesktopDirective,
-                    ClientInputTouchDirective,
-                ],
-                exports: [
-                    ClientOutputDesktopDirective,
-                    ClientOutputTouchDirective,
-                    ClientInputDesktopDirective,
-                    ClientInputTouchDirective,
-                ],
-            },] }
-];
-//# sourceMappingURL=core.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"core.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/core.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,mDAAmD;AAgBnD,MAAM,OAAO,iBAAiB;;;YAd7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;oBAC5B,0BAA0B;oBAC1B,2BAA2B;oBAC3B,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,4BAA4B;oBAC5B,0BAA0B;oBAC1B,2BAA2B;oBAC3B,yBAAyB;iBAC1B;aACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ClientOutputDesktopDirective } from './devices/client-output-desktop.directive';\nimport { ClientOutputTouchDirective } from './devices/client-output-touch.directive';\nimport { ClientInputDesktopDirective } from './devices/client-input-desktop.directive';\nimport { ClientInputTouchDirective } from './devices/client-input-touch.directive';\n\n// TODO: Move client devices into a separate module\n\n@NgModule({\n  declarations: [\n    ClientOutputDesktopDirective,\n    ClientOutputTouchDirective,\n    ClientInputDesktopDirective,\n    ClientInputTouchDirective,\n  ],\n  exports: [\n    ClientOutputDesktopDirective,\n    ClientOutputTouchDirective,\n    ClientInputDesktopDirective,\n    ClientInputTouchDirective,\n  ],\n})\nexport class GraniteCoreModule {}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./devices/client-output-desktop.directive","name":"ClientOutputDesktopDirective","line":10,"character":4},{"__symbolic":"reference","module":"./devices/client-output-touch.directive","name":"ClientOutputTouchDirective","line":11,"character":4},{"__symbolic":"reference","module":"./devices/client-input-desktop.directive","name":"ClientInputDesktopDirective","line":12,"character":4},{"__symbolic":"reference","module":"./devices/client-input-touch.directive","name":"ClientInputTouchDirective","line":13,"character":4}],"exports":[{"__symbolic":"reference","module":"./devices/client-output-desktop.directive","name":"ClientOutputDesktopDirective","line":16,"character":4},{"__symbolic":"reference","module":"./devices/client-output-touch.directive","name":"ClientOutputTouchDirective","line":17,"character":4},{"__symbolic":"reference","module":"./devices/client-input-desktop.directive","name":"ClientInputDesktopDirective","line":18,"character":4},{"__symbolic":"reference","module":"./devices/client-input-touch.directive","name":"ClientInputTouchDirective","line":19,"character":4}]}]}]}}}]

package/esm2015/lib/core/devices/client-input-desktop.directive.js

@@ -1,22 +0,0 @@
-import { Directive } from '@angular/core';
-import { deviceDesktop, GRANITE_CLIENT_INPUT } from '../client-environment';
-const ɵ0 = deviceDesktop.input;
-/**
- * Directive used to tell components and their sub components that client input
- * should be adapted for desktop devices, like personal computers.
- */
-export class ClientInputDesktopDirective {
-}
-ClientInputDesktopDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `[graniteClientInputDesktop]`,
-                providers: [
-                    {
-                        provide: GRANITE_CLIENT_INPUT,
-                        useValue: ɵ0,
-                    },
-                ],
-            },] }
-];
-export { ɵ0 };
-//# sourceMappingURL=client-input-desktop.directive.js.map

package/esm2015/lib/core/devices/client-input-desktop.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-input-desktop.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-input-desktop.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;WAW5D,aAAa,CAAC,KAAK;AATnC;;;GAGG;AAUH,MAAM,OAAO,2BAA2B;;;YATvC,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,oBAAoB;wBAC7B,QAAQ,IAAqB;qBAC9B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { deviceDesktop, GRANITE_CLIENT_INPUT } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client input\n * should be adapted for desktop devices, like personal computers.\n */\n@Directive({\n  selector: `[graniteClientInputDesktop]`,\n  providers: [\n    {\n      provide: GRANITE_CLIENT_INPUT,\n      useValue: deviceDesktop.input,\n    },\n  ],\n})\nexport class ClientInputDesktopDirective {}\n"]}

package/esm2015/lib/core/devices/client-input-desktop.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceDesktop","line":12,"character":16},"member":"input"},"ClientInputDesktopDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientInputDesktop]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_INPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]

package/esm2015/lib/core/devices/client-input-touch.directive.js

@@ -1,22 +0,0 @@
-import { Directive } from '@angular/core';
-import { deviceTouch, GRANITE_CLIENT_INPUT } from '../client-environment';
-const ɵ0 = deviceTouch.input;
-/**
- * Directive used to tell components and their sub components that client input
- * should be adapted for touch devices, like mobiles and tablets.
- */
-export class ClientInputTouchDirective {
-}
-ClientInputTouchDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `[graniteClientInputTouch]`,
-                providers: [
-                    {
-                        provide: GRANITE_CLIENT_INPUT,
-                        useValue: ɵ0,
-                    },
-                ],
-            },] }
-];
-export { ɵ0 };
-//# sourceMappingURL=client-input-touch.directive.js.map

package/esm2015/lib/core/devices/client-input-touch.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-input-touch.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-input-touch.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;WAW1D,WAAW,CAAC,KAAK;AATjC;;;GAGG;AAUH,MAAM,OAAO,yBAAyB;;;YATrC,SAAS,SAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,oBAAoB;wBAC7B,QAAQ,IAAmB;qBAC5B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { deviceTouch, GRANITE_CLIENT_INPUT } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client input\n * should be adapted for touch devices, like mobiles and tablets.\n */\n@Directive({\n  selector: `[graniteClientInputTouch]`,\n  providers: [\n    {\n      provide: GRANITE_CLIENT_INPUT,\n      useValue: deviceTouch.input,\n    },\n  ],\n})\nexport class ClientInputTouchDirective {}\n"]}

package/esm2015/lib/core/devices/client-input-touch.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceTouch","line":12,"character":16},"member":"input"},"ClientInputTouchDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientInputTouch]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_INPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]

package/esm2015/lib/core/devices/client-output-desktop.directive.js

@@ -1,22 +0,0 @@
-import { Directive } from '@angular/core';
-import { deviceDesktop, GRANITE_CLIENT_OUTPUT } from '../client-environment';
-const ɵ0 = deviceDesktop.output;
-/**
- * Directive used to tell components and their sub components that client output
- * should be adapted for desktop devices like personal computers.
- */
-export class ClientOutputDesktopDirective {
-}
-ClientOutputDesktopDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `[graniteClientOutputDesktop]`,
-                providers: [
-                    {
-                        provide: GRANITE_CLIENT_OUTPUT,
-                        useValue: ɵ0,
-                    },
-                ],
-            },] }
-];
-export { ɵ0 };
-//# sourceMappingURL=client-output-desktop.directive.js.map

package/esm2015/lib/core/devices/client-output-desktop.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-output-desktop.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-output-desktop.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;WAW7D,aAAa,CAAC,MAAM;AATpC;;;GAGG;AAUH,MAAM,OAAO,4BAA4B;;;YATxC,SAAS,SAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,qBAAqB;wBAC9B,QAAQ,IAAsB;qBAC/B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { deviceDesktop, GRANITE_CLIENT_OUTPUT } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client output\n * should be adapted for desktop devices like personal computers.\n */\n@Directive({\n  selector: `[graniteClientOutputDesktop]`,\n  providers: [\n    {\n      provide: GRANITE_CLIENT_OUTPUT,\n      useValue: deviceDesktop.output,\n    },\n  ],\n})\nexport class ClientOutputDesktopDirective {}\n"]}

package/esm2015/lib/core/devices/client-output-desktop.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceDesktop","line":12,"character":16},"member":"output"},"ClientOutputDesktopDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientOutputDesktop]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_OUTPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]

package/esm2015/lib/core/devices/client-output-touch.directive.js

@@ -1,22 +0,0 @@
-import { Directive } from '@angular/core';
-import { GRANITE_CLIENT_OUTPUT, deviceTouch } from '../client-environment';
-const ɵ0 = deviceTouch.output;
-/**
- * Directive used to tell components and their sub components that client output
- * should be adapted for touch devices like mobiles and tablets.
- */
-export class ClientOutputTouchDirective {
-}
-ClientOutputTouchDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `[graniteClientOutputTouch]`,
-                providers: [
-                    {
-                        provide: GRANITE_CLIENT_OUTPUT,
-                        useValue: ɵ0,
-                    },
-                ],
-            },] }
-];
-export { ɵ0 };
-//# sourceMappingURL=client-output-touch.directive.js.map

package/esm2015/lib/core/devices/client-output-touch.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-output-touch.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/devices/client-output-touch.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;WAW3D,WAAW,CAAC,MAAM;AATlC;;;GAGG;AAUH,MAAM,OAAO,0BAA0B;;;YATtC,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,qBAAqB;wBAC9B,QAAQ,IAAoB;qBAC7B;iBACF;aACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { GRANITE_CLIENT_OUTPUT, deviceTouch } from '../client-environment';\n\n/**\n * Directive used to tell components and their sub components that client output\n * should be adapted for touch devices like mobiles and tablets.\n */\n@Directive({\n  selector: `[graniteClientOutputTouch]`,\n  providers: [\n    {\n      provide: GRANITE_CLIENT_OUTPUT,\n      useValue: deviceTouch.output,\n    },\n  ],\n})\nexport class ClientOutputTouchDirective {}\n"]}

package/esm2015/lib/core/devices/client-output-touch.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../client-environment","name":"deviceTouch","line":12,"character":16},"member":"output"},"ClientOutputTouchDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[graniteClientOutputTouch]","providers":[{"provide":{"__symbolic":"reference","module":"../client-environment","name":"GRANITE_CLIENT_OUTPUT","line":11,"character":15},"useValue":{"__symbolic":"reference","name":"ɵ0"}}]}]}]}}}]

package/esm2015/lib/core/pipes/pure-pipes.module.js

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { GraniteTitlePipe } from './title.pipe';
-export class PurePipesModule {
-}
-PurePipesModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [GraniteTitlePipe],
-                declarations: [GraniteTitlePipe],
-            },] }
-];
-//# sourceMappingURL=pure-pipes.module.js.map

package/esm2015/lib/core/pipes/pure-pipes.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pure-pipes.module.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/pipes/pure-pipes.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,OAAO,eAAe;;;YAJ3B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;gBAC3B,YAAY,EAAE,CAAC,gBAAgB,CAAC;aACjC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteTitlePipe } from './title.pipe';\n\n@NgModule({\n  exports: [GraniteTitlePipe],\n  declarations: [GraniteTitlePipe],\n})\nexport class PurePipesModule {}\n"]}

package/esm2015/lib/core/pipes/pure-pipes.module.metadata.json

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

package/esm2015/lib/core/pipes/title.pipe.js

@@ -1,17 +0,0 @@
-import { Pipe } from '@angular/core';
-export class GraniteTitlePipe {
-    transform(value) {
-        const words = value.split(/(?=[A-Z ])/);
-        return words
-            .map((word) => word.trim())
-            .filter(Boolean)
-            .map((word) => word.charAt(0).toLocaleUpperCase() + word.slice(1))
-            .join(' ');
-    }
-}
-GraniteTitlePipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'graniteTitle',
-            },] }
-];
-//# sourceMappingURL=title.pipe.js.map

package/esm2015/lib/core/pipes/title.pipe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"title.pipe.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/core/pipes/title.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;AAKpD,MAAM,OAAO,gBAAgB;IAC3B,SAAS,CAAC,KAAa;QACrB,MAAM,KAAK,GAAa,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAClD,OAAO,KAAK;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;aAC1B,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;aACjE,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;;;YAXF,IAAI,SAAC;gBACJ,IAAI,EAAE,cAAc;aACrB","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'graniteTitle',\n})\nexport class GraniteTitlePipe implements PipeTransform {\n  transform(value: string): string {\n    const words: string[] = value.split(/(?=[A-Z ])/);\n    return words\n      .map((word) => word.trim())\n      .filter(Boolean)\n      .map((word) => word.charAt(0).toLocaleUpperCase() + word.slice(1))\n      .join(' ');\n  }\n}\n"]}

package/esm2015/lib/core/pipes/title.pipe.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteTitlePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"graniteTitle"}]}],"members":{"transform":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/core/radio-checkbox-base.js

@@ -1,15 +0,0 @@
-import { Directive, Input } from '@angular/core';
-export class GraniteRadioCheckboxBase {
-    constructor() {
-        this.layout = 'horizontal';
-        this.ariaLabelledby = null;
-    }
-}
-GraniteRadioCheckboxBase.decorators = [
-    { type: Directive }
-];
-GraniteRadioCheckboxBase.propDecorators = {
-    layout: [{ type: Input }],
-    ariaLabelledby: [{ type: Input, args: ['aria-labelledby',] }]
-};
-//# sourceMappingURL=radio-checkbox-base.js.map

package/esm2015/lib/core/radio-checkbox-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-checkbox-base.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/radio-checkbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIjD,MAAM,OAAgB,wBAAwB;IAD9C;QAGE,WAAM,GAAW,YAAY,CAAC;QAG9B,mBAAc,GAAkB,IAAI,CAAC;IACvC,CAAC;;;YAPA,SAAS;;;qBAEP,KAAK;6BAGL,KAAK,SAAC,iBAAiB","sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { Layout } from './types';\n\n@Directive()\nexport abstract class GraniteRadioCheckboxBase {\n  @Input()\n  layout: Layout = 'horizontal';\n\n  @Input('aria-labelledby')\n  ariaLabelledby: string | null = null;\n}\n"]}

package/esm2015/lib/core/radio-checkbox-base.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteRadioCheckboxBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1}}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["aria-labelledby"]}]}]}}}}]

package/esm2015/lib/core/theme.library.js

@@ -1,59 +0,0 @@
-export const TOKEN_PREFIX = 'granite-';
-export const TOKEN_PREFIX_OLD = 'fnd-'; // TODO: Remove this when all tokens have 'granite-' as the prefix
-/**
- * Get the theme that corresponds to a given ID
- */
-export function getThemeById(themes, id) {
-    const theme = id !== undefined ? themes.find((t) => t.id === id) : undefined;
-    return theme;
-}
-/**
- * Apply a theme to a DOM element by iterating though all tokens,
- * setting a CSS variable for each one.
- *
- * @param theme Theme to set
- * @param element Target element
- */
-export function applyTheme(theme, element) {
-    applyTokens(theme.tokens, element);
-}
-/**
- * Set a CSS variable for each token on the specified element.
- *
- * @param theme Theme to set
- * @param element Target element
- */
-export function applyTokens(tokens, element) {
-    for (const token of Object.keys(tokens)) {
-        element.style.setProperty(token, tokens[token]);
-    }
-}
-/**
- * Remove theme token CSS variables from an element using the specified keys
- *
- * @param theme Theme with tokens to clear
- * @param element Target element
- */
-export function clearTheme(theme, element) {
-    clearTokens(Object.keys(theme.tokens), element);
-}
-/**
- * Remove token CSS variables from an element using the specified keys.
- *
- * @param keys Token keys
- * @param element Target element
- */
-export function clearTokens(keys, element) {
-    for (const token of keys) {
-        element.style.removeProperty(token);
-    }
-}
-export function isValidToken(key) {
-    return (key && (key.startsWith(TOKEN_PREFIX) || key.startsWith(TOKEN_PREFIX_OLD)));
-}
-export function setPropertyValue(name, value, element) {
-    if (element && element.style && value != null) {
-        element.style.setProperty(name, isValidToken(value) ? `var(--${value})` : value);
-    }
-}
-//# sourceMappingURL=theme.library.js.map