@norwegian/core-components 7.4.3 → 7.4.4
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.
- package/esm2022/lib/components/accordion/accordion.component.mjs +2 -2
- package/esm2022/lib/components/airport-select/airport-select.component.mjs +2 -2
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/campaign-header/campaign-header.component.mjs +2 -2
- package/esm2022/lib/components/cover/cover.component.mjs +2 -2
- package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +2 -2
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +2 -2
- package/esm2022/lib/components/filter/filter.component.mjs +2 -2
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/journey/journey.component.mjs +2 -2
- package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +2 -2
- package/esm2022/lib/components/journey-availability-list/journey-availability-list.component.mjs +2 -2
- package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +2 -2
- package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +2 -2
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/number-field/number-field.component.mjs +2 -2
- package/esm2022/lib/components/page-footer/page-footer.component.mjs +2 -2
- package/esm2022/lib/components/page-header/page-header.component.mjs +2 -2
- package/esm2022/lib/components/phone-number/phone-number.component.mjs +2 -2
- package/esm2022/lib/components/radio/radio.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/slider/slider.component.mjs +2 -2
- package/esm2022/lib/components/spinner/spinner.component.mjs +2 -2
- package/esm2022/lib/components/tab-group/tab/tab.component.mjs +2 -2
- package/esm2022/lib/components/textarea/textarea.component.mjs +2 -2
- package/esm2022/lib/components/toggle/toggle.component.mjs +2 -2
- package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +58 -58
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/1__settings/_mixins.scss +2 -1
- package/styles/1__settings/_type.scss +1 -1
- package/styles/3__base/_body.scss +1 -4
- package/styles/3__base/_heading.scss +3 -3
|
@@ -119,11 +119,11 @@ export class ModalComponent extends NasComponentBase {
|
|
|
119
119
|
}, 30);
|
|
120
120
|
}
|
|
121
121
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, deps: [{ token: i1.AnimateHelper }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\n</div>", 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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#
|
|
122
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\n</div>", 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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f8f8f8}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
123
123
|
}
|
|
124
124
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
|
-
args: [{ selector: 'nas-modal', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\n</div>", 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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#
|
|
126
|
+
args: [{ selector: 'nas-modal', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\n</div>", 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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f8f8f8}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"] }]
|
|
127
127
|
}], ctorParameters: function () { return [{ type: i1.AnimateHelper }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { form: [{
|
|
128
128
|
type: Input
|
|
129
129
|
}], tight: [{
|
|
@@ -120,11 +120,11 @@ export class NumberFieldComponent extends NasComponentBase {
|
|
|
120
120
|
return { icon: 'minus', styling: 'subtract', disabled: false };
|
|
121
121
|
}
|
|
122
122
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldComponent, selector: "nas-number-field", inputs: { id: "id", number: "number", max: "max", min: "min", label: "label", compact: "compact", spaceless: "spaceless", simple: "simple", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", hideInput: "hideInput", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd", ariaLabel: "ariaLabel" }, outputs: { numberChange: "numberChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [id]=\"inputId + '__sub'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getMinusConfig().styling)\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\" (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [nasClass]=\"getClass('input')\" [attr.min]=\"min\" [attr.max]=\"max\"\n [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" [(ngModel)]=\"number\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [id]=\"inputId + '__add'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getPlusConfig().styling)\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\" (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getMinusConfig().styling)\"\n [id]=\"inputId + '__sub'\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\" [attr.max]=\"max\" [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\" [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getPlusConfig().styling)\"\n [id]=\"inputId + '__add'\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-template>", 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-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field__title{font-family:NorwegianTextPro,Arial,
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldComponent, selector: "nas-number-field", inputs: { id: "id", number: "number", max: "max", min: "min", label: "label", compact: "compact", spaceless: "spaceless", simple: "simple", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", hideInput: "hideInput", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd", ariaLabel: "ariaLabel" }, outputs: { numberChange: "numberChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [id]=\"inputId + '__sub'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getMinusConfig().styling)\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\" (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [nasClass]=\"getClass('input')\" [attr.min]=\"min\" [attr.max]=\"max\"\n [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" [(ngModel)]=\"number\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [id]=\"inputId + '__add'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getPlusConfig().styling)\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\" (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getMinusConfig().styling)\"\n [id]=\"inputId + '__sub'\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\" [attr.max]=\"max\" [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\" [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getPlusConfig().styling)\"\n [id]=\"inputId + '__add'\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-template>", 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-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field__input{font-weight:700;font-size:16px;line-height:24px;color:#15273f;max-height:40px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field__input[type=number]{padding:0;width:40px;height:40px}.nas-number-field__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:40px;width:40px;color:transparent;overflow:hidden;background-color:#e9e7e4;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field__button[disabled]{pointer-events:none;background-color:#e9e7e4}.nas-number-field__button--subtract{background-color:#e9e7e4}.nas-number-field__button--subtract--active{background-color:#15273f}.nas-number-field__button--add{background-color:#e9e7e4}.nas-number-field__button--add--active{background-color:#15273f}.nas-number-field__wrapper{position:relative;display:flex;height:40px}.nas-number-field--compact{width:108px}.nas-number-field--compact .nas-number-field__button{height:35px;width:36px}.nas-number-field--compact .nas-number-field__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field--compact .nas-number-field__input[type=number]{width:36px}.nas-number-field--compact .nas-number-field__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field--compact .nas-number-field__wrapper{height:35px}.nas-number-field--spaceless{margin-bottom:0}.nas-number-field--hidden.nas-number-field--compact .nas-number-field__button{width:52.5px}.nas-number-field--hidden .nas-number-field__input{visibility:hidden}.nas-number-field--hidden .nas-number-field__input[type=number]{padding:0;width:3px}.nas-number-field--hidden .nas-number-field__button{width:66px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
124
124
|
}
|
|
125
125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, decorators: [{
|
|
126
126
|
type: Component,
|
|
127
|
-
args: [{ selector: 'nas-number-field', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [id]=\"inputId + '__sub'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getMinusConfig().styling)\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\" (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [nasClass]=\"getClass('input')\" [attr.min]=\"min\" [attr.max]=\"max\"\n [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" [(ngModel)]=\"number\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [id]=\"inputId + '__add'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getPlusConfig().styling)\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\" (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getMinusConfig().styling)\"\n [id]=\"inputId + '__sub'\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\" [attr.max]=\"max\" [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\" [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getPlusConfig().styling)\"\n [id]=\"inputId + '__add'\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-template>", 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-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field__title{font-family:NorwegianTextPro,Arial,
|
|
127
|
+
args: [{ selector: 'nas-number-field', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [id]=\"inputId + '__sub'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getMinusConfig().styling)\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\" (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [nasClass]=\"getClass('input')\" [attr.min]=\"min\" [attr.max]=\"max\"\n [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" [(ngModel)]=\"number\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [id]=\"inputId + '__add'\" [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('button', getPlusConfig().styling)\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\" (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\" *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getMinusConfig().styling)\"\n [id]=\"inputId + '__sub'\" [disabled]=\"getMinusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></nas-icon>\n </nas-button>\n <input #input [id]=\"inputId\" type=\"number\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\" [attr.max]=\"max\" [attr.value]=\"number\" [attr.aria-valuenow]=\"number\" [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\" [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\" (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\" (keydown.arrowleft)=\"subtract()\">\n <nas-button [overrideBaseCssClass]=\"true\" [cssClass]=\"getClass('button', getPlusConfig().styling)\"\n [id]=\"inputId + '__add'\" [disabled]=\"getPlusConfig().disabled\" [tabindex]=\"-1\" [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</ng-template>", 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-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field__input{font-weight:700;font-size:16px;line-height:24px;color:#15273f;max-height:40px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field__input[type=number]{padding:0;width:40px;height:40px}.nas-number-field__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:40px;width:40px;color:transparent;overflow:hidden;background-color:#e9e7e4;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field__button[disabled]{pointer-events:none;background-color:#e9e7e4}.nas-number-field__button--subtract{background-color:#e9e7e4}.nas-number-field__button--subtract--active{background-color:#15273f}.nas-number-field__button--add{background-color:#e9e7e4}.nas-number-field__button--add--active{background-color:#15273f}.nas-number-field__wrapper{position:relative;display:flex;height:40px}.nas-number-field--compact{width:108px}.nas-number-field--compact .nas-number-field__button{height:35px;width:36px}.nas-number-field--compact .nas-number-field__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field--compact .nas-number-field__input[type=number]{width:36px}.nas-number-field--compact .nas-number-field__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field--compact .nas-number-field__wrapper{height:35px}.nas-number-field--spaceless{margin-bottom:0}.nas-number-field--hidden.nas-number-field--compact .nas-number-field__button{width:52.5px}.nas-number-field--hidden .nas-number-field__input{visibility:hidden}.nas-number-field--hidden .nas-number-field__input[type=number]{padding:0;width:3px}.nas-number-field--hidden .nas-number-field__button{width:66px}\n"] }]
|
|
128
128
|
}], ctorParameters: function () { return []; }, propDecorators: { input: [{
|
|
129
129
|
type: ViewChild,
|
|
130
130
|
args: ['input']
|
|
@@ -35,11 +35,11 @@ export class PageFooterComponent extends NasComponentBase {
|
|
|
35
35
|
window.scrollTo(0, 0);
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#f8f8f8;position:relative;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i4.GridComponent, selector: "nas-grid", inputs: ["right", "center", "stretch", "wide", "tight", "xtight", "xxtight", "spaceless", "mobileview", "nopadding", "nomargin", "colGroup"] }, { kind: "component", type: i5.ColComponent, selector: "nas-col", inputs: ["base", "md", "lg", "xl", "colSize"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'nas-page-footer', encapsulation: ViewEncapsulation.None, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#
|
|
42
|
+
args: [{ selector: 'nas-page-footer', encapsulation: ViewEncapsulation.None, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#f8f8f8;position:relative;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return []; }, propDecorators: { links: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], buttonText: [{
|