@ifsworld/granite-components 4.4.0 → 5.0.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.library.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/theme.library.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,kEAAkE;AAE1G;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,MAAe,EAAE,EAAU;IACtD,MAAM,KAAK,GACT,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,OAAoB;IAC3D,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,OAAoB;IAC9D,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;KACjD;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,OAAoB;IAC3D,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,IAAc,EAAE,OAAoB;IAC9D,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE;QACxB,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;KACrC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,CACL,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAC1E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,IAAY,EACZ,KAAa,EACb,OAAoB;IAEpB,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE;QAC7C,OAAO,CAAC,KAAK,CAAC,WAAW,CACvB,IAAI,EACJ,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAChD,CAAC;KACH;AACH,CAAC","sourcesContent":["import { Theme, Tokens } from '@ifsworld/granite-tokens';\n\nexport const TOKEN_PREFIX = 'granite-';\nexport const TOKEN_PREFIX_OLD = 'fnd-'; // TODO: Remove this when all tokens have 'granite-' as the prefix\n\n/**\n * Get the theme that corresponds to a given ID\n */\nexport function getThemeById(themes: Theme[], id: string): Theme | undefined {\n  const theme: Theme | undefined =\n    id !== undefined ? themes.find((t) => t.id === id) : undefined;\n\n  return theme;\n}\n\n/**\n * Apply a theme to a DOM element by iterating though all tokens,\n * setting a CSS variable for each one.\n *\n * @param theme Theme to set\n * @param element Target element\n */\nexport function applyTheme(theme: Theme, element: HTMLElement): void {\n  applyTokens(theme.tokens, element);\n}\n\n/**\n * Set a CSS variable for each token on the specified element.\n *\n * @param theme Theme to set\n * @param element Target element\n */\nexport function applyTokens(tokens: Tokens, element: HTMLElement): void {\n  for (const token of Object.keys(tokens)) {\n    element.style.setProperty(token, tokens[token]);\n  }\n}\n\n/**\n * Remove theme token CSS variables from an element using the specified keys\n *\n * @param theme Theme with tokens to clear\n * @param element Target element\n */\nexport function clearTheme(theme: Theme, element: HTMLElement): void {\n  clearTokens(Object.keys(theme.tokens), element);\n}\n\n/**\n * Remove token CSS variables from an element using the specified keys.\n *\n * @param keys Token keys\n * @param element Target element\n */\nexport function clearTokens(keys: string[], element: HTMLElement): void {\n  for (const token of keys) {\n    element.style.removeProperty(token);\n  }\n}\n\nexport function isValidToken(key: string): boolean {\n  return (\n    key && (key.startsWith(TOKEN_PREFIX) || key.startsWith(TOKEN_PREFIX_OLD))\n  );\n}\n\nexport function setPropertyValue(\n  name: string,\n  value: string,\n  element: HTMLElement\n): void {\n  if (element && element.style && value != null) {\n    element.style.setProperty(\n      name,\n      isValidToken(value) ? `var(--${value})` : value\n    );\n  }\n}\n"]}

package/esm2015/lib/core/theme.library.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TOKEN_PREFIX":"granite-","TOKEN_PREFIX_OLD":"fnd-","getThemeById":{"__symbolic":"function"},"applyTheme":{"__symbolic":"function"},"applyTokens":{"__symbolic":"function"},"clearTheme":{"__symbolic":"function"},"clearTokens":{"__symbolic":"function"},"isValidToken":{"__symbolic":"function","parameters":["key"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"reference","name":"key"},"right":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"key"},"member":"startsWith"},"arguments":["granite-"]},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"key"},"member":"startsWith"},"arguments":["fnd-"]}}}},"setPropertyValue":{"__symbolic":"function"}}}]

package/esm2015/lib/core/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/core/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Position = 'before' | 'after';\nexport type Layout = 'horizontal' | 'vertical';\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"Position":{"__symbolic":"interface"},"Layout":{"__symbolic":"interface"}}}]

package/esm2015/lib/grid/grid.component.js

