@theseam/ui-common 0.2.9

package/tel-input/tel-input-constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TEL_INPUT_ASSETS_PATH = "assets/vendor/intl-tel-input";
+export declare const TEL_INPUT_STYLES: string;
+export declare const TEL_INPUT_STYLESHEET_PATH: string;
+export declare const TEL_INPUT_UTILS_PATH: string;

package/tel-input/tel-input-validator.d.ts

@@ -0,0 +1,7 @@
+import { FormControl } from '@angular/forms';
+export declare function telInputValidator(control: FormControl): Promise<{
+    telInput: {
+        code: import("./intl-tel-input").intlTelInputUtils.validationError;
+        message: string;
+    };
+} | null>;

package/tel-input/tel-input.directive.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { AssetLoaderService } from '@theseam/ui-common/services';
+export declare class TheSeamTelInputDirective implements OnInit, OnDestroy {
+    private readonly _elementRef;
+    private readonly _assetLoader;
+    private readonly _ngZone;
+    private readonly _document?;
+    private readonly _ngUnsubscribe;
+    private _instance;
+    private _loadedAssetRefs;
+    _attrType: string;
+    set value(v: string | undefined | null);
+    get value(): string | undefined | null;
+    private _value;
+    constructor(_elementRef: ElementRef<HTMLInputElement>, _assetLoader: AssetLoaderService, _ngZone: NgZone, _document?: any);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _formatIntlTelInput;
+    updateValue(): void;
+    getFullNumber(): string | undefined | null;
+    private _initDropdownListener;
+    isDropdownVisible(): boolean;
+    /** Focuses the input. */
+    focus(): void;
+    /** Unfocuses the input. */
+    blur(): void;
+    getHostElement(): HTMLInputElement;
+}

package/tel-input/tel-input.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamTelInputModule {
+}

package/tel-input/theseam-ui-common-tel-input.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/tel-input/theseam-ui-common-tel-input.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"exports":[{"from":"./add-country-code"},{"from":"./coerce-phone-number-format"},{"from":"./get-country-code"},{"from":"./get-dial-code"},{"from":"./get-global-intl-tel-input-globals"},{"from":"./get-global-intl-tel-input-utils"},{"from":"./get-intl-tel-input-utils"},{"from":"./get-validation-error-message"},{"from":"./process-country-codes"}],"metadata":{"TheSeamTelInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"seam-tel-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":36,"character":13},"useExisting":{"__symbolic":"reference","name":"TheSeamTelInputComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"template":"<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n","styles":[":host{display:block}"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":57,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"_attrDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":82,"character":3},"arguments":["attr.disabled"]}]}],"_attrTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":3},"arguments":["attr.tabindex"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"_telInputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"static":true}]}]}],"_inputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":107,"character":3},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"InputDirective","line":107,"character":13},{"static":true}]}]}],"_inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":["input",{"static":true}]}]}],"_onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":3},"arguments":["focus",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":130,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":131,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":132,"character":34},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":133,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"hasFocus":[{"__symbolic":"method"}]}},"IntlTelInputUtilsScript":{"__symbolic":"interface"},"IntlTelInputFn":{"__symbolic":"function","parameters":["node","options"],"value":{"__symbolic":"call","arguments":[{"__symbolic":"reference","name":"node"},{"__symbolic":"reference","name":"options"}]}},"TEL_INPUT_ASSETS_PATH":"assets/vendor/intl-tel-input","TEL_INPUT_STYLES":"\n  .iti { width: 100%; }\n\n  .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags.png\");}\n\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags@2x.png\");}\n  }\n\n  .iti__country-list {\n    /* There is a bug that is causing the 'z-index: 2' from ng-select to conflict with this dropdown container. */\n    z-index: 3;\n  }\n","TEL_INPUT_STYLESHEET_PATH":"assets/vendor/intl-tel-input/css/intlTelInput.min.css","TEL_INPUT_UTILS_PATH":"assets/vendor/intl-tel-input/js/utils.js","TheSeamTelInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"input[seamTelInput]","exportAs":"seamTelInput"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["attr.type"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":47,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":45,"context":{"typeName":"HTMLInputElement"},"module":"./tel-input.directive"}]},{"__symbolic":"reference","module":"@theseam/ui-common/services","name":"AssetLoaderService","line":45,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":46,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"getFullNumber":[{"__symbolic":"method"}],"_initDropdownListener":[{"__symbolic":"method"}],"isDropdownVisible":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"getHostElement":[{"__symbolic":"method"}]}},"telInputValidator":{"__symbolic":"function"},"TheSeamTelInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}]}]}],"members":{}},"TheSeamPhoneNumberPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"phoneNumber","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":28}]}],"transform":[{"__symbolic":"method"}],"_transform":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTelInputComponent":"./tel-input/tel-input.component","IntlTelInputUtilsScript":"./intl-tel-input","IntlTelInputFn":"./intl-tel-input","TEL_INPUT_ASSETS_PATH":"./tel-input-constants","TEL_INPUT_STYLES":"./tel-input-constants","TEL_INPUT_STYLESHEET_PATH":"./tel-input-constants","TEL_INPUT_UTILS_PATH":"./tel-input-constants","TheSeamTelInputDirective":"./tel-input.directive","telInputValidator":"./tel-input-validator","TheSeamTelInputModule":"./tel-input.module","TheSeamPhoneNumberPipe":"./phone-number.pipe"},"importAs":"@theseam/ui-common/tel-input"}

