@munishwar/snap-ui 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -45,11 +45,11 @@ class Typograpy {
|
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: Typograpy, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: Typograpy, isStandalone: true, selector: "
|
|
48
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: Typograpy, isStandalone: true, selector: "nt-text", inputs: { variant: "variant", text: "text", customClass: "customClass", bold: "bold", italic: "italic", underline: "underline", mark: "mark", code: "code", muted: "muted", color: "color" }, ngImport: i0, template: "<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", 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: Typograpy, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: '
|
|
52
|
+
args: [{ selector: 'nt-text', standalone: true, imports: [CommonModule], template: "<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" }]
|
|
53
53
|
}], propDecorators: { variant: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], text: [{
|
|
@@ -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: '
|
|
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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"}
|
package/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ declare class Typograpy {
|
|
|
24
24
|
'text-muted': boolean;
|
|
25
25
|
};
|
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<Typograpy, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Typograpy, "
|
|
27
|
+
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
28
|
}
|
|
29
29
|
|
|
30
30
|
export { SnapUi, Typograpy };
|