@@ -1,131 +0,0 @@
-import { ChangeDetectionStrategy, Component, ElementRef, Input, Renderer2, } from '@angular/core';
-import { coerceNumberProperty } from '@angular/cdk/coercion';
-/**
- * Grid item component
- *
- * Merely a wrapper for CSS Grid items, accepting item style as input parameters.
- */
-export class GraniteGridItemComponent {
-    constructor(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-    }
-    ngOnChanges() {
-        this.updateStyles();
-    }
-    /**
-     * Update element styles
-     */
-    updateStyles() {
-        this.setStyle('gridColumnStart', this.columnStart);
-        this.setStyle('gridColumnEnd', this.columnEnd);
-        this.setStyle('gridRowStart', this.rowStart);
-        this.setStyle('gridRowEnd', this.rowEnd);
-    }
-    /**
-     * Sets the element style. Needs to be set manually to avoid "Changed after
-     * checked" errors that would occur with HostBinding.
-     */
-    setStyle(property, value) {
-        this.renderer.setStyle(this.element.nativeElement, property, value || '');
-    }
-}
-GraniteGridItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-grid-item',
-                template: '<ng-content></ng-content>',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-GraniteGridItemComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-GraniteGridItemComponent.propDecorators = {
-    columnStart: [{ type: Input }],
-    columnEnd: [{ type: Input }],
-    rowStart: [{ type: Input }],
-    rowEnd: [{ type: Input }]
-};
-/**
- * Grid
- *
- * A wrapper around a native CSS Grid. Anything can be used for grid items, but
- * `GridItemComponent` is recommended for common cases.
- */
-export class GraniteGridComponent {
-    constructor(element) {
-        this.element = element;
-    }
-    /**
-     * Number of grid columns, unless set via styling (grid-template-columns)
-     *
-     * Setting this value will produce equally sized columns
-     */
-    set cols(value) {
-        this._cols = Math.max(1, Math.round(coerceNumberProperty(value)));
-    }
-    get cols() {
-        return this._cols;
-    }
-    /**
-     * Number of grid rows, unless set via styling (grid-template-rows)
-     *
-     * Setting this value will produce equally sized rows
-     */
-    set rows(value) {
-        this._rows = Math.max(1, Math.round(coerceNumberProperty(value)));
-    }
-    get rows() {
-        return this._rows;
-    }
-    ngAfterContentInit() {
-        this.updateStyles();
-    }
-    ngOnChanges(changes) {
-        if ((changes.cols && !changes.cols.isFirstChange()) ||
-            (changes.rows && !changes.rows.isFirstChange())) {
-            this.updateStyles();
-        }
-    }
-    /** Update element styles */
-    updateStyles() {
-        this.updateColumnStyles();
-        this.updateRowStyles();
-    }
-    /**
-     * Set CSS variable value or remove it if a null value is given.
-     * Would of course rather have used property binding but that is not
-     * supported until (perhaps) Angular 9.
-     * See: https://github.com/angular/angular/issues/9343
-     *
-     * TODO: Replace with property binding with Angular 9 upgrade
-     */
-    setCssProperty(variable, value) {
-        this.element.nativeElement.style.setProperty(variable, value);
-    }
-    /** Update grid column template style  */
-    updateColumnStyles() {
-        this.setCssProperty('--cols', (this._cols && this._cols.toString()) || null);
-    }
-    /** Update grid row template style  */
-    updateRowStyles() {
-        this.setCssProperty('--rows', (this._rows && this._rows.toString()) || null);
-    }
-}
-GraniteGridComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-grid',
-                template: '<ng-content></ng-content>',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{--cols:1;--rows:1;display:grid;grid-template-columns:repeat(var(--cols,1),1fr);grid-template-rows:repeat(var(--rows,1),1fr)}"]
-            },] }
-];
-GraniteGridComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-GraniteGridComponent.propDecorators = {
-    cols: [{ type: Input }],
-    rows: [{ type: Input }]
-};
-//# sourceMappingURL=grid.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/grid/grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,KAAK,EAEL,SAAS,GAEV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;;;GAIG;AAMH,MAAM,OAAO,wBAAwB;IAanC,YACU,OAAgC,EAChC,QAAmB;QADnB,YAAO,GAAP,OAAO,CAAyB;QAChC,aAAQ,GAAR,QAAQ,CAAW;IAC1B,CAAC;IAEJ,WAAW;QACT,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,YAAY;QACV,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED;;;OAGG;IACK,QAAQ,CAAC,QAAgB,EAAE,KAAU;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;;;YA3CF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE,2BAA2B;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;YAlBC,UAAU;YAGV,SAAS;;;0BAiBR,KAAK;wBAGL,KAAK;uBAGL,KAAK;qBAGL,KAAK;;AA+BR;;;;;GAKG;AAOH,MAAM,OAAO,oBAAoB;IAmC/B,YAAoB,OAAgC;QAAhC,YAAO,GAAP,OAAO,CAAyB;IAAG,CAAC;IAlCxD;;;;OAIG;IACH,IACI,IAAI,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAKD;;;;OAIG;IACH,IACI,IAAI,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAOD,kBAAkB;QAChB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IACE,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC/C,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EAC/C;YACA,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAED,4BAA4B;IAC5B,YAAY;QACV,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;;;;;;OAOG;IACO,cAAc,CAAC,QAAgB,EAAE,KAAoB;QAC7D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,yCAAyC;IAC/B,kBAAkB;QAC1B,IAAI,CAAC,cAAc,CACjB,QAAQ,EACR,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,IAAI,CAC9C,CAAC;IACJ,CAAC;IAED,sCAAsC;IAC5B,eAAe;QACvB,IAAI,CAAC,cAAc,CACjB,QAAQ,EACR,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,IAAI,CAC9C,CAAC;IACJ,CAAC;;;YAxFF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,QAAQ,EAAE,2BAA2B;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAvEC,UAAU;;;mBA8ET,KAAK;mBAiBL,KAAK","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\n\n/**\n * Grid item component\n *\n * Merely a wrapper for CSS Grid items, accepting item style as input parameters.\n */\n@Component({\n  selector: 'granite-grid-item',\n  template: '<ng-content></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteGridItemComponent implements OnChanges {\n  @Input()\n  columnStart: number;\n\n  @Input()\n  columnEnd: number;\n\n  @Input()\n  rowStart: number;\n\n  @Input()\n  rowEnd: number;\n\n  constructor(\n    private element: ElementRef<HTMLElement>,\n    private renderer: Renderer2\n  ) {}\n\n  ngOnChanges(): void {\n    this.updateStyles();\n  }\n\n  /**\n   * Update element styles\n   */\n  updateStyles(): void {\n    this.setStyle('gridColumnStart', this.columnStart);\n    this.setStyle('gridColumnEnd', this.columnEnd);\n    this.setStyle('gridRowStart', this.rowStart);\n    this.setStyle('gridRowEnd', this.rowEnd);\n  }\n\n  /**\n   * Sets the element style. Needs to be set manually to avoid \"Changed after\n   * checked\" errors that would occur with HostBinding.\n   */\n  private setStyle(property: string, value: any): void {\n    this.renderer.setStyle(this.element.nativeElement, property, value || '');\n  }\n}\n\n/**\n * Grid\n *\n * A wrapper around a native CSS Grid. Anything can be used for grid items, but\n * `GridItemComponent` is recommended for common cases.\n */\n@Component({\n  selector: 'granite-grid',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['grid.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteGridComponent implements AfterContentInit, OnChanges {\n  /**\n   * Number of grid columns, unless set via styling (grid-template-columns)\n   *\n   * Setting this value will produce equally sized columns\n   */\n  @Input()\n  set cols(value: number) {\n    this._cols = Math.max(1, Math.round(coerceNumberProperty(value)));\n  }\n\n  get cols(): number {\n    return this._cols;\n  }\n\n  /** Number of columns to render */\n  protected _cols: number;\n\n  /**\n   * Number of grid rows, unless set via styling (grid-template-rows)\n   *\n   * Setting this value will produce equally sized rows\n   */\n  @Input()\n  set rows(value: number) {\n    this._rows = Math.max(1, Math.round(coerceNumberProperty(value)));\n  }\n\n  get rows(): number {\n    return this._rows;\n  }\n\n  /** Number of rows to render */\n  protected _rows: number;\n\n  constructor(private element: ElementRef<HTMLElement>) {}\n\n  ngAfterContentInit(): void {\n    this.updateStyles();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      (changes.cols && !changes.cols.isFirstChange()) ||\n      (changes.rows && !changes.rows.isFirstChange())\n    ) {\n      this.updateStyles();\n    }\n  }\n\n  /** Update element styles */\n  updateStyles(): void {\n    this.updateColumnStyles();\n    this.updateRowStyles();\n  }\n\n  /**\n   * Set CSS variable value or remove it if a null value is given.\n   * Would of course rather have used property binding but that is not\n   * supported until (perhaps) Angular 9.\n   * See: https://github.com/angular/angular/issues/9343\n   *\n   * TODO: Replace with property binding with Angular 9 upgrade\n   */\n  protected setCssProperty(variable: string, value: string | null): void {\n    this.element.nativeElement.style.setProperty(variable, value);\n  }\n\n  /** Update grid column template style  */\n  protected updateColumnStyles(): void {\n    this.setCssProperty(\n      '--cols',\n      (this._cols && this._cols.toString()) || null\n    );\n  }\n\n  /** Update grid row template style  */\n  protected updateRowStyles(): void {\n    this.setCssProperty(\n      '--rows',\n      (this._rows && this._rows.toString()) || null\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteGridItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"granite-grid-item","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":19},"member":"OnPush"}}]}],"members":{"columnStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"columnEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"rowStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"rowEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":21,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":111,"character":42,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":38,"character":22}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}]}},"GraniteGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":70,"character":1},"arguments":[{"selector":"granite-grid","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":74,"character":19},"member":"OnPush"},"styles":[":host{--cols:1;--rows:1;display:grid;grid-template-columns:repeat(var(--cols,1),1fr);grid-template-rows:repeat(var(--rows,1),1fr)}"]}]}],"members":{"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":21,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":111,"character":42,"context":{"typeName":"HTMLElement"}}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"setCssProperty":[{"__symbolic":"method"}],"updateColumnStyles":[{"__symbolic":"method"}],"updateRowStyles":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/grid/grid.module.js

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { GraniteGridComponent, GraniteGridItemComponent, } from './grid.component';
-export class GraniteGridModule {
-}
-GraniteGridModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [GraniteGridComponent, GraniteGridItemComponent],
-                imports: [CommonModule],
-                exports: [GraniteGridComponent, GraniteGridItemComponent],
-            },] }
-];
-//# sourceMappingURL=grid.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/grid/grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,OAAO,iBAAiB;;;YAL7B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;gBAC9D,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;aAC1D","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport {\n  GraniteGridComponent,\n  GraniteGridItemComponent,\n} from './grid.component';\n\n@NgModule({\n  declarations: [GraniteGridComponent, GraniteGridItemComponent],\n  imports: [CommonModule],\n  exports: [GraniteGridComponent, GraniteGridItemComponent],\n})\nexport class GraniteGridModule {}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridComponent","line":9,"character":17},{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridItemComponent","line":9,"character":39}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"exports":[{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridComponent","line":11,"character":12},{"__symbolic":"reference","module":"./grid.component","name":"GraniteGridItemComponent","line":11,"character":34}]}]}]}}}]

