@skyux/lookup 5.7.2 → 6.0.0-beta.2

package/esm2015/lib/modules/search/search.component.js

@@ -1,260 +0,0 @@
-import { animate, state, style, transition, trigger, } from '@angular/animations';
-import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
-import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
-import { Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { SkySearchAdapterService } from './search-adapter.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/core";
-import * as i2 from "./search-adapter.service";
-import * as i3 from "@skyux/forms";
-import * as i4 from "@skyux/indicators";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "@skyux/theme";
-import * as i8 from "@skyux/i18n";
-const INPUT_SHOWN_STATE = 'inputShown';
-const INPUT_HIDDEN_STATE = 'inputHidden';
-const EXPAND_MODE_RESPONSIVE = 'responsive';
-const EXPAND_MODE_FIT = 'fit';
-const EXPAND_MODE_NONE = 'none';
-export class SkySearchComponent {
-    constructor(mediaQueryService, elRef, searchAdapter, changeRef) {
-        this.mediaQueryService = mediaQueryService;
-        this.elRef = elRef;
-        this.searchAdapter = searchAdapter;
-        this.changeRef = changeRef;
-        /**
-         * Fires when the search text is applied.
-         */
-        this.searchApply = new EventEmitter();
-        /**
-         * Fires when the search text is changed.
-         */
-        this.searchChange = new EventEmitter();
-        /**
-         * Fires when the search text is cleared.
-         */
-        this.searchClear = new EventEmitter();
-        /**
-         * Specifies the expand mode for the search input. The valid options
-         * include `"responsive"` to collapse the search input into a button on
-         * mobile devices, `"none"` to *not* collapse the search input on mobile
-         * devices, and `"fit"` to extend the search input to fit the width of its container.
-         * @default "responsive"
-         */
-        this.expandMode = EXPAND_MODE_RESPONSIVE;
-        /**
-         * Specifies how many milliseconds to wait before searching after users enter text in the search input.
-         * @default 0
-         */
-        this.debounceTime = 0;
-        /**
-         * Indicates whether to disable the filter button.
-         * @default false
-         */
-        this.disabled = false;
-        this.isFullWidth = false;
-        this.isCollapsible = true;
-        this.inputAnimate = INPUT_SHOWN_STATE;
-        this.searchButtonShown = false;
-        this.mobileSearchShown = false;
-        this.dismissButtonShown = false;
-        this.clearButtonShown = false;
-        this.searchUpdated = new Subject();
-    }
-    ngOnInit() {
-        if (this.searchShouldCollapse()) {
-            this.breakpointSubscription = this.mediaQueryService.subscribe((args) => {
-                this.mediaQueryCallback(args);
-                this.changeRef.detectChanges();
-            });
-        }
-        this.searchUpdated
-            .asObservable()
-            .pipe(debounceTime(this.debounceTime), distinctUntilChanged())
-            .subscribe((value) => {
-            this.searchChange.emit(value);
-        });
-    }
-    ngOnChanges(changes) {
-        if (this.expandModeBindingChanged(changes)) {
-            switch (this.expandMode) {
-                case EXPAND_MODE_NONE:
-                    this.isCollapsible = false;
-                    this.isFullWidth = false;
-                    break;
-                case EXPAND_MODE_FIT:
-                    this.isCollapsible = false;
-                    this.isFullWidth = true;
-                    break;
-                default:
-                    this.isCollapsible = true;
-                    this.isFullWidth = false;
-                    break;
-            }
-        }
-        if (this.searchBindingChanged(changes)) {
-            this.clearButtonShown = this.searchText && this.searchText !== '';
-            if (this.shouldOpenInput()) {
-                this.inputAnimate = INPUT_SHOWN_STATE;
-            }
-        }
-        this.changeRef.detectChanges();
-    }
-    clearSearchText() {
-        this.searchText = '';
-        this.clearButtonShown = false;
-        this.searchAdapter.focusInput(this.elRef);
-        this.searchChange.emit(this.searchText);
-        this.searchApply.emit(this.searchText);
-        this.searchClear.emit();
-    }
-    enterPress(event, searchText) {
-        if (event.code === 'Enter' || event.code === 'NumpadEnter') {
-            this.applySearchText(searchText);
-        }
-    }
-    applySearchText(searchText) {
-        // Double check that search text is defined before attempting to trim off whitespace
-        if (searchText) {
-            searchText = searchText.trim();
-        }
-        if (searchText !== this.searchText) {
-            this.searchText = searchText;
-        }
-        this.clearButtonShown = searchText && searchText !== '';
-        if (searchText && searchText !== '') {
-            this.searchAdapter.selectInput(this.elRef);
-        }
-        this.searchApply.emit(searchText);
-    }
-    searchTextChanged(searchText) {
-        this.searchText = searchText;
-        this.searchUpdated.next(searchText);
-    }
-    toggleSearchInput(showInput) {
-        if (this.searchShouldCollapse()) {
-            if (showInput) {
-                this.inputAnimate = INPUT_SHOWN_STATE;
-            }
-            else {
-                this.inputAnimate = INPUT_HIDDEN_STATE;
-            }
-        }
-    }
-    inputAnimationStart(event) {
-        if (this.searchShouldCollapse()) {
-            this.searchAdapter.startInputAnimation(this.elRef);
-            if (event.toState === INPUT_SHOWN_STATE &&
-                this.mediaQueryService.current === SkyMediaBreakpoints.xs) {
-                this.mobileSearchShown = true;
-                this.searchButtonShown = false;
-            }
-        }
-    }
-    inputAnimationEnd(event) {
-        if (this.searchShouldCollapse()) {
-            this.searchAdapter.endInputAnimation(this.elRef);
-            this.searchButtonShown =
-                event.toState === INPUT_HIDDEN_STATE &&
-                    this.mediaQueryService.current === SkyMediaBreakpoints.xs;
-            if ((event.toState === INPUT_HIDDEN_STATE &&
-                this.mediaQueryService.current === SkyMediaBreakpoints.xs) ||
-                this.mediaQueryService.current !== SkyMediaBreakpoints.xs) {
-                this.mobileSearchShown = false;
-            }
-        }
-    }
-    ngOnDestroy() {
-        if (this.breakpointSubscription) {
-            this.breakpointSubscription.unsubscribe();
-        }
-        this.searchUpdated.complete();
-    }
-    searchBindingChanged(changes) {
-        return (changes['searchText'] &&
-            changes['searchText'].previousValue !== changes['searchText'].currentValue);
-    }
-    expandModeBindingChanged(changes) {
-        return (changes['expandMode'] &&
-            changes['expandMode'].previousValue !== changes['expandMode'].currentValue);
-    }
-    shouldOpenInput() {
-        return (this.searchText !== '' &&
-            this.mediaQueryService.current === SkyMediaBreakpoints.xs &&
-            this.searchShouldCollapse());
-    }
-    mediaQueryCallback(args) {
-        if (this.searchShouldCollapse()) {
-            if (args === SkyMediaBreakpoints.xs) {
-                this.inputAnimate = INPUT_HIDDEN_STATE;
-            }
-            else if (this.inputAnimate !== INPUT_SHOWN_STATE) {
-                this.inputAnimate = INPUT_SHOWN_STATE;
-            }
-            else {
-                this.mobileSearchShown = false;
-            }
-        }
-        this.changeRef.markForCheck();
-    }
-    searchShouldCollapse() {
-        return ((this.isCollapsible || this.isCollapsible === undefined) &&
-            this.isFullWidth !== true);
-    }
-}
-SkySearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchComponent, deps: [{ token: i1.SkyMediaQueryService }, { token: i0.ElementRef }, { token: i2.SkySearchAdapterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkySearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySearchComponent, selector: "sky-search", inputs: { searchText: "searchText", expandMode: "expandMode", debounceTime: "debounceTime", disabled: "disabled", placeholderText: "placeholderText" }, outputs: { searchApply: "searchApply", searchChange: "searchChange", searchClear: "searchClear" }, providers: [SkySearchAdapterService], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-search-container\">\n  <div class=\"sky-search-button-container\">\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon sky-search-btn-open\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_search_open' | skyLibResources\"\n      [hidden]=\"!searchButtonShown\"\n      [ngClass]=\"{ 'sky-search-btn-open-applied': clearButtonShown }\"\n      (click)=\"toggleSearchInput(true)\"\n    >\n      <ng-container *ngTemplateOutlet=\"searchIconTemplate\"></ng-container>\n    </button>\n  </div>\n  <div\n    class=\"sky-search-dismiss-container\"\n    [hidden]=\"searchButtonShown\"\n    [ngClass]=\"{\n      'sky-search-dismiss-absolute': mobileSearchShown || isFullWidth\n    }\"\n  >\n    <div class=\"sky-search-item-input\">\n      <div\n        class=\"sky-search-input-container\"\n        [@inputState]=\"inputAnimate\"\n        (@inputState.start)=\"inputAnimationStart($event)\"\n        (@inputState.done)=\"inputAnimationEnd($event)\"\n        [ngClass]=\"{\n          'sky-search-input-container-has-value': searchText?.trim()\n        }\"\n      >\n        <sky-input-box>\n          <input\n            class=\"sky-form-control sky-search-input sky-rounded-corners\"\n            type=\"text\"\n            [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n            [attr.placeholder]=\"\n              placeholderText || ('skyux_search_placeholder' | skyLibResources)\n            \"\n            [disabled]=\"disabled\"\n            [ngModel]=\"searchText\"\n            (keyup)=\"enterPress($event, searchText)\"\n            (ngModelChange)=\"searchTextChanged($event)\"\n            skyId\n            #searchInput=\"skyId\"\n          />\n          <span\n            class=\"\n              sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\n            \"\n            [hidden]=\"!clearButtonShown\"\n          >\n            <button\n              aria-hidden=\"true\"\n              class=\"\n                sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\n              \"\n              tabindex=\"-1\"\n              type=\"button\"\n              [disabled]=\"disabled\"\n              (click)=\"clearSearchText()\"\n            >\n              <sky-icon *skyThemeIf=\"'default'\" icon=\"times\"></sky-icon>\n              <sky-icon\n                *skyThemeIf=\"'modern'\"\n                icon=\"close\"\n                iconType=\"skyux\"\n                size=\"sm\"\n              ></sky-icon>\n            </button>\n          </span>\n          <span\n            *skyThemeIf=\"'default'\"\n            class=\"sky-input-group-btn sky-input-box-btn-inset\"\n          >\n            <button\n              class=\"\n                sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\n              \"\n              type=\"button\"\n              [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n              [disabled]=\"disabled\"\n              (click)=\"applySearchText(searchText)\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"searchIconTemplate\"\n              ></ng-container>\n            </button>\n          </span>\n          <div\n            *skyThemeIf=\"'modern'\"\n            aria-hidden=\"true\"\n            class=\"sky-input-group-icon sky-input-box-icon-inset-left\"\n          >\n            <ng-container *ngTemplateOutlet=\"searchIconTemplate\"></ng-container>\n          </div>\n        </sky-input-box>\n      </div>\n    </div>\n    <div class=\"sky-search-item-dismiss\">\n      <button\n        *ngIf=\"mobileSearchShown\"\n        class=\"sky-btn sky-btn-secondary sky-search-btn-dismiss\"\n        type=\"button\"\n        [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n        (click)=\"toggleSearchInput(false)\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-circle-left\" size=\"lg\">\n        </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"double-chevron-left\"\n          iconType=\"skyux\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n</div>\n\n<ng-template #searchIconTemplate>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"search\" size=\"lg\"></sky-icon>\n  <sky-icon\n    *skyThemeIf=\"'modern'\"\n    icon=\"search\"\n    iconType=\"skyux\"\n    size=\"lg\"\n  ></sky-icon>\n</ng-template>\n", styles: ["sky-search .sky-search-container .sky-form-group{margin-bottom:0}sky-search .sky-search-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}sky-search .sky-search-input:focus{border:0 none;box-shadow:none;outline:none}sky-search .sky-search-input::-ms-clear{display:none}sky-search .sky-search-btn{border-left:0 none}sky-search .sky-search-btn:hover,sky-search .sky-search-btn:focus{background-color:#fff}sky-search .sky-search-btn-apply{padding-left:6px;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-right:1px solid #cdcfd2}sky-search .sky-search-btn-clear{border-right:0 none;padding-right:6px;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2}sky-search .sky-search-input-focused .sky-search-btn{border-color:transparent;border-top:0 none;border-bottom:0 none}sky-search .sky-search-input-focused .sky-search-btn-apply{border-right:0 none}sky-search .sky-search-input-container .sky-input-group-btn>button:focus{z-index:3}sky-search .sky-search-input-container{min-width:auto}sky-search .sky-responsive-container-xs .sky-search-input-container,sky-search .sky-responsive-container-sm .sky-search-input-container,sky-search .sky-responsive-container-md .sky-search-input-container,sky-search .sky-responsive-container-lg .sky-search-input-container{min-width:auto}@media (min-width: 768px){sky-search .sky-search-input-container{min-width:300px}}sky-search .sky-responsive-container-sm .sky-search-input-container,sky-search .sky-responsive-container-md .sky-search-input-container,sky-search .sky-responsive-container-lg .sky-search-input-container{min-width:300px}@media (max-width: 767px){sky-search .sky-search-input,sky-search .sky-search-btn-apply,sky-search .sky-search-btn-clear{font-size:15px}}sky-search .sky-search-btn-open-applied.sky-search-btn-open,sky-search .sky-search-btn-open-applied.sky-search-btn-open:hover{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}sky-search .sky-search-dismiss-container{display:flex}sky-search .sky-search-item-dismiss{flex-shrink:0;display:flex}sky-search .sky-search-item-dismiss>.sky-btn{border-color:transparent}sky-search .sky-search-item-input{flex-grow:1;display:flex}sky-search .sky-search-dismiss-absolute{align-items:center;position:absolute;background-color:#fff;top:0;left:0;bottom:0;right:0;padding:5px}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn{width:40px}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:#1c1d1f;font-size:inherit}.sky-theme-modern sky-search .sky-search-btn-open-applied.sky-search-btn-open,.sky-theme-modern sky-search .sky-search-btn-open-applied.sky-search-btn-open:hover{border:none;box-shadow:inset 0 0 0 2px #72bf44;padding:8px 14px}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container.sky-search-input-container-has-value .sky-input-box-group-form-control:not(.sky-input-box-group-form-control-focus,:hover) .sky-form-group{border:none;border-radius:unset;box-shadow:inset 0 -1px #1870b8}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-icon-inset-left-wrapper .sky-input-box-icon-inset-left{padding:0 10px}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-group-icon .sky-icon{font-size:17.3333px;color:#1c1d1f}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-group .sky-form-group{box-shadow:none}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-group .sky-form-group .sky-input-box-form-group-inner input{flex-basis:auto;width:auto;padding:10px 10px 10px 0;margin:0}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-group .sky-form-group .sky-input-box-form-group-inner input::placeholder{font-style:normal;color:inherit;font-weight:400}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-group .sky-form-group .sky-input-box-form-group-inner input:focus::placeholder{color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-search-dismiss-absolute{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-search-btn-open-applied.sky-search-btn-open,.sky-theme-modern.sky-theme-mode-dark .sky-search-btn-open-applied.sky-search-btn-open:hover{color:#72bf44}.sky-theme-modern.sky-theme-mode-dark sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-search .sky-input-group-icon .sky-icon{font-size:17.333px;color:#fbfcfe}\n"], components: [{ type: i3.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i8.SkyLibResourcesPipe }, animations: [
-        trigger('inputState', [
-            state(INPUT_HIDDEN_STATE, style({
-                opacity: 0,
-                width: 0,
-            })),
-            state(INPUT_SHOWN_STATE, style({
-                opacity: 1,
-                width: '100%',
-            })),
-            transition('* <=> *', animate('150ms')),
-        ]),
-    ], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-search',
-                    templateUrl: './search.component.html',
-                    styleUrls: ['./search.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    animations: [
-                        trigger('inputState', [
-                            state(INPUT_HIDDEN_STATE, style({
-                                opacity: 0,
-                                width: 0,
-                            })),
-                            state(INPUT_SHOWN_STATE, style({
-                                opacity: 1,
-                                width: '100%',
-                            })),
-                            transition('* <=> *', animate('150ms')),
-                        ]),
-                    ],
-                    providers: [SkySearchAdapterService],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }, { type: i0.ElementRef }, { type: i2.SkySearchAdapterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { searchApply: [{
-                type: Output
-            }], searchChange: [{
-                type: Output
-            }], searchClear: [{
-                type: Output
-            }], searchText: [{
-                type: Input
-            }], expandMode: [{
-                type: Input
-            }], debounceTime: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholderText: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=search.component.js.map

package/esm2015/lib/modules/search/search.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/search/search.component.ts","../../../../../../../../libs/components/lookup/src/lib/modules/search/search.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnimationEvent,\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\n\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\nimport { SkySearchAdapterService } from './search-adapter.service';\n\nconst INPUT_SHOWN_STATE = 'inputShown';\nconst INPUT_HIDDEN_STATE = 'inputHidden';\nconst EXPAND_MODE_RESPONSIVE = 'responsive';\nconst EXPAND_MODE_FIT = 'fit';\nconst EXPAND_MODE_NONE = 'none';\n\n@Component({\n  selector: 'sky-search',\n  templateUrl: './search.component.html',\n  styleUrls: ['./search.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('inputState', [\n      state(\n        INPUT_HIDDEN_STATE,\n        style({\n          opacity: 0,\n          width: 0,\n        })\n      ),\n      state(\n        INPUT_SHOWN_STATE,\n        style({\n          opacity: 1,\n          width: '100%',\n        })\n      ),\n      transition('* <=> *', animate('150ms')),\n    ]),\n  ],\n  providers: [SkySearchAdapterService],\n})\nexport class SkySearchComponent implements OnDestroy, OnInit, OnChanges {\n  /**\n   * Fires when the search text is applied.\n   */\n  @Output()\n  public searchApply = new EventEmitter<string>();\n\n  /**\n   * Fires when the search text is changed.\n   */\n  @Output()\n  public searchChange = new EventEmitter<string>();\n\n  /**\n   * Fires when the search text is cleared.\n   */\n  @Output()\n  public searchClear = new EventEmitter<void>();\n\n  /**\n   * Specifies default search criteria for the input.\n   */\n  @Input()\n  public searchText: string;\n\n  /**\n   * Specifies the expand mode for the search input. The valid options\n   * include `\"responsive\"` to collapse the search input into a button on\n   * mobile devices, `\"none\"` to *not* collapse the search input on mobile\n   * devices, and `\"fit\"` to extend the search input to fit the width of its container.\n   * @default \"responsive\"\n   */\n  @Input()\n  public expandMode: string = EXPAND_MODE_RESPONSIVE;\n\n  /**\n   * Specifies how many milliseconds to wait before searching after users enter text in the search input.\n   * @default 0\n   */\n  @Input()\n  public debounceTime = 0;\n\n  /**\n   * Indicates whether to disable the filter button.\n   * @default false\n   */\n  @Input()\n  public disabled = false;\n\n  public isFullWidth = false;\n\n  public isCollapsible = true;\n\n  /**\n   * Specifies placeholder text to display in the search input until users\n   * enter search criteria.\n   * @default \"Find in this list\"\n   */\n  @Input()\n  public placeholderText: string;\n\n  public inputAnimate: string = INPUT_SHOWN_STATE;\n  public breakpointSubscription: Subscription;\n  public searchButtonShown = false;\n  public mobileSearchShown = false;\n  public dismissButtonShown = false;\n  public clearButtonShown = false;\n\n  private searchUpdated: Subject<string> = new Subject<string>();\n\n  constructor(\n    private mediaQueryService: SkyMediaQueryService,\n    private elRef: ElementRef,\n    private searchAdapter: SkySearchAdapterService,\n    private changeRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit() {\n    if (this.searchShouldCollapse()) {\n      this.breakpointSubscription = this.mediaQueryService.subscribe(\n        (args: SkyMediaBreakpoints) => {\n          this.mediaQueryCallback(args);\n          this.changeRef.detectChanges();\n        }\n      );\n    }\n\n    this.searchUpdated\n      .asObservable()\n      .pipe(debounceTime(this.debounceTime), distinctUntilChanged())\n      .subscribe((value) => {\n        this.searchChange.emit(value);\n      });\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    if (this.expandModeBindingChanged(changes)) {\n      switch (this.expandMode) {\n        case EXPAND_MODE_NONE:\n          this.isCollapsible = false;\n          this.isFullWidth = false;\n          break;\n        case EXPAND_MODE_FIT:\n          this.isCollapsible = false;\n          this.isFullWidth = true;\n          break;\n        default:\n          this.isCollapsible = true;\n          this.isFullWidth = false;\n          break;\n      }\n    }\n\n    if (this.searchBindingChanged(changes)) {\n      this.clearButtonShown = this.searchText && this.searchText !== '';\n      if (this.shouldOpenInput()) {\n        this.inputAnimate = INPUT_SHOWN_STATE;\n      }\n    }\n    this.changeRef.detectChanges();\n  }\n\n  public clearSearchText() {\n    this.searchText = '';\n    this.clearButtonShown = false;\n\n    this.searchAdapter.focusInput(this.elRef);\n    this.searchChange.emit(this.searchText);\n\n    this.searchApply.emit(this.searchText);\n\n    this.searchClear.emit();\n  }\n\n  public enterPress(event: KeyboardEvent, searchText: string) {\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      this.applySearchText(searchText);\n    }\n  }\n\n  public applySearchText(searchText: string) {\n    // Double check that search text is defined before attempting to trim off whitespace\n    if (searchText) {\n      searchText = searchText.trim();\n    }\n\n    if (searchText !== this.searchText) {\n      this.searchText = searchText;\n    }\n    this.clearButtonShown = searchText && searchText !== '';\n    if (searchText && searchText !== '') {\n      this.searchAdapter.selectInput(this.elRef);\n    }\n\n    this.searchApply.emit(searchText);\n  }\n\n  public searchTextChanged(searchText: string) {\n    this.searchText = searchText;\n    this.searchUpdated.next(searchText);\n  }\n\n  public toggleSearchInput(showInput: boolean) {\n    if (this.searchShouldCollapse()) {\n      if (showInput) {\n        this.inputAnimate = INPUT_SHOWN_STATE;\n      } else {\n        this.inputAnimate = INPUT_HIDDEN_STATE;\n      }\n    }\n  }\n\n  public inputAnimationStart(event: AnimationEvent) {\n    if (this.searchShouldCollapse()) {\n      this.searchAdapter.startInputAnimation(this.elRef);\n\n      if (\n        event.toState === INPUT_SHOWN_STATE &&\n        this.mediaQueryService.current === SkyMediaBreakpoints.xs\n      ) {\n        this.mobileSearchShown = true;\n        this.searchButtonShown = false;\n      }\n    }\n  }\n\n  public inputAnimationEnd(event: AnimationEvent) {\n    if (this.searchShouldCollapse()) {\n      this.searchAdapter.endInputAnimation(this.elRef);\n\n      this.searchButtonShown =\n        event.toState === INPUT_HIDDEN_STATE &&\n        this.mediaQueryService.current === SkyMediaBreakpoints.xs;\n\n      if (\n        (event.toState === INPUT_HIDDEN_STATE &&\n          this.mediaQueryService.current === SkyMediaBreakpoints.xs) ||\n        this.mediaQueryService.current !== SkyMediaBreakpoints.xs\n      ) {\n        this.mobileSearchShown = false;\n      }\n    }\n  }\n\n  public ngOnDestroy() {\n    if (this.breakpointSubscription) {\n      this.breakpointSubscription.unsubscribe();\n    }\n\n    this.searchUpdated.complete();\n  }\n  private searchBindingChanged(changes: SimpleChanges) {\n    return (\n      changes['searchText'] &&\n      changes['searchText'].previousValue !== changes['searchText'].currentValue\n    );\n  }\n\n  private expandModeBindingChanged(changes: SimpleChanges) {\n    return (\n      changes['expandMode'] &&\n      changes['expandMode'].previousValue !== changes['expandMode'].currentValue\n    );\n  }\n\n  private shouldOpenInput() {\n    return (\n      this.searchText !== '' &&\n      this.mediaQueryService.current === SkyMediaBreakpoints.xs &&\n      this.searchShouldCollapse()\n    );\n  }\n\n  private mediaQueryCallback(args: SkyMediaBreakpoints) {\n    if (this.searchShouldCollapse()) {\n      if (args === SkyMediaBreakpoints.xs) {\n        this.inputAnimate = INPUT_HIDDEN_STATE;\n      } else if (this.inputAnimate !== INPUT_SHOWN_STATE) {\n        this.inputAnimate = INPUT_SHOWN_STATE;\n      } else {\n        this.mobileSearchShown = false;\n      }\n    }\n    this.changeRef.markForCheck();\n  }\n\n  private searchShouldCollapse() {\n    return (\n      (this.isCollapsible || this.isCollapsible === undefined) &&\n      this.isFullWidth !== true\n    );\n  }\n}\n","<div class=\"sky-search-container\">\n  <div class=\"sky-search-button-container\">\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon sky-search-btn-open\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_search_open' | skyLibResources\"\n      [hidden]=\"!searchButtonShown\"\n      [ngClass]=\"{ 'sky-search-btn-open-applied': clearButtonShown }\"\n      (click)=\"toggleSearchInput(true)\"\n    >\n      <ng-container *ngTemplateOutlet=\"searchIconTemplate\"></ng-container>\n    </button>\n  </div>\n  <div\n    class=\"sky-search-dismiss-container\"\n    [hidden]=\"searchButtonShown\"\n    [ngClass]=\"{\n      'sky-search-dismiss-absolute': mobileSearchShown || isFullWidth\n    }\"\n  >\n    <div class=\"sky-search-item-input\">\n      <div\n        class=\"sky-search-input-container\"\n        [@inputState]=\"inputAnimate\"\n        (@inputState.start)=\"inputAnimationStart($event)\"\n        (@inputState.done)=\"inputAnimationEnd($event)\"\n        [ngClass]=\"{\n          'sky-search-input-container-has-value': searchText?.trim()\n        }\"\n      >\n        <sky-input-box>\n          <input\n            class=\"sky-form-control sky-search-input sky-rounded-corners\"\n            type=\"text\"\n            [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n            [attr.placeholder]=\"\n              placeholderText || ('skyux_search_placeholder' | skyLibResources)\n            \"\n            [disabled]=\"disabled\"\n            [ngModel]=\"searchText\"\n            (keyup)=\"enterPress($event, searchText)\"\n            (ngModelChange)=\"searchTextChanged($event)\"\n            skyId\n            #searchInput=\"skyId\"\n          />\n          <span\n            class=\"\n              sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\n            \"\n            [hidden]=\"!clearButtonShown\"\n          >\n            <button\n              aria-hidden=\"true\"\n              class=\"\n                sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\n              \"\n              tabindex=\"-1\"\n              type=\"button\"\n              [disabled]=\"disabled\"\n              (click)=\"clearSearchText()\"\n            >\n              <sky-icon *skyThemeIf=\"'default'\" icon=\"times\"></sky-icon>\n              <sky-icon\n                *skyThemeIf=\"'modern'\"\n                icon=\"close\"\n                iconType=\"skyux\"\n                size=\"sm\"\n              ></sky-icon>\n            </button>\n          </span>\n          <span\n            *skyThemeIf=\"'default'\"\n            class=\"sky-input-group-btn sky-input-box-btn-inset\"\n          >\n            <button\n              class=\"\n                sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\n              \"\n              type=\"button\"\n              [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n              [disabled]=\"disabled\"\n              (click)=\"applySearchText(searchText)\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"searchIconTemplate\"\n              ></ng-container>\n            </button>\n          </span>\n          <div\n            *skyThemeIf=\"'modern'\"\n            aria-hidden=\"true\"\n            class=\"sky-input-group-icon sky-input-box-icon-inset-left\"\n          >\n            <ng-container *ngTemplateOutlet=\"searchIconTemplate\"></ng-container>\n          </div>\n        </sky-input-box>\n      </div>\n    </div>\n    <div class=\"sky-search-item-dismiss\">\n      <button\n        *ngIf=\"mobileSearchShown\"\n        class=\"sky-btn sky-btn-secondary sky-search-btn-dismiss\"\n        type=\"button\"\n        [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n        (click)=\"toggleSearchInput(false)\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-circle-left\" size=\"lg\">\n        </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"double-chevron-left\"\n          iconType=\"skyux\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n</div>\n\n<ng-template #searchIconTemplate>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"search\" size=\"lg\"></sky-icon>\n  <sky-icon\n    *skyThemeIf=\"'modern'\"\n    icon=\"search\"\n    iconType=\"skyux\"\n    size=\"lg\"\n  ></sky-icon>\n</ng-template>\n"]}

package/esm2015/lib/modules/search/search.module.js

@@ -1,46 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SkyIdModule } from '@skyux/core';
-import { SkyInputBoxModule } from '@skyux/forms';
-import { SkyIconModule } from '@skyux/indicators';
-import { SkyThemeModule } from '@skyux/theme';
-import { SkyLookupResourcesModule } from '../shared/sky-lookup-resources.module';
-import { SkySearchComponent } from './search.component';
-import * as i0 from "@angular/core";
-export class SkySearchModule {
-}
-SkySearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkySearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchModule, declarations: [SkySearchComponent], imports: [CommonModule,
-        SkyInputBoxModule,
-        SkyLookupResourcesModule,
-        FormsModule,
-        SkyIconModule,
-        SkyThemeModule,
-        SkyIdModule], exports: [SkySearchComponent] });
-SkySearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchModule, imports: [[
-            CommonModule,
-            SkyInputBoxModule,
-            SkyLookupResourcesModule,
-            FormsModule,
-            SkyIconModule,
-            SkyThemeModule,
-            SkyIdModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySearchModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkySearchComponent],
-                    imports: [
-                        CommonModule,
-                        SkyInputBoxModule,
-                        SkyLookupResourcesModule,
-                        FormsModule,
-                        SkyIconModule,
-                        SkyThemeModule,
-                        SkyIdModule,
-                    ],
-                    exports: [SkySearchComponent],
-                }]
-        }] });
-//# sourceMappingURL=search.module.js.map

