@munishwar/snap-ui 0.0.7 → 0.0.9
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.
|
@@ -105,11 +105,11 @@ class ButtonComponent {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ButtonComponent, isStandalone: true, selector: "nn-button", inputs: { label: "label", variant: "variant", color: "color", icon: "icon", disabled: "disabled", size: "size", href: "href", routerLink: "routerLink", target: "target", customClass: "customClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [".snap-button.mat-mdc-raised-button.mat-primary{background-color:var(--snap-primary);color:var(--snap-primary-text);border-radius:var(--snap-radius)}.snap-button.mat-mdc-raised-button.mat-primary:hover{background-color:var(--snap-primary-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
108
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ButtonComponent, isStandalone: true, selector: "nn-button", inputs: { label: "label", variant: "variant", color: "color", icon: "icon", disabled: "disabled", size: "size", href: "href", routerLink: "routerLink", target: "target", customClass: "customClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [".snap-button.mat-mdc-raised-button.mat-primary{background-color:var(--snap-primary)!important;color:var(--snap-primary-text)!important;border-radius:var(--snap-radius)!important}.snap-button.mat-mdc-raised-button.mat-primary:hover{background-color:var(--snap-primary-hover)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
112
|
-
args: [{ selector: 'nn-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, RouterModule], template: "<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [".snap-button.mat-mdc-raised-button.mat-primary{background-color:var(--snap-primary);color:var(--snap-primary-text);border-radius:var(--snap-radius)}.snap-button.mat-mdc-raised-button.mat-primary:hover{background-color:var(--snap-primary-hover)}\n"] }]
|
|
112
|
+
args: [{ selector: 'nn-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, RouterModule], template: "<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n", styles: [".snap-button.mat-mdc-raised-button.mat-primary{background-color:var(--snap-primary)!important;color:var(--snap-primary-text)!important;border-radius:var(--snap-radius)!important}.snap-button.mat-mdc-raised-button.mat-primary:hover{background-color:var(--snap-primary-hover)!important}\n"] }]
|
|
113
113
|
}], propDecorators: { label: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}], variant: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"munishwar-snap-ui.mjs","sources":["../../../projects/snap-ui/src/lib/snap-ui.ts","../../../projects/snap-ui/src/lib/atoms/typograpy/typograpy.ts","../../../projects/snap-ui/src/lib/atoms/typograpy/typograpy.html","../../../projects/snap-ui/src/lib/atoms/button/button.ts","../../../projects/snap-ui/src/lib/atoms/button/button.html","../../../projects/snap-ui/src/public-api.ts","../../../projects/snap-ui/src/munishwar-snap-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-snap-ui',\r\n imports: [],\r\n template: `\r\n <p>\r\n snap-ui works!\r\n </p>\r\n `,\r\n styles: ``,\r\n})\r\nexport class SnapUi {\r\n\r\n}\r\n","\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'nt-text',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './typograpy.html',\r\n})\r\nexport class Typograpy {\r\n\r\n @Input() variant: \r\n 'h1'|'h2'|'h3'|'h4'|'h5'|'h6'|'p'|'span'|'small' = 'p';\r\n\r\n // Basic text\r\n @Input() text?: string;\r\n\r\n // Custom CSS classes\r\n @Input() customClass?: string;\r\n\r\n // Formatting\r\n @Input() bold: boolean = false;\r\n @Input() italic: boolean = false;\r\n @Input() underline: boolean = false;\r\n @Input() mark: boolean = false;\r\n @Input() code: boolean = false;\r\n @Input() muted: boolean = false;\r\n\r\n // Text color\r\n @Input() color?: string;\r\n\r\n get classes() {\r\n return {\r\n 'fw-bold': this.bold,\r\n 'fst-italic': this.italic,\r\n 'text-decoration-underline': this.underline,\r\n 'text-muted': this.muted,\r\n [this.customClass || '']: true\r\n };\r\n }\r\n}\r\n","<ng-container [ngSwitch]=\"variant\">\r\n\r\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h1>\r\n\r\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h2>\r\n\r\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h3>\r\n\r\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h4>\r\n\r\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h5>\r\n\r\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h6>\r\n\r\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </p>\r\n\r\n <span *ngSwitchCase=\"'span'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </span>\r\n\r\n <small *ngSwitchCase=\"'small'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </small>\r\n\r\n</ng-container>\r\n\r\n\r\n<!-- Text wrapper for mark, code etc -->\r\n<ng-template #textWrapper>\r\n\r\n <!-- Mark (highlight) -->\r\n <mark *ngIf=\"mark\">\r\n <ng-container *ngIf=\"!code\">{{ text }}</ng-container>\r\n\r\n <!-- Code inside mark -->\r\n <code *ngIf=\"code\">{{ text }}</code>\r\n </mark>\r\n\r\n <!-- Code only -->\r\n <code *ngIf=\"code && !mark\">{{ text }}</code>\r\n\r\n <!-- Normal rendering -->\r\n <ng-container *ngIf=\"!mark && !code\">{{ text }}</ng-container>\r\n\r\n</ng-template>\r\n","\r\nimport { Component, Input ,Output ,EventEmitter } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'nn-button',\r\n standalone: true,\r\n imports: [CommonModule, MatButtonModule, MatIconModule ,RouterModule],\r\n templateUrl: './button.html',\r\n styleUrl: './button.css',\r\n})\r\nexport class ButtonComponent {\r\n @Input() label?: string;\r\n @Input() variant:\r\n | 'raised'\r\n | 'flat'\r\n | 'stroked'\r\n | 'basic'\r\n | 'icon'\r\n | 'fab'\r\n | 'mini-fab'\r\n | 'link' = 'raised';\r\n @Input() color?: 'primary' | 'accent' | 'warn';\r\n @Input() icon?: string;\r\n @Input() disabled: boolean = false;\r\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\r\n @Input() href?: string;\r\n @Input() routerLink?: string | any[];\r\n @Input() target: '_self' | '_blank' = '_self';\r\n\r\n @Input() customClass: string = '';\r\n \r\n @Output() clicked = new EventEmitter<void>();\r\n \r\n get buttonClasses(): any {\r\n return {\r\n 'btn-small': this.size === 'sm',\r\n 'btn-medium': this.size === 'md',\r\n 'btn-large': this.size === 'lg',\r\n [this.customClass]: !!this.customClass,\r\n [this.color || '']: this.variant === 'link',\r\n };\r\n }\r\n \r\n handleClick(event: MouseEvent) {\r\n if (!this.disabled) {\r\n this.clicked.emit(); // <<< Emit event when button clicked\r\n }\r\n }\r\n}\r\n","<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n","/*\r\n * Public API Surface of snap-ui\r\n */\r\n\r\nexport * from './lib/snap-ui';\r\nexport * from './lib/atoms/typograpy/typograpy';\r\nexport * from './lib/atoms/button/button';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"munishwar-snap-ui.mjs","sources":["../../../projects/snap-ui/src/lib/snap-ui.ts","../../../projects/snap-ui/src/lib/atoms/typograpy/typograpy.ts","../../../projects/snap-ui/src/lib/atoms/typograpy/typograpy.html","../../../projects/snap-ui/src/lib/atoms/button/button.ts","../../../projects/snap-ui/src/lib/atoms/button/button.html","../../../projects/snap-ui/src/public-api.ts","../../../projects/snap-ui/src/munishwar-snap-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-snap-ui',\r\n imports: [],\r\n template: `\r\n <p>\r\n snap-ui works!\r\n </p>\r\n `,\r\n styles: ``,\r\n})\r\nexport class SnapUi {\r\n\r\n}\r\n","\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'nt-text',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './typograpy.html',\r\n})\r\nexport class Typograpy {\r\n\r\n @Input() variant: \r\n 'h1'|'h2'|'h3'|'h4'|'h5'|'h6'|'p'|'span'|'small' = 'p';\r\n\r\n // Basic text\r\n @Input() text?: string;\r\n\r\n // Custom CSS classes\r\n @Input() customClass?: string;\r\n\r\n // Formatting\r\n @Input() bold: boolean = false;\r\n @Input() italic: boolean = false;\r\n @Input() underline: boolean = false;\r\n @Input() mark: boolean = false;\r\n @Input() code: boolean = false;\r\n @Input() muted: boolean = false;\r\n\r\n // Text color\r\n @Input() color?: string;\r\n\r\n get classes() {\r\n return {\r\n 'fw-bold': this.bold,\r\n 'fst-italic': this.italic,\r\n 'text-decoration-underline': this.underline,\r\n 'text-muted': this.muted,\r\n [this.customClass || '']: true\r\n };\r\n }\r\n}\r\n","<ng-container [ngSwitch]=\"variant\">\r\n\r\n <h1 *ngSwitchCase=\"'h1'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h1>\r\n\r\n <h2 *ngSwitchCase=\"'h2'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h2>\r\n\r\n <h3 *ngSwitchCase=\"'h3'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h3>\r\n\r\n <h4 *ngSwitchCase=\"'h4'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h4>\r\n\r\n <h5 *ngSwitchCase=\"'h5'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h5>\r\n\r\n <h6 *ngSwitchCase=\"'h6'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </h6>\r\n\r\n <p *ngSwitchCase=\"'p'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </p>\r\n\r\n <span *ngSwitchCase=\"'span'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </span>\r\n\r\n <small *ngSwitchCase=\"'small'\" [ngClass]=\"classes\" [style.color]=\"color\">\r\n <ng-container *ngTemplateOutlet=\"textWrapper\"></ng-container>\r\n </small>\r\n\r\n</ng-container>\r\n\r\n\r\n<!-- Text wrapper for mark, code etc -->\r\n<ng-template #textWrapper>\r\n\r\n <!-- Mark (highlight) -->\r\n <mark *ngIf=\"mark\">\r\n <ng-container *ngIf=\"!code\">{{ text }}</ng-container>\r\n\r\n <!-- Code inside mark -->\r\n <code *ngIf=\"code\">{{ text }}</code>\r\n </mark>\r\n\r\n <!-- Code only -->\r\n <code *ngIf=\"code && !mark\">{{ text }}</code>\r\n\r\n <!-- Normal rendering -->\r\n <ng-container *ngIf=\"!mark && !code\">{{ text }}</ng-container>\r\n\r\n</ng-template>\r\n","\r\nimport { Component, Input ,Output ,EventEmitter } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'nn-button',\r\n standalone: true,\r\n imports: [CommonModule, MatButtonModule, MatIconModule ,RouterModule],\r\n templateUrl: './button.html',\r\n styleUrl: './button.css',\r\n})\r\nexport class ButtonComponent {\r\n @Input() label?: string;\r\n @Input() variant:\r\n | 'raised'\r\n | 'flat'\r\n | 'stroked'\r\n | 'basic'\r\n | 'icon'\r\n | 'fab'\r\n | 'mini-fab'\r\n | 'link' = 'raised';\r\n @Input() color?: 'primary' | 'accent' | 'warn';\r\n @Input() icon?: string;\r\n @Input() disabled: boolean = false;\r\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\r\n @Input() href?: string;\r\n @Input() routerLink?: string | any[];\r\n @Input() target: '_self' | '_blank' = '_self';\r\n\r\n @Input() customClass: string = '';\r\n \r\n @Output() clicked = new EventEmitter<void>();\r\n \r\n get buttonClasses(): any {\r\n return {\r\n 'btn-small': this.size === 'sm',\r\n 'btn-medium': this.size === 'md',\r\n 'btn-large': this.size === 'lg',\r\n [this.customClass]: !!this.customClass,\r\n [this.color || '']: this.variant === 'link',\r\n };\r\n }\r\n \r\n handleClick(event: MouseEvent) {\r\n if (!this.disabled) {\r\n this.clicked.emit(); // <<< Emit event when button clicked\r\n }\r\n }\r\n}\r\n","<ng-container [ngSwitch]=\"variant\">\r\n <!-- ===================== RAISED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'raised'\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== FLAT BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'flat'\"\r\n mat-flat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== STROKED BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'stroked'\"\r\n mat-stroked-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== BASIC BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'basic'\"\r\n mat-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <span class=\"btn-content\">\r\n <ng-container *ngIf=\"icon\">\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </ng-container>\r\n <span>{{ label }}</span>\r\n </span>\r\n </button>\r\n\r\n <!-- ===================== ICON BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'icon'\"\r\n mat-icon-button\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'fab'\"\r\n mat-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== MINI-FAB BUTTON ===================== -->\r\n <button\r\n *ngSwitchCase=\"'mini-fab'\"\r\n mat-mini-fab\r\n [color]=\"color || null\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"handleClick($event)\"\r\n >\r\n <mat-icon>{{ icon }}</mat-icon>\r\n </button>\r\n\r\n <!-- ===================== LINK BUTTON ===================== -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <!-- INTERNAL ROUTE -->\r\n <a\r\n *ngIf=\"routerLink && !href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [routerLink]=\"routerLink\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n\r\n <!-- EXTERNAL LINK -->\r\n <a\r\n *ngIf=\"href\"\r\n mat-raised-button\r\n [color]=\"color || null\"\r\n [attr.href]=\"disabled ? null : href\"\r\n [attr.target]=\"target || '_blank'\"\r\n rel=\"noopener noreferrer\"\r\n [class.disabled]=\"disabled\"\r\n [ngClass]=\"buttonClasses\"\r\n (click)=\"disabled && $event.preventDefault()\"\r\n >\r\n <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\r\n <span *ngIf=\"label\">{{ label }}</span>\r\n </a>\r\n </ng-container>\r\n</ng-container>\r\n","/*\r\n * Public API Surface of snap-ui\r\n */\r\n\r\nexport * from './lib/snap-ui';\r\nexport * from './lib/atoms/typograpy/typograpy';\r\nexport * from './lib/atoms/button/button';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|