package/esm2015/lib/icon/icon.component.js

@@ -1,48 +0,0 @@
-import { Attribute, ChangeDetectionStrategy, Component, ElementRef, Input, Renderer2, } from '@angular/core';
-export class GraniteIconComponent {
-    constructor(_elementRef, renderer, ariaHidden) {
-        this._elementRef = _elementRef;
-        this.renderer = renderer;
-        // aria-hidden will be set to true by default, unless it's overridden by the developer
-        if (!ariaHidden) {
-            this.renderer.setAttribute(_elementRef.nativeElement, 'aria-hidden', 'true');
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes.fontIcon) {
-            this._updateFontIcon();
-        }
-    }
-    _updateFontIcon() {
-        if (this.fontIcon !== this._previousFontIconClass) {
-            if (this._previousFontIconClass) {
-                this.renderer.removeClass(this._elementRef.nativeElement, this._previousFontIconClass);
-            }
-            if (this.fontIcon) {
-                this.renderer.addClass(this._elementRef.nativeElement, this.fontIcon);
-            }
-            this._previousFontIconClass = this.fontIcon;
-        }
-    }
-}
-GraniteIconComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-icon',
-                template: '<ng-content></ng-content>',
-                host: {
-                    role: 'img',
-                    class: 'granite-icon',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-xs) / 2);font-size:1em;line-height:1em;position:relative;top:.1em}"]
-            },] }
-];
-GraniteIconComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: String, decorators: [{ type: Attribute, args: ['aria-hidden',] }] }
-];
-GraniteIconComponent.propDecorators = {
-    fontIcon: [{ type: Input }]
-};
-//# sourceMappingURL=icon.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/icon/icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,KAAK,EAEL,SAAS,GAEV,MAAM,eAAe,CAAC;AAYvB,MAAM,OAAO,oBAAoB;IAM/B,YACS,WAAuB,EACtB,QAAmB,EACD,UAAkB;QAFrC,gBAAW,GAAX,WAAW,CAAY;QACtB,aAAQ,GAAR,QAAQ,CAAW;QAG3B,sFAAsF;QACtF,IAAI,CAAC,UAAU,EAAE;YACf,IAAI,CAAC,QAAQ,CAAC,YAAY,CACxB,WAAW,CAAC,aAAa,EACzB,aAAa,EACb,MAAM,CACP,CAAC;SACH;IACH,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,sBAAsB,EAAE;YACjD,IAAI,IAAI,CAAC,sBAAsB,EAAE;gBAC/B,IAAI,CAAC,QAAQ,CAAC,WAAW,CACvB,IAAI,CAAC,WAAW,CAAC,aAAa,EAC9B,IAAI,CAAC,sBAAsB,CAC5B,CAAC;aACH;YACD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;aACvE;YACD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC7C;IACH,CAAC;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,QAAQ,EAAE,2BAA2B;gBAErC,IAAI,EAAE;oBACJ,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,cAAc;iBACtB;gBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAhBC,UAAU;YAGV,SAAS;yCAuBN,SAAS,SAAC,aAAa;;;uBARzB,KAAK","sourcesContent":["import {\n  Attribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\n\n@Component({\n  selector: 'granite-icon',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./icon.component.scss'],\n  host: {\n    role: 'img',\n    class: 'granite-icon',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteIconComponent implements OnChanges {\n  @Input()\n  fontIcon: string;\n\n  private _previousFontIconClass: string;\n\n  constructor(\n    public _elementRef: ElementRef,\n    private renderer: Renderer2,\n    @Attribute('aria-hidden') ariaHidden: string\n  ) {\n    // aria-hidden will be set to true by default, unless it's overridden by the developer\n    if (!ariaHidden) {\n      this.renderer.setAttribute(\n        _elementRef.nativeElement,\n        'aria-hidden',\n        'true'\n      );\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.fontIcon) {\n      this._updateFontIcon();\n    }\n  }\n\n  private _updateFontIcon(): void {\n    if (this.fontIcon !== this._previousFontIconClass) {\n      if (this._previousFontIconClass) {\n        this.renderer.removeClass(\n          this._elementRef.nativeElement,\n          this._previousFontIconClass\n        );\n      }\n      if (this.fontIcon) {\n        this.renderer.addClass(this._elementRef.nativeElement, this.fontIcon);\n      }\n      this._previousFontIconClass = this.fontIcon;\n    }\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"granite-icon","template":"<ng-content></ng-content>","host":{"role":"img","class":"granite-icon"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"styles":[":host.granite-icon{background-repeat:no-repeat;display:inline-block;padding:0 calc(var(--granite-spacing-xs) / 2);font-size:1em;line-height:1em;position:relative;top:.1em}"]}]}],"members":{"fontIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":30,"character":5},"arguments":["aria-hidden"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":22},{"__symbolic":"reference","name":"string"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_updateFontIcon":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/icon/icon.module.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/icon/icon.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAMxD,MAAM,OAAO,iBAAiB;;;YAJ7B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;gBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;aAChC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteIconComponent } from './icon.component';\n\n@NgModule({\n  declarations: [GraniteIconComponent],\n  exports: [GraniteIconComponent],\n})\nexport class GraniteIconModule {}\n"]}

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

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

