@ifsworld/granite-components 4.5.0 → 5.0.2

package/README.md

@@ -55,13 +55,13 @@ Finally, add them in `src/styles.scss`:
 
 #### Angular version support matrix
 
-| Angular / Library | 0.x.x | 1.x.x | 2.x.x | 3.x.x |
-| ----------------- | ----- | ----- | ----- | ----- |
-| 10                | ❌    | ❌    | ❌    | ❌    |
-| 11                | ✅    | 🔶    | ✅    | ✅    |
-| 12                | ✅    | ✅    | ✅    | ✅    |
-| 13                | ✅    | ✅    | ✅    | ✅    |
-| 14                | 🔶    | 🔶    | 🔶    | 🔶    |
+| Angular / Library | 0.x.x | 1.x.x | 2.x.x | 3.x.x | 4.x.x | 5.x.x |
+| ----------------- | ----- | ----- | ----- | ----- | ----- | ----- |
+| 10                | ❌    | ❌    | ❌    | ❌    | ❌    | ❌    |
+| 11                | ✅    | 🔶    | ✅    | ✅    | ✅    | ❌    |
+| 12                | ✅    | ✅    | ✅    | ✅    | 🔶    | ❌    |
+| 13                | ✅    | ✅    | ✅    | ✅    | 🔶    | ✅    |
+| 14                | 🔶    | 🔶    | 🔶    | 🔶    | 🔶    | 🔶    |
 
 _Note: we plan to only support our latest release. Beyond that we make no guarantees of continued support._
 

package/esm2020/ifsworld-granite-components.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWZzd29ybGQtZ3Jhbml0ZS1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2lmc3dvcmxkLWdyYW5pdGUtY29tcG9uZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2020/index.mjs

@@ -0,0 +1,48 @@
+/*
+ * Public API Surface of ui
+ */
+export * from './lib/arrange-grid/arrange-grid.module';
+export * from './lib/arrange-grid/arrange-grid.component';
+export * from './lib/arrange-grid/arrange-grid-item.component';
+export * from './lib/grid/grid.module';
+export * from './lib/grid/grid.component';
+export * from './lib/badge/badge.module';
+export * from './lib/badge/badge.component';
+export * from './lib/badge/testing/badge.harness';
+export * from './lib/menu/menu.module';
+export * from './lib/menu/menu.component';
+export * from './lib/menu/menu-desktop-animations';
+export * from './lib/menu/menu-touch-animations';
+export * from './lib/menu/menu-item.component';
+export * from './lib/menu/menu-trigger-for.directive';
+export * from './lib/menu/testing/menu.harness';
+export * from './lib/menu/divider.directive';
+export * from './lib/menu/title.directive';
+export * from './lib/menu/menu-touch-close.component';
+export * from './lib/menu/menu-touch-title.component';
+export * from './lib/icon/icon.module';
+export * from './lib/icon/icon.component';
+export * from './lib/toggle-switch/toggle-switch.module';
+export * from './lib/toggle-switch/toggle-switch.component';
+export * from './lib/radio-button/radio-button.module';
+export * from './lib/radio-button/radio-button.component';
+export * from './lib/radio-button/radio-group.component';
+export * from './lib/checkbox/checkbox.module';
+export * from './lib/checkbox/checkbox.component';
+export * from './lib/checkbox/checkbox-group.component';
+export * from './lib/button/button.module';
+export * from './lib/button/button.component';
+export * from './lib/table/table.module';
+export * from './lib/table/table.component';
+export * from './lib/table/column/table-column.directive';
+export * from './lib/input-field/input-field.module';
+export * from './lib/input-field/input-field.component';
+// Temporary
+export * from './lib/core/client-environment';
+export * from './lib/core/core.module';
+export * from './lib/core/devices/client-output-touch.directive';
+export * from './lib/core/devices/client-output-desktop.directive';
+export * from './lib/core/devices/client-input-touch.directive';
+export * from './lib/core/devices/client-input-desktop.directive';
+export * from './lib/core/common-behaviors/disabled';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxnREFBZ0QsQ0FBQztBQUUvRCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUNBQW1DLENBQUM7QUFFbEQsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBRXRELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDJDQUEyQyxDQUFDO0FBRTFELGNBQWMsMENBQTBDLENBQUM7QUFFekQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG1DQUFtQyxDQUFDO0FBRWxELGNBQWMseUNBQXlDLENBQUM7QUFFeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDJDQUEyQyxDQUFDO0FBRTFELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxZQUFZO0FBQ1osY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdWlcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9ncmlkL2dyaWQuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UvYmFkZ2UubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYWRnZS90ZXN0aW5nL2JhZGdlLmhhcm5lc3MnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUvbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LWRlc2t0b3AtYW5pbWF0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtdG91Y2gtYW5pbWF0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LXRyaWdnZXItZm9yLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L3Rlc3RpbmcvbWVudS5oYXJuZXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUvZGl2aWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS90aXRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LXRvdWNoLWNsb3NlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtdG91Y2gtdGl0bGUuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9nZ2xlLXN3aXRjaC90b2dnbGUtc3dpdGNoLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUtc3dpdGNoL3RvZ2dsZS1zd2l0Y2guY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby1idXR0b24vcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUvdGFibGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS9jb2x1bW4vdGFibGUtY29sdW1uLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LWZpZWxkL2lucHV0LWZpZWxkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1maWVsZC9pbnB1dC1maWVsZC5jb21wb25lbnQnO1xuXG4vLyBUZW1wb3JhcnlcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvY2xpZW50LWVudmlyb25tZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvY29yZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9kZXZpY2VzL2NsaWVudC1vdXRwdXQtdG91Y2guZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvZGV2aWNlcy9jbGllbnQtb3V0cHV0LWRlc2t0b3AuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvZGV2aWNlcy9jbGllbnQtaW5wdXQtdG91Y2guZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvZGV2aWNlcy9jbGllbnQtaW5wdXQtZGVza3RvcC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9jb21tb24tYmVoYXZpb3JzL2Rpc2FibGVkJztcbiJdfQ==

package/esm2020/lib/arrange-grid/arrange-grid-item.component.mjs

