@norwegian/core-components 6.49.0 → 6.50.1

package/esm2022/lib/components/page-header/search/search.component.mjs

@@ -33,11 +33,11 @@ export class SearchComponent extends NasComponentBase {
         }, 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SearchComponent, selector: "nas-search", inputs: { searchText: "searchText", searchForm: "searchForm" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form tabindex=\"0\" [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-search{display:none;position:relative;height:100%;color:#003251;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:24px}@media (min-width: 1000px){.nas-search{display:flex;align-items:center;justify-content:flex-end}.nas-search:focus-visible{border:2px solid #0978E8;padding:12px 16px}}.nas-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle-text{display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle:hover .nas-search__toggle-text,.nas-search__toggle:focus .nas-search__toggle-text{border-color:#003251}.nas-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:380px;padding:8px 36px 10px 12px;background-color:#fff;animation:search-input-in .3s ease-out both}.nas-search__icon{position:relative;top:-3px;transform:rotate(-360deg);transition:transform .19s cubic-bezier(0,0,.1,1);margin-left:9px}.nas-search ::placeholder{color:#003251}.nas-search--expanded{width:380px;border:2px solid #003251;height:48px;position:relative}.nas-search--expanded .nas-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-search--expanded .nas-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-search--expanded .nas-search__icon{transform:none;position:absolute;right:24px;top:-2px}.nas-search--expanded .nas-search__input[type=search]{display:block;padding:16px}@keyframes search-input-in{0%{opacity:0}}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SearchComponent, selector: "nas-search", inputs: { searchText: "searchText", searchForm: "searchForm" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form tabindex=\"0\" [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-search{display:none;position:relative;height:100%;color:#15273f;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:24px}@media (min-width: 1000px){.nas-search{display:flex;align-items:center;justify-content:flex-end}.nas-search:focus-visible{border:2px solid #0978E8;padding:12px 16px}}.nas-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle-text{display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle:hover .nas-search__toggle-text,.nas-search__toggle:focus .nas-search__toggle-text{border-color:#15273f}.nas-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:380px;padding:8px 36px 10px 12px;background-color:#fff;animation:search-input-in .3s ease-out both}.nas-search__icon{position:relative;top:-3px;transform:rotate(-360deg);transition:transform .19s cubic-bezier(0,0,.1,1);margin-left:9px}.nas-search ::placeholder{color:#15273f}.nas-search--expanded{width:380px;border:2px solid #15273f;height:48px;position:relative}.nas-search--expanded .nas-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-search--expanded .nas-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-search--expanded .nas-search__icon{transform:none;position:absolute;right:24px;top:-2px}.nas-search--expanded .nas-search__input[type=search]{display:block;padding:16px}@keyframes search-input-in{0%{opacity:0}}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-search', encapsulation: ViewEncapsulation.None, template: "<form tabindex=\"0\" [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-search{display:none;position:relative;height:100%;color:#003251;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:24px}@media (min-width: 1000px){.nas-search{display:flex;align-items:center;justify-content:flex-end}.nas-search:focus-visible{border:2px solid #0978E8;padding:12px 16px}}.nas-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle-text{display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle:hover .nas-search__toggle-text,.nas-search__toggle:focus .nas-search__toggle-text{border-color:#003251}.nas-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:380px;padding:8px 36px 10px 12px;background-color:#fff;animation:search-input-in .3s ease-out both}.nas-search__icon{position:relative;top:-3px;transform:rotate(-360deg);transition:transform .19s cubic-bezier(0,0,.1,1);margin-left:9px}.nas-search ::placeholder{color:#003251}.nas-search--expanded{width:380px;border:2px solid #003251;height:48px;position:relative}.nas-search--expanded .nas-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-search--expanded .nas-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-search--expanded .nas-search__icon{transform:none;position:absolute;right:24px;top:-2px}.nas-search--expanded .nas-search__input[type=search]{display:block;padding:16px}@keyframes search-input-in{0%{opacity:0}}\n"] }]
