@norwegian/core-components 5.16.1 → 5.17.0

package/bundles/norwegian-core-components.umd.js

@@ -1358,7 +1358,7 @@
     AccordionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'nas-accordion',
-                    template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n  <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n    <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n  </div>\n\n  <div [nasClass]=\"wrapperClass()\">\n    <div *ngIf=\"exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n      [style.padding]=\"exists(transparent) && 'unset'\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</section>\n\n<ng-template #toggleTemplate>\n  <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n    <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n      <nas-icon [icon]=\"icon\"></nas-icon>\n    </span>\n    <div>\n      <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n      <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n      <div *ngIf=\"subheader\" \n        [nasClass]=\"getClass('subheader', exists(subheaderPositive) ? 'positive' : exists(subheaderNegative) ? 'negative' :'')\">\n        <nas-icon *ngIf=\"exists(subheaderPositive) || exists(subheaderNegative)\"\n          [type]=\"exists(subheaderPositive) ? 'positive--light' : exists(subheaderNegative) ? 'negative--light' : ''\"></nas-icon>\n        <span [nasClass]=\"getClass('subheader--text')\">{{subheader}}</span>\n      </div>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n  </button>\n</ng-template>\n",
+                    template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n  <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n    <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n  </div>\n\n  <div [nasClass]=\"wrapperClass()\">\n    <div [hidden]=\"!exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n      [style.padding]=\"exists(transparent) && 'unset'\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</section>\n\n<ng-template #toggleTemplate>\n  <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n    <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n      <nas-icon [icon]=\"icon\"></nas-icon>\n    </span>\n    <div>\n      <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n      <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n      <div *ngIf=\"subheader\" \n        [nasClass]=\"getClass('subheader', exists(subheaderPositive) ? 'positive' : exists(subheaderNegative) ? 'negative' :'')\">\n        <nas-icon *ngIf=\"exists(subheaderPositive) || exists(subheaderNegative)\"\n          [type]=\"exists(subheaderPositive) ? 'positive--light' : exists(subheaderNegative) ? 'negative--light' : ''\"></nas-icon>\n        <span [nasClass]=\"getClass('subheader--text')\">{{subheader}}</span>\n      </div>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n  </button>\n</ng-template>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:flip-out .2s ease both;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0}.nas-accordion--simple .nas-accordion__toggle{padding:0;background-color:transparent;margin-bottom:12px}.nas-accordion--simple .nas-accordion__indicator{margin-left:9px;transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--simple .nas-accordion__content{padding:16px}.nas-accordion__icon{margin:0 9px 0 0}.nas-accordion__subheader--text{vertical-align:middle}.nas-accordion__subheader--positive{background-color:#238e00;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion__subheader--negative{background-color:#d81939;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion--expanded{z-index:20}.nas-accordion--expanded:not(.nas-accordion--info):not(.nas-accordion--simple) .nas-accordion__toggle{background-color:#fff}.nas-accordion--expanded .nas-accordion__indicator{transform:rotate(-180deg)}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__toggle{padding:16px 24px}}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__content{padding:12px 24px 24px}}.nas-accordion--small .nas-accordion__toggle{padding:9px 16px;background-color:#e3e3e3}.nas-accordion--small .nas-accordion__toggle:hover,.nas-accordion--small .nas-accordion__toggle:focus{background-color:#fff}.nas-accordion--small .nas-accordion__content{padding:3px 16px 24px}.nas-accordion--small .nas-accordion__indicator{transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--inverted .nas-accordion__toggle{background-color:#fff}.nas-accordion--inverted .nas-accordion__toggle:hover,.nas-accordion--inverted .nas-accordion__toggle:focus{background-color:#e3e3e3}.nas-accordion--inverted .nas-accordion__content{background-color:#e3e3e3}.nas-accordion--inverted.nas-accordion--expanded .nas-accordion__toggle{background-color:#e3e3e3}.nas-accordion--nopadding{padding-bottom:25px}.nas-accordion--nopadding .nas-accordion__toggle{padding:0}.nas-accordion--nopadding .nas-accordion__content{padding:0}.nas-accordion--approve .nas-accordion__toggle{color:#238e00}.nas-accordion--primary .nas-accordion__toggle{color:#d81939}.nas-accordion--info .nas-accordion__toggle,.nas-accordion--info .nas-accordion__content{background-color:#ffc;color:#003251}.nas-accordion .nas-icon-positive--light,.nas-accordion .nas-icon-negative--light{transform:scale(.85)}\n"]
                 },] }
@@ -7049,6 +7049,19 @@
         function SpinnerComponent(renderer) {
             var _this = _super.call(this, 'nas-spinner') || this;
             _this.renderer = renderer;
+            /**
+           * @description
+           * Block page scrolling.
+           * @example
+           * ```html
+           * <nas-select blockScrolling></nas-select>
+           * ```
+           * or
+           * ```html
+           * <nas-select [blockScrolling]="true"></nas-select>
+           * ```
+           */
+            _this.blockScrolling = true;
             return _this;
         }
         Object.defineProperty(SpinnerComponent.prototype, "enable", {
@@ -7075,7 +7088,9 @@
             if (enabled) {
                 this.loadingTimeout = setTimeout(function () {
                     _this.enableValue = true;
-                    _this.renderer.addClass(document.body, 'block-scrolling');
+                    if (_this.blockScrolling) {
+                        _this.renderer.addClass(document.body, 'block-scrolling');
+                    }
                 }, 500);
                 setTimeout(function () {
                     _this.showRefreshLink = true;
@@ -7084,7 +7099,9 @@
             else {
                 clearTimeout(this.loadingTimeout);
                 this.enableValue = false;
-                this.renderer.removeClass(document.body, 'block-scrolling');
+                if (this.blockScrolling) {
+                    this.renderer.removeClass(document.body, 'block-scrolling');
+                }
             }
         };
         SpinnerComponent.prototype.refreshPage = function () {
@@ -7109,7 +7126,8 @@
         small: [{ type: i0.Input }],
         overlay: [{ type: i0.Input }],
         enable: [{ type: i0.Input }],
-        refresh: [{ type: i0.Input }]
+        refresh: [{ type: i0.Input }],
+        blockScrolling: [{ type: i0.Input }]
     };
 
     var SpinnerModule = /** @class */ (function () {
@@ -7338,6 +7356,9 @@
             if (this.nasFormGroup && this.nasFormControlGroupBooking) {
                 var groupBookingControl = this.nasFormGroup.get(this.nasFormControlGroupBooking);
                 this.isGroupBooking = this.totalCount >= this.groupBookingLimit;
+                if (this.groupBookingLimit < 1) {
+                    this.isGroupBooking = false;
+                }
                 if (groupBookingControl.value !== this.isGroupBooking) {
                     groupBookingControl.patchValue(this.isGroupBooking);
                 }