@@ -0,0 +1,44 @@
+import { Component, ChangeDetectionStrategy, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class GraniteArrangeGridItemComponent {
+    constructor(element) {
+        this.element = element;
+        /**
+         * Column span to render.
+         * For use in template only. Do not use outside of this component.
+         * @ignore
+         */
+        this._columnSpan = null;
+        /* no-op */
+    }
+    /**
+     * Number of cells the item would span. Used by arrange grid in column
+     * orientation to fill any unused space caused by wrapped items.
+     */
+    set columnSpan(value) {
+        this._columnSpan = value;
+        this.updateStyles();
+    }
+    /**
+     * Update element styles
+     */
+    updateStyles() {
+        this.setCssProperty('--columnSpan', this._columnSpan ? this._columnSpan.toString() : null);
+    }
+    /**
+     * 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
+     */
+    setCssProperty(variable, value) {
+        this.element.nativeElement.style.setProperty(variable, value);
+    }
+}
+GraniteArrangeGridItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GraniteArrangeGridItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteArrangeGridItemComponent, selector: "granite-arrange-grid-item", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--columnSpan: $default-column-span;display:grid;grid-column:span var(--columnSpan, 1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'granite-arrange-grid-item', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--columnSpan: $default-column-span;display:grid;grid-column:span var(--columnSpan, 1)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBaUIxQyxZQUFvQixPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtRQVBwRDs7OztXQUlHO1FBQ0gsZ0JBQVcsR0FBa0IsSUFBSSxDQUFDO1FBR2hDLFdBQVc7SUFDYixDQUFDO0lBbEJEOzs7T0FHRztJQUNILElBQUksVUFBVSxDQUFDLEtBQW9CO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBYUQ7O09BRUc7SUFDSCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FDakIsY0FBYyxFQUNkLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDdEQsQ0FBQztJQUNKLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNPLGNBQWMsQ0FBQyxRQUFnQixFQUFFLEtBQW9CO1FBQzdELElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ2hFLENBQUM7OzZIQXZDVSwrQkFBK0I7aUhBQS9CLCtCQUErQixpRUFKaEMsMkJBQTJCOzRGQUkxQiwrQkFBK0I7a0JBTjNDLFNBQVM7K0JBQ0UsMkJBQTJCLFlBQzNCLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1hcnJhbmdlLWdyaWQtaXRlbScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWydhcnJhbmdlLWdyaWQtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgY2VsbHMgdGhlIGl0ZW0gd291bGQgc3Bhbi4gVXNlZCBieSBhcnJhbmdlIGdyaWQgaW4gY29sdW1uXG4gICAqIG9yaWVudGF0aW9uIHRvIGZpbGwgYW55IHVudXNlZCBzcGFjZSBjYXVzZWQgYnkgd3JhcHBlZCBpdGVtcy5cbiAgICovXG4gIHNldCBjb2x1bW5TcGFuKHZhbHVlOiBudW1iZXIgfCBudWxsKSB7XG4gICAgdGhpcy5fY29sdW1uU3BhbiA9IHZhbHVlO1xuICAgIHRoaXMudXBkYXRlU3R5bGVzKCk7XG4gIH1cblxuICAvKipcbiAgICogQ29sdW1uIHNwYW4gdG8gcmVuZGVyLlxuICAgKiBGb3IgdXNlIGluIHRlbXBsYXRlIG9ubHkuIERvIG5vdCB1c2Ugb3V0c2lkZSBvZiB0aGlzIGNvbXBvbmVudC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgX2NvbHVtblNwYW46IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgICAvKiBuby1vcCAqL1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBlbGVtZW50IHN0eWxlc1xuICAgKi9cbiAgdXBkYXRlU3R5bGVzKCk6IHZvaWQge1xuICAgIHRoaXMuc2V0Q3NzUHJvcGVydHkoXG4gICAgICAnLS1jb2x1bW5TcGFuJyxcbiAgICAgIHRoaXMuX2NvbHVtblNwYW4gPyB0aGlzLl9jb2x1bW5TcGFuLnRvU3RyaW5nKCkgOiBudWxsXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgQ1NTIHZhcmlhYmxlIHZhbHVlIG9yIHJlbW92ZSBpdCBpZiBhIG51bGwgdmFsdWUgaXMgZ2l2ZW4uXG4gICAqIFdvdWxkIG9mIGNvdXJzZSByYXRoZXIgaGF2ZSB1c2VkIHByb3BlcnR5IGJpbmRpbmcgYnV0IHRoYXQgaXMgbm90XG4gICAqIHN1cHBvcnRlZCB1bnRpbCAocGVyaGFwcykgQW5ndWxhciA5LlxuICAgKiBTZWU6IGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvaXNzdWVzLzkzNDNcbiAgICovXG4gIHByb3RlY3RlZCBzZXRDc3NQcm9wZXJ0eSh2YXJpYWJsZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KHZhcmlhYmxlLCB2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/arrange-grid/arrange-grid.component.mjs

@@ -0,0 +1,125 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostBinding, Input, QueryList, } from '@angular/core';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { GraniteArrangeGridItemComponent } from './arrange-grid-item.component';
+import * as i0 from "@angular/core";
+export var GraniteArrangeGridOrientation;
+(function (GraniteArrangeGridOrientation) {
+    GraniteArrangeGridOrientation["columns"] = "columns";
+    GraniteArrangeGridOrientation["rows"] = "rows";
+})(GraniteArrangeGridOrientation || (GraniteArrangeGridOrientation = {}));
+export class GraniteArrangeGridComponent {
+    constructor(element) {
+        this.element = element;
+        /** How to present grid items; `columns` (default) or `rows` */
+        this.orientation = GraniteArrangeGridOrientation.columns;
+        /** Exposes column orientation to template */
+        this.classColumnOrientation = false;
+        /** Exposes row orientation to template */
+        this.classRowOrientation = false;
+        /** Number of columns to render */
+        this._cols = GraniteArrangeGridComponent.defaultCols;
+        /** Nexted on component destruction to complete other observables. */
+        this.destroy$ = new Subject();
+        /* no-op */
+    }
+    /**
+     * Number of grid columns to use when orientation is set to `column`. The
+     * default is two columns.
+     */
+    set cols(value) {
+        this._cols = Math.max(1, Math.round(coerceNumberProperty(value)));
+    }
+    get cols() {
+        return this._cols;
+    }
+    set rows(value) {
+        // Prevent pointless usage
+        throw Error('Explicitly setting rows value for arrange grid is unsupported');
+    }
+    get rows() {
+        return this._rows;
+    }
+    ngAfterContentInit() {
+        // Update style whenever grid item components change in content
+        this.arrangeGridItemComponents.changes
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.updateStyles());
+        this.updateStyles();
+    }
+    ngOnChanges(changes) {
+        if ((changes.orientation && !changes.orientation.isFirstChange()) ||
+            (changes.cols && !changes.cols.isFirstChange())) {
+            this.updateStyles();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+    /**
+     * Update grid row template style.
+     *
+     * Use content height of all but last row and let the last grow
+     * to take up any remaining space.
+     */
+    updateStyles() {
+        const children = (this.arrangeGridItemComponents || []).length;
+        if (this.orientation === GraniteArrangeGridOrientation.columns) {
+            // If too many items was placed into too few colums, there would
+            // be some wrapping. Take that into account when calculating the
+            // number of rows.
+            this._rows = Math.trunc((children - 1) / (this._cols || 1)) + 1;
+            this.classColumnOrientation = true;
+            this.classRowOrientation = false;
+            if (children > 0) {
+                // Fill any unused space caused by wrapped items by making the
+                // last item also span over remaining cells.
+                this.arrangeGridItemComponents.forEach((c) => (c.columnSpan = null));
+                this.arrangeGridItemComponents.last.columnSpan =
+                    this._rows * this._cols - children + 1;
+            }
+        }
+        else {
+            this._cols = 1; // In row orientation, there is just a single column
+            this._rows = children;
+            this.classColumnOrientation = false;
+            this.classRowOrientation = true;
+        }
+        this.setCssProperty('--cols', this._cols.toString());
+        this.setCssProperty('--rows', this._rows.toString());
+    }
+    /**
+     * 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);
+    }
+}
+/** Default number of columns to use in column orientation */
+GraniteArrangeGridComponent.defaultCols = 2;
+GraniteArrangeGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GraniteArrangeGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteArrangeGridComponent, selector: "granite-arrange-grid", inputs: { orientation: "orientation", cols: "cols" }, host: { properties: { "class.column-orientation": "this.classColumnOrientation", "class.row-orientation": "this.classRowOrientation" } }, queries: [{ propertyName: "arrangeGridItemComponents", predicate: GraniteArrangeGridItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"granite-arrange-grid-item\"></ng-content>\n", styles: ["@media only screen and (min-width: 960px){:host{--cols: 1;--rows: 1;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);grid-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem}:host.row-orientation{grid-template-columns:auto;grid-template-rows:repeat(calc(var(--rows, 1) - 1),max-content)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'granite-arrange-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"granite-arrange-grid-item\"></ng-content>\n", styles: ["@media only screen and (min-width: 960px){:host{--cols: 1;--rows: 1;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);grid-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem}:host.row-orientation{grid-template-columns:auto;grid-template-rows:repeat(calc(var(--rows, 1) - 1),max-content)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { orientation: [{
+                type: Input
+            }], classColumnOrientation: [{
+                type: HostBinding,
+                args: ['class.column-orientation']
+            }], classRowOrientation: [{
+                type: HostBinding,
+                args: ['class.row-orientation']
+            }], arrangeGridItemComponents: [{
+                type: ContentChildren,
+                args: [GraniteArrangeGridItemComponent]
+            }], cols: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXJyYW5nZS1ncmlkL2FycmFuZ2UtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL2FycmFuZ2UtZ3JpZC9hcnJhbmdlLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUdMLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFaEYsTUFBTSxDQUFOLElBQVksNkJBR1g7QUFIRCxXQUFZLDZCQUE2QjtJQUN2QyxvREFBbUIsQ0FBQTtJQUNuQiw4Q0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLDZCQUE2QixLQUE3Qiw2QkFBNkIsUUFHeEM7QUFRRCxNQUFNLE9BQU8sMkJBQTJCO0lBMER0QyxZQUFvQixPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtRQXBEcEQsK0RBQStEO1FBRS9ELGdCQUFXLEdBQ1QsNkJBQTZCLENBQUMsT0FBTyxDQUFDO1FBRXhDLDZDQUE2QztRQUU3QywyQkFBc0IsR0FBRyxLQUFLLENBQUM7UUFFL0IsMENBQTBDO1FBRTFDLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQWtCNUIsa0NBQWtDO1FBQ3hCLFVBQUssR0FBVywyQkFBMkIsQ0FBQyxXQUFXLENBQUM7UUFtQmxFLHFFQUFxRTtRQUM3RCxhQUFRLEdBQWtCLElBQUksT0FBTyxFQUFFLENBQUM7UUFHOUMsV0FBVztJQUNiLENBQUM7SUF0Q0Q7OztPQUdHO0lBQ0gsSUFDSSxJQUFJLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQVdELElBQUksSUFBSSxDQUFDLEtBQWE7UUFDcEIsMEJBQTBCO1FBQzFCLE1BQU0sS0FBSyxDQUNULCtEQUErRCxDQUNoRSxDQUFDO0lBQ0osQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBU0Qsa0JBQWtCO1FBQ2hCLCtEQUErRDtRQUMvRCxJQUFJLENBQUMseUJBQXlCLENBQUMsT0FBTzthQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFFeEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFDRSxDQUFDLE9BQU8sQ0FBQyxXQUFXLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzdELENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsRUFDL0M7WUFDQSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDckI7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsWUFBWTtRQUNWLE1BQU0sUUFBUSxHQUFXLENBQUMsSUFBSSxDQUFDLHlCQUF5QixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUV2RSxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssNkJBQTZCLENBQUMsT0FBTyxFQUFFO1lBQzlELGdFQUFnRTtZQUNoRSxnRUFBZ0U7WUFDaEUsa0JBQWtCO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDaEUsSUFBSSxDQUFDLHNCQUFzQixHQUFHLElBQUksQ0FBQztZQUNuQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO1lBRWpDLElBQUksUUFBUSxHQUFHLENBQUMsRUFBRTtnQkFDaEIsOERBQThEO2dCQUM5RCw0Q0FBNEM7Z0JBQzVDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDO2dCQUNyRSxJQUFJLENBQUMseUJBQXlCLENBQUMsSUFBSSxDQUFDLFVBQVU7b0JBQzVDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLEdBQUcsQ0FBQyxDQUFDO2FBQzFDO1NBQ0Y7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsb0RBQW9EO1lBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxLQUFLLENBQUM7WUFDcEMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQztRQUVELElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDTyxjQUFjLENBQUMsUUFBZ0IsRUFBRSxLQUFvQjtRQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNoRSxDQUFDOztBQTlIRCw2REFBNkQ7QUFDN0MsdUNBQVcsR0FBVyxDQUFFLENBQUE7eUhBSjdCLDJCQUEyQjs2R0FBM0IsMkJBQTJCLHNTQW1CckIsK0JBQStCLGtEQ25EbEQsa0VBQ0E7NEZEK0JhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTtpR0FVL0MsV0FBVztzQkFEVixLQUFLO2dCQU1OLHNCQUFzQjtzQkFEckIsV0FBVzt1QkFBQywwQkFBMEI7Z0JBS3ZDLG1CQUFtQjtzQkFEbEIsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBSXBDLHlCQUF5QjtzQkFEeEIsZUFBZTt1QkFBQywrQkFBK0I7Z0JBUTVDLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgY29lcmNlTnVtYmVyUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2FycmFuZ2UtZ3JpZC1pdGVtLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBlbnVtIEdyYW5pdGVBcnJhbmdlR3JpZE9yaWVudGF0aW9uIHtcbiAgY29sdW1ucyA9ICdjb2x1bW5zJyxcbiAgcm93cyA9ICdyb3dzJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1hcnJhbmdlLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJ2FycmFuZ2UtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydhcnJhbmdlLWdyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVBcnJhbmdlR3JpZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJDb250ZW50SW5pdCwgT25EZXN0cm95XG57XG4gIC8qKiBEZWZhdWx0IG51bWJlciBvZiBjb2x1bW5zIHRvIHVzZSBpbiBjb2x1bW4gb3JpZW50YXRpb24gKi9cbiAgc3RhdGljIHJlYWRvbmx5IGRlZmF1bHRDb2xzOiBudW1iZXIgPSAyO1xuXG4gIC8qKiBIb3cgdG8gcHJlc2VudCBncmlkIGl0ZW1zOyBgY29sdW1uc2AgKGRlZmF1bHQpIG9yIGByb3dzYCAqL1xuICBASW5wdXQoKVxuICBvcmllbnRhdGlvbjogR3Jhbml0ZUFycmFuZ2VHcmlkT3JpZW50YXRpb24gPVxuICAgIEdyYW5pdGVBcnJhbmdlR3JpZE9yaWVudGF0aW9uLmNvbHVtbnM7XG5cbiAgLyoqIEV4cG9zZXMgY29sdW1uIG9yaWVudGF0aW9uIHRvIHRlbXBsYXRlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29sdW1uLW9yaWVudGF0aW9uJylcbiAgY2xhc3NDb2x1bW5PcmllbnRhdGlvbiA9IGZhbHNlO1xuXG4gIC8qKiBFeHBvc2VzIHJvdyBvcmllbnRhdGlvbiB0byB0ZW1wbGF0ZSAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnJvdy1vcmllbnRhdGlvbicpXG4gIGNsYXNzUm93T3JpZW50YXRpb24gPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnQpXG4gIGFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxHcmFuaXRlQXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50PjtcblxuICAvKipcbiAgICogTnVtYmVyIG9mIGdyaWQgY29sdW1ucyB0byB1c2Ugd2hlbiBvcmllbnRhdGlvbiBpcyBzZXQgdG8gYGNvbHVtbmAuIFRoZVxuICAgKiBkZWZhdWx0IGlzIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IGNvbHModmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX2NvbHMgPSBNYXRoLm1heCgxLCBNYXRoLnJvdW5kKGNvZXJjZU51bWJlclByb3BlcnR5KHZhbHVlKSkpO1xuICB9XG5cbiAgZ2V0IGNvbHMoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fY29scztcbiAgfVxuXG4gIC8qKiBOdW1iZXIgb2YgY29sdW1ucyB0byByZW5kZXIgKi9cbiAgcHJvdGVjdGVkIF9jb2xzOiBudW1iZXIgPSBHcmFuaXRlQXJyYW5nZUdyaWRDb21wb25lbnQuZGVmYXVsdENvbHM7XG5cbiAgLyoqXG4gICAqIE51bWJlciBvZiByb3dzIHRvIHJlbmRlci4gV2lsbCBiZSBzZXQgaW50ZXJuYWxseSB0YWtpbmcgY29sdW1uIGNvdW50LFxuICAgKiB0aGUgbnVtYmVyIG9mIGl0ZW1zIGFuZCBhbnkgY2VsbCB3cmFwcGluZyBpbnRvIGNvbnNpZGVyYXRpb24uXG4gICAqL1xuICBwcm90ZWN0ZWQgX3Jvd3M6IG51bWJlcjtcblxuICBzZXQgcm93cyh2YWx1ZTogbnVtYmVyKSB7XG4gICAgLy8gUHJldmVudCBwb2ludGxlc3MgdXNhZ2VcbiAgICB0aHJvdyBFcnJvcihcbiAgICAgICdFeHBsaWNpdGx5IHNldHRpbmcgcm93cyB2YWx1ZSBmb3IgYXJyYW5nZSBncmlkIGlzIHVuc3VwcG9ydGVkJ1xuICAgICk7XG4gIH1cblxuICBnZXQgcm93cygpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9yb3dzO1xuICB9XG5cbiAgLyoqIE5leHRlZCBvbiBjb21wb25lbnQgZGVzdHJ1Y3Rpb24gdG8gY29tcGxldGUgb3RoZXIgb2JzZXJ2YWJsZXMuICovXG4gIHByaXZhdGUgZGVzdHJveSQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgICAvKiBuby1vcCAqL1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIC8vIFVwZGF0ZSBzdHlsZSB3aGVuZXZlciBncmlkIGl0ZW0gY29tcG9uZW50cyBjaGFuZ2UgaW4gY29udGVudFxuICAgIHRoaXMuYXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50cy5jaGFuZ2VzXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMudXBkYXRlU3R5bGVzKCkpO1xuXG4gICAgdGhpcy51cGRhdGVTdHlsZXMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICAoY2hhbmdlcy5vcmllbnRhdGlvbiAmJiAhY2hhbmdlcy5vcmllbnRhdGlvbi5pc0ZpcnN0Q2hhbmdlKCkpIHx8XG4gICAgICAoY2hhbmdlcy5jb2xzICYmICFjaGFuZ2VzLmNvbHMuaXNGaXJzdENoYW5nZSgpKVxuICAgICkge1xuICAgICAgdGhpcy51cGRhdGVTdHlsZXMoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZ3JpZCByb3cgdGVtcGxhdGUgc3R5bGUuXG4gICAqXG4gICAqIFVzZSBjb250ZW50IGhlaWdodCBvZiBhbGwgYnV0IGxhc3Qgcm93IGFuZCBsZXQgdGhlIGxhc3QgZ3Jvd1xuICAgKiB0byB0YWtlIHVwIGFueSByZW1haW5pbmcgc3BhY2UuXG4gICAqL1xuICB1cGRhdGVTdHlsZXMoKTogdm9pZCB7XG4gICAgY29uc3QgY2hpbGRyZW46IG51bWJlciA9ICh0aGlzLmFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudHMgfHwgW10pLmxlbmd0aDtcblxuICAgIGlmICh0aGlzLm9yaWVudGF0aW9uID09PSBHcmFuaXRlQXJyYW5nZUdyaWRPcmllbnRhdGlvbi5jb2x1bW5zKSB7XG4gICAgICAvLyBJZiB0b28gbWFueSBpdGVtcyB3YXMgcGxhY2VkIGludG8gdG9vIGZldyBjb2x1bXMsIHRoZXJlIHdvdWxkXG4gICAgICAvLyBiZSBzb21lIHdyYXBwaW5nLiBUYWtlIHRoYXQgaW50byBhY2NvdW50IHdoZW4gY2FsY3VsYXRpbmcgdGhlXG4gICAgICAvLyBudW1iZXIgb2Ygcm93cy5cbiAgICAgIHRoaXMuX3Jvd3MgPSBNYXRoLnRydW5jKChjaGlsZHJlbiAtIDEpIC8gKHRoaXMuX2NvbHMgfHwgMSkpICsgMTtcbiAgICAgIHRoaXMuY2xhc3NDb2x1bW5PcmllbnRhdGlvbiA9IHRydWU7XG4gICAgICB0aGlzLmNsYXNzUm93T3JpZW50YXRpb24gPSBmYWxzZTtcblxuICAgICAgaWYgKGNoaWxkcmVuID4gMCkge1xuICAgICAgICAvLyBGaWxsIGFueSB1bnVzZWQgc3BhY2UgY2F1c2VkIGJ5IHdyYXBwZWQgaXRlbXMgYnkgbWFraW5nIHRoZVxuICAgICAgICAvLyBsYXN0IGl0ZW0gYWxzbyBzcGFuIG92ZXIgcmVtYWluaW5nIGNlbGxzLlxuICAgICAgICB0aGlzLmFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudHMuZm9yRWFjaCgoYykgPT4gKGMuY29sdW1uU3BhbiA9IG51bGwpKTtcbiAgICAgICAgdGhpcy5hcnJhbmdlR3JpZEl0ZW1Db21wb25lbnRzLmxhc3QuY29sdW1uU3BhbiA9XG4gICAgICAgICAgdGhpcy5fcm93cyAqIHRoaXMuX2NvbHMgLSBjaGlsZHJlbiArIDE7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2NvbHMgPSAxOyAvLyBJbiByb3cgb3JpZW50YXRpb24sIHRoZXJlIGlzIGp1c3QgYSBzaW5nbGUgY29sdW1uXG4gICAgICB0aGlzLl9yb3dzID0gY2hpbGRyZW47XG4gICAgICB0aGlzLmNsYXNzQ29sdW1uT3JpZW50YXRpb24gPSBmYWxzZTtcbiAgICAgIHRoaXMuY2xhc3NSb3dPcmllbnRhdGlvbiA9IHRydWU7XG4gICAgfVxuXG4gICAgdGhpcy5zZXRDc3NQcm9wZXJ0eSgnLS1jb2xzJywgdGhpcy5fY29scy50b1N0cmluZygpKTtcbiAgICB0aGlzLnNldENzc1Byb3BlcnR5KCctLXJvd3MnLCB0aGlzLl9yb3dzLnRvU3RyaW5nKCkpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldCBDU1MgdmFyaWFibGUgdmFsdWUgb3IgcmVtb3ZlIGl0IGlmIGEgbnVsbCB2YWx1ZSBpcyBnaXZlbi5cbiAgICogV291bGQgb2YgY291cnNlIHJhdGhlciBoYXZlIHVzZWQgcHJvcGVydHkgYmluZGluZyBidXQgdGhhdCBpcyBub3RcbiAgICogc3VwcG9ydGVkIHVudGlsIChwZXJoYXBzKSBBbmd1bGFyIDkuXG4gICAqIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvOTM0M1xuICAgKlxuICAgKiBUT0RPOiBSZXBsYWNlIHdpdGggcHJvcGVydHkgYmluZGluZyB3aXRoIEFuZ3VsYXIgOSB1cGdyYWRlXG4gICAqL1xuICBwcm90ZWN0ZWQgc2V0Q3NzUHJvcGVydHkodmFyaWFibGU6IHN0cmluZywgdmFsdWU6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSh2YXJpYWJsZSwgdmFsdWUpO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJncmFuaXRlLWFycmFuZ2UtZ3JpZC1pdGVtXCI+PC9uZy1jb250ZW50PlxuIl19

package/esm2020/lib/arrange-grid/arrange-grid.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GraniteArrangeGridComponent } from './arrange-grid.component';
+import { GraniteArrangeGridItemComponent } from './arrange-grid-item.component';
+import * as i0 from "@angular/core";
+export class GraniteArrangeGridModule {
+}
+GraniteArrangeGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GraniteArrangeGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridModule, declarations: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent], imports: [CommonModule], exports: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent] });
+GraniteArrangeGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteArrangeGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent],
+                    imports: [CommonModule],
+                    exports: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXJyYW5nZS1ncmlkL2FycmFuZ2UtZ3JpZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBT2hGLE1BQU0sT0FBTyx3QkFBd0I7O3NIQUF4Qix3QkFBd0I7dUhBQXhCLHdCQUF3QixpQkFKcEIsMkJBQTJCLEVBQUUsK0JBQStCLGFBQ2pFLFlBQVksYUFDWiwyQkFBMkIsRUFBRSwrQkFBK0I7dUhBRTNELHdCQUF3QixZQUgxQixDQUFDLFlBQVksQ0FBQzs0RkFHWix3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMkJBQTJCLEVBQUUsK0JBQStCLENBQUM7b0JBQzVFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsMkJBQTJCLEVBQUUsK0JBQStCLENBQUM7aUJBQ3hFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEdyYW5pdGVBcnJhbmdlR3JpZENvbXBvbmVudCB9IGZyb20gJy4vYXJyYW5nZS1ncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmFuaXRlQXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9hcnJhbmdlLWdyaWQtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHcmFuaXRlQXJyYW5nZUdyaWRDb21wb25lbnQsIEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0dyYW5pdGVBcnJhbmdlR3JpZENvbXBvbmVudCwgR3Jhbml0ZUFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVBcnJhbmdlR3JpZE1vZHVsZSB7fVxuIl19