package/esm2015/lib/input-field/input-field.component.js

@@ -1,144 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
-const GRANITE_INPUT_INCLUDES = ['text', 'number', 'password', 'textarea'];
-export class GraniteInputFieldComponent {
-    constructor(_focusMonitor) {
-        this._focusMonitor = _focusMonitor;
-        this.id = null;
-        this.name = null;
-        this.type = 'text';
-        this.value = '';
-        this.required = false;
-        this.readonly = false;
-        this.invalid = false;
-        this.disabled = false;
-        this.placeholder = '';
-        this.maxlength = 255;
-        this.countcharacters = false;
-        this.ariaLabel = null;
-        this.ariaLabelledby = null;
-        this.valueChange = new EventEmitter();
-        this._supported = true;
-        this._empty = false;
-        this._passwordFieldIcon = 'view';
-        this._passwordField = false;
-        this._currentCharCount = 0;
-        this._passwordToggled = false;
-    }
-    ngOnInit() {
-        this._validateType();
-        this._passwordField = this.type == 'password';
-        this._empty = this.value == null || this.value === '';
-    }
-    ngOnChanges(changes) {
-        if (changes.required) {
-            this.required = coerceBooleanProperty(changes.required.currentValue);
-        }
-        if (changes.readonly) {
-            this.readonly = coerceBooleanProperty(changes.readonly.currentValue);
-        }
-        if (changes.invalid) {
-            this.invalid = coerceBooleanProperty(changes.invalid.currentValue);
-        }
-        if (changes.disabled) {
-            this.disabled = coerceBooleanProperty(changes.disabled.currentValue);
-        }
-        if (changes.countcharacters) {
-            this.countcharacters = coerceBooleanProperty(changes.countcharacters.currentValue);
-        }
-        if (changes.value) {
-            this._empty = this.value == null || this.value === '';
-        }
-        if (changes.type) {
-            this._validateType();
-        }
-    }
-    focus(origin = 'program', options) {
-        if (this.type === 'text') {
-            this._focusMonitor.focusVia(this._getInputElement(), origin, options);
-        }
-        else if (this.type === 'textarea') {
-            this._focusMonitor.focusVia(this._getTextareaElement(), origin, options);
-        }
-    }
-    _togglePassword() {
-        if (this._passwordToggled) {
-            this._passwordToggled = false;
-            this.type = 'password';
-            this._passwordFieldIcon = 'view';
-        }
-        else {
-            this._passwordToggled = true;
-            this.type = 'text';
-            this._passwordFieldIcon = 'view-disabled';
-        }
-    }
-    _onKeyUp(event) {
-        const inputEvent = event.target;
-        this._applyCharacterCount(inputEvent.value);
-        this._empty = inputEvent.value == null || inputEvent.value === '';
-        this.valueChange.emit(inputEvent.value);
-    }
-    _onInput(event) {
-        const inputEvent = event.target;
-        this._empty = inputEvent.value == null || inputEvent.value === '';
-        this.valueChange.emit(inputEvent.value);
-    }
-    _validateType() {
-        if (GRANITE_INPUT_INCLUDES.indexOf(this.type) < 0) {
-            this._supported = false;
-            throw Error(`Input type "${this.type}" isn't supported by graniteInputField.`);
-        }
-    }
-    _applyCharacterCount(inputString) {
-        if (this.countcharacters) {
-            this._currentCharCount = inputString.length;
-            if (this._currentCharCount > this.maxlength) {
-                inputString = inputString.slice(0, this.maxlength);
-                this._currentCharCount = this.maxlength;
-            }
-        }
-    }
-    _getInputElement() {
-        return this._inputElement.nativeElement;
-    }
-    _getTextareaElement() {
-        return this._textareaElement.nativeElement;
-    }
-}
-GraniteInputFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'granite-input-field',
-                exportAs: 'graniteInputField',
-                template: "<div\n  *ngIf=\"_supported\"\n  class=\"granite-input-container\"\n  [class.granite-input-disabled]=\"disabled\"\n  [class.granite-input-readonly]=\"readonly\"\n  [class.granite-input-disabled]=\"disabled\"\n  [class.granite-input-readonly]=\"readonly\"\n>\n  <div\n    class=\"granite-input-top-row\"\n    [class.granite-input-required]=\"required\"\n    [class.granite-input-empty]=\"_empty\"\n    [class.granite-input-disabled]=\"disabled\"\n    [class.granite-input-readonly]=\"readonly\"\n  >\n    <div\n      *ngIf=\"prefixicon\"\n      class=\"granite-input-prepend\"\n      [class.granite-input-required]=\"required\"\n      [class.granite-input-empty]=\"_empty\"\n    >\n      <granite-icon class=\"granite-input-prepend-icon\">\n        {{ prefixicon }}\n      </granite-icon>\n    </div>\n\n    <ng-container\n      *ngIf=\"type != 'textarea'; then inputElement; else textareaElement\"\n    ></ng-container>\n\n    <ng-template #inputElement>\n      <input\n        #input\n        [id]=\"id\"\n        class=\"granite-input-base\"\n        [class.granite-input-invalid]=\"invalid\"\n        [class.granite-input-empty]=\"_empty\"\n        [name]=\"name\"\n        [attr.type]=\"type\"\n        [required]=\"required\"\n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [attr.maxlength]=\"maxlength\"\n        [value]=\"value\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-invalid]=\"invalid\"\n        (keyup)=\"_onKeyUp($event)\"\n        (input)=\"_onInput($event)\"\n      />\n    </ng-template>\n\n    <button\n      *ngIf=\"_passwordField\"\n      class=\"granite-input-append\"\n      [class.granite-input-required]=\"required\"\n      [class.granite-input-empty]=\"_empty\"\n      (click)=\"_togglePassword()\"\n    >\n      <granite-icon class=\"granite-input-password-toggle-icon\">\n        {{ _passwordFieldIcon }}\n      </granite-icon>\n    </button>\n\n    <ng-template #textareaElement>\n      <textarea\n        #textarea\n        [id]=\"id\"\n        class=\"granite-input-base granite-text-area\"\n        [class.granite-input-invalid]=\"invalid\"\n        [class.granite-input-empty]=\"_empty\"\n        rows=\"1\"\n        [name]=\"name\"\n        [attr.type]=\"type\"\n        [required]=\"required\"\n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [attr.maxlength]=\"maxlength\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-required]=\"required\"\n        [attr.aria-invalid]=\"invalid\"\n        (keyup)=\"_onKeyUp($event)\"\n        (input)=\"_onInput($event)\"\n      ></textarea>\n    </ng-template>\n\n    <div\n      class=\"granite-input-hover-bar\"\n      [class.granite-input-invalid]=\"invalid\"\n      [class.granite-input-empty]=\"_empty\"\n    ></div>\n  </div>\n\n  <div *ngIf=\"countcharacters\" class=\"granite-input-bottom-row\">\n    <div class=\"granite-input-char-count\">\n      {{ _currentCharCount }}/{{ maxlength }}\n    </div>\n  </div>\n</div>\n",
-                host: {
-                    class: 'granite-input-field',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{transition:all .2s ease-out;width:14.5rem;box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-input-container{width:inherit;font-size:var(--granite-font-size-body-small)}.granite-input-container .granite-input-top-row{display:inline-flex;width:inherit;position:relative;background:var(--granite-color-background)}.granite-input-container .granite-input-top-row:hover .granite-input-hover-bar{height:.125rem}.granite-input-container .granite-input-top-row:hover .granite-input-hover-bar.granite-input-invalid.granite-input-empty{background-color:var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-text-area{min-width:14.5rem;min-height:2rem}.granite-input-container .granite-input-top-row.granite-input-disabled,.granite-input-container .granite-input-top-row.granite-input-readonly{background-color:transparent;box-shadow:none}.granite-input-container .granite-input-top-row.granite-input-disabled .granite-input-hover-bar,.granite-input-container .granite-input-top-row.granite-input-readonly .granite-input-hover-bar{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background-color:var(--granite-color-background-input);padding:var(--granite-spacing-s);width:inherit;color:var(--granite-color-text);font:inherit;font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular)}.granite-input-container .granite-input-top-row .granite-input-base:required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-top-row .granite-input-base:required::-moz-placeholder{color:var(--granite-color-text-weak)}.granite-input-container .granite-input-top-row .granite-input-base:required::placeholder{color:var(--granite-color-text-weak)}.granite-input-container .granite-input-top-row .granite-input-base:-moz-read-only{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:read-only{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:disabled{opacity:.3}.granite-input-container .granite-input-top-row .granite-input-base::-moz-placeholder{color:var(--granite-color-text-hint)}.granite-input-container .granite-input-top-row .granite-input-base::placeholder{color:var(--granite-color-text-hint)}.granite-input-container .granite-input-top-row .granite-input-base:hover::-moz-placeholder{color:var(--granite-color-text)}.granite-input-container .granite-input-top-row .granite-input-base:hover::placeholder{color:var(--granite-color-text)}.granite-input-container .granite-input-top-row .granite-input-base:focus{box-shadow:inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus),inset 0 -.125rem var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-input-base:focus.granite-input-invalid{box-shadow:inset 0 -.125rem var(--granite-color-signal-failure),inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-input-base:focus::-moz-placeholder{color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:focus::placeholder{color:transparent}.granite-input-container .granite-input-top-row .granite-input-hover-bar{height:.0625rem;background-color:var(--granite-color-border-hard);position:absolute;width:inherit;bottom:0}.granite-input-container .granite-input-top-row .granite-input-hover-bar.granite-input-invalid{background-color:var(--granite-color-signal-failure)}.granite-input-container .granite-input-top-row:focus-within .granite-input-hover-bar{background-color:transparent}.granite-input-container .granite-input-prepend{display:flex;align-items:center;padding:0 var(--granite-spacing-s);background:var(--granite-color-background-input)}.granite-input-container .granite-input-prepend .granite-input-prepend-icon{width:1rem;height:1rem;color:var(--granite-color-text);box-shadow:none}.granite-input-container .granite-input-prepend.granite-input-required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-append{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background-color:var(--granite-color-background-input);position:relative}.granite-input-container .granite-input-append:focus{box-shadow:inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus),inset 0 -.125rem var(--granite-color-focus)}.granite-input-container .granite-input-append .granite-input-password-toggle-icon{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;color:var(--granite-color-text);box-shadow:none}.granite-input-container .granite-input-append.granite-input-required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-bottom-row{box-shadow:none}.granite-input-container .granite-input-char-count{background:var(--granite-color-background-warning);border-radius:0 0 .25rem .25rem;padding:var(--granite-spacing-s);background-size:contain;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:none}.granite-input-container.granite-input-disabled,.granite-input-container.granite-input-readonly{background-color:transparent}"]
-            },] }
-];
-GraniteInputFieldComponent.ctorParameters = () => [
-    { type: FocusMonitor }
-];
-GraniteInputFieldComponent.propDecorators = {
-    id: [{ type: Input }],
-    name: [{ type: Input }],
-    type: [{ type: Input }],
-    value: [{ type: Input }],
-    required: [{ type: Input }],
-    readonly: [{ type: Input }],
-    invalid: [{ type: Input }],
-    disabled: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    prefixicon: [{ type: Input }],
-    maxlength: [{ type: Input }],
-    countcharacters: [{ type: Input }],
-    ariaLabel: [{ type: Input, args: ['aria-label',] }],
-    ariaLabelledby: [{ type: Input, args: ['aria-labelledby',] }],
-    valueChange: [{ type: Output }],
-    _inputElement: [{ type: ViewChild, args: ['input',] }],
-    _textareaElement: [{ type: ViewChild, args: ['textarea',] }]
-};
-//# sourceMappingURL=input-field.component.js.map

package/esm2015/lib/input-field/input-field.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/input-field/input-field.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  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\n\nconst GRANITE_INPUT_INCLUDES = ['text', 'number', 'password', 'textarea'];\n\n@Component({\n  selector: 'granite-input-field',\n  exportAs: 'graniteInputField',\n  templateUrl: './input-field.component.html',\n  styleUrls: ['./input-field.component.scss'],\n  host: {\n    class: 'granite-input-field',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteInputFieldComponent implements OnInit, OnChanges {\n  @Input()\n  id: string | null = null;\n\n  @Input()\n  name: string | null = null;\n\n  @Input()\n  type: string = 'text';\n\n  @Input()\n  value: string | number = '';\n\n  @Input()\n  required: boolean = false;\n\n  @Input()\n  readonly: boolean = false;\n\n  @Input()\n  invalid: boolean = false;\n\n  @Input()\n  disabled: boolean = false;\n\n  @Input()\n  placeholder: string = '';\n\n  @Input()\n  prefixicon: string;\n\n  @Input()\n  maxlength: number = 255;\n\n  @Input()\n  countcharacters: boolean = false;\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<string> = new EventEmitter<string>();\n\n  @ViewChild('input')\n  private _inputElement: ElementRef<HTMLInputElement>;\n\n  @ViewChild('textarea')\n  private _textareaElement: ElementRef<HTMLTextAreaElement>;\n\n  _supported: boolean = true;\n  _empty: boolean = false;\n  _passwordFieldIcon: string = 'view';\n  _passwordField: boolean = false;\n  _currentCharCount = 0;\n  private _passwordToggled: boolean = false;\n\n  constructor(private _focusMonitor: FocusMonitor) {}\n\n  ngOnInit(): void {\n    this._validateType();\n\n    this._passwordField = this.type == 'password';\n\n    this._empty = this.value == null || this.value === '';\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.required) {\n      this.required = coerceBooleanProperty(changes.required.currentValue);\n    }\n\n    if (changes.readonly) {\n      this.readonly = coerceBooleanProperty(changes.readonly.currentValue);\n    }\n\n    if (changes.invalid) {\n      this.invalid = coerceBooleanProperty(changes.invalid.currentValue);\n    }\n\n    if (changes.disabled) {\n      this.disabled = coerceBooleanProperty(changes.disabled.currentValue);\n    }\n\n    if (changes.countcharacters) {\n      this.countcharacters = coerceBooleanProperty(\n        changes.countcharacters.currentValue\n      );\n    }\n\n    if (changes.value) {\n      this._empty = this.value == null || this.value === '';\n    }\n\n    if (changes.type) {\n      this._validateType();\n    }\n  }\n\n  focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n    if (this.type === 'text') {\n      this._focusMonitor.focusVia(this._getInputElement(), origin, options);\n    } else if (this.type === 'textarea') {\n      this._focusMonitor.focusVia(this._getTextareaElement(), origin, options);\n    }\n  }\n\n  _togglePassword(): void {\n    if (this._passwordToggled) {\n      this._passwordToggled = false;\n      this.type = 'password';\n      this._passwordFieldIcon = 'view';\n    } else {\n      this._passwordToggled = true;\n      this.type = 'text';\n      this._passwordFieldIcon = 'view-disabled';\n    }\n  }\n\n  _onKeyUp(event: KeyboardEvent): void {\n    const inputEvent = event.target as HTMLInputElement;\n    this._applyCharacterCount(inputEvent.value);\n    this._empty = inputEvent.value == null || inputEvent.value === '';\n    this.valueChange.emit(inputEvent.value);\n  }\n\n  _onInput(event: Event): void {\n    const inputEvent = event.target as HTMLInputElement;\n    this._empty = inputEvent.value == null || inputEvent.value === '';\n    this.valueChange.emit(inputEvent.value);\n  }\n\n  protected _validateType(): void {\n    if (GRANITE_INPUT_INCLUDES.indexOf(this.type) < 0) {\n      this._supported = false;\n      throw Error(\n        `Input type \"${this.type}\" isn't supported by graniteInputField.`\n      );\n    }\n  }\n\n  private _applyCharacterCount(inputString: string): void {\n    if (this.countcharacters) {\n      this._currentCharCount = inputString.length;\n\n      if (this._currentCharCount > this.maxlength) {\n        inputString = inputString.slice(0, this.maxlength);\n        this._currentCharCount = this.maxlength;\n      }\n    }\n  }\n\n  private _getInputElement(): HTMLInputElement {\n    return this._inputElement.nativeElement;\n  }\n\n  private _getTextareaElement(): HTMLTextAreaElement {\n    return this._textareaElement.nativeElement;\n  }\n}\n"]}

package/esm2015/lib/input-field/input-field.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteInputFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"granite-input-field","exportAs":"graniteInputField","host":{"class":"granite-input-field"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"template":"<div\n  *ngIf=\"_supported\"\n  class=\"granite-input-container\"\n  [class.granite-input-disabled]=\"disabled\"\n  [class.granite-input-readonly]=\"readonly\"\n  [class.granite-input-disabled]=\"disabled\"\n  [class.granite-input-readonly]=\"readonly\"\n>\n  <div\n    class=\"granite-input-top-row\"\n    [class.granite-input-required]=\"required\"\n    [class.granite-input-empty]=\"_empty\"\n    [class.granite-input-disabled]=\"disabled\"\n    [class.granite-input-readonly]=\"readonly\"\n  >\n    <div\n      *ngIf=\"prefixicon\"\n      class=\"granite-input-prepend\"\n      [class.granite-input-required]=\"required\"\n      [class.granite-input-empty]=\"_empty\"\n    >\n      <granite-icon class=\"granite-input-prepend-icon\">\n        {{ prefixicon }}\n      </granite-icon>\n    </div>\n\n    <ng-container\n      *ngIf=\"type != 'textarea'; then inputElement; else textareaElement\"\n    ></ng-container>\n\n    <ng-template #inputElement>\n      <input\n        #input\n        [id]=\"id\"\n        class=\"granite-input-base\"\n        [class.granite-input-invalid]=\"invalid\"\n        [class.granite-input-empty]=\"_empty\"\n        [name]=\"name\"\n        [attr.type]=\"type\"\n        [required]=\"required\"\n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [attr.maxlength]=\"maxlength\"\n        [value]=\"value\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-invalid]=\"invalid\"\n        (keyup)=\"_onKeyUp($event)\"\n        (input)=\"_onInput($event)\"\n      />\n    </ng-template>\n\n    <button\n      *ngIf=\"_passwordField\"\n      class=\"granite-input-append\"\n      [class.granite-input-required]=\"required\"\n      [class.granite-input-empty]=\"_empty\"\n      (click)=\"_togglePassword()\"\n    >\n      <granite-icon class=\"granite-input-password-toggle-icon\">\n        {{ _passwordFieldIcon }}\n      </granite-icon>\n    </button>\n\n    <ng-template #textareaElement>\n      <textarea\n        #textarea\n        [id]=\"id\"\n        class=\"granite-input-base granite-text-area\"\n        [class.granite-input-invalid]=\"invalid\"\n        [class.granite-input-empty]=\"_empty\"\n        rows=\"1\"\n        [name]=\"name\"\n        [attr.type]=\"type\"\n        [required]=\"required\"\n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [attr.maxlength]=\"maxlength\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-required]=\"required\"\n        [attr.aria-invalid]=\"invalid\"\n        (keyup)=\"_onKeyUp($event)\"\n        (input)=\"_onInput($event)\"\n      ></textarea>\n    </ng-template>\n\n    <div\n      class=\"granite-input-hover-bar\"\n      [class.granite-input-invalid]=\"invalid\"\n      [class.granite-input-empty]=\"_empty\"\n    ></div>\n  </div>\n\n  <div *ngIf=\"countcharacters\" class=\"granite-input-bottom-row\">\n    <div class=\"granite-input-char-count\">\n      {{ _currentCharCount }}/{{ maxlength }}\n    </div>\n  </div>\n</div>\n","styles":[":host{transition:all .2s ease-out;width:14.5rem;box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-input-container{width:inherit;font-size:var(--granite-font-size-body-small)}.granite-input-container .granite-input-top-row{display:inline-flex;width:inherit;position:relative;background:var(--granite-color-background)}.granite-input-container .granite-input-top-row:hover .granite-input-hover-bar{height:.125rem}.granite-input-container .granite-input-top-row:hover .granite-input-hover-bar.granite-input-invalid.granite-input-empty{background-color:var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-text-area{min-width:14.5rem;min-height:2rem}.granite-input-container .granite-input-top-row.granite-input-disabled,.granite-input-container .granite-input-top-row.granite-input-readonly{background-color:transparent;box-shadow:none}.granite-input-container .granite-input-top-row.granite-input-disabled .granite-input-hover-bar,.granite-input-container .granite-input-top-row.granite-input-readonly .granite-input-hover-bar{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background-color:var(--granite-color-background-input);padding:var(--granite-spacing-s);width:inherit;color:var(--granite-color-text);font:inherit;font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular)}.granite-input-container .granite-input-top-row .granite-input-base:required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-top-row .granite-input-base:required::-moz-placeholder{color:var(--granite-color-text-weak)}.granite-input-container .granite-input-top-row .granite-input-base:required::placeholder{color:var(--granite-color-text-weak)}.granite-input-container .granite-input-top-row .granite-input-base:-moz-read-only{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:read-only{background-color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:disabled{opacity:.3}.granite-input-container .granite-input-top-row .granite-input-base::-moz-placeholder{color:var(--granite-color-text-hint)}.granite-input-container .granite-input-top-row .granite-input-base::placeholder{color:var(--granite-color-text-hint)}.granite-input-container .granite-input-top-row .granite-input-base:hover::-moz-placeholder{color:var(--granite-color-text)}.granite-input-container .granite-input-top-row .granite-input-base:hover::placeholder{color:var(--granite-color-text)}.granite-input-container .granite-input-top-row .granite-input-base:focus{box-shadow:inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus),inset 0 -.125rem var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-input-base:focus.granite-input-invalid{box-shadow:inset 0 -.125rem var(--granite-color-signal-failure),inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus)}.granite-input-container .granite-input-top-row .granite-input-base:focus::-moz-placeholder{color:transparent}.granite-input-container .granite-input-top-row .granite-input-base:focus::placeholder{color:transparent}.granite-input-container .granite-input-top-row .granite-input-hover-bar{height:.0625rem;background-color:var(--granite-color-border-hard);position:absolute;width:inherit;bottom:0}.granite-input-container .granite-input-top-row .granite-input-hover-bar.granite-input-invalid{background-color:var(--granite-color-signal-failure)}.granite-input-container .granite-input-top-row:focus-within .granite-input-hover-bar{background-color:transparent}.granite-input-container .granite-input-prepend{display:flex;align-items:center;padding:0 var(--granite-spacing-s);background:var(--granite-color-background-input)}.granite-input-container .granite-input-prepend .granite-input-prepend-icon{width:1rem;height:1rem;color:var(--granite-color-text);box-shadow:none}.granite-input-container .granite-input-prepend.granite-input-required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-append{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background-color:var(--granite-color-background-input);position:relative}.granite-input-container .granite-input-append:focus{box-shadow:inset 0 .125rem var(--granite-color-focus),inset .125rem 0 var(--granite-color-focus),inset -.125rem 0 var(--granite-color-focus),inset 0 -.125rem var(--granite-color-focus)}.granite-input-container .granite-input-append .granite-input-password-toggle-icon{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;color:var(--granite-color-text);box-shadow:none}.granite-input-container .granite-input-append.granite-input-required.granite-input-empty{background-color:var(--granite-color-background-failure)}.granite-input-container .granite-input-bottom-row{box-shadow:none}.granite-input-container .granite-input-char-count{background:var(--granite-color-background-warning);border-radius:0 0 .25rem .25rem;padding:var(--granite-spacing-s);background-size:contain;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:none}.granite-input-container.granite-input-disabled,.granite-input-container.granite-input-readonly{background-color:transparent}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"invalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"prefixicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"countcharacters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["aria-labelledby"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["input"]}]}],"_textareaElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":["textarea"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":86,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_togglePassword":[{"__symbolic":"method"}],"_onKeyUp":[{"__symbolic":"method"}],"_onInput":[{"__symbolic":"method"}],"_validateType":[{"__symbolic":"method"}],"_applyCharacterCount":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}],"_getTextareaElement":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/input-field/input-field.module.js

