@munishwar/snap-ui 0.0.2 → 0.0.5
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.
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@angular/material/button';
|
|
6
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
+
import * as i3 from '@angular/material/icon';
|
|
8
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
+
import * as i4 from '@angular/router';
|
|
10
|
+
import { RouterModule } from '@angular/router';
|
|
5
11
|
|
|
6
12
|
class SnapUi {
|
|
7
13
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnapUi, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -72,6 +78,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
72
78
|
type: Input
|
|
73
79
|
}] } });
|
|
74
80
|
|
|
81
|
+
class ButtonComponent {
|
|
82
|
+
label;
|
|
83
|
+
variant = 'raised';
|
|
84
|
+
color;
|
|
85
|
+
icon;
|
|
86
|
+
disabled = false;
|
|
87
|
+
size = 'md';
|
|
88
|
+
href;
|
|
89
|
+
routerLink;
|
|
90
|
+
target = '_self';
|
|
91
|
+
customClass = '';
|
|
92
|
+
clicked = new EventEmitter();
|
|
93
|
+
get buttonClasses() {
|
|
94
|
+
return {
|
|
95
|
+
'btn-small': this.size === 'sm',
|
|
96
|
+
'btn-medium': this.size === 'md',
|
|
97
|
+
'btn-large': this.size === 'lg',
|
|
98
|
+
[this.customClass]: !!this.customClass,
|
|
99
|
+
[this.color || '']: this.variant === 'link',
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
handleClick(event) {
|
|
103
|
+
if (!this.disabled) {
|
|
104
|
+
this.clicked.emit(); // <<< Emit event when button clicked
|
|
105
|
+
}
|
|
106
|
+
}
|
|
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"] }] });
|
|
109
|
+
}
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
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"] }]
|
|
113
|
+
}], propDecorators: { label: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], variant: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], color: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], icon: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], disabled: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], size: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], href: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], routerLink: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], target: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], customClass: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], clicked: [{
|
|
134
|
+
type: Output
|
|
135
|
+
}] } });
|
|
136
|
+
|
|
75
137
|
/*
|
|
76
138
|
* Public API Surface of snap-ui
|
|
77
139
|
*/
|
|
@@ -80,5 +142,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
80
142
|
* Generated bundle index. Do not edit.
|
|
81
143
|
*/
|
|
82
144
|
|
|
83
|
-
export { SnapUi, Typograpy };
|
|
145
|
+
export { ButtonComponent, SnapUi, Typograpy };
|
|
84
146
|
//# sourceMappingURL=munishwar-snap-ui.mjs.map
|
|
@@ -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/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\n * Public API Surface of snap-ui\r\n */\r\n\r\nexport * from './lib/snap-ui';\r\nexport * from './lib/atoms/typograpy/typograpy';","/**\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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"}
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
2
3
|
|
|
3
4
|
declare class SnapUi {
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<SnapUi, never>;
|
|
@@ -27,4 +28,22 @@ declare class Typograpy {
|
|
|
27
28
|
static ɵcmp: i0.ɵɵComponentDeclaration<Typograpy, "nt-text", never, { "variant": { "alias": "variant"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "mark": { "alias": "mark"; "required": false; }; "code": { "alias": "code"; "required": false; }; "muted": { "alias": "muted"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
28
29
|
}
|
|
29
30
|
|
|
30
|
-
|
|
31
|
+
declare class ButtonComponent {
|
|
32
|
+
label?: string;
|
|
33
|
+
variant: 'raised' | 'flat' | 'stroked' | 'basic' | 'icon' | 'fab' | 'mini-fab' | 'link';
|
|
34
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
35
|
+
icon?: string;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
size: 'sm' | 'md' | 'lg';
|
|
38
|
+
href?: string;
|
|
39
|
+
routerLink?: string | any[];
|
|
40
|
+
target: '_self' | '_blank';
|
|
41
|
+
customClass: string;
|
|
42
|
+
clicked: EventEmitter<void>;
|
|
43
|
+
get buttonClasses(): any;
|
|
44
|
+
handleClick(event: MouseEvent): void;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "nn-button", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "href": { "alias": "href"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "target": { "alias": "target"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { ButtonComponent, SnapUi, Typograpy };
|
package/package.json
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@munishwar/snap-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Reusable Angular UI Component Library",
|
|
5
5
|
"author": "Munishwar Kalra",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"peerDependencies": {
|
|
8
8
|
"@angular/common": "^20.3.0",
|
|
9
|
-
"@angular/core": "^20.3.0"
|
|
9
|
+
"@angular/core": "^20.3.0",
|
|
10
|
+
"@angular/material": "^20.0.0",
|
|
11
|
+
"@angular/cdk": "^20.0.0"
|
|
10
12
|
},
|
|
11
13
|
"dependencies": {
|
|
12
14
|
"tslib": "^2.3.0"
|