package/esm2020/lib/badge/badge.component.mjs

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, Input, ElementRef, } from '@angular/core';
+import { setPropertyValue } from '../core/theme.library';
+import * as i0 from "@angular/core";
+export class GraniteBadgeComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        /** Pill style badge */
+        this.pill = false;
+    }
+    ngOnChanges(changes) {
+        if (changes.backgroundColor) {
+            if (changes.backgroundColor.previousValue !==
+                changes.backgroundColor.currentValue) {
+                setPropertyValue('background-color', changes.backgroundColor.currentValue, this.elementRef.nativeElement);
+            }
+        }
+        if (changes.color) {
+            if (changes.color.previousValue !== changes.color.currentValue) {
+                setPropertyValue('color', changes.color.currentValue, this.elementRef.nativeElement);
+            }
+        }
+    }
+}
+GraniteBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GraniteBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteBadgeComponent, selector: "granite-badge", inputs: { backgroundColor: "backgroundColor", color: "color", pill: "pill" }, host: { properties: { "class.granite-badge-pill": "pill" }, classAttribute: "granite-badge" }, exportAs: ["graniteBadge"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:-moz-inline-flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);padding:calc(var(--granite-spacing-m) * .3125);border-radius:.3125rem;padding-inline-start:calc(var(--granite-spacing-m) * .625);padding-inline-end:calc(var(--granite-spacing-m) * .625)}:host(.granite-badge-pill){border-radius:1.5625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'granite-badge', exportAs: 'graniteBadge', host: {
+                        class: 'granite-badge',
+                        '[class.granite-badge-pill]': 'pill',
+                    }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:-moz-inline-flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;align-items:center;background-color:var(--granite-color-signal-neutral);color:var(--granite-color-text-static-light);padding:calc(var(--granite-spacing-m) * .3125);border-radius:.3125rem;padding-inline-start:calc(var(--granite-spacing-m) * .625);padding-inline-end:calc(var(--granite-spacing-m) * .625)}:host(.granite-badge-pill){border-radius:1.5625rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { backgroundColor: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], pill: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUdMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFhekQsTUFBTSxPQUFPLHFCQUFxQjtJQWlCaEMsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUoxQyx1QkFBdUI7UUFFdkIsU0FBSSxHQUFZLEtBQUssQ0FBQztJQUV1QixDQUFDO0lBRTlDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxlQUFlLEVBQUU7WUFDM0IsSUFDRSxPQUFPLENBQUMsZUFBZSxDQUFDLGFBQWE7Z0JBQ3JDLE9BQU8sQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUNwQztnQkFDQSxnQkFBZ0IsQ0FDZCxrQkFBa0IsRUFDbEIsT0FBTyxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQ3BDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUM5QixDQUFDO2FBQ0g7U0FDRjtRQUNELElBQUksT0FBTyxDQUFDLEtBQUssRUFBRTtZQUNqQixJQUFJLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxLQUFLLE9BQU8sQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFO2dCQUM5RCxnQkFBZ0IsQ0FDZCxPQUFPLEVBQ1AsT0FBTyxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQzFCLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUM5QixDQUFDO2FBQ0g7U0FDRjtJQUNILENBQUM7O21IQXpDVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixtUkFKdEIsMkJBQTJCOzRGQUkxQixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsZUFBZSxZQUNmLGNBQWMsUUFDbEI7d0JBQ0osS0FBSyxFQUFFLGVBQWU7d0JBQ3RCLDRCQUE0QixFQUFFLE1BQU07cUJBQ3JDLFlBQ1MsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNO2lHQU8vQyxlQUFlO3NCQURkLEtBQUs7Z0JBT04sS0FBSztzQkFESixLQUFLO2dCQUtOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIEVsZW1lbnRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgc2V0UHJvcGVydHlWYWx1ZSB9IGZyb20gJy4uL2NvcmUvdGhlbWUubGlicmFyeSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYW5pdGUtYmFkZ2UnLFxuICBleHBvcnRBczogJ2dyYW5pdGVCYWRnZScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dyYW5pdGUtYmFkZ2UnLFxuICAgICdbY2xhc3MuZ3Jhbml0ZS1iYWRnZS1waWxsXSc6ICdwaWxsJyxcbiAgfSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVCYWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBEZXNpZ24gdG9rZW4gbmFtZSB0byBnZXQgdGhlIHZhbHVlIGZvciB0aGUgQmFja2dyb3VuZCBjb2xvclxuICAgKi9cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlc2lnbiB0b2tlbiBuYW1lIHRvIGdldCB0aGUgdmFsdWUgZm9yIHRoZSBGb250IGNvbG9yXG4gICAqL1xuICBASW5wdXQoKVxuICBjb2xvcjogc3RyaW5nO1xuXG4gIC8qKiBQaWxsIHN0eWxlIGJhZGdlICovXG4gIEBJbnB1dCgpXG4gIHBpbGw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLmJhY2tncm91bmRDb2xvcikge1xuICAgICAgaWYgKFxuICAgICAgICBjaGFuZ2VzLmJhY2tncm91bmRDb2xvci5wcmV2aW91c1ZhbHVlICE9PVxuICAgICAgICBjaGFuZ2VzLmJhY2tncm91bmRDb2xvci5jdXJyZW50VmFsdWVcbiAgICAgICkge1xuICAgICAgICBzZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgICAgICdiYWNrZ3JvdW5kLWNvbG9yJyxcbiAgICAgICAgICBjaGFuZ2VzLmJhY2tncm91bmRDb2xvci5jdXJyZW50VmFsdWUsXG4gICAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGNoYW5nZXMuY29sb3IpIHtcbiAgICAgIGlmIChjaGFuZ2VzLmNvbG9yLnByZXZpb3VzVmFsdWUgIT09IGNoYW5nZXMuY29sb3IuY3VycmVudFZhbHVlKSB7XG4gICAgICAgIHNldFByb3BlcnR5VmFsdWUoXG4gICAgICAgICAgJ2NvbG9yJyxcbiAgICAgICAgICBjaGFuZ2VzLmNvbG9yLmN1cnJlbnRWYWx1ZSxcbiAgICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2020/lib/badge/badge.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GraniteBadgeComponent } from './badge.component';
+import * as i0 from "@angular/core";
+export class GraniteBadgeModule {
+}
+GraniteBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GraniteBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeModule, declarations: [GraniteBadgeComponent], imports: [CommonModule], exports: [GraniteBadgeComponent] });
+GraniteBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GraniteBadgeComponent],
+                    imports: [CommonModule],
+                    exports: [GraniteBadgeComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBTzFELE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7aUhBQWxCLGtCQUFrQixpQkFKZCxxQkFBcUIsYUFDMUIsWUFBWSxhQUNaLHFCQUFxQjtpSEFFcEIsa0JBQWtCLFlBSHBCLENBQUMsWUFBWSxDQUFDOzRGQUdaLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztvQkFDckMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEdyYW5pdGVCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbR3Jhbml0ZUJhZGdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHcmFuaXRlQmFkZ2VDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQmFkZ2VNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/badge/testing/badge.harness.mjs

@@ -0,0 +1,25 @@
+import { ComponentHarness, HarnessPredicate, } from '@angular/cdk/testing';
+export class GraniteBadgeHarness extends ComponentHarness {
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a `GraniteBadgeHarness` that meets
+     * certain criteria.
+     * @param options Options for filtering which badge instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options = {}) {
+        const predicate = new HarnessPredicate(GraniteBadgeHarness, options);
+        predicate.addOption('text', options.text, (harness, label) => HarnessPredicate.stringMatches(harness.getText(), label));
+        predicate.addOption('pill', options.pill, async (harness, pill) => (await harness.isPill()) === pill);
+        return predicate;
+    }
+    /** Gets the Badge text. */
+    async getText() {
+        return (await this.host()).text();
+    }
+    /** Whether it's a Pill type badge. */
+    async isPill() {
+        return (await this.host()).hasClass('granite-badge-pill');
+    }
+}
+GraniteBadgeHarness.hostSelector = 'granite-badge';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuaGFybmVzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvdGVzdGluZy9iYWRnZS5oYXJuZXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxnQkFBZ0IsRUFFaEIsZ0JBQWdCLEdBQ2pCLE1BQU0sc0JBQXNCLENBQUM7QUFFOUIsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGdCQUFnQjtJQUd2RDs7Ozs7T0FLRztJQUNILE1BQU0sQ0FBQyxJQUFJLENBQ1QsVUFBc0MsRUFBRTtRQUV4QyxNQUFNLFNBQVMsR0FDYixJQUFJLGdCQUFnQixDQUFDLG1CQUFtQixFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ3JELFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0QsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FDekQsQ0FBQztRQUNGLFNBQVMsQ0FBQyxTQUFTLENBQ2pCLE1BQU0sRUFDTixPQUFPLENBQUMsSUFBSSxFQUNaLEtBQUssRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEtBQUssSUFBSSxDQUMzRCxDQUFDO1FBQ0YsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVELDJCQUEyQjtJQUMzQixLQUFLLENBQUMsT0FBTztRQUNYLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxzQ0FBc0M7SUFDdEMsS0FBSyxDQUFDLE1BQU07UUFDVixPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUM1RCxDQUFDOztBQWhDTSxnQ0FBWSxHQUFHLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudEhhcm5lc3MsXG4gIEJhc2VIYXJuZXNzRmlsdGVycyxcbiAgSGFybmVzc1ByZWRpY2F0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3Rlc3RpbmcnO1xuXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUJhZGdlSGFybmVzcyBleHRlbmRzIENvbXBvbmVudEhhcm5lc3Mge1xuICBzdGF0aWMgaG9zdFNlbGVjdG9yID0gJ2dyYW5pdGUtYmFkZ2UnO1xuXG4gIC8qKlxuICAgKiBHZXRzIGEgYEhhcm5lc3NQcmVkaWNhdGVgIHRoYXQgY2FuIGJlIHVzZWQgdG8gc2VhcmNoIGZvciBhIGBHcmFuaXRlQmFkZ2VIYXJuZXNzYCB0aGF0IG1lZXRzXG4gICAqIGNlcnRhaW4gY3JpdGVyaWEuXG4gICAqIEBwYXJhbSBvcHRpb25zIE9wdGlvbnMgZm9yIGZpbHRlcmluZyB3aGljaCBiYWRnZSBpbnN0YW5jZXMgYXJlIGNvbnNpZGVyZWQgYSBtYXRjaC5cbiAgICogQHJldHVybiBhIGBIYXJuZXNzUHJlZGljYXRlYCBjb25maWd1cmVkIHdpdGggdGhlIGdpdmVuIG9wdGlvbnMuXG4gICAqL1xuICBzdGF0aWMgd2l0aChcbiAgICBvcHRpb25zOiBHcmFuaXRlQmFkZ2VIYXJuZXNzRmlsdGVycyA9IHt9XG4gICk6IEhhcm5lc3NQcmVkaWNhdGU8R3Jhbml0ZUJhZGdlSGFybmVzcz4ge1xuICAgIGNvbnN0IHByZWRpY2F0ZTogSGFybmVzc1ByZWRpY2F0ZTxHcmFuaXRlQmFkZ2VIYXJuZXNzPiA9XG4gICAgICBuZXcgSGFybmVzc1ByZWRpY2F0ZShHcmFuaXRlQmFkZ2VIYXJuZXNzLCBvcHRpb25zKTtcbiAgICBwcmVkaWNhdGUuYWRkT3B0aW9uKCd0ZXh0Jywgb3B0aW9ucy50ZXh0LCAoaGFybmVzcywgbGFiZWwpID0+XG4gICAgICBIYXJuZXNzUHJlZGljYXRlLnN0cmluZ01hdGNoZXMoaGFybmVzcy5nZXRUZXh0KCksIGxhYmVsKVxuICAgICk7XG4gICAgcHJlZGljYXRlLmFkZE9wdGlvbihcbiAgICAgICdwaWxsJyxcbiAgICAgIG9wdGlvbnMucGlsbCxcbiAgICAgIGFzeW5jIChoYXJuZXNzLCBwaWxsKSA9PiAoYXdhaXQgaGFybmVzcy5pc1BpbGwoKSkgPT09IHBpbGxcbiAgICApO1xuICAgIHJldHVybiBwcmVkaWNhdGU7XG4gIH1cblxuICAvKiogR2V0cyB0aGUgQmFkZ2UgdGV4dC4gKi9cbiAgYXN5bmMgZ2V0VGV4dCgpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHJldHVybiAoYXdhaXQgdGhpcy5ob3N0KCkpLnRleHQoKTtcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIGl0J3MgYSBQaWxsIHR5cGUgYmFkZ2UuICovXG4gIGFzeW5jIGlzUGlsbCgpOiBQcm9taXNlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gKGF3YWl0IHRoaXMuaG9zdCgpKS5oYXNDbGFzcygnZ3Jhbml0ZS1iYWRnZS1waWxsJyk7XG4gIH1cbn1cblxuLyoqIEEgc2V0IG9mIGNyaXRlcmlhIHRoYXQgY2FuIGJlIHVzZWQgdG8gZmlsdGVyIGEgbGlzdCBvZiBgR3Jhbml0ZUJhZGdlSGFybmVzc2AgaW5zdGFuY2VzLiAqL1xuZXhwb3J0IGludGVyZmFjZSBHcmFuaXRlQmFkZ2VIYXJuZXNzRmlsdGVycyBleHRlbmRzIEJhc2VIYXJuZXNzRmlsdGVycyB7XG4gIC8qKiBPbmx5IGZpbmQgaW5zdGFuY2VzIHdob3NlIHRleHQgbWF0Y2hlcyB0aGUgZ2l2ZW4gdmFsdWUuICovXG4gIHRleHQ/OiBzdHJpbmcgfCBSZWdFeHA7XG4gIHBpbGw/OiBib29sZWFuO1xufVxuIl19