package/tel-input/utils/add-country-code.d.ts

@@ -0,0 +1,7 @@
+import type { TelInputCountryData } from '../models/index';
+/**
+ * Add a country code to this.countryCodes.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L197
+ */
+export declare function addCountryCode(data: TelInputCountryData, iso2: string, countryCode: string, priority?: number): void;

package/tel-input/utils/coerce-phone-number-format.d.ts

@@ -0,0 +1,7 @@
+import { intlTelInputUtils } from '../intl-tel-input';
+export declare const THESEAM_DEFAULT_PHONE_NUMBER_FORMAT = intlTelInputUtils.numberFormat.INTERNATIONAL;
+/**
+ * Types that should be acceptable in a template.
+ */
+export declare type TheSeamNumberFormatsInput = intlTelInputUtils.numberFormat | 'E164' | 'INTERNATIONAL' | 'NATIONAL' | 'RFC3966' | 'e164' | 'international' | 'national' | 'rfc3966';
+export declare function coercePhoneNumberFormat(format: TheSeamNumberFormatsInput, defaultFormat?: intlTelInputUtils.numberFormat): intlTelInputUtils.numberFormat;

package/tel-input/utils/get-country-code.d.ts

@@ -0,0 +1,2 @@
+import type { TelInputCountryData } from '../models/index';
+export declare function getCountryCode(data: TelInputCountryData, dialCode: string): string;

package/tel-input/utils/get-dial-code.d.ts

@@ -0,0 +1,9 @@
+import type { TelInputCountryData } from '../models/index';
+/**
+ * Try and extract a valid international dial code from a full telephone number.
+ *
+ * NOTE: returns the raw string inc plus character and any whitespace/dots etc.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L1161
+ */
+export declare function getDialCode(data: TelInputCountryData, number: string, includeAreaCode?: boolean): string;

package/tel-input/utils/get-global-intl-tel-input-globals.d.ts

@@ -0,0 +1,2 @@
+import type { IntlTelInput } from '../intl-tel-input';
+export declare function globalIntlTelInputGlobals(): IntlTelInput.Static;

package/tel-input/utils/get-global-intl-tel-input-utils.d.ts

@@ -0,0 +1,2 @@
+import type { IntlTelInputUtilsScript } from '../intl-tel-input';
+export declare function globalIntlTelInputUtils(): IntlTelInputUtilsScript;

package/tel-input/utils/get-intl-tel-input-utils.d.ts

@@ -0,0 +1,2 @@
+import type { IntlTelInputUtilsScript } from '../intl-tel-input';
+export declare function getIntlTelInputUtils(): Promise<IntlTelInputUtilsScript>;

package/tel-input/utils/get-validation-error-message.d.ts

@@ -0,0 +1,5 @@
+import { intlTelInputUtils } from '../intl-tel-input';
+export declare const VALIDATOR_CODE_MESSAGES: {
+    [key: number]: string;
+};
+export declare function getValidationErrorMessage(code: intlTelInputUtils.validationError): string;

