@skyux/lookup 14.0.0-alpha.11 → 14.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/fesm2022/skyux-lookup.mjs +2 -2
  2. package/package.json +11 -11
package/fesm2022/skyux-lookup.mjs CHANGED
@@ -2121,11 +2121,11 @@ class SkySearchComponent {
2121
2121
  });
2122
2122
  }
2123
2123
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkySearchComponent, deps: [{ token: i0.ElementRef }, { token: SkySearchAdapterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
2124
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkySearchComponent, isStandalone: false, selector: "sky-search", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", 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\" />\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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-search-input-hidden]=\"!inputShown\"\n [ngClass]=\"{\n 'sky-search-input-container-has-value': searchText?.trim()\n }\"\n [transitionTrigger]=\"inputShown\"\n (transitionEnd)=\"onInputTransitionEnd()\"\n >\n <sky-input-box [disabled]=\"disabled\">\n <input\n #searchInput=\"skyId\"\n class=\"sky-form-control sky-search-input sky-rounded-corners\"\n type=\"text\"\n skyId\n [attr.aria-label]=\"\n ariaLabelledBy\n ? undefined\n : ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_search_aria_label_descriptor'\n | skyLibResources\n : (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_search_label' | skyLibResources))\n \"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\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 />\n <span\n class=\"sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\"\n [hidden]=\"!clearButtonShown\"\n >\n <button\n aria-hidden=\"true\"\n class=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\"\n tabindex=\"-1\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"clearSearchText()\"\n >\n <sky-icon iconName=\"close\" />\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=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n [disabled]=\"disabled\"\n (click)=\"applySearchText(searchText)\"\n >\n <ng-container *ngTemplateOutlet=\"searchIconTemplate\" />\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\" />\n </div>\n </sky-input-box>\n </div>\n </div>\n <div class=\"sky-search-item-dismiss\">\n @if (mobileSearchShown) {\n <button\n class=\"sky-btn sky-search-btn-dismiss\"\n type=\"button\"\n [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"toggleSearchInput(false)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"chevron-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"chevron-double-left\" />\n </button>\n }\n </div>\n </div>\n</div>\n\n<ng-template #searchIconTemplate>\n <sky-icon iconName=\"search\" />\n</ng-template>\n", styles: [".sky-search-container:not(.sky-theme-modern *){--sky-override-search-applied-background-color: #fff;--sky-override-search-applied-border: 2px solid #72bf44;--sky-override-search-applied-box-shadow: none;--sky-override-search-applied-color: #72bf44;--sky-override-search-applied-mobile-button-horizontal-padding: 11px;--sky-override-search-applied-mobile-button-vertical-padding: 5px;--sky-override-search-clear-padding-right: 6px;--sky-override-search-container-padding: 5px;--sky-override-search-mobile-background-color: #ffffff;--sky-override-search-mobile-button-horizontal-padding: 12px;--sky-override-search-mobile-button-vertical-padding: 6px;--sky-override-search-mobile-font-size: 15px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-apply{padding-left:6px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-clear{padding-right:var(--sky-override-search-clear-padding-right)}sky-search .sky-search-input-container{opacity:1;width:100%;transition-property:opacity,width;transition-duration:var(--sky-transition-time-short);transition-timing-function:ease}sky-search .sky-search-input-container.sky-search-input-hidden{opacity:0;width:0;overflow:hidden}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:var(--sky-override-search-mobile-font-size, var(--sky-font-size-body-m))}}sky-search .sky-btn.sky-search-btn-open{padding-top:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open{padding-top:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open,sky-search .sky-search-btn-open-applied .sky-btn.sky-search-btn-open:hover{background-color:var(--sky-override-search-applied-background-color, var(--sky-color-background-selected-soft));border:var(--sky-override-search-applied-border, none);box-shadow:var(--sky-override-search-applied-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-override-search-applied-color, var(--sky-color-border-selected)));color:var(--sky-override-search-applied-color, var(--sky-color-icon-action))}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:var(--sky-override-search-mobile-background-color, var(--sky-comp-override-list-header-background-color));inset:0;padding:var(--sky-override-search-container-padding, var(--sky-comp-search-space-offset-top) var(--sky-comp-search-space-offset-right) var(--sky-comp-search-space-offset-bottom) var(--sky-comp-search-space-offset-left));z-index:1}.sky-theme-modern sky-search sky-input-box{--sky-comp-override-input-box-group-background-color: var( --sky-color-background-action-secondary-base );--sky-comp-override-input-box-group-background-color-active: var( --sky-color-background-action-secondary-active );--sky-comp-override-input-box-group-background-color-disabled: var( --sky-color-background-action-secondary-disabled );--sky-comp-override-input-box-group-background-color-focused: var( --sky-color-background-action-secondary-focus );--sky-comp-override-input-box-group-background-color-hover: var( --sky-color-background-action-secondary-hover )}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn{height:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-top) + var(--sky-comp-search-space-inset-bottom));width:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-left) + var(--sky-comp-search-space-inset-right))}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:var(--sky-color-icon-default);font-size:inherit}.sky-theme-modern sky-search .sky-search-btn-dismiss{color:var(--sky-color-icon-default);padding:var(--sky-comp-button-toolbar-space-inset-top) var(--sky-comp-button-toolbar-space-inset-right) var(--sky-comp-button-toolbar-space-inset-bottom) var(--sky-comp-button-toolbar-space-inset-left)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-disabled .sky-input-box-group .sky-input-box-group-form-control .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-disabled )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group .sky-input-box-group-form-control:not(.sky-input-box-group-form-control-focus,:hover) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-base );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-base )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover:not(.sky-input-box-group-form-control-focus,:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-hover );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-hover )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control.sky-input-box-group-form-control-focus:not(:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-focus );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-focus )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:has(:active) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-active );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-active )}.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{box-shadow:inset 0 0 0 var(--sky-border-width-input-base) var(--sky-color-border-selected),var(--sky-elevation-action-toolbar-base);--sky-comp-override-input-box-group-background-color: var( --sky-color-background-selected-soft )}.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(:focus-within:not(:active)) .sky-form-group input{color:var(--sky-color-text-selected)}.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 var(--sky-space-gap-icon-m)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-group-icon .sky-icon{color:var(--sky-color-icon-default)}.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{width:auto;padding:var(--sky-comp-search-space-inset-top) var(--sky-comp-search-space-inset-right) var(--sky-comp-search-space-inset-bottom) 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:var(--sky-font-style-body-s);color:var(--sky-color-text-deemphasized);font-weight:var(--bb-font-weight-regular)}.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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1._SkyTransitionEndHandlerDirective, selector: "[skyTransitionEndHandler]", inputs: ["transitionTrigger", "transitionPropertyToTrack"], outputs: ["transitionEnd"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
2124
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkySearchComponent, isStandalone: false, selector: "sky-search", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", 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\" />\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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-search-input-hidden]=\"!inputShown\"\n [ngClass]=\"{\n 'sky-search-input-container-has-value': searchText?.trim()\n }\"\n [transitionTrigger]=\"inputShown\"\n (transitionEnd)=\"onInputTransitionEnd()\"\n >\n <sky-input-box [disabled]=\"disabled\">\n <input\n #searchInput=\"skyId\"\n class=\"sky-form-control sky-search-input sky-rounded-corners\"\n type=\"text\"\n skyId\n [attr.aria-label]=\"\n ariaLabelledBy\n ? undefined\n : ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_search_aria_label_descriptor'\n | skyLibResources\n : (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_search_label' | skyLibResources))\n \"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\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 />\n <span\n class=\"sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\"\n [hidden]=\"!clearButtonShown\"\n >\n <button\n aria-hidden=\"true\"\n class=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\"\n tabindex=\"-1\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"clearSearchText()\"\n >\n <sky-icon iconName=\"close\" />\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=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n [disabled]=\"disabled\"\n (click)=\"applySearchText(searchText)\"\n >\n <ng-container *ngTemplateOutlet=\"searchIconTemplate\" />\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\" />\n </div>\n </sky-input-box>\n </div>\n </div>\n <div class=\"sky-search-item-dismiss\">\n @if (mobileSearchShown) {\n <button\n class=\"sky-btn sky-search-btn-dismiss\"\n type=\"button\"\n [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"toggleSearchInput(false)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"chevron-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"chevron-double-left\" />\n </button>\n }\n </div>\n </div>\n</div>\n\n<ng-template #searchIconTemplate>\n <sky-icon iconName=\"search\" />\n</ng-template>\n", styles: [".sky-search-container:not(.sky-theme-modern *){--sky-override-search-applied-background-color: #fff;--sky-override-search-applied-border: 2px solid #72bf44;--sky-override-search-applied-box-shadow: none;--sky-override-search-applied-color: #72bf44;--sky-override-search-applied-mobile-button-horizontal-padding: 11px;--sky-override-search-applied-mobile-button-vertical-padding: 5px;--sky-override-search-clear-padding-right: 6px;--sky-override-search-container-padding: 5px;--sky-override-search-mobile-background-color: #ffffff;--sky-override-search-mobile-button-horizontal-padding: 12px;--sky-override-search-mobile-button-vertical-padding: 6px;--sky-override-search-mobile-font-size: 15px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-apply{padding-left:6px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-clear{padding-right:var(--sky-override-search-clear-padding-right)}sky-search .sky-search-input-container{opacity:1;width:100%;transition-property:opacity,width;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease}sky-search .sky-search-input-container.sky-search-input-hidden{opacity:0;width:0;overflow:hidden}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:var(--sky-override-search-mobile-font-size, var(--sky-font-size-body-m))}}sky-search .sky-btn.sky-search-btn-open{padding-top:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open{padding-top:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open,sky-search .sky-search-btn-open-applied .sky-btn.sky-search-btn-open:hover{background-color:var(--sky-override-search-applied-background-color, var(--sky-color-background-selected-soft));border:var(--sky-override-search-applied-border, none);box-shadow:var(--sky-override-search-applied-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-override-search-applied-color, var(--sky-color-border-selected)));color:var(--sky-override-search-applied-color, var(--sky-color-icon-action))}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:var(--sky-override-search-mobile-background-color, var(--sky-comp-override-list-header-background-color));inset:0;padding:var(--sky-override-search-container-padding, var(--sky-comp-search-space-offset-top) var(--sky-comp-search-space-offset-right) var(--sky-comp-search-space-offset-bottom) var(--sky-comp-search-space-offset-left));z-index:1}.sky-theme-modern sky-search sky-input-box{--sky-comp-override-input-box-group-background-color: var( --sky-color-background-action-secondary-base );--sky-comp-override-input-box-group-background-color-active: var( --sky-color-background-action-secondary-active );--sky-comp-override-input-box-group-background-color-disabled: var( --sky-color-background-action-secondary-disabled );--sky-comp-override-input-box-group-background-color-focused: var( --sky-color-background-action-secondary-focus );--sky-comp-override-input-box-group-background-color-hover: var( --sky-color-background-action-secondary-hover )}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn{height:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-top) + var(--sky-comp-search-space-inset-bottom));width:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-left) + var(--sky-comp-search-space-inset-right))}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:var(--sky-color-icon-default);font-size:inherit}.sky-theme-modern sky-search .sky-search-btn-dismiss{color:var(--sky-color-icon-default);padding:var(--sky-comp-button-toolbar-space-inset-top) var(--sky-comp-button-toolbar-space-inset-right) var(--sky-comp-button-toolbar-space-inset-bottom) var(--sky-comp-button-toolbar-space-inset-left)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-disabled .sky-input-box-group .sky-input-box-group-form-control .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-disabled )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group .sky-input-box-group-form-control:not(.sky-input-box-group-form-control-focus,:hover) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-base );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-base )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover:not(.sky-input-box-group-form-control-focus,:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-hover );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-hover )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control.sky-input-box-group-form-control-focus:not(:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-focus );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-focus )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:has(:active) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-active );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-active )}.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{box-shadow:inset 0 0 0 var(--sky-border-width-input-base) var(--sky-color-border-selected),var(--sky-elevation-action-toolbar-base);--sky-comp-override-input-box-group-background-color: var( --sky-color-background-selected-soft )}.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(:focus-within:not(:active)) .sky-form-group input{color:var(--sky-color-text-selected)}.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 var(--sky-space-gap-icon-m)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-group-icon .sky-icon{color:var(--sky-color-icon-default)}.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{width:auto;padding:var(--sky-comp-search-space-inset-top) var(--sky-comp-search-space-inset-right) var(--sky-comp-search-space-inset-bottom) 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:var(--sky-font-style-body-s);color:var(--sky-color-text-deemphasized);font-weight:var(--bb-font-weight-regular)}.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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1._SkyTransitionEndHandlerDirective, selector: "[skyTransitionEndHandler]", inputs: ["transitionTrigger", "transitionPropertyToTrack"], outputs: ["transitionEnd"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }], encapsulation: i0.ViewEncapsulation.None }); }
2125
2125
  }
2126
2126
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkySearchComponent, decorators: [{
2127
2127
  type: Component,
2128
- args: [{ selector: 'sky-search', encapsulation: ViewEncapsulation.None, providers: [SkySearchAdapterService], standalone: false, 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\" />\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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-search-input-hidden]=\"!inputShown\"\n [ngClass]=\"{\n 'sky-search-input-container-has-value': searchText?.trim()\n }\"\n [transitionTrigger]=\"inputShown\"\n (transitionEnd)=\"onInputTransitionEnd()\"\n >\n <sky-input-box [disabled]=\"disabled\">\n <input\n #searchInput=\"skyId\"\n class=\"sky-form-control sky-search-input sky-rounded-corners\"\n type=\"text\"\n skyId\n [attr.aria-label]=\"\n ariaLabelledBy\n ? undefined\n : ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_search_aria_label_descriptor'\n | skyLibResources\n : (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_search_label' | skyLibResources))\n \"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\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 />\n <span\n class=\"sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\"\n [hidden]=\"!clearButtonShown\"\n >\n <button\n aria-hidden=\"true\"\n class=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\"\n tabindex=\"-1\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"clearSearchText()\"\n >\n <sky-icon iconName=\"close\" />\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=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n [disabled]=\"disabled\"\n (click)=\"applySearchText(searchText)\"\n >\n <ng-container *ngTemplateOutlet=\"searchIconTemplate\" />\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\" />\n </div>\n </sky-input-box>\n </div>\n </div>\n <div class=\"sky-search-item-dismiss\">\n @if (mobileSearchShown) {\n <button\n class=\"sky-btn sky-search-btn-dismiss\"\n type=\"button\"\n [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"toggleSearchInput(false)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"chevron-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"chevron-double-left\" />\n </button>\n }\n </div>\n </div>\n</div>\n\n<ng-template #searchIconTemplate>\n <sky-icon iconName=\"search\" />\n</ng-template>\n", styles: [".sky-search-container:not(.sky-theme-modern *){--sky-override-search-applied-background-color: #fff;--sky-override-search-applied-border: 2px solid #72bf44;--sky-override-search-applied-box-shadow: none;--sky-override-search-applied-color: #72bf44;--sky-override-search-applied-mobile-button-horizontal-padding: 11px;--sky-override-search-applied-mobile-button-vertical-padding: 5px;--sky-override-search-clear-padding-right: 6px;--sky-override-search-container-padding: 5px;--sky-override-search-mobile-background-color: #ffffff;--sky-override-search-mobile-button-horizontal-padding: 12px;--sky-override-search-mobile-button-vertical-padding: 6px;--sky-override-search-mobile-font-size: 15px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-apply{padding-left:6px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-clear{padding-right:var(--sky-override-search-clear-padding-right)}sky-search .sky-search-input-container{opacity:1;width:100%;transition-property:opacity,width;transition-duration:var(--sky-transition-time-short);transition-timing-function:ease}sky-search .sky-search-input-container.sky-search-input-hidden{opacity:0;width:0;overflow:hidden}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:var(--sky-override-search-mobile-font-size, var(--sky-font-size-body-m))}}sky-search .sky-btn.sky-search-btn-open{padding-top:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open{padding-top:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open,sky-search .sky-search-btn-open-applied .sky-btn.sky-search-btn-open:hover{background-color:var(--sky-override-search-applied-background-color, var(--sky-color-background-selected-soft));border:var(--sky-override-search-applied-border, none);box-shadow:var(--sky-override-search-applied-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-override-search-applied-color, var(--sky-color-border-selected)));color:var(--sky-override-search-applied-color, var(--sky-color-icon-action))}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:var(--sky-override-search-mobile-background-color, var(--sky-comp-override-list-header-background-color));inset:0;padding:var(--sky-override-search-container-padding, var(--sky-comp-search-space-offset-top) var(--sky-comp-search-space-offset-right) var(--sky-comp-search-space-offset-bottom) var(--sky-comp-search-space-offset-left));z-index:1}.sky-theme-modern sky-search sky-input-box{--sky-comp-override-input-box-group-background-color: var( --sky-color-background-action-secondary-base );--sky-comp-override-input-box-group-background-color-active: var( --sky-color-background-action-secondary-active );--sky-comp-override-input-box-group-background-color-disabled: var( --sky-color-background-action-secondary-disabled );--sky-comp-override-input-box-group-background-color-focused: var( --sky-color-background-action-secondary-focus );--sky-comp-override-input-box-group-background-color-hover: var( --sky-color-background-action-secondary-hover )}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn{height:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-top) + var(--sky-comp-search-space-inset-bottom));width:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-left) + var(--sky-comp-search-space-inset-right))}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:var(--sky-color-icon-default);font-size:inherit}.sky-theme-modern sky-search .sky-search-btn-dismiss{color:var(--sky-color-icon-default);padding:var(--sky-comp-button-toolbar-space-inset-top) var(--sky-comp-button-toolbar-space-inset-right) var(--sky-comp-button-toolbar-space-inset-bottom) var(--sky-comp-button-toolbar-space-inset-left)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-disabled .sky-input-box-group .sky-input-box-group-form-control .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-disabled )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group .sky-input-box-group-form-control:not(.sky-input-box-group-form-control-focus,:hover) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-base );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-base )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover:not(.sky-input-box-group-form-control-focus,:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-hover );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-hover )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control.sky-input-box-group-form-control-focus:not(:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-focus );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-focus )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:has(:active) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-active );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-active )}.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{box-shadow:inset 0 0 0 var(--sky-border-width-input-base) var(--sky-color-border-selected),var(--sky-elevation-action-toolbar-base);--sky-comp-override-input-box-group-background-color: var( --sky-color-background-selected-soft )}.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(:focus-within:not(:active)) .sky-form-group input{color:var(--sky-color-text-selected)}.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 var(--sky-space-gap-icon-m)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-group-icon .sky-icon{color:var(--sky-color-icon-default)}.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{width:auto;padding:var(--sky-comp-search-space-inset-top) var(--sky-comp-search-space-inset-right) var(--sky-comp-search-space-inset-bottom) 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:var(--sky-font-style-body-s);color:var(--sky-color-text-deemphasized);font-weight:var(--bb-font-weight-regular)}.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}\n"] }]
2128
+ args: [{ selector: 'sky-search', encapsulation: ViewEncapsulation.None, providers: [SkySearchAdapterService], standalone: false, 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\" />\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 skyTransitionEndHandler\n transitionPropertyToTrack=\"opacity\"\n [class.sky-search-input-hidden]=\"!inputShown\"\n [ngClass]=\"{\n 'sky-search-input-container-has-value': searchText?.trim()\n }\"\n [transitionTrigger]=\"inputShown\"\n (transitionEnd)=\"onInputTransitionEnd()\"\n >\n <sky-input-box [disabled]=\"disabled\">\n <input\n #searchInput=\"skyId\"\n class=\"sky-form-control sky-search-input sky-rounded-corners\"\n type=\"text\"\n skyId\n [attr.aria-label]=\"\n ariaLabelledBy\n ? undefined\n : ariaLabel ||\n ((contentInfoObs | async)?.descriptor?.type === 'text'\n ? ('skyux_search_aria_label_descriptor'\n | skyLibResources\n : (contentInfoObs | async)?.descriptor?.value)\n : ('skyux_search_label' | skyLibResources))\n \"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\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 />\n <span\n class=\"sky-input-group-btn sky-input-group-clear sky-input-box-btn-inset\"\n [hidden]=\"!clearButtonShown\"\n >\n <button\n aria-hidden=\"true\"\n class=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-clear\"\n tabindex=\"-1\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"clearSearchText()\"\n >\n <sky-icon iconName=\"close\" />\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=\"sky-btn sky-btn-default sky-search-btn sky-search-btn-apply\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_search_label' | skyLibResources\"\n [disabled]=\"disabled\"\n (click)=\"applySearchText(searchText)\"\n >\n <ng-container *ngTemplateOutlet=\"searchIconTemplate\" />\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\" />\n </div>\n </sky-input-box>\n </div>\n </div>\n <div class=\"sky-search-item-dismiss\">\n @if (mobileSearchShown) {\n <button\n class=\"sky-btn sky-search-btn-dismiss\"\n type=\"button\"\n [attr.title]=\"'skyux_search_dismiss' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"toggleSearchInput(false)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" iconName=\"chevron-left\" />\n <sky-icon *skyThemeIf=\"'modern'\" iconName=\"chevron-double-left\" />\n </button>\n }\n </div>\n </div>\n</div>\n\n<ng-template #searchIconTemplate>\n <sky-icon iconName=\"search\" />\n</ng-template>\n", styles: [".sky-search-container:not(.sky-theme-modern *){--sky-override-search-applied-background-color: #fff;--sky-override-search-applied-border: 2px solid #72bf44;--sky-override-search-applied-box-shadow: none;--sky-override-search-applied-color: #72bf44;--sky-override-search-applied-mobile-button-horizontal-padding: 11px;--sky-override-search-applied-mobile-button-vertical-padding: 5px;--sky-override-search-clear-padding-right: 6px;--sky-override-search-container-padding: 5px;--sky-override-search-mobile-background-color: #ffffff;--sky-override-search-mobile-button-horizontal-padding: 12px;--sky-override-search-mobile-button-vertical-padding: 6px;--sky-override-search-mobile-font-size: 15px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-apply{padding-left:6px}sky-search .sky-input-group-btn .sky-btn.sky-search-btn-clear{padding-right:var(--sky-override-search-clear-padding-right)}sky-search .sky-search-input-container{opacity:1;width:100%;transition-property:opacity,width;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease}sky-search .sky-search-input-container.sky-search-input-hidden{opacity:0;width:0;overflow:hidden}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:var(--sky-override-search-mobile-font-size, var(--sky-font-size-body-m))}}sky-search .sky-btn.sky-search-btn-open{padding-top:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open{padding-top:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-top));padding-bottom:var(--sky-override-search-applied-mobile-button-vertical-padding, var(--sky-comp-button-space-inset-bottom));padding-left:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-left));padding-right:var(--sky-override-search-applied-mobile-button-horizontal-padding, var(--sky-comp-button-space-inset-right))}sky-search .sky-search-btn-open-applied.sky-search-btn-open,sky-search .sky-search-btn-open-applied .sky-btn.sky-search-btn-open:hover{background-color:var(--sky-override-search-applied-background-color, var(--sky-color-background-selected-soft));border:var(--sky-override-search-applied-border, none);box-shadow:var(--sky-override-search-applied-box-shadow, inset 0 0 0 var(--sky-border-width-selected-s) var(--sky-override-search-applied-color, var(--sky-color-border-selected)));color:var(--sky-override-search-applied-color, var(--sky-color-icon-action))}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:var(--sky-override-search-mobile-background-color, var(--sky-comp-override-list-header-background-color));inset:0;padding:var(--sky-override-search-container-padding, var(--sky-comp-search-space-offset-top) var(--sky-comp-search-space-offset-right) var(--sky-comp-search-space-offset-bottom) var(--sky-comp-search-space-offset-left));z-index:1}.sky-theme-modern sky-search sky-input-box{--sky-comp-override-input-box-group-background-color: var( --sky-color-background-action-secondary-base );--sky-comp-override-input-box-group-background-color-active: var( --sky-color-background-action-secondary-active );--sky-comp-override-input-box-group-background-color-disabled: var( --sky-color-background-action-secondary-disabled );--sky-comp-override-input-box-group-background-color-focused: var( --sky-color-background-action-secondary-focus );--sky-comp-override-input-box-group-background-color-hover: var( --sky-color-background-action-secondary-hover )}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn{height:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-top) + var(--sky-comp-search-space-inset-bottom));width:calc(var(--sky-font-line_height-input-val) * var(--sky-font-size-input-val) + var(--sky-comp-search-space-inset-left) + var(--sky-comp-search-space-inset-right))}.sky-theme-modern sky-search .sky-input-box .sky-input-group-btn .sky-btn.sky-search-btn .sky-icon.sky-i-close{color:var(--sky-color-icon-default);font-size:inherit}.sky-theme-modern sky-search .sky-search-btn-dismiss{color:var(--sky-color-icon-default);padding:var(--sky-comp-button-toolbar-space-inset-top) var(--sky-comp-button-toolbar-space-inset-right) var(--sky-comp-button-toolbar-space-inset-bottom) var(--sky-comp-button-toolbar-space-inset-left)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box-disabled .sky-input-box-group .sky-input-box-group-form-control .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-disabled )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group .sky-input-box-group-form-control:not(.sky-input-box-group-form-control-focus,:hover) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-base );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-base )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:hover:not(.sky-input-box-group-form-control-focus,:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-hover );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-hover )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control.sky-input-box-group-form-control-focus:not(:has(:active)) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-focus );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-focus )}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-box:not(.sky-input-box-disabled) .sky-input-box-group-form-control:has(:active) .sky-form-group{--sky-comp-override-input-box-input-border-color: var( --sky-color-border-action-secondary-active );--sky-comp-override-input-box-input-elevation-shadow: var( --sky-elevation-action-toolbar-active )}.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{box-shadow:inset 0 0 0 var(--sky-border-width-input-base) var(--sky-color-border-selected),var(--sky-elevation-action-toolbar-base);--sky-comp-override-input-box-group-background-color: var( --sky-color-background-selected-soft )}.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(:focus-within:not(:active)) .sky-form-group input{color:var(--sky-color-text-selected)}.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 var(--sky-space-gap-icon-m)}.sky-theme-modern sky-search .sky-search-container .sky-search-input-container .sky-input-group-icon .sky-icon{color:var(--sky-color-icon-default)}.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{width:auto;padding:var(--sky-comp-search-space-inset-top) var(--sky-comp-search-space-inset-right) var(--sky-comp-search-space-inset-bottom) 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:var(--sky-font-style-body-s);color:var(--sky-color-text-deemphasized);font-weight:var(--bb-font-weight-regular)}.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}\n"] }]
2129
2129
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SkySearchAdapterService }, { type: i0.ChangeDetectorRef }], propDecorators: { ariaLabel: [{
2130
2130
  type: Input
2131
2131
  }], ariaLabelledBy: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/lookup",
3
- "version": "14.0.0-alpha.11",
3
+ "version": "14.0.0-alpha.12",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -21,16 +21,16 @@
21
21
  "@angular/core": "^21.2.0",
22
22
  "@angular/forms": "^21.2.0",
23
23
  "@angular/platform-browser": "^21.2.0",
24
- "@skyux-sdk/testing": "14.0.0-alpha.11",
25
- "@skyux/core": "14.0.0-alpha.11",
26
- "@skyux/forms": "14.0.0-alpha.11",
27
- "@skyux/i18n": "14.0.0-alpha.11",
28
- "@skyux/icon": "14.0.0-alpha.11",
29
- "@skyux/indicators": "14.0.0-alpha.11",
30
- "@skyux/layout": "14.0.0-alpha.11",
31
- "@skyux/lists": "14.0.0-alpha.11",
32
- "@skyux/modals": "14.0.0-alpha.11",
33
- "@skyux/theme": "14.0.0-alpha.11"
24
+ "@skyux-sdk/testing": "14.0.0-alpha.12",
25
+ "@skyux/core": "14.0.0-alpha.12",
26
+ "@skyux/forms": "14.0.0-alpha.12",
27
+ "@skyux/i18n": "14.0.0-alpha.12",
28
+ "@skyux/icon": "14.0.0-alpha.12",
29
+ "@skyux/indicators": "14.0.0-alpha.12",
30
+ "@skyux/layout": "14.0.0-alpha.12",
31
+ "@skyux/lists": "14.0.0-alpha.12",
32
+ "@skyux/modals": "14.0.0-alpha.12",
33
+ "@skyux/theme": "14.0.0-alpha.12"
34
34
  },
35
35
  "dependencies": {
36
36
  "intl-tel-input": "26.7.6",