ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
32 lines • 6.1 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class TabComponent {
constructor() {
this.slideDirection = '';
this.active = false;
this.hiding = false;
this.disabled = false;
}
}
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: TabComponent, selector: "sdk-tab", inputs: { index: "index", label: "label", icon: "icon", slideDirection: "slideDirection", active: "active", hiding: "hiding", disabled: "disabled" }, ngImport: i0, template: "<ng-container *ngIf=\"active || hiding\">\n <div class=\"sdk-tab__content\"\n [class.sdk-tab__content--hiding]=\"hiding\"\n [class.sdk-tab__content--hiding-slide-right]=\"hiding && slideDirection === 'slideRight'\"\n [class.sdk-tab__content--hiding-slide-left]=\"hiding && slideDirection === 'slideLeft'\"\n [class.sdk-tab__content--slide-left]=\"!hiding && slideDirection === 'slideLeft'\"\n [class.sdk-tab__content--slide-right]=\"!hiding && slideDirection === 'slideRight'\">\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [".sdk-tab__content--slide-left{animation:sdk-slide-in-left .6s ease-in-out}.sdk-tab__content--slide-right{animation:sdk-slide-in-right .6s ease-in-out}.sdk-tab__content--hiding{transition:all .4s;position:absolute;top:0;left:0}.sdk-tab__content--hiding-slide-right{animation:sdk-slide-out-right .6s ease-in-out}.sdk-tab__content--hiding-slide-left{animation:sdk-slide-out-left .6s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: TabComponent, decorators: [{
type: Component,
args: [{ selector: 'sdk-tab', template: "<ng-container *ngIf=\"active || hiding\">\n <div class=\"sdk-tab__content\"\n [class.sdk-tab__content--hiding]=\"hiding\"\n [class.sdk-tab__content--hiding-slide-right]=\"hiding && slideDirection === 'slideRight'\"\n [class.sdk-tab__content--hiding-slide-left]=\"hiding && slideDirection === 'slideLeft'\"\n [class.sdk-tab__content--slide-left]=\"!hiding && slideDirection === 'slideLeft'\"\n [class.sdk-tab__content--slide-right]=\"!hiding && slideDirection === 'slideRight'\">\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [".sdk-tab__content--slide-left{animation:sdk-slide-in-left .6s ease-in-out}.sdk-tab__content--slide-right{animation:sdk-slide-in-right .6s ease-in-out}.sdk-tab__content--hiding{transition:all .4s;position:absolute;top:0;left:0}.sdk-tab__content--hiding-slide-right{animation:sdk-slide-out-right .6s ease-in-out}.sdk-tab__content--hiding-slide-left{animation:sdk-slide-out-left .6s ease-in-out}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { index: [{
type: Input
}], label: [{
type: Input
}], icon: [{
type: Input
}], slideDirection: [{
type: Input
}], active: [{
type: Input
}], hiding: [{
type: Input
}], disabled: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL25hdmlnYXRpb24vdGFicy90YWIvdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL25hdmlnYXRpb24vdGFicy90YWIvdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPekQsTUFBTSxPQUFPLFlBQVk7SUFVckI7UUFMZ0IsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFDNUIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFHMUMsQ0FBQzs7eUdBWFEsWUFBWTs2RkFBWixZQUFZLHFNQ1B6Qiw2a0JBVUE7MkZESGEsWUFBWTtrQkFMeEIsU0FBUzsrQkFDSSxTQUFTOzBFQU1ILEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzZGstdGFiJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgcHVibGljIGluZGV4OiBudW1iZXI7XG4gICAgQElucHV0KCkgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHVibGljIGljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBwdWJsaWMgc2xpZGVEaXJlY3Rpb246IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBwdWJsaWMgaGlkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aXZlIHx8IGhpZGluZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzZGstdGFiX19jb250ZW50XCJcbiAgICAgICAgIFtjbGFzcy5zZGstdGFiX19jb250ZW50LS1oaWRpbmddPVwiaGlkaW5nXCJcbiAgICAgICAgIFtjbGFzcy5zZGstdGFiX19jb250ZW50LS1oaWRpbmctc2xpZGUtcmlnaHRdPVwiaGlkaW5nICYmIHNsaWRlRGlyZWN0aW9uID09PSAnc2xpZGVSaWdodCdcIlxuICAgICAgICAgW2NsYXNzLnNkay10YWJfX2NvbnRlbnQtLWhpZGluZy1zbGlkZS1sZWZ0XT1cImhpZGluZyAmJiBzbGlkZURpcmVjdGlvbiA9PT0gJ3NsaWRlTGVmdCdcIlxuICAgICAgICAgW2NsYXNzLnNkay10YWJfX2NvbnRlbnQtLXNsaWRlLWxlZnRdPVwiIWhpZGluZyAmJiBzbGlkZURpcmVjdGlvbiA9PT0gJ3NsaWRlTGVmdCdcIlxuICAgICAgICAgW2NsYXNzLnNkay10YWJfX2NvbnRlbnQtLXNsaWRlLXJpZ2h0XT1cIiFoaWRpbmcgJiYgc2xpZGVEaXJlY3Rpb24gPT09ICdzbGlkZVJpZ2h0J1wiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==