package/esm2015/lib/modules/search/search.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/search/search.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;AAexD,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBAZX,kBAAkB,aAE/B,YAAY;QACZ,iBAAiB;QACjB,wBAAwB;QACxB,WAAW;QACX,aAAa;QACb,cAAc;QACd,WAAW,aAEH,kBAAkB;8GAEjB,eAAe,YAXjB;YACP,YAAY;YACZ,iBAAiB;YACjB,wBAAwB;YACxB,WAAW;YACX,aAAa;YACb,cAAc;YACd,WAAW;SACZ;4FAGU,eAAe;kBAb3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,wBAAwB;wBACxB,WAAW;wBACX,aAAa;wBACb,cAAc;wBACd,WAAW;qBACZ;oBACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyLookupResourcesModule } from '../shared/sky-lookup-resources.module';\n\nimport { SkySearchComponent } from './search.component';\n\n@NgModule({\n  declarations: [SkySearchComponent],\n  imports: [\n    CommonModule,\n    SkyInputBoxModule,\n    SkyLookupResourcesModule,\n    FormsModule,\n    SkyIconModule,\n    SkyThemeModule,\n    SkyIdModule,\n  ],\n  exports: [SkySearchComponent],\n})\nexport class SkySearchModule {}\n"]}

package/esm2015/lib/modules/shared/sky-lookup-resources.module.js

