@norwegian/core-components 6.15.0 → 6.15.1
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/tab-group/tab/tab.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +2 -2
- package/package.json +1 -1
- package/styles/1__settings/_type.scss +0 -7
- package/styles/2__generic/_fonts.scss +0 -20
- package/styles/3__base/_type.scss +3 -3
- package/assets/fonts/TiemposHeadlineWeb-Bold.eot +0 -0
- package/assets/fonts/TiemposHeadlineWeb-Bold.woff +0 -0
- package/assets/fonts/TiemposHeadlineWeb-Bold.woff2 +0 -0
- package/assets/fonts/TiemposHeadlineWeb-BoldItalic.eot +0 -0
- package/assets/fonts/TiemposHeadlineWeb-BoldItalic.woff +0 -0
- package/assets/fonts/TiemposHeadlineWeb-BoldItalic.woff2 +0 -0
- package/assets/fonts/TiemposText-Medium.eot +0 -0
- package/assets/fonts/TiemposText-Medium.woff +0 -0
- package/assets/fonts/TiemposText-Medium.woff2 +0 -0
- package/assets/fonts/TiemposTextWeb-Italic.eot +0 -0
- package/assets/fonts/TiemposTextWeb-Italic.woff +0 -0
- package/assets/fonts/TiemposTextWeb-Italic.woff2 +0 -0
- package/assets/fonts/TiemposTextWeb-Regular.eot +0 -0
- package/assets/fonts/TiemposTextWeb-Regular.woff +0 -0
- package/assets/fonts/TiemposTextWeb-Regular.woff2 +0 -0
|
@@ -108,11 +108,11 @@ export class TabComponent extends NasComponentBase {
|
|
|
108
108
|
]);
|
|
109
109
|
}
|
|
110
110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:
|
|
111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
112
112
|
}
|
|
113
113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
115
|
-
args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:
|
|
115
|
+
args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
|
|
116
116
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tab: [{
|
|
117
117
|
type: ViewChild,
|
|
118
118
|
args: ['tab']
|
|
@@ -10091,11 +10091,11 @@ class TabComponent extends NasComponentBase {
|
|
|
10091
10091
|
]);
|
|
10092
10092
|
}
|
|
10093
10093
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10094
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:
|
|
10094
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10095
10095
|
}
|
|
10096
10096
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, decorators: [{
|
|
10097
10097
|
type: Component,
|
|
10098
|
-
args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:
|
|
10098
|
+
args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getLabelClass()\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#003251;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
|
|
10099
10099
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tab: [{
|
|
10100
10100
|
type: ViewChild,
|
|
10101
10101
|
args: ['tab']
|
package/package.json
CHANGED
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
$import-fonts: (
|
|
2
|
-
TiemposText: ('Tiempos',
|
|
3
|
-
'TiemposTextWeb-Regular',
|
|
4
|
-
normal,
|
|
5
|
-
normal),
|
|
6
|
-
TiemposText-Italic: ('Tiempos',
|
|
7
|
-
'TiemposTextWeb-Italic',
|
|
8
|
-
normal,
|
|
9
|
-
italic),
|
|
10
|
-
TiemposText-Bold: ('Tiempos',
|
|
11
|
-
'TiemposHeadlineWeb-Bold',
|
|
12
|
-
bold,
|
|
13
|
-
normal),
|
|
14
|
-
TiemposText-Medium: ('Tiempos',
|
|
15
|
-
'TiemposText-Medium',
|
|
16
|
-
600,
|
|
17
|
-
normal),
|
|
18
|
-
TiemposText-BoldItalic: ('Tiempos',
|
|
19
|
-
'TiemposHeadlineWeb-BoldItalic',
|
|
20
|
-
bold,
|
|
21
|
-
italic),
|
|
22
2
|
ApercuProRegular: ('Apercu',
|
|
23
3
|
'apercu_regular_pro-web',
|
|
24
4
|
normal,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
p {
|
|
2
2
|
margin: 0 0 $spacing;
|
|
3
|
-
@include font(
|
|
3
|
+
@include font(base, normal);
|
|
4
4
|
@include font-size(small);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.paragraph {
|
|
8
|
-
@include font(
|
|
8
|
+
@include font(base, normal);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
em {
|
|
@@ -39,7 +39,7 @@ em {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
blockquote {
|
|
42
|
-
@include font(
|
|
42
|
+
@include font(base, bold);
|
|
43
43
|
@include font-size(regular, true);
|
|
44
44
|
line-height: 1.5;
|
|
45
45
|
letter-spacing: 0.02em;
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|