@norwegian/core-components 6.11.1 → 6.11.2
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/assets/icons/xsmall/arrow-left--light.svg +7 -0
- package/esm2022/lib/components/campaign-header/campaign-header.component.mjs +5 -10
- package/esm2022/lib/components/icon/icon.component.mjs +2 -2
- package/esm2022/lib/components/micro-button/micro-button.component.mjs +5 -7
- package/esm2022/lib/components/micro-button/models/micro-button.model.mjs +2 -0
- package/fesm2022/norwegian-core-components.mjs +10 -17
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/campaign-header/campaign-header.component.d.ts +11 -6
- package/lib/components/micro-button/micro-button.component.d.ts +8 -3
- package/lib/components/micro-button/models/micro-button.model.d.ts +4 -0
- package/package.json +1 -1
|
@@ -29,9 +29,7 @@ export class MicroButtonComponent extends NasComponentBase {
|
|
|
29
29
|
super('nas-micro-button');
|
|
30
30
|
this._icon = '';
|
|
31
31
|
}
|
|
32
|
-
ngOnInit() {
|
|
33
|
-
//
|
|
34
|
-
}
|
|
32
|
+
ngOnInit() { }
|
|
35
33
|
getClasses(element) {
|
|
36
34
|
const classes = [
|
|
37
35
|
this.getClass(element)
|
|
@@ -39,14 +37,14 @@ export class MicroButtonComponent extends NasComponentBase {
|
|
|
39
37
|
return classes;
|
|
40
38
|
}
|
|
41
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: {
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { model: "model", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n {{ model.text }}\n </div>\n </div>\n </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:3px}.nas-micro-button{display:flex;background:#003251;height:32px;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding-left:9px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\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"] }] }); }
|
|
43
41
|
}
|
|
44
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
|
|
45
43
|
type: Component,
|
|
46
|
-
args: [{ selector: 'nas-micro-button', template: "<div class=\"nas-micro-button\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n
|
|
47
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
44
|
+
args: [{ selector: 'nas-micro-button', template: "<div class=\"nas-micro-button\">\n <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n {{ model.text }}\n </div>\n </div>\n </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:3px}.nas-micro-button{display:flex;background:#003251;height:32px;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding-left:9px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\n"] }]
|
|
45
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
48
46
|
type: Input
|
|
49
47
|
}], icon: [{
|
|
50
48
|
type: Input
|
|
51
49
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWljcm8tYnV0dG9uL21pY3JvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21pY3JvLWJ1dHRvbi9taWNyby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOERBQThEO0FBQzlELHNEQUFzRDtBQUN0RCwrREFBK0Q7QUFDL0QsNERBQTREO0FBQzVEOzs7R0FHRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBYyxnQkFBZ0IsRUFBRSxNQUFNLFlBQVksQ0FBQzs7Ozs7QUFHMUQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQWF4RDs7OztPQUlHO0lBQ0gsSUFDSSxJQUFJLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFDNUMsQ0FBQztJQUVEO1FBQ0UsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUF2QnJCLFVBQUssR0FBRyxFQUFFLENBQUM7SUF3QmxCLENBQUM7SUFFRCxRQUFRLEtBQUssQ0FBQztJQUVkLFVBQVUsQ0FBQyxPQUFnQjtRQUN6QixNQUFNLE9BQU8sR0FBc0I7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7U0FDdkIsQ0FBQztRQUNGLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OEdBbENVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHlIQ3JCakMsNmlCQVlNOzsyRkRTTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCOzBFQWdCbkIsS0FBSztzQkFBYixLQUFLO2dCQU9GLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9yZXN0cmljdC1wbHVzLW9wZXJhbmRzICovXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtbWVtYmVyLWFjY2VzcyAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hc3NpZ25tZW50ICovXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwsIE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IE1pY3JvQnV0dG9uTW9kZWwgfSBmcm9tICcuL21vZGVscy9taWNyby1idXR0b24ubW9kZWwnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIGFsZXJ0IENvbXBvbmVudCB8IEJ1dHRvbnMgYW5kIEluZGljYXRvcnNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLW1pY3JvLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9taWNyby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9taWNyby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTWljcm9CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIF9pY29uID0gJyc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogTW9kZWwgdGhhdCBjb250YWlucyBocmVmIGFuZCBidXR0b24gdGV4dC5cbiAgICogQ2FuIGJlIGNvbWJpbmVkIHdpdGggYWxsIG90aGVyIHByb3BlcnRpZXMuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFttb2RlbF09XCJtb2RlbFwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIG1vZGVsPzogTWljcm9CdXR0b25Nb2RlbDtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyB0aGUgaWNvblxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IGljb24odmFsdWU6IGFueSkge1xuICAgIHRoaXMuX2ljb24gPSB2YWx1ZS50b1N0cmluZygpICsgJy0tbGlnaHQnO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1taWNyby1idXR0b24nKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkgeyB9XG5cbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nKTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXM6IEFycmF5PENsYXNzTW9kZWw+ID0gW1xuICAgICAgdGhpcy5nZXRDbGFzcyhlbGVtZW50KVxuICAgIF07XG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuYXMtbWljcm8tYnV0dG9uXCI+XG4gIDxhIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdsaW5rJylcIiBbaHJlZl09XCJtb2RlbC5ocmVmXCIgKm5nSWY9XCJtb2RlbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpY29uXCIgKm5nSWY9XCJfaWNvbi5sZW5ndGggPiAwXCI+XG4gICAgICA8bmFzLWljb24gW2ljb25dPVwiX2ljb25cIiBbdHlwZV09XCIneHNtYWxsJ1wiIFtsaWdodENpcmN1bGFyQmFja2dyb3VuZF09XCJ0cnVlXCJcbiAgICAgICAgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ25hcy1pY29uJylcIj48L25hcy1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3RleHQtY29udGFpbmVyJylcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCIgW25hc0NsYXNzXT1cIl9pY29uLmxlbmd0aCA+IDAgPyBnZXRDbGFzc2VzKCd0ZXh0LXNwYWNlJykgOiBnZXRDbGFzc2VzKCd0ZXh0JylcIj5cbiAgICAgICAge3sgbW9kZWwudGV4dCB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvYT5cbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tYnV0dG9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9taWNyby1idXR0b24vbW9kZWxzL21pY3JvLWJ1dHRvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBNaWNyb0J1dHRvbk1vZGVsIHtcbiAgICBocmVmOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xufVxuIl19
|