+            args: [{ selector: 'nas-search', encapsulation: ViewEncapsulation.None, template: "<form tabindex=\"0\" [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-search{display:none;position:relative;height:100%;color:#15273f;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:24px}@media (min-width: 1000px){.nas-search{display:flex;align-items:center;justify-content:flex-end}.nas-search:focus-visible{border:2px solid #0978E8;padding:12px 16px}}.nas-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle-text{display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-search__toggle:hover .nas-search__toggle-text,.nas-search__toggle:focus .nas-search__toggle-text{border-color:#15273f}.nas-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:380px;padding:8px 36px 10px 12px;background-color:#fff;animation:search-input-in .3s ease-out both}.nas-search__icon{position:relative;top:-3px;transform:rotate(-360deg);transition:transform .19s cubic-bezier(0,0,.1,1);margin-left:9px}.nas-search ::placeholder{color:#15273f}.nas-search--expanded{width:380px;border:2px solid #15273f;height:48px;position:relative}.nas-search--expanded .nas-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-search--expanded .nas-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-search--expanded .nas-search__icon{transform:none;position:absolute;right:24px;top:-2px}.nas-search--expanded .nas-search__input[type=search]{display:block;padding:16px}@keyframes search-input-in{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { searchText: [{
                 type: Input
             }], searchForm: [{

package/esm2022/lib/components/page-header-old/old-hamburger/old-hamburger.component.mjs

@@ -11,11 +11,11 @@ export class OldHamburgerComponent extends NasComponentBase {
         super('nas-icon-hamburger');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OldHamburgerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OldHamburgerComponent, selector: "nas-old-hamburger", inputs: { expanded: "expanded" }, usesInheritance: true, ngImport: i0, template: "<span [nasClass]=\"getClass('', expanded && 'close')\">\n  <span [nasClass]=\"getClass('bar', 'first')\"></span>\n  <span [nasClass]=\"getClass('bar')\"></span>\n  <span [nasClass]=\"getClass('bar', 'last')\"></span>\n</span>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-icon-hamburger{display:inline-block;vertical-align:top;position:relative;width:22px;height:22px;transform-origin:40% 32%;transition:transform .3s cubic-bezier(0,0,.1,1)}.nas-icon-hamburger__bar{position:absolute;display:block;height:3px;width:100%;margin-bottom:4px;border-radius:1px;background-color:#003251;transform-origin:left top;transition:transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);top:7px}@media (min-width: 640px){.nas-icon-hamburger__bar{background-color:#fff}}.nas-icon-hamburger__bar--first{margin-top:0;top:0}.nas-icon-hamburger__bar--last{margin-top:0;top:14px;transform-origin:left bottom}.nas-icon-hamburger--close{transform:rotate(180deg) translateY(1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar{opacity:0}.nas-icon-hamburger--close .nas-icon-hamburger__bar--first{top:-2px;opacity:1;transform:rotate(45deg) translate(-2px,-1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar--last{top:11px;opacity:1;transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OldHamburgerComponent, selector: "nas-old-hamburger", inputs: { expanded: "expanded" }, usesInheritance: true, ngImport: i0, template: "<span [nasClass]=\"getClass('', expanded && 'close')\">\n  <span [nasClass]=\"getClass('bar', 'first')\"></span>\n  <span [nasClass]=\"getClass('bar')\"></span>\n  <span [nasClass]=\"getClass('bar', 'last')\"></span>\n</span>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-icon-hamburger{display:inline-block;vertical-align:top;position:relative;width:22px;height:22px;transform-origin:40% 32%;transition:transform .3s cubic-bezier(0,0,.1,1)}.nas-icon-hamburger__bar{position:absolute;display:block;height:3px;width:100%;margin-bottom:4px;border-radius:1px;background-color:#15273f;transform-origin:left top;transition:transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);top:7px}@media (min-width: 640px){.nas-icon-hamburger__bar{background-color:#fff}}.nas-icon-hamburger__bar--first{margin-top:0;top:0}.nas-icon-hamburger__bar--last{margin-top:0;top:14px;transform-origin:left bottom}.nas-icon-hamburger--close{transform:rotate(180deg) translateY(1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar{opacity:0}.nas-icon-hamburger--close .nas-icon-hamburger__bar--first{top:-2px;opacity:1;transform:rotate(45deg) translate(-2px,-1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar--last{top:11px;opacity:1;transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OldHamburgerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-old-hamburger', encapsulation: ViewEncapsulation.None, template: "<span [nasClass]=\"getClass('', expanded && 'close')\">\n  <span [nasClass]=\"getClass('bar', 'first')\"></span>\n  <span [nasClass]=\"getClass('bar')\"></span>\n  <span [nasClass]=\"getClass('bar', 'last')\"></span>\n</span>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-icon-hamburger{display:inline-block;vertical-align:top;position:relative;width:22px;height:22px;transform-origin:40% 32%;transition:transform .3s cubic-bezier(0,0,.1,1)}.nas-icon-hamburger__bar{position:absolute;display:block;height:3px;width:100%;margin-bottom:4px;border-radius:1px;background-color:#003251;transform-origin:left top;transition:transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);top:7px}@media (min-width: 640px){.nas-icon-hamburger__bar{background-color:#fff}}.nas-icon-hamburger__bar--first{margin-top:0;top:0}.nas-icon-hamburger__bar--last{margin-top:0;top:14px;transform-origin:left bottom}.nas-icon-hamburger--close{transform:rotate(180deg) translateY(1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar{opacity:0}.nas-icon-hamburger--close .nas-icon-hamburger__bar--first{top:-2px;opacity:1;transform:rotate(45deg) translate(-2px,-1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar--last{top:11px;opacity:1;transform:rotate(-45deg)}\n"] }]
