@fuse_ui/label 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# label
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test label` to execute the unit tests.

package/fesm2022/fuse_ui-label.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class FuseLabelComponent {
+    /** Associates the label with a form control by id. */
+    for = input('', ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
+    /** Renders the required asterisk and applies the required modifier class. */
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** Applies the disabled style modifier. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuseLabelComponent, isStandalone: true, selector: "fuse-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<label\n  [attr.for]=\"for() || null\"\n  [class.fuse-label--required]=\"required()\"\n  [class.fuse-label--disabled]=\"disabled()\">\n  <ng-content></ng-content>\n  @if (required()) {\n    <span class=\"fuse-label__asterisk\" aria-hidden=\"true\">*</span>\n  }\n</label>\n", styles: [":host{--fuse-label-color: var(--fuse-color-text-primary);--fuse-label-color-disabled: var(--fuse-color-text-disabled);--fuse-label-font-size: var(--fuse-font-size-sm);--fuse-label-font-weight: var(--fuse-font-weight-medium);display:inline-block}label{display:inline-flex;align-items:baseline;gap:var(--fuse-spacing-1);font-size:var(--fuse-label-font-size);font-weight:var(--fuse-label-font-weight);color:var(--fuse-label-color);line-height:1.25;cursor:default}label.fuse-label--disabled{color:var(--fuse-label-color-disabled);cursor:not-allowed}.fuse-label__asterisk{color:var(--fuse-color-danger);font-weight:var(--fuse-font-weight-medium);line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fuse-label', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n  [attr.for]=\"for() || null\"\n  [class.fuse-label--required]=\"required()\"\n  [class.fuse-label--disabled]=\"disabled()\">\n  <ng-content></ng-content>\n  @if (required()) {\n    <span class=\"fuse-label__asterisk\" aria-hidden=\"true\">*</span>\n  }\n</label>\n", styles: [":host{--fuse-label-color: var(--fuse-color-text-primary);--fuse-label-color-disabled: var(--fuse-color-text-disabled);--fuse-label-font-size: var(--fuse-font-size-sm);--fuse-label-font-weight: var(--fuse-font-weight-medium);display:inline-block}label{display:inline-flex;align-items:baseline;gap:var(--fuse-spacing-1);font-size:var(--fuse-label-font-size);font-weight:var(--fuse-label-font-weight);color:var(--fuse-label-color);line-height:1.25;cursor:default}label.fuse-label--disabled{color:var(--fuse-label-color-disabled);cursor:not-allowed}.fuse-label__asterisk{color:var(--fuse-color-danger);font-weight:var(--fuse-font-weight-medium);line-height:1}\n"] }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuseLabelComponent };
+//# sourceMappingURL=fuse_ui-label.mjs.map

package/fesm2022/fuse_ui-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuse_ui-label.mjs","sources":["../../../../packages/label/src/lib/label/fuse-label.component.ts","../../../../packages/label/src/lib/label/fuse-label.component.html","../../../../packages/label/src/fuse_ui-label.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n} from '@angular/core';\n\n@Component({\n  selector: 'fuse-label',\n  standalone: true,\n  imports: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './fuse-label.component.html',\n  styleUrl: './fuse-label.component.scss',\n})\nexport class FuseLabelComponent {\n  /** Associates the label with a form control by id. */\n  readonly for = input('');\n\n  /** Renders the required asterisk and applies the required modifier class. */\n  readonly required = input(false);\n\n  /** Applies the disabled style modifier. */\n  readonly disabled = input(false);\n}\n","<label\n  [attr.for]=\"for() || null\"\n  [class.fuse-label--required]=\"required()\"\n  [class.fuse-label--disabled]=\"disabled()\">\n  <ng-content></ng-content>\n  @if (required()) {\n    <span class=\"fuse-label__asterisk\" aria-hidden=\"true\">*</span>\n  }\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,kBAAkB,CAAA;;AAEpB,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,0EAAC;;AAGf,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;;AAGvB,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;uGARrB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,scCd/B,mRASA,EAAA,MAAA,EAAA,CAAA,mpBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDKa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cACV,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,eAAA,EACM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,mpBAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@fuse_ui/label",
+  "version": "0.0.1",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "fuse-ui",
+    "angular",
+    "ionic",
+    "ionic8",
+    "angular18",
+    "angular19",
+    "angular20",
+    "angular21",
+    "ui-components",
+    "design-system",
+    "css-variables",
+    "signals",
+    "standalone",
+    "multi-theme",
+    "dark-mode",
+    "fluid-typography",
+    "animated"
+  ],
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@angular/common": ">=18.0.0",
+    "rxjs": ">=7.4.0"
+  },
+  "peerDependenciesMeta": {
+    "@ionic/angular": {
+      "optional": true
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "**/*.scss"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "module": "fesm2022/fuse_ui-label.mjs",
+  "typings": "types/fuse_ui-label.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/fuse_ui-label.d.ts",
+      "default": "./fesm2022/fuse_ui-label.mjs"
+    }
+  },
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/fuse_ui-label.d.ts

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+
+declare class FuseLabelComponent {
+    /** Associates the label with a form control by id. */
+    readonly for: _angular_core.InputSignal<string>;
+    /** Renders the required asterisk and applies the required modifier class. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Applies the disabled style modifier. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuseLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuseLabelComponent, "fuse-label", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { FuseLabelComponent };