package/tel-input/utils/index.d.ts

@@ -0,0 +1,9 @@
+export * from './add-country-code';
+export * from './coerce-phone-number-format';
+export * from './get-country-code';
+export * from './get-dial-code';
+export * from './get-global-intl-tel-input-globals';
+export * from './get-global-intl-tel-input-utils';
+export * from './get-intl-tel-input-utils';
+export * from './get-validation-error-message';
+export * from './process-country-codes';

package/tel-input/utils/process-country-codes.d.ts

@@ -0,0 +1,8 @@
+import type { intlTelInputUtils } from '../intl-tel-input';
+import type { TelInputCountryData } from '../models/index';
+/**
+ * Process the countryCodes map.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L252
+ */
+export declare function processCountryCodes(countries: intlTelInputUtils.CountryData[]): TelInputCountryData;

package/test-helpers/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-test-helpers.umd.js",
+  "module": "../fesm2015/theseam-ui-common-test-helpers.js",
+  "es2015": "../fesm2015/theseam-ui-common-test-helpers.js",
+  "esm2015": "../esm2015/test-helpers/theseam-ui-common-test-helpers.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-test-helpers.js",
+  "typings": "theseam-ui-common-test-helpers.d.ts",
+  "metadata": "theseam-ui-common-test-helpers.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/test-helpers"
+}

package/test-helpers/public-api.d.ts

@@ -0,0 +1 @@
+export * from './tick-helper';

package/test-helpers/theseam-ui-common-test-helpers.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/test-helpers/theseam-ui-common-test-helpers.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TickHelper":{"__symbolic":"class","members":{"tickTo":[{"__symbolic":"method"}]}}},"origins":{"TickHelper":"./tick-helper"},"importAs":"@theseam/ui-common/test-helpers"}

package/test-helpers/tick-helper.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Helps advance tests to specific elapsed times.
+ *
+ * # When to use
+ *
+ * If a test needs to do something at 100 ticks, but expected values should
+ * also be tested at multiple ticks before 100 ticks, then the previous tick
+ * sum needs to be counted. If the elapsed can be easily counted by just
+ * skimming the code you should just use `tick()`.
+ *
+ * The following example is simple enough that `tick()` is probably better, but
+ * it shows how it is used.
+ *
+ * ## Example without
+ *
+ * ```ts
+ * const thing = new Thing()
+ * thing.dieAfterTicks(100)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(false)
+ * ```
+ *
+ * ## Example with
+ *
+ * ```ts
+ * const t = new TickHelper()
+ * const thing = new Thing()
+ * thing.dieAfterTicks(100)
+ *
+ * t.tickTo(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(50)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(75)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(100)
+ * expect(thing.isAlive).toBe(false)
+ * ```
+ */
+export declare class TickHelper {
+    private _startTime;
+    /**
+     * Returns the number of ticks that have elapsed since this class was
+     * initialized.
+     */
+    get ticksElapsed(): number;
+    /**
+     * Calls `tick()` for the remaining number of ticks to reach elapsed ticks.
+     *
+     * ```
+     * const t = new TickHelper()
+     * tick(3)
+     * t.tickTo(10) // Equivalent to `tick(7)` in this case to reach 10 ticks.
+     * ```
+     */
+    tickTo(ticks: number): void;
+}

package/theseam-ui-common.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';

package/theseam-ui-common.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"exports":[{"from":"./public_api"}],"metadata":{},"origins":{},"importAs":"@theseam/ui-common"}

package/tiled-select/components/tiled-select/tiled-select.component.d.ts