@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { GraniteInputFieldComponent } from './input-field.component';
-import { GraniteIconModule } from '../icon/icon.module';
-import { GraniteButtonModule } from '../button/button.module';
-export class GraniteInputFieldModule {
-}
-GraniteInputFieldModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, GraniteIconModule, GraniteButtonModule],
-                declarations: [GraniteInputFieldComponent],
-                exports: [GraniteInputFieldComponent],
-            },] }
-];
-//# sourceMappingURL=input-field.module.js.map

package/esm2015/lib/input-field/input-field.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/input-field/input-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAO9D,MAAM,OAAO,uBAAuB;;;YALnC,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;gBAC/D,YAAY,EAAE,CAAC,0BAA0B,CAAC;gBAC1C,OAAO,EAAE,CAAC,0BAA0B,CAAC;aACtC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GraniteInputFieldComponent } from './input-field.component';\nimport { GraniteIconModule } from '../icon/icon.module';\nimport { GraniteButtonModule } from '../button/button.module';\n\n@NgModule({\n  imports: [CommonModule, GraniteIconModule, GraniteButtonModule],\n  declarations: [GraniteInputFieldComponent],\n  exports: [GraniteInputFieldComponent],\n})\nexport class GraniteInputFieldModule {}\n"]}

package/esm2015/lib/input-field/input-field.module.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteInputFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"../icon/icon.module","name":"GraniteIconModule","line":7,"character":26},{"__symbolic":"reference","module":"../button/button.module","name":"GraniteButtonModule","line":7,"character":45}],"declarations":[{"__symbolic":"reference","module":"./input-field.component","name":"GraniteInputFieldComponent","line":8,"character":17}],"exports":[{"__symbolic":"reference","module":"./input-field.component","name":"GraniteInputFieldComponent","line":9,"character":12}]}]}]}}}]