@@ -1,72 +0,0 @@
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-lookup' schematic.
- * To update this file, simply rerun the command.
- */
-import { NgModule } from '@angular/core';
-import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
-import * as i0 from "@angular/core";
-const RESOURCES = {
-    'EN-US': {
-        skyux_autocomplete_add: { message: 'New' },
-        skyux_autocomplete_no_results: { message: 'No matches found' },
-        skyux_autocomplete_show_all: { message: 'Show all' },
-        skyux_autocomplete_show_all_count: { message: 'Show all {0}' },
-        skyux_autocomplete_show_matches_count: { message: 'Show matches ({0})' },
-        skyux_country_field_search_placeholder: { message: 'Search for a country' },
-        skyux_lookup_search_icon: { message: 'Search' },
-        skyux_lookup_search_button_show_more: {
-            message: 'Show all search results',
-        },
-        skyux_lookup_show_more_add: { message: 'New' },
-        skyux_lookup_show_more_select_all_button_title: { message: 'Select all' },
-        skyux_lookup_show_more_clear_all_button_title: { message: 'Clear all' },
-        skyux_lookup_show_more_show_selected_option_title: {
-            message: 'Show only selected items',
-        },
-        skyux_lookup_show_more_cancel: { message: 'Cancel' },
-        skyux_lookup_show_more_modal_title_single: { message: 'Select an option' },
-        skyux_lookup_show_more_modal_title_multiple: { message: 'Select options' },
-        skyux_lookup_show_more_no_results: { message: 'No matches found' },
-        skyux_lookup_show_more_select: { message: 'Select' },
-        skyux_lookup_tokens_summary: { message: '{0} items selected' },
-        skyux_search_dismiss: { message: 'Dismiss search' },
-        skyux_search_label: { message: 'Search items' },
-        skyux_search_open: { message: 'Open search' },
-        skyux_search_placeholder: { message: 'Find in this list' },
-    },
-};
-export class SkyLookupResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-export class SkyLookupResourcesModule {
-}
-SkyLookupResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLookupResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyLookupResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLookupResourcesModule, exports: [SkyI18nModule] });
-SkyLookupResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLookupResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyLookupResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLookupResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyLookupResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=sky-lookup-resources.module.js.map