+            args: [{ selector: 'nas-old-hamburger', encapsulation: ViewEncapsulation.None, template: "<span [nasClass]=\"getClass('', expanded && 'close')\">\n  <span [nasClass]=\"getClass('bar', 'first')\"></span>\n  <span [nasClass]=\"getClass('bar')\"></span>\n  <span [nasClass]=\"getClass('bar', 'last')\"></span>\n</span>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-icon-hamburger{display:inline-block;vertical-align:top;position:relative;width:22px;height:22px;transform-origin:40% 32%;transition:transform .3s cubic-bezier(0,0,.1,1)}.nas-icon-hamburger__bar{position:absolute;display:block;height:3px;width:100%;margin-bottom:4px;border-radius:1px;background-color:#15273f;transform-origin:left top;transition:transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);top:7px}@media (min-width: 640px){.nas-icon-hamburger__bar{background-color:#fff}}.nas-icon-hamburger__bar--first{margin-top:0;top:0}.nas-icon-hamburger__bar--last{margin-top:0;top:14px;transform-origin:left bottom}.nas-icon-hamburger--close{transform:rotate(180deg) translateY(1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar{opacity:0}.nas-icon-hamburger--close .nas-icon-hamburger__bar--first{top:-2px;opacity:1;transform:rotate(45deg) translate(-2px,-1px)}.nas-icon-hamburger--close .nas-icon-hamburger__bar--last{top:11px;opacity:1;transform:rotate(-45deg)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { expanded: [{
                 type: Input
             }] } });

package/esm2022/lib/components/page-header-old/old-search/old-search.component.mjs