package/esm2015/lib/menu/divider.directive.js

@@ -1,20 +0,0 @@
-import { Directive, Input } from '@angular/core';
-export class GraniteDividerDirective {
-    constructor() {
-        this.dividerDirection = 'top';
-    }
-}
-GraniteDividerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[graniteDivider]',
-                exportAs: 'graniteDivider',
-                host: {
-                    '[class.granite-divider-top]': 'dividerDirection === "top"',
-                    '[class.granite-divider-bottom]': 'dividerDirection === "bottom"',
-                },
-            },] }
-];
-GraniteDividerDirective.propDecorators = {
-    dividerDirection: [{ type: Input }]
-};
-//# sourceMappingURL=divider.directive.js.map

package/esm2015/lib/menu/divider.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.directive.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/divider.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUjD,MAAM,OAAO,uBAAuB;IARpC;QAUE,qBAAgB,GAAW,KAAK,CAAC;IACnC,CAAC;;;YAXA,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,6BAA6B,EAAE,4BAA4B;oBAC3D,gCAAgC,EAAE,+BAA+B;iBAClE;aACF;;;+BAEE,KAAK","sourcesContent":["import { Directive, Input } from '@angular/core';\n\n@Directive({\n  selector: '[graniteDivider]',\n  exportAs: 'graniteDivider',\n  host: {\n    '[class.granite-divider-top]': 'dividerDirection === \"top\"',\n    '[class.granite-divider-bottom]': 'dividerDirection === \"bottom\"',\n  },\n})\nexport class GraniteDividerDirective {\n  @Input()\n  dividerDirection: string = 'top';\n}\n"]}