package/esm2015/lib/modules/shared/sky-lookup-resources.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sky-lookup-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/shared/sky-lookup-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,sBAAsB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,6BAA6B,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAC9D,2BAA2B,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACpD,iCAAiC,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QAC9D,qCAAqC,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACxE,sCAAsC,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE;QAC3E,wBAAwB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC/C,oCAAoC,EAAE;YACpC,OAAO,EAAE,yBAAyB;SACnC;QACD,0BAA0B,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9C,8CAA8C,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QACzE,6CAA6C,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;QACvE,iDAAiD,EAAE;YACjD,OAAO,EAAE,0BAA0B;SACpC;QACD,6BAA6B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACpD,yCAAyC,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAC1E,2CAA2C,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC1E,iCAAiC,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAClE,6BAA6B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACpD,2BAA2B,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QAC9D,oBAAoB,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;QACnD,kBAAkB,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QAC/C,iBAAiB,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC7C,wBAAwB,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;KAC3D;CACF,CAAC;AAEF,MAAM,OAAO,0BAA0B;IAC9B,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,YATzB,aAAa;uHASZ,wBAAwB,aARxB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,0BAA0B;YACpC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,wBAAwB;kBAVpC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,0BAA0B;4BACpC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-lookup' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_autocomplete_add: { message: 'New' },\n    skyux_autocomplete_no_results: { message: 'No matches found' },\n    skyux_autocomplete_show_all: { message: 'Show all' },\n    skyux_autocomplete_show_all_count: { message: 'Show all {0}' },\n    skyux_autocomplete_show_matches_count: { message: 'Show matches ({0})' },\n    skyux_country_field_search_placeholder: { message: 'Search for a country' },\n    skyux_lookup_search_icon: { message: 'Search' },\n    skyux_lookup_search_button_show_more: {\n      message: 'Show all search results',\n    },\n    skyux_lookup_show_more_add: { message: 'New' },\n    skyux_lookup_show_more_select_all_button_title: { message: 'Select all' },\n    skyux_lookup_show_more_clear_all_button_title: { message: 'Clear all' },\n    skyux_lookup_show_more_show_selected_option_title: {\n      message: 'Show only selected items',\n    },\n    skyux_lookup_show_more_cancel: { message: 'Cancel' },\n    skyux_lookup_show_more_modal_title_single: { message: 'Select an option' },\n    skyux_lookup_show_more_modal_title_multiple: { message: 'Select options' },\n    skyux_lookup_show_more_no_results: { message: 'No matches found' },\n    skyux_lookup_show_more_select: { message: 'Select' },\n    skyux_lookup_tokens_summary: { message: '{0} items selected' },\n    skyux_search_dismiss: { message: 'Dismiss search' },\n    skyux_search_label: { message: 'Search items' },\n    skyux_search_open: { message: 'Open search' },\n    skyux_search_placeholder: { message: 'Find in this list' },\n  },\n};\n\nexport class SkyLookupResourcesProvider implements SkyLibResourcesProvider {\n  public getString(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyLookupResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyLookupResourcesModule {}\n"]}

