@norwegian/core-components 5.12.2 → 5.13.0

package/assets/documentation/divider/divider.md

@@ -0,0 +1 @@
+

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

@@ -11869,6 +11869,68 @@
                 },] }
     ];
 
+    /**
+     * @description
+     * Norwegian Divider Component | Layout
+     */
+    var DividerComponent = /** @class */ (function (_super) {
+        __extends(DividerComponent, _super);
+        function DividerComponent() {
+            return _super.call(this, 'nas-divider') || this;
+        }
+        DividerComponent.prototype.getModifiers = function () {
+            return [
+                this.exists(this.double) && 'double',
+                this.exists(this.dotted) && 'dotted',
+                this.exists(this.dashed) && 'dashed',
+                this.exists(this.spaceLarge) && 'spaceLarge',
+                this.exists(this.light) && 'light',
+                this.exists(this.dark) && 'dark',
+                this.exists(this.secondary) && 'secondary',
+                this.exists(this.primary) && 'primary',
+            ];
+        };
+        DividerComponent.prototype.getClasses = function (element, modifiers) {
+            var classes = [
+                this.getClass(element, modifiers)
+            ];
+            return classes;
+        };
+        return DividerComponent;
+    }(NasComponentBase));
+    DividerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'nas-divider',
+                    template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <div [nasClass]=\"getClass('line')\"></div>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">{{text}}</div>\n  <div [nasClass]=\"getClass('line')\"></div>\n</div>\n",
+                    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-divider{display:flex;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;height:1px}.nas-divider__line{flex:1;height:1px;background-color:#909090}.nas-divider__text{padding:12px;font-size:16px;line-height:26px}.nas-divider--double .nas-divider__line{flex:1;height:2px;background-color:#c3c3c3}.nas-divider--dotted .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dotted #c3c3c3}.nas-divider--dashed .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dashed #c3c3c3}.nas-divider--spacelarge{margin-top:36px;margin-bottom:36px}.nas-divider--light{background-color:#c3c3c3}.nas-divider--light .nas-divider__line{background-color:#c3c3c3}.nas-divider--dark{background-color:#626363}.nas-divider--dark .nas-divider__line{background-color:#626363}.nas-divider--secondary{background-color:#003251}.nas-divider--secondary .nas-divider__line{background-color:#003251}.nas-divider--primary{background-color:#d81939}.nas-divider--primary .nas-divider__line{background-color:#d81939}\n"]
+                },] }
+    ];
+    DividerComponent.ctorParameters = function () { return []; };
+    DividerComponent.propDecorators = {
+        text: [{ type: i0.Input }],
+        double: [{ type: i0.Input }],
+        dotted: [{ type: i0.Input }],
+        dashed: [{ type: i0.Input }],
+        spaceLarge: [{ type: i0.Input }],
+        light: [{ type: i0.Input }],
+        dark: [{ type: i0.Input }],
+        secondary: [{ type: i0.Input }],
+        primary: [{ type: i0.Input }]
+    };
+
+    var DividerModule = /** @class */ (function () {
+        function DividerModule() {
+        }
+        return DividerModule;
+    }());
+    DividerModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [DividerComponent],
+                    imports: [i1.CommonModule, NasClassModule, router.RouterModule],
+                    exports: [DividerComponent],
+                },] }
+    ];
+
     var GetPositionService = /** @class */ (function () {
         function GetPositionService() {
         }
@@ -11930,6 +11992,8 @@
     exports.DatepickerComponent = DatepickerComponent;
     exports.DatepickerModule = DatepickerModule;
     exports.DeviceHelper = DeviceHelper;
+    exports.DividerComponent = DividerComponent;
+    exports.DividerModule = DividerModule;
     exports.DropdownComponent = DropdownComponent;
     exports.DropdownModule = DropdownModule;
     exports.FilterComponent = FilterComponent;