package/esm2015/lib/menu/divider.directive.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraniteDividerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[graniteDivider]","exportAs":"graniteDivider","host":{"[class.granite-divider-top]":"dividerDirection === \"top\"","[class.granite-divider-bottom]":"dividerDirection === \"bottom\"","$quoted$":["[class.granite-divider-top]","[class.granite-divider-bottom]"]}}]}],"members":{"dividerDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}]}}}}]

package/esm2015/lib/menu/menu-desktop-animations.js

@@ -1,23 +0,0 @@
-import { trigger, state, style, animate, group, query, transition, } from '@angular/animations';
-import { getEaseLinear, getEaseOutSteep } from '../core/animation';
-const easeOut120 = getEaseOutSteep(120);
-/**
- * Animations used by the `granite-menu` component, showing the desktop interface.
- * @docs-private
- */
-export const graniteMenuDesktopAnimations = {
-    transformMenuDesktop: trigger('transformMenuDesktop', [
-        state('void', style({
-            opacity: 0,
-            transform: 'scale(0.9)',
-        })),
-        transition('void => enter', group([
-            query('.granite-menu-content', animate(getEaseLinear(100), style({
-                opacity: 1,
-            }))),
-            animate(easeOut120, style({ transform: 'scale(1)' })),
-        ])),
-        transition('* => void', animate(getEaseLinear(100, 25), style({ opacity: 0 }))),
-    ]),
-};
-//# sourceMappingURL=menu-desktop-animations.js.map

package/esm2015/lib/menu/menu-desktop-animations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-desktop-animations.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu-desktop-animations.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,EACL,KAAK,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAMrC;IACF,oBAAoB,EAAE,OAAO,CAAC,sBAAsB,EAAE;QACpD,KAAK,CACH,MAAM,EACN,KAAK,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,YAAY;SACxB,CAAC,CACH;QACD,UAAU,CACR,eAAe,EACf,KAAK,CAAC;YACJ,KAAK,CACH,uBAAuB,EACvB,OAAO,CACL,aAAa,CAAC,GAAG,CAAC,EAClB,KAAK,CAAC;gBACJ,OAAO,EAAE,CAAC;aACX,CAAC,CACH,CACF;YACD,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;SACtD,CAAC,CACH;QACD,UAAU,CACR,WAAW,EACX,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CACvD;KACF,CAAC;CACH,CAAC","sourcesContent":["import {\n  trigger,\n  state,\n  style,\n  AnimationTriggerMetadata,\n  animate,\n  group,\n  query,\n  transition,\n} from '@angular/animations';\nimport { getEaseLinear, getEaseOutSteep } from '../core/animation';\n\nconst easeOut120 = getEaseOutSteep(120);\n\n/**\n * Animations used by the `granite-menu` component, showing the desktop interface.\n * @docs-private\n */\nexport const graniteMenuDesktopAnimations: {\n  /**\n   * This animation trigger controls the menu panel's entry and exit from the\n   * stage on desktop output devices.\n   */\n  readonly transformMenuDesktop: AnimationTriggerMetadata;\n} = {\n  transformMenuDesktop: trigger('transformMenuDesktop', [\n    state(\n      'void',\n      style({\n        opacity: 0,\n        transform: 'scale(0.9)',\n      })\n    ),\n    transition(\n      'void => enter',\n      group([\n        query(\n          '.granite-menu-content',\n          animate(\n            getEaseLinear(100),\n            style({\n              opacity: 1,\n            })\n          )\n        ),\n        animate(easeOut120, style({ transform: 'scale(1)' })),\n      ])\n    ),\n    transition(\n      '* => void',\n      animate(getEaseLinear(100, 25), style({ opacity: 0 }))\n    ),\n  ]),\n};\n"]}