@@ -0,0 +1,50 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { Platform } from '@angular/cdk/platform';
+import { ChangeDetectorRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { TiledSelectTileOverlayDirective } from './../../directives/tiled-select-tile-overlay.directive';
+import { ITiledSelectItem, TiledSelectLayout } from '../../tiled-select.models';
+export declare const slideEnterAnimation: import("@angular/animations").AnimationReferenceMetadata;
+export declare const TILED_SELECT_VALUE_ACCESSOR: any;
+export declare class TiledSelectComponent implements OnInit, ControlValueAccessor {
+    private readonly _platform;
+    private readonly _cdr;
+    static ngAcceptInputType_val: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_multiple: BooleanInput;
+    static ngAcceptInputType_selectionToggleable: BooleanInput;
+    static ngAcceptInputType_tileBackdrop: BooleanInput;
+    static ngAcceptInputType_showSelectedIcon: BooleanInput;
+    static ngAcceptInputType_animationsDisabled: BooleanInput;
+    layout: TiledSelectLayout;
+    get tiles(): ITiledSelectItem[];
+    set tiles(value: ITiledSelectItem[]);
+    private _tiles;
+    val: string | string[] | undefined;
+    disabled: boolean;
+    multiple: boolean;
+    selectionToggleable: boolean;
+    tileBackdrop: boolean;
+    showSelectedIcon: boolean;
+    animationsDisabled: boolean;
+    readonly change: EventEmitter<string | string[] | undefined>;
+    tilesAnimationState: boolean;
+    onChange: any;
+    onTouched: any;
+    overlayTpls?: QueryList<TiledSelectTileOverlayDirective>;
+    constructor(_platform: Platform, _cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    get value(): string | string[] | undefined;
+    set value(value: string | string[] | undefined);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onTileSelected(event: MouseEvent, tile: ITiledSelectItem): void;
+    isSelected(tile: ITiledSelectItem): boolean;
+    toggleTileSelected(tile: ITiledSelectItem): void;
+    selectTile(tile: ITiledSelectItem): void;
+    unselectTile(tile: ITiledSelectItem): void;
+    getSelectedTiles(): ITiledSelectItem[];
+    getOverlayTpl(tile: ITiledSelectItem): TiledSelectTileOverlayDirective | undefined;
+}

package/tiled-select/components/tiled-select-tile/tiled-select-tile.component.d.ts

@@ -0,0 +1,41 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { TiledSelectTileLabelTplDirective } from '../../directives/tiled-select-tile-label-tpl.directive';
+import { TiledSelectTileOverlayDirective } from '../../directives/tiled-select-tile-overlay.directive';
+import { TiledSelectLayout } from '../../tiled-select.models';
+export declare const tilePulse: import("@angular/animations").AnimationReferenceMetadata;
+export declare const tileScaleUp: import("@angular/animations").AnimationReferenceMetadata;
+export declare const tileScaleDown: import("@angular/animations").AnimationReferenceMetadata;
+export declare class TiledSelectTileComponent {
+    private cdr;
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_selected: BooleanInput;
+    static ngAcceptInputType_tileBackdrop: BooleanInput;
+    static ngAcceptInputType_selectable: BooleanInput;
+    static ngAcceptInputType_grayscaleOnDisable: BooleanInput;
+    static ngAcceptInputType_showLabel: BooleanInput;
+    static ngAcceptInputType_showSelectedIcon: BooleanInput;
+    faCheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    pulseAnimationState: boolean;
+    layout: TiledSelectLayout;
+    name: string | undefined | null;
+    label: string | undefined | null;
+    icon: SeamIcon | undefined | null;
+    disabled: boolean;
+    selected: boolean;
+    tileBackdrop: boolean;
+    selectable: boolean;
+    grayscaleOnDisable: boolean;
+    showLabel: boolean;
+    showSelectedIcon: boolean;
+    iconClass: string | undefined | null;
+    overlayTpl: TiledSelectTileOverlayDirective | undefined | null;
+    activated: EventEmitter<any>;
+    labelTpl?: TiledSelectTileLabelTplDirective;
+    pulsing: boolean;
+    pulsingTimeout: number | undefined;
+    constructor(cdr: ChangeDetectorRef);
+    onTileClick(event: any): void;
+    mDown(): void;
+}

package/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.d.ts

@@ -0,0 +1,26 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { TiledSelectTileIconTplDirective } from '../../directives/tiled-select-tile-icon-tpl.directive';
+import { TiledSelectLayout } from '../../tiled-select.models';
+export declare class TiledSelectTileIconComponent implements OnInit {
+    static ngAcceptInputType_grayscaleOnDisable: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
+    needToFix: boolean;
+    get _cssClassGrid(): boolean;
+    get _cssClassList(): boolean;
+    set layout(value: TiledSelectLayout);
+    get layout(): TiledSelectLayout;
+    private _layout;
+    grayscaleOnDisable: boolean;
+    disabled: boolean;
+    iconClass: string | undefined | null;
+    get icon(): SeamIcon | undefined | null;
+    set icon(value: SeamIcon | undefined | null);
+    _iconUrl: string | undefined | null;
+    _iconObj: IconProp | undefined | null;
+    iconTpl?: TiledSelectTileIconTplDirective;
+    constructor();
+    ngOnInit(): void;
+}

package/tiled-select/directives/tiled-select-tile-icon-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class TiledSelectTileIconTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/tiled-select/directives/tiled-select-tile-label-tpl.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class TiledSelectTileLabelTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/tiled-select/directives/tiled-select-tile-overlay.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import { ITiledSelectItem } from '../tiled-select.models';
+export declare class TiledSelectTileOverlayDirective {
+    template: TemplateRef<any>;
+    record: ITiledSelectItem | undefined | null;
+    constructor(template: TemplateRef<any>);
+}

package/tiled-select/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-tiled-select.umd.js",
+  "module": "../fesm2015/theseam-ui-common-tiled-select.js",
+  "es2015": "../fesm2015/theseam-ui-common-tiled-select.js",
+  "esm2015": "../esm2015/tiled-select/theseam-ui-common-tiled-select.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-tiled-select.js",
+  "typings": "theseam-ui-common-tiled-select.d.ts",
+  "metadata": "theseam-ui-common-tiled-select.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/tiled-select"
+}

package/tiled-select/public-api.d.ts

@@ -0,0 +1,8 @@
+export * from './components/tiled-select/tiled-select.component';
+export * from './components/tiled-select-tile/tiled-select-tile.component';
+export * from './components/tiled-select-tile-icon/tiled-select-tile-icon.component';
+export * from './directives/tiled-select-tile-icon-tpl.directive';
+export * from './directives/tiled-select-tile-label-tpl.directive';
+export * from './directives/tiled-select-tile-overlay.directive';
+export * from './tiled-select.models';
+export * from './tiled-select.module';

package/tiled-select/theseam-ui-common-tiled-select.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/tiled-select/theseam-ui-common-tiled-select.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"slideEnterAnimation":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":12,"character":35},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":2},"arguments":[{"opacity":0,"transform":"translateX(-15px)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger","line":14,"character":2},"arguments":[100,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":4},"arguments":["0.5s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":20},"arguments":[{"opacity":1,"transform":"translateX(0)"}]}]}]]}]]},"TILED_SELECT_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":20,"character":11},"useExisting":{"__symbolic":"reference","name":"TiledSelectComponent"},"multi":true},"TiledSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"seam-tiled-select","providers":[{"__symbolic":"reference","name":"TILED_SELECT_VALUE_ACCESSOR"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":32,"character":4},"arguments":["tiles",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":6},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":34,"character":8},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":34,"character":24},"arguments":[{"__symbolic":"reference","name":"slideEnterAnimation"}]},{"optional":true}]}]]}]]}],"template":"<div class=\"tiled-select--container\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [@tiles]=\"tilesAnimationState\"\n  [@.disabled]=\"animationsDisabled\">\n  <ng-container *ngFor=\"let tile of tiles\">\n    <div class=\"tile-wrapper\" [ngClass]=\"tile.customClass || ''\">\n      <seam-tiled-select-tile\n        class=\"tiled-select-tile\"\n        [ngClass]=\"tile.customClass || ''\"\n        [name]=\"tile.name\"\n        [label]=\"tile.label\"\n        [icon]=\"tile.icon\"\n        [disabled]=\"disabled || tile.disabled\"\n        [attr.hidden]=\"tile.hidden\"\n        [layout]=\"layout\"\n        [selected]=\"isSelected(tile)\"\n        [selectable]=\"true\"\n        [tileBackdrop]=\"tileBackdrop\"\n        [showSelectedIcon]=\"showSelectedIcon\"\n        [overlayTpl]=\"getOverlayTpl(tile)\"\n        (activated)=\"onTileSelected($event, tile)\">\n      </seam-tiled-select-tile>\n    </div>\n  </ng-container>\n</div>\n","styles":[":host{display:block;width:100%}.tiled-select--container{display:flex;flex-wrap:wrap;justify-content:center}.tiled-select--container.grid{flex-direction:row}.tiled-select--container.grid .tile-wrapper{padding:12px;width:200px;height:180px}.tiled-select--container.grid .tile-wrapper .tiled-select-tile{height:100%}.tiled-select--container.grid .tile-wrapper.other-org{width:auto;height:auto}@media screen and (max-width:600px){.tiled-select--container.grid .tile-wrapper{padding:6px;width:150px;height:135px}}.tiled-select--container.list{flex-direction:column}.tiled-select--container.list .tile-wrapper{width:100%;height:50px}.tiled-select--container.list .tile-wrapper:not(:last-child){margin-bottom:4px}"]}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"tiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"val":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["value"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":81,"character":12}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":82,"character":12}}]}],"selectionToggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":83,"character":12}}]}],"tileBackdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":84,"character":12}}]}],"showSelectedIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":85,"character":12}}]}],"animationsDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":86,"character":12}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"overlayTpls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":95,"character":3},"arguments":[{"__symbolic":"reference","name":"TiledSelectTileOverlayDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":99,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onTileSelected":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"toggleTileSelected":[{"__symbolic":"method"}],"selectTile":[{"__symbolic":"method"}],"unselectTile":[{"__symbolic":"method"}],"getSelectedTiles":[{"__symbolic":"method"}],"getOverlayTpl":[{"__symbolic":"method"}]}},"tilePulse":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":13,"character":25},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":2},"arguments":["{{ timing }}s {{ delay }}s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":16,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":6},"arguments":[{"transform":"scale3d(1, 1, 1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":6},"arguments":[{"transform":"scale3d({{ scale }}, {{ scale }}, {{ scale }})"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":6},"arguments":[{"transform":"scale3d(1, 1, 1)"}]}]]}]},{"params":{"scale":1.05,"timing":0.75,"delay":0}}]},"tileScaleUp":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":25,"character":27},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":2},"arguments":["{{ timing }}s {{ delay }}s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":28,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":6},"arguments":[{"transform":"scale3d({{ scale }}, {{ scale }}, {{ scale }})"}]}]]}]},{"params":{"scale":1.05,"timing":0.75,"delay":0}}]},"tileScaleDown":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":35,"character":29},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":2},"arguments":["{{ timing }}s {{ delay }}s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":38,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":39,"character":6},"arguments":[{"transform":"scale3d(1, 1, 1)"}]}]]}]},{"params":{"scale":1.05,"timing":0.75,"delay":0}}]},"TiledSelectTileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"seam-tiled-select-tile","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":50,"character":4},"arguments":["pulse",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":51,"character":6},"arguments":["false => true",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":52,"character":8},"arguments":[{"__symbolic":"reference","name":"tilePulse"}]}]]}]]}],"template":"<button\n  class=\"btn tiled-select-tile-panel\"\n  [disabled]=\"disabled\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [class.selected]=\"selectable && selected\"\n  [class.selectable]=\"selectable\"\n  [class.no-grayscale]=\"!grayscaleOnDisable\"\n  (click)=\"onTileClick($event)\"\n  [@pulse]=\"pulsing ? true : false\"\n  [attr.data-category]=\"name\"\n  [attr.title]=\"showLabel ? '' : label\"\n  type=\"button\">\n  <div class=\"tiled-select-tile-panel--content\">\n    <seam-tiled-select-tile-icon\n      class=\"tiled-select-tile-panel--icon\"\n      [class.invisible]=\"!icon\"\n      [icon]=\"icon\"\n      [iconClass]=\"iconClass\"\n      [layout]=\"layout\"\n      [grayscaleOnDisable]=\"grayscaleOnDisable\"\n      [disabled]=\"disabled\">\n    </seam-tiled-select-tile-icon>\n    <div class=\"tiled-select-tile-panel--label-container\" *ngIf=\"showLabel\">\n      <span *ngIf=\"!labelTpl\" class=\"tiled-select-tile-panel--label\">{{ label }}</span>\n      <ng-template *ngIf=\"labelTpl\"\n        [ngTemplateOutlet]=\"labelTpl.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: label, label: label }\">\n      </ng-template>\n    </div>\n    <div *ngIf=\"tileBackdrop\" class=\"selected-backdrop\"\n      [class.bg-success]=\"selected\"></div>\n    <fa-icon\n      *ngIf=\"selected && showSelectedIcon\"\n      class=\"tiled-select-tile-panel--selected text-success\"\n      [icon]=\"faCheckCircle\"\n      size=\"3x\">\n    </fa-icon>\n  </div>\n  <div class=\"tiled-select-tile-panel--overlay\" *ngIf=\"overlayTpl\">\n    <ng-template [ngTemplateOutlet]=\"overlayTpl.template\"></ng-template>\n  </div>\n</button>\n","styles":[":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid #e6e6e6;background-color:#fff;color:#505050;position:relative;overflow:hidden}.tiled-select-tile-panel:disabled:not(.no-grayscale){filter:grayscale(1)}.tiled-select-tile-panel .grey-fix{visibility:hidden;display:block}.tiled-select-tile-panel.selected{border:1px solid #3c96c8}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.tiled-select-tile-panel .tiled-select-tile-panel--content{display:flex;height:100%;width:100%}.tiled-select-tile-panel .tiled-select-tile-panel--content .tiled-select-tile-panel--selected{position:absolute;top:4px;right:4px}.tiled-select-tile-panel .tiled-select-tile-panel--content .selected-backdrop{opacity:.2;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;transition:background-color .2s ease-in-out;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;top:0;left:0;bottom:0;right:0}.tiled-select-tile-panel.grid{border-radius:15px;padding:0;margin:0}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content{flex-direction:column}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content .selected-backdrop{border-radius:15px}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{flex:0 0 auto;height:2.5em;line-height:1em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{display:block;font-size:90%;padding:0 1em;white-space:normal}@media screen and (max-width:600px){.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:2rem;line-height:.9em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{font-size:13px;padding:0 .7em}}.tiled-select-tile-panel.list{border-radius:10px;padding:4px}.tiled-select-tile-panel.list .tiled-select-tile-panel--content{flex-direction:row}.tiled-select-tile-panel.list .tiled-select-tile-panel--content .selected-backdrop{border-radius:10px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container{display:flex;max-height:100%;flex-direction:column;padding-right:40px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{padding:0 6px;text-align:left;margin:auto 0;font-size:80%;white-space:normal}.tiled-select-tile-panel.list .tiled-select-tile-panel--selected ::ng-deep .svg-inline--fa{height:39px}:host(.other-org) .tiled-select-tile-panel.grid{border:0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled){box-shadow:0 0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled) .tiled-select-tile-panel--label-container{text-decoration:underline}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--icon,:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--selected.text-success{display:none}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:auto;color:#357ebd}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label{padding:.5rem 1rem}"]}]}],"members":{"pulseAnimationState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["@pulse"]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":85,"character":12}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":86,"character":12}}]}],"tileBackdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":88,"character":12}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":89,"character":12}}]}],"grayscaleOnDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":90,"character":12}}]}],"showLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":91,"character":12}}]}],"showSelectedIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":92,"character":12}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"overlayTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"activated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"labelTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":100,"character":3},"arguments":[{"__symbolic":"reference","name":"TiledSelectTileLabelTplDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":106,"character":17}]}],"onTileClick":[{"__symbolic":"method"}],"mDown":[{"__symbolic":"method"}]}},"TiledSelectTileIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"seam-tiled-select-tile-icon","template":"<ng-container *ngIf=\"iconTpl; else noIconTpl\">\n  <ng-template\n    [ngTemplateOutlet]=\"iconTpl.template\"\n    [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n  </ng-template>\n</ng-container>\n<ng-template #noIconTpl>\n\n  <fa-icon *ngIf=\"_iconObj\"\n    class=\"tiled-select-tile-icon--fa {{ iconClass }}\"\n    [icon]=\"_iconObj\"></fa-icon>\n\n  <ng-container *ngIf=\"_iconUrl\">\n    <!-- Partial fix for IE greyscale -->\n    <ng-container *ngIf=\"needToFix\">\n      <ng-container *ngIf=\"disabled && grayscaleOnDisable\">\n        <span class=\"grayscale-fix\" style=\"display: inline-block; position: relative;\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"svgroot\" style=\"position: absolute; left: 0; right: 0;\" viewBox=\"0 0 48 48\" width=\"100%\" height=\"100%\">\n            <defs><filter id=\"gray\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\" /></filter></defs>\n            <image filter=\"url(&quot;#gray&quot;)\" preserveAspectRatio=\"none meet\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n              [attr.xlink:href]=\"_iconUrl\" />\n          </svg>\n          <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" style=\"display: block; visibility: hidden;\" alt=\"Icon\" [src]=\"_iconUrl\">\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"!disabled\">\n        <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!needToFix\">\n      <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n    </ng-container>\n  </ng-container>\n\n</ng-template>\n","styles":[":host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid #e6e6e6;border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}"]}]}],"members":{"_cssClassGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.grid"]}]}],"_cssClassList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["class.list"]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"grayscaleOnDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":32,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":33,"character":12}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":52,"character":3},"arguments":[{"__symbolic":"reference","name":"TiledSelectTileIconTplDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TiledSelectTileIconTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTiledSelectTileIconTpl]","exportAs":"seamTiledSelectTileIconTpl"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TiledSelectTileLabelTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTiledSelectTileLabelTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TiledSelectTileOverlayDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamTiledSelectTileOverlay]","exportAs":"seamTiledSelectTileOverlay"}]}],"members":{"record":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ITiledSelectItem":{"__symbolic":"interface"},"TiledSelectLayout":{"__symbolic":"interface"},"TheSeamTiledSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"TiledSelectComponent"},{"__symbolic":"reference","name":"TiledSelectTileComponent"},{"__symbolic":"reference","name":"TiledSelectTileOverlayDirective"},{"__symbolic":"reference","name":"TiledSelectTileIconComponent"},{"__symbolic":"reference","name":"TiledSelectTileIconTplDirective"},{"__symbolic":"reference","name":"TiledSelectTileLabelTplDirective"}],"exports":[{"__symbolic":"reference","name":"TiledSelectComponent"},{"__symbolic":"reference","name":"TiledSelectTileComponent"},{"__symbolic":"reference","name":"TiledSelectTileOverlayDirective"},{"__symbolic":"reference","name":"TiledSelectTileIconTplDirective"},{"__symbolic":"reference","name":"TiledSelectTileLabelTplDirective"}]}]}],"members":{}}},"origins":{"slideEnterAnimation":"./components/tiled-select/tiled-select.component","TILED_SELECT_VALUE_ACCESSOR":"./components/tiled-select/tiled-select.component","TiledSelectComponent":"./components/tiled-select/tiled-select.component","tilePulse":"./components/tiled-select-tile/tiled-select-tile.component","tileScaleUp":"./components/tiled-select-tile/tiled-select-tile.component","tileScaleDown":"./components/tiled-select-tile/tiled-select-tile.component","TiledSelectTileComponent":"./components/tiled-select-tile/tiled-select-tile.component","TiledSelectTileIconComponent":"./components/tiled-select-tile-icon/tiled-select-tile-icon.component","TiledSelectTileIconTplDirective":"./directives/tiled-select-tile-icon-tpl.directive","TiledSelectTileLabelTplDirective":"./directives/tiled-select-tile-label-tpl.directive","TiledSelectTileOverlayDirective":"./directives/tiled-select-tile-overlay.directive","ITiledSelectItem":"./tiled-select.models","TiledSelectLayout":"./tiled-select.models","TheSeamTiledSelectModule":"./tiled-select.module"},"importAs":"@theseam/ui-common/tiled-select"}

package/tiled-select/tiled-select.models.d.ts

@@ -0,0 +1,11 @@
+import { SeamIcon } from '@theseam/ui-common/icon';
+export interface ITiledSelectItem {
+    name?: string;
+    value: string;
+    label: string;
+    icon?: SeamIcon;
+    disabled?: boolean;
+    hidden?: boolean;
+    customClass?: string;
+}
+export declare type TiledSelectLayout = 'grid' | 'list';

package/tiled-select/tiled-select.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamTiledSelectModule {
+}

package/toggle-edit/models/can-toggle-edit.d.ts

@@ -0,0 +1,7 @@
+export interface ICanToggleEdit {
+    isEditing(): boolean;
+    toggleEditing(isEditing?: boolean): void;
+    startEditing(): void;
+    stopEditing(): void;
+    keydownEvent(event: KeyboardEvent): void;
+}