@@ -33,11 +33,11 @@ export class OldSearchComponent extends NasComponentBase {
         }, 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OldSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OldSearchComponent, selector: "nas-old-search", inputs: { searchText: "searchText", searchForm: "searchForm" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-old-search{display:none;position:relative;height:100%;color:#003251;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:30px}@media (min-width: 1000px){.nas-old-search{display:flex;align-items:center;justify-content:flex-end}}.nas-old-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle-text{display:inline-block;margin-left:6px;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle:hover .nas-old-search__toggle-text,.nas-old-search__toggle:focus .nas-old-search__toggle-text{border-color:#003251}.nas-old-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:200px;padding:8px 36px 10px 12px;background-color:#f1f1f1;animation:search-input-in .3s ease-out both}.nas-old-search__icon{position:relative;top:-3px;transform:rotate(-85deg);transition:transform .19s cubic-bezier(0,0,.1,1)}.nas-old-search--expanded{width:200px}.nas-old-search--expanded .nas-old-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-old-search--expanded .nas-old-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-old-search--expanded .nas-old-search__icon{transform:none}.nas-old-search--expanded .nas-old-search__input[type=search]{display:block}@keyframes search-input-in{0%{opacity:0}}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OldSearchComponent, selector: "nas-old-search", inputs: { searchText: "searchText", searchForm: "searchForm" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-old-search{display:none;position:relative;height:100%;color:#15273f;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:30px}@media (min-width: 1000px){.nas-old-search{display:flex;align-items:center;justify-content:flex-end}}.nas-old-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle-text{display:inline-block;margin-left:6px;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle:hover .nas-old-search__toggle-text,.nas-old-search__toggle:focus .nas-old-search__toggle-text{border-color:#15273f}.nas-old-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:200px;padding:8px 36px 10px 12px;background-color:#f1f1f1;animation:search-input-in .3s ease-out both}.nas-old-search__icon{position:relative;top:-3px;transform:rotate(-85deg);transition:transform .19s cubic-bezier(0,0,.1,1)}.nas-old-search--expanded{width:200px}.nas-old-search--expanded .nas-old-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-old-search--expanded .nas-old-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-old-search--expanded .nas-old-search__icon{transform:none}.nas-old-search--expanded .nas-old-search__input[type=search]{display:block}@keyframes search-input-in{0%{opacity:0}}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OldSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-old-search', encapsulation: ViewEncapsulation.None, template: "<form [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-old-search{display:none;position:relative;height:100%;color:#003251;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:30px}@media (min-width: 1000px){.nas-old-search{display:flex;align-items:center;justify-content:flex-end}}.nas-old-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle-text{display:inline-block;margin-left:6px;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle:hover .nas-old-search__toggle-text,.nas-old-search__toggle:focus .nas-old-search__toggle-text{border-color:#003251}.nas-old-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:200px;padding:8px 36px 10px 12px;background-color:#f1f1f1;animation:search-input-in .3s ease-out both}.nas-old-search__icon{position:relative;top:-3px;transform:rotate(-85deg);transition:transform .19s cubic-bezier(0,0,.1,1)}.nas-old-search--expanded{width:200px}.nas-old-search--expanded .nas-old-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-old-search--expanded .nas-old-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-old-search--expanded .nas-old-search__icon{transform:none}.nas-old-search--expanded .nas-old-search__input[type=search]{display:block}@keyframes search-input-in{0%{opacity:0}}\n"] }]
+            args: [{ selector: 'nas-old-search', encapsulation: ViewEncapsulation.None, template: "<form [action]=\"searchForm\" [nasClass]=\"getClass('', expanded && 'expanded')\" method=\"get\">\n  <button type='button' [nasClass]=\"getClass('toggle')\" (click)=\"focus()\" (focus)=\"focus()\">\n    <nas-icon icon=\"search\" [nasClass]=\"getClass('icon')\"></nas-icon>\n    <span [nasClass]=\"getClass('toggle-text')\">{{searchText}}</span>\n  </button>\n\n  <input type=\"search\" [nasClass]=\"getClass('input')\" [placeholder]=\"searchText\" name=\"search\" (blur)=\"blur()\" #input />\n</form>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-old-search{display:none;position:relative;height:100%;color:#15273f;overflow:hidden;padding-top:1px;padding-left:3px;padding-right:3px;margin-right:30px}@media (min-width: 1000px){.nas-old-search{display:flex;align-items:center;justify-content:flex-end}}.nas-old-search__toggle{position:relative;z-index:2;display:flex;align-items:center;outline:0;transition:transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle-text{display:inline-block;margin-left:6px;padding-bottom:2px;border-bottom:2px solid transparent;transition:opacity .2s cubic-bezier(0,0,.1,1),transform .2s cubic-bezier(0,0,.1,1)}.nas-old-search__toggle:hover .nas-old-search__toggle-text,.nas-old-search__toggle:focus .nas-old-search__toggle-text{border-color:#15273f}.nas-old-search__input[type=search]{display:none;position:absolute;right:0;margin-top:-1px;width:200px;padding:8px 36px 10px 12px;background-color:#f1f1f1;animation:search-input-in .3s ease-out both}.nas-old-search__icon{position:relative;top:-3px;transform:rotate(-85deg);transition:transform .19s cubic-bezier(0,0,.1,1)}.nas-old-search--expanded{width:200px}.nas-old-search--expanded .nas-old-search__toggle{outline:0;transform:translate(calc(100% - 30px))}.nas-old-search--expanded .nas-old-search__toggle-text{opacity:0;border:0;transform:translate(24px)}.nas-old-search--expanded .nas-old-search__icon{transform:none}.nas-old-search--expanded .nas-old-search__input[type=search]{display:block}@keyframes search-input-in{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { searchText: [{
                 type: Input
             }], searchForm: [{