package/esm2015/lib/modules/shared/sky-lookup-string-utils.js

@@ -1,8 +0,0 @@
-/**
- * Removes diacritical characters from strings and replaces them with their normalized equivalent.
- * For example: è becomes e, Å becomes A.
- */
-export function normalizeDiacritics(value) {
-    return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
-}
-//# sourceMappingURL=sky-lookup-string-utils.js.map

package/esm2015/lib/modules/shared/sky-lookup-string-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sky-lookup-string-utils.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/shared/sky-lookup-string-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AAChE,CAAC","sourcesContent":["/**\n * Removes diacritical characters from strings and replaces them with their normalized equivalent.\n * For example: è becomes e, Å becomes A.\n */\nexport function normalizeDiacritics(value: string): string {\n  return value.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\n}\n"]}

package/esm2015/skyux-lookup.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=skyux-lookup.js.map

package/esm2015/skyux-lookup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-lookup.js","sourceRoot":"","sources":["../../../../../libs/components/lookup/src/skyux-lookup.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2015/testing/country-field/country-field-fixture.js

@@ -1,123 +0,0 @@
-import { __awaiter } from "tslib";
-import { By } from '@angular/platform-browser';
-import { SkyAppTestUtility } from '@skyux-sdk/testing';
-/**
- * Allows interaction with a SKY UX country field component.
- */
-export class SkyCountryFieldFixture {
-    constructor(fixture, skyTestId) {
-        this.fixture = fixture;
-        this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-country-field');
-    }
-    /**
-     * The value of the input field's autocomplete attribute.
-     */
-    get autocompleteAttribute() {
-        return this.getInputElement().getAttribute('autocomplete');
-    }
-    /**
-     * A flag indicating if the country flag is currently visible.
-     * The flag will be visible only if a selection has been made
-     * and if the hideSelectedCountryFlag option is false.
-     */
-    get countryFlagIsVisible() {
-        const flag = this.getCountryFlag();
-        return flag !== null;
-    }
-    /**
-     * A flag indicating whether or not the input has been disabled.
-     */
-    get disabled() {
-        return this.getInputElement().disabled;
-    }
-    /**
-     * The value of the input field.
-     */
-    get searchText() {
-        return this.getInputElement().value;
-    }
-    /**
-     * Enters the search text into the input field displaying search results, but making no selection.
-     * @param searchText The name of the country to select.
-     * @returns The list of country names matching the search text.
-     */
-    search(searchText) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const resultNodes = yield this.searchAndGetResults(searchText, this.fixture);
-            const resultArray = Array.prototype.slice.call(resultNodes);
-            const results = resultArray.map((result) => {
-                const countryNameEl = result.querySelector('.sky-highlight-mark');
-                const countryName = SkyAppTestUtility.getText(countryNameEl);
-                return countryName;
-            });
-            this.fixture.detectChanges();
-            yield this.fixture.whenStable();
-            return results;
-        });
-    }
-    /**
-     * Enters the search text into the input field and selects the first result (if any).
-     * @param searchText The name of the country to select.
-     */
-    searchAndSelectFirstResult(searchText) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.searchAndSelect(searchText, 0, this.fixture);
-            this.fixture.detectChanges();
-            return this.fixture.whenStable();
-        });
-    }
-    /**
-     * Clears the country selection and input field.
-     */
-    clear() {
-        this.enterSearch('', this.fixture);
-        this.fixture.detectChanges();
-        return this.fixture.whenStable();
-    }
-    //#region helpers
-    getCountryFlag() {
-        return this.debugEl.query(By.css('.sky-country-field-flag'));
-    }
-    getAutocompleteElement() {
-        return document.querySelector('.sky-autocomplete-results');
-    }
-    getInputElement() {
-        const debugEl = this.debugEl.query(By.css('textarea'));
-        return debugEl.nativeElement;
-    }
-    blurInput(fixture) {
-        SkyAppTestUtility.fireDomEvent(this.getInputElement(), 'blur');
-        fixture.detectChanges();
-        return fixture.whenStable();
-    }
-    enterSearch(newValue, fixture) {
-        const inputElement = this.getInputElement();
-        inputElement.value = newValue;
-        SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');
-        SkyAppTestUtility.fireDomEvent(inputElement, 'input');
-        fixture.detectChanges();
-        return fixture.whenStable();
-    }
-    searchAndGetResults(newValue, fixture) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.enterSearch(newValue, fixture);
-            fixture.detectChanges();
-            yield fixture.whenStable();
-            return this.getAutocompleteElement().querySelectorAll('.sky-autocomplete-result');
-        });
-    }
-    searchAndSelect(newValue, index, fixture) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const inputElement = this.getInputElement();
-            const searchResults = yield this.searchAndGetResults(newValue, fixture);
-            if (searchResults.length < index + 1) {
-                throw new Error('Index out of range for results');
-            }
-            // Note: the ordering of these events is important!
-            SkyAppTestUtility.fireDomEvent(inputElement, 'change');
-            SkyAppTestUtility.fireDomEvent(searchResults[index], 'mousedown');
-            this.blurInput(fixture);
-        });
-    }
-}
-//# sourceMappingURL=country-field-fixture.js.map

