@munishwar/snap-ui 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# SnapUi
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build snap-ui
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/snap-ui
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/munishwar-snap-ui.mjs

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class SnapUi {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnapUi, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SnapUi, isStandalone: true, selector: "lib-snap-ui", ngImport: i0, template: `
+    <p>
+      snap-ui works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnapUi, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-snap-ui', imports: [], template: `
+    <p>
+      snap-ui works!
+    </p>
+  ` }]
+        }] });
+
+class Typograpy {
+    variant = 'p';
+    // Basic text
+    text;
+    // Custom CSS classes
+    customClass;
+    // Formatting
+    bold = false;
+    italic = false;
+    underline = false;
+    mark = false;
+    code = false;
+    muted = false;
+    // Text color
+    color;
+    get classes() {
+        return {
+            'fw-bold': this.bold,
+            'fst-italic': this.italic,
+            'text-decoration-underline': this.underline,
+            'text-muted': this.muted,
+            [this.customClass || '']: true
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: Typograpy, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: Typograpy, isStandalone: true, selector: "nn-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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: Typograpy, decorators: [{
+            type: Component,
+            args: [{ selector: 'nn-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" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], bold: [{
+                type: Input
+            }], italic: [{
+                type: Input
+            }], underline: [{
+                type: Input
+            }], mark: [{
+                type: Input
+            }], code: [{
+                type: Input
+            }], muted: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of snap-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SnapUi, Typograpy };
+//# sourceMappingURL=munishwar-snap-ui.mjs.map

package/fesm2022/munishwar-snap-ui.mjs.map

@@ -0,0 +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: 'nn-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

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+
+declare class SnapUi {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnapUi, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnapUi, "lib-snap-ui", never, {}, {}, never, never, true, never>;
+}
+
+declare class Typograpy {
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'small';
+    text?: string;
+    customClass?: string;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    mark: boolean;
+    code: boolean;
+    muted: boolean;
+    color?: string;
+    get classes(): {
+        [x: string]: boolean;
+        'fw-bold': boolean;
+        'fst-italic': boolean;
+        'text-decoration-underline': boolean;
+        'text-muted': boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<Typograpy, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Typograpy, "nn-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>;
+}
+
+export { SnapUi, Typograpy };

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@munishwar/snap-ui",
+  "version": "0.0.1",
+  "description": "Reusable Angular UI Component Library",
+  "author": "Munishwar Kalra",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/munishwar-snap-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/munishwar-snap-ui.mjs"
+    }
+  }
+}