package/esm2020/lib/button/button.component.mjs

@@ -0,0 +1,89 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, } from '@angular/core';
+import { disabledMixin } from '../core/common-behaviors/disabled';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+export var ButtonSelectors;
+(function (ButtonSelectors) {
+    ButtonSelectors["graniteButton"] = "granite-button";
+    ButtonSelectors["granitePrimaryButton"] = "granite-primary-button";
+    ButtonSelectors["graniteFlatButton"] = "granite-flat-button";
+    ButtonSelectors["graniteToolbarButton"] = "granite-toolbar-button";
+})(ButtonSelectors || (ButtonSelectors = {}));
+const ButtonComponentMixin = disabledMixin();
+export class GraniteButtonComponent extends ButtonComponentMixin {
+    constructor(_focusMonitor, _elementRef) {
+        super();
+        this._focusMonitor = _focusMonitor;
+        this._elementRef = _elementRef;
+        this.toggled = false;
+        this._buttonToggled = false;
+        for (const selector of Object.keys(ButtonSelectors)) {
+            if (this._getHostElement().hasAttribute(selector)) {
+                this._getHostElement().classList.add(ButtonSelectors[selector]);
+            }
+        }
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        if (changes.toggled &&
+            (this._getHostElement().classList.contains(ButtonSelectors.graniteFlatButton) ||
+                this._getHostElement().classList.contains(ButtonSelectors.graniteToolbarButton))) {
+            this._buttonToggled = coerceBooleanProperty(changes.toggled.currentValue);
+        }
+    }
+    focus(origin = 'program', options) {
+        this._focusMonitor.focusVia(this._getHostElement(), origin, options);
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+GraniteButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonComponent, deps: [{ token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GraniteButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteButtonComponent, selector: "button[graniteButton],\n    button[granitePrimaryButton],\n    button[graniteFlatButton],\n    button[graniteToolbarButton]\n  ", inputs: { disabled: "disabled", toggled: "toggled" }, host: { properties: { "class.granite-button-disabled": "disabled", "class.granite-button-toggled": "_buttonToggled", "attr.disabled": "disabled || null" }, classAttribute: "granite-button-base" }, exportAs: ["graniteButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;appearance:none;outline:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host{outline:none}:host.granite-button-base{border-radius:.25rem;font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-font-size-body);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){outline-offset:-2px;outline-width:.125rem;outline-color:var(--granite-color-focus);outline-style:solid}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);outline:none;outline-offset:-1px}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none;outline:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:none;outline:none}button:host.granite-primary-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);outline:none;outline-offset:-1px}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-toolbar-button{background-color:var(--granite-color-background);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-toolbar-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background);color:var(--granite-color-text-link);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text-link);outline:none;outline-offset:-1px}a:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `button[graniteButton],
+    button[granitePrimaryButton],
+    button[graniteFlatButton],
+    button[graniteToolbarButton]
+  `, host: {
+                        class: 'granite-button-base',
+                        '[class.granite-button-disabled]': 'disabled',
+                        '[class.granite-button-toggled]': '_buttonToggled',
+                        '[attr.disabled]': 'disabled || null',
+                    }, exportAs: 'graniteButton', template: '<ng-content></ng-content>', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;appearance:none;outline:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host{outline:none}:host.granite-button-base{border-radius:.25rem;font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-font-size-body);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){outline-offset:-2px;outline-width:.125rem;outline-color:var(--granite-color-focus);outline-style:solid}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);outline:none;outline-offset:-1px}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none;outline:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:none;outline:none}button:host.granite-primary-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);outline:none;outline-offset:-1px}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-toolbar-button{background-color:var(--granite-color-background);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-toolbar-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background);color:var(--granite-color-text-link);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text-link);outline:none;outline-offset:-1px}a:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { toggled: [{
+                type: Input
+            }] } });
+export class GraniteAnchorComponent extends GraniteButtonComponent {
+    constructor(_focusMonitor, _elementRef) {
+        super(_focusMonitor, _elementRef);
+        this._focusMonitor = _focusMonitor;
+        this._elementRef = _elementRef;
+    }
+    _anchorClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+        }
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+    }
+}
+GraniteAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteAnchorComponent, deps: [{ token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GraniteAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteAnchorComponent, selector: "a[graniteButton],\n  a[graniteFlatButton]", inputs: { disabled: "disabled" }, host: { listeners: { "click": "_anchorClick($event)" }, properties: { "attr.tabindex": "disabled ? -1 : 0", "class.granite-button-disabled": "disabled" }, classAttribute: "granite-button-base" }, exportAs: ["graniteAnchor"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;appearance:none;outline:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host{outline:none}:host.granite-button-base{border-radius:.25rem;font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-font-size-body);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){outline-offset:-2px;outline-width:.125rem;outline-color:var(--granite-color-focus);outline-style:solid}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);outline:none;outline-offset:-1px}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none;outline:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:none;outline:none}button:host.granite-primary-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);outline:none;outline-offset:-1px}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-toolbar-button{background-color:var(--granite-color-background);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-toolbar-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background);color:var(--granite-color-text-link);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text-link);outline:none;outline-offset:-1px}a:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteAnchorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `a[graniteButton],
+  a[graniteFlatButton]`, host: {
+                        class: 'granite-button-base',
+                        '[attr.tabindex]': 'disabled ? -1 : 0',
+                        '[class.granite-button-disabled]': 'disabled',
+                    }, exportAs: 'graniteAnchor', template: '<ng-content></ng-content>', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit;cursor:pointer}button:host{background-color:inherit;-webkit-appearance:none;appearance:none;outline:none;border:none;font:inherit;border-radius:inherit;height:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:inherit;cursor:pointer;padding:inherit}a:host{outline:none}:host.granite-button-base{border-radius:.25rem;font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);padding:var(--granite-spacing-s) var(--granite-spacing-s);position:relative;line-height:var(--granite-font-size-body);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content}:host:focus:not(.granite-button-disabled):not(:active){outline-offset:-2px;outline-width:.125rem;outline-color:var(--granite-color-focus);outline-style:solid}button:host.granite-button{background-color:var(--granite-color-background-variant);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-primary-button{background-color:var(--granite-color-background-active);color:var(--granite-color-text-on-active);outline:none;outline-offset:-1px}button:host.granite-primary-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:none;outline:none}button:host.granite-primary-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:none;outline:none}button:host.granite-primary-button.granite-button-toggled{background-color:none;color:none;outline:none}button:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text);outline:none;outline-offset:-1px}button:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-flat-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-toolbar-button{background-color:var(--granite-color-background);color:var(--granite-color-text);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}button:host.granite-toolbar-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}button:host.granite-toolbar-button.granite-button-toggled{background-color:var(--granite-color-background-selected);color:var(--granite-color-focus);outline:none}button:host.granite-button-disabled,button:host.granite-button-disabled:active,button:host.granite-button-disabled:focus,button:host.granite-button-disabled:hover{opacity:.4;cursor:default}a:host.granite-button{background-color:var(--granite-color-background);color:var(--granite-color-text-link);outline:.0625rem solid var(--granite-color-border-soft);outline-offset:-1px}a:host.granite-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-flat-button{background-color:transparent;color:var(--granite-color-text-link);outline:none;outline-offset:-1px}a:host.granite-flat-button:hover:not(.granite-button-disabled){background-color:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button:active:not(.granite-button-disabled){background-color:var(--granite-color-background-active-pressed);color:var(--granite-color-text-on-active);outline:none}a:host.granite-flat-button.granite-button-toggled{background-color:none;color:none;outline:none}a:host.granite-button-disabled,a:host.granite-button-disabled:active,a:host.granite-button-disabled:focus,a:host.granite-button-disabled:hover{opacity:.4;text-decoration:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { _anchorClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBZSxNQUFNLG1CQUFtQixDQUFDO0FBQzlELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBRWxFLE1BQU0sQ0FBTixJQUFZLGVBS1g7QUFMRCxXQUFZLGVBQWU7SUFDekIsbURBQWdDLENBQUE7SUFDaEMsa0VBQStDLENBQUE7SUFDL0MsNERBQXlDLENBQUE7SUFDekMsa0VBQStDLENBQUE7QUFDakQsQ0FBQyxFQUxXLGVBQWUsS0FBZixlQUFlLFFBSzFCO0FBRUQsTUFBTSxvQkFBb0IsR0FBRyxhQUFhLEVBQUUsQ0FBQztBQXFCN0MsTUFBTSxPQUFPLHNCQUNYLFNBQVEsb0JBQW9CO0lBUTVCLFlBQ1ksYUFBMkIsRUFDM0IsV0FBdUI7UUFFakMsS0FBSyxFQUFFLENBQUM7UUFIRSxrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQUMzQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQU5uQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBRXpCLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBUTlCLEtBQUssTUFBTSxRQUFRLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRTtZQUNuRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO2FBQ2pFO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLEtBQUssQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFM0IsSUFDRSxPQUFPLENBQUMsT0FBTztZQUNmLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQ3hDLGVBQWUsQ0FBQyxpQkFBaUIsQ0FDbEM7Z0JBQ0MsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQ3ZDLGVBQWUsQ0FBQyxvQkFBb0IsQ0FDckMsQ0FBQyxFQUNKO1lBQ0EsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzNFO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxTQUFzQixTQUFTLEVBQUUsT0FBc0I7UUFDM0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRU8sZUFBZTtRQUNyQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDO0lBQ3hDLENBQUM7O29IQTVDVSxzQkFBc0I7d0dBQXRCLHNCQUFzQiwyZUFMdkIsMkJBQTJCOzRGQUsxQixzQkFBc0I7a0JBbkJsQyxTQUFTOytCQUVFOzs7O0dBSVQsUUFDSzt3QkFDSixLQUFLLEVBQUUscUJBQXFCO3dCQUM1QixpQ0FBaUMsRUFBRSxVQUFVO3dCQUM3QyxnQ0FBZ0MsRUFBRSxnQkFBZ0I7d0JBQ2xELGlCQUFpQixFQUFFLGtCQUFrQjtxQkFDdEMsWUFDUyxlQUFlLFlBQ2YsMkJBQTJCLFVBRTdCLENBQUMsVUFBVSxDQUFDLG1CQUNILHVCQUF1QixDQUFDLE1BQU07NEhBTy9DLE9BQU87c0JBRE4sS0FBSzs7QUEwRFIsTUFBTSxPQUFPLHNCQUNYLFNBQVEsc0JBQXNCO0lBRzlCLFlBQ1ksYUFBMkIsRUFDM0IsV0FBdUI7UUFFakMsS0FBSyxDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUMsQ0FBQztRQUh4QixrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQUMzQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtJQUduQyxDQUFDO0lBR0QsWUFBWSxDQUFDLEtBQVk7UUFDdkIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM3QixDQUFDOztvSEFwQlUsc0JBQXNCO3dHQUF0QixzQkFBc0IsZ1lBTHZCLDJCQUEyQjs0RkFLMUIsc0JBQXNCO2tCQWZsQyxTQUFTOytCQUVFO3VCQUNXLFFBQ2Y7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjt3QkFDNUIsaUJBQWlCLEVBQUUsbUJBQW1CO3dCQUN0QyxpQ0FBaUMsRUFBRSxVQUFVO3FCQUM5QyxZQUNTLGVBQWUsWUFDZiwyQkFBMkIsVUFFN0IsQ0FBQyxVQUFVLENBQUMsbUJBQ0gsdUJBQXVCLENBQUMsTUFBTTs0SEFjL0MsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciwgRm9jdXNPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uL2NvcmUvY29tbW9uLWJlaGF2aW9ycy9kaXNhYmxlZCc7XG5cbmV4cG9ydCBlbnVtIEJ1dHRvblNlbGVjdG9ycyB7XG4gIGdyYW5pdGVCdXR0b24gPSAnZ3Jhbml0ZS1idXR0b24nLFxuICBncmFuaXRlUHJpbWFyeUJ1dHRvbiA9ICdncmFuaXRlLXByaW1hcnktYnV0dG9uJyxcbiAgZ3Jhbml0ZUZsYXRCdXR0b24gPSAnZ3Jhbml0ZS1mbGF0LWJ1dHRvbicsXG4gIGdyYW5pdGVUb29sYmFyQnV0dG9uID0gJ2dyYW5pdGUtdG9vbGJhci1idXR0b24nLFxufVxuXG5jb25zdCBCdXR0b25Db21wb25lbnRNaXhpbiA9IGRpc2FibGVkTWl4aW4oKTtcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiBgYnV0dG9uW2dyYW5pdGVCdXR0b25dLFxuICAgIGJ1dHRvbltncmFuaXRlUHJpbWFyeUJ1dHRvbl0sXG4gICAgYnV0dG9uW2dyYW5pdGVGbGF0QnV0dG9uXSxcbiAgICBidXR0b25bZ3Jhbml0ZVRvb2xiYXJCdXR0b25dXG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dyYW5pdGUtYnV0dG9uLWJhc2UnLFxuICAgICdbY2xhc3MuZ3Jhbml0ZS1idXR0b24tZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgICAnW2NsYXNzLmdyYW5pdGUtYnV0dG9uLXRvZ2dsZWRdJzogJ19idXR0b25Ub2dnbGVkJyxcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICB9LFxuICBleHBvcnRBczogJ2dyYW5pdGVCdXR0b24nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQnV0dG9uQ29tcG9uZW50XG4gIGV4dGVuZHMgQnV0dG9uQ29tcG9uZW50TWl4aW5cbiAgaW1wbGVtZW50cyBPbkNoYW5nZXNcbntcbiAgQElucHV0KClcbiAgdG9nZ2xlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIF9idXR0b25Ub2dnbGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcbiAgICBwcm90ZWN0ZWQgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIGZvciAoY29uc3Qgc2VsZWN0b3Igb2YgT2JqZWN0LmtleXMoQnV0dG9uU2VsZWN0b3JzKSkge1xuICAgICAgaWYgKHRoaXMuX2dldEhvc3RFbGVtZW50KCkuaGFzQXR0cmlidXRlKHNlbGVjdG9yKSkge1xuICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmNsYXNzTGlzdC5hZGQoQnV0dG9uU2VsZWN0b3JzW3NlbGVjdG9yXSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25DaGFuZ2VzKGNoYW5nZXMpO1xuXG4gICAgaWYgKFxuICAgICAgY2hhbmdlcy50b2dnbGVkICYmXG4gICAgICAodGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5jbGFzc0xpc3QuY29udGFpbnMoXG4gICAgICAgIEJ1dHRvblNlbGVjdG9ycy5ncmFuaXRlRmxhdEJ1dHRvblxuICAgICAgKSB8fFxuICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmNsYXNzTGlzdC5jb250YWlucyhcbiAgICAgICAgICBCdXR0b25TZWxlY3RvcnMuZ3Jhbml0ZVRvb2xiYXJCdXR0b25cbiAgICAgICAgKSlcbiAgICApIHtcbiAgICAgIHRoaXMuX2J1dHRvblRvZ2dsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkoY2hhbmdlcy50b2dnbGVkLmN1cnJlbnRWYWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgZm9jdXMob3JpZ2luOiBGb2N1c09yaWdpbiA9ICdwcm9ncmFtJywgb3B0aW9ucz86IEZvY3VzT3B0aW9ucyk6IHZvaWQge1xuICAgIHRoaXMuX2ZvY3VzTW9uaXRvci5mb2N1c1ZpYSh0aGlzLl9nZXRIb3N0RWxlbWVudCgpLCBvcmlnaW4sIG9wdGlvbnMpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0SG9zdEVsZW1lbnQoKTogSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6IGBhW2dyYW5pdGVCdXR0b25dLFxuICBhW2dyYW5pdGVGbGF0QnV0dG9uXWAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dyYW5pdGUtYnV0dG9uLWJhc2UnLFxuICAgICdbYXR0ci50YWJpbmRleF0nOiAnZGlzYWJsZWQgPyAtMSA6IDAnLFxuICAgICdbY2xhc3MuZ3Jhbml0ZS1idXR0b24tZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgfSxcbiAgZXhwb3J0QXM6ICdncmFuaXRlQW5jaG9yJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUFuY2hvckNvbXBvbmVudFxuICBleHRlbmRzIEdyYW5pdGVCdXR0b25Db21wb25lbnRcbiAgaW1wbGVtZW50cyBPbkNoYW5nZXNcbntcbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcbiAgICBwcm90ZWN0ZWQgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7XG4gICAgc3VwZXIoX2ZvY3VzTW9uaXRvciwgX2VsZW1lbnRSZWYpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBfYW5jaG9yQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25DaGFuZ2VzKGNoYW5nZXMpO1xuICB9XG59XG4iXX0=

package/esm2020/lib/button/button.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { GraniteAnchorComponent, GraniteButtonComponent, } from './button.component';
+import * as i0 from "@angular/core";
+export class GraniteButtonModule {
+}
+GraniteButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GraniteButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonModule, declarations: [GraniteButtonComponent, GraniteAnchorComponent], exports: [GraniteButtonComponent, GraniteAnchorComponent] });
+GraniteButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GraniteButtonComponent, GraniteAnchorComponent],
+                    exports: [GraniteButtonComponent, GraniteAnchorComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3RCLHNCQUFzQixHQUN2QixNQUFNLG9CQUFvQixDQUFDOztBQU01QixNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBSGYsc0JBQXNCLEVBQUUsc0JBQXNCLGFBQ25ELHNCQUFzQixFQUFFLHNCQUFzQjtrSEFFN0MsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSi9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsc0JBQXNCLENBQUM7b0JBQzlELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLHNCQUFzQixDQUFDO2lCQUMxRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBHcmFuaXRlQW5jaG9yQ29tcG9uZW50LFxuICBHcmFuaXRlQnV0dG9uQ29tcG9uZW50LFxufSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHcmFuaXRlQnV0dG9uQ29tcG9uZW50LCBHcmFuaXRlQW5jaG9yQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0dyYW5pdGVCdXR0b25Db21wb25lbnQsIEdyYW5pdGVBbmNob3JDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQnV0dG9uTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/checkbox/checkbox-group.component.mjs

@@ -0,0 +1,17 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
+import * as i0 from "@angular/core";
+export class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {
+}
+GraniteCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GraniteCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GraniteCheckboxGroupComponent, selector: "granite-checkbox-group", host: { properties: { "attr.role": "\"group\"", "attr.aria-labelledby": "ariaLabelledby", "class.granite-radio-checkbox-base-layout-horizontal": "layout === \"horizontal\"" }, classAttribute: "granite-checkbox-group" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GraniteCheckboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ 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"',
+                    }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFnQnZFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSx3QkFBd0I7OzJIQUE5RCw2QkFBNkI7K0dBQTdCLDZCQUE2QixpVEFKOUIsMkJBQTJCOzRGQUkxQiw2QkFBNkI7a0JBZHpDLFNBQVM7K0JBQ0Usd0JBQXdCLFFBQzVCO3dCQUNKLEtBQUssRUFBRSx3QkFBd0I7d0JBQy9CLGFBQWEsRUFBRSxTQUFTO3dCQUN4Qix3QkFBd0IsRUFBRSxnQkFBZ0I7d0JBQzFDLHVEQUF1RCxFQUNyRCx5QkFBeUI7cUJBQzVCLFlBRVMsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3Jhbml0ZVJhZGlvQ2hlY2tib3hCYXNlIH0gZnJvbSAnLi4vY29yZS9yYWRpby1jaGVja2JveC1iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1jaGVja2JveC1ncm91cCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dyYW5pdGUtY2hlY2tib3gtZ3JvdXAnLFxuICAgICdbYXR0ci5yb2xlXSc6ICdcImdyb3VwXCInLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsbGVkYnldJzogJ2FyaWFMYWJlbGxlZGJ5JyxcbiAgICAnW2NsYXNzLmdyYW5pdGUtcmFkaW8tY2hlY2tib3gtYmFzZS1sYXlvdXQtaG9yaXpvbnRhbF0nOlxuICAgICAgJ2xheW91dCA9PT0gXCJob3Jpem9udGFsXCInLFxuICB9LFxuXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQ2hlY2tib3hHcm91cENvbXBvbmVudCBleHRlbmRzIEdyYW5pdGVSYWRpb0NoZWNrYm94QmFzZSB7fVxuIl19