package/esm2015/testing/country-field/country-field-fixture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"country-field-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/lookup/testing/src/country-field/country-field-fixture.ts"],"names":[],"mappings":"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","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX country field component.\n */\nexport class SkyCountryFieldFixture {\n  private debugEl: DebugElement;\n\n  /**\n   * The value of the input field's autocomplete attribute.\n   */\n  public get autocompleteAttribute(): string {\n    return this.getInputElement().getAttribute('autocomplete');\n  }\n\n  /**\n   * A flag indicating if the country flag is currently visible.\n   * The flag will be visible only if a selection has been made\n   * and if the hideSelectedCountryFlag option is false.\n   */\n  public get countryFlagIsVisible(): boolean {\n    const flag = this.getCountryFlag();\n    return flag !== null;\n  }\n\n  /**\n   * A flag indicating whether or not the input has been disabled.\n   */\n  public get disabled(): boolean {\n    return this.getInputElement().disabled;\n  }\n\n  /**\n   * The value of the input field.\n   */\n  public get searchText(): string {\n    return this.getInputElement().value;\n  }\n\n  constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-country-field'\n    );\n  }\n\n  /**\n   * Enters the search text into the input field displaying search results, but making no selection.\n   * @param searchText The name of the country to select.\n   * @returns The list of country names matching the search text.\n   */\n  public async search(searchText: string): Promise<string[]> {\n    const resultNodes = await this.searchAndGetResults(\n      searchText,\n      this.fixture\n    );\n    const resultArray = Array.prototype.slice.call(resultNodes);\n    const results = resultArray.map((result: HTMLElement) => {\n      const countryNameEl = result.querySelector('.sky-highlight-mark');\n      const countryName = SkyAppTestUtility.getText(countryNameEl);\n      return countryName;\n    });\n\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n\n    return results;\n  }\n\n  /**\n   * Enters the search text into the input field and selects the first result (if any).\n   * @param searchText The name of the country to select.\n   */\n  public async searchAndSelectFirstResult(searchText: string): Promise<void> {\n    await this.searchAndSelect(searchText, 0, this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Clears the country selection and input field.\n   */\n  public clear(): Promise<void> {\n    this.enterSearch('', this.fixture);\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n\n  private getCountryFlag(): DebugElement {\n    return this.debugEl.query(By.css('.sky-country-field-flag'));\n  }\n\n  private getAutocompleteElement(): HTMLElement {\n    return document.querySelector('.sky-autocomplete-results') as HTMLElement;\n  }\n\n  private getInputElement(): HTMLTextAreaElement {\n    const debugEl = this.debugEl.query(By.css('textarea'));\n    return debugEl.nativeElement as HTMLTextAreaElement;\n  }\n\n  private blurInput(fixture: ComponentFixture<any>): Promise<void> {\n    SkyAppTestUtility.fireDomEvent(this.getInputElement(), 'blur');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private enterSearch(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    inputElement.value = newValue;\n    SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');\n    SkyAppTestUtility.fireDomEvent(inputElement, 'input');\n    fixture.detectChanges();\n    return fixture.whenStable();\n  }\n\n  private async searchAndGetResults(\n    newValue: string,\n    fixture: ComponentFixture<any>\n  ): Promise<NodeListOf<HTMLElement>> {\n    await this.enterSearch(newValue, fixture);\n    fixture.detectChanges();\n    await fixture.whenStable();\n    return this.getAutocompleteElement().querySelectorAll(\n      '.sky-autocomplete-result'\n    );\n  }\n\n  private async searchAndSelect(\n    newValue: string,\n    index: number,\n    fixture: ComponentFixture<any>\n  ): Promise<void> {\n    const inputElement = this.getInputElement();\n    const searchResults = await this.searchAndGetResults(newValue, fixture);\n\n    if (searchResults.length < index + 1) {\n      throw new Error('Index out of range for results');\n    }\n\n    // Note: the ordering of these events is important!\n    SkyAppTestUtility.fireDomEvent(inputElement, 'change');\n    SkyAppTestUtility.fireDomEvent(searchResults[index], 'mousedown');\n    this.blurInput(fixture);\n  }\n\n  //#endregion helpers\n}\n"]}