ngx-com 0.0.1 → 0.0.4

package/fesm2022/ngx-com-components-spinner.mjs

@@ -0,0 +1,189 @@
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cva } from 'class-variance-authority';
+
+/**
+ * CVA variants for the spinning circle element.
+ *
+ * Creates a circular track with a faded ring and a colored arc that rotates.
+ * Uses `border` for the track and `border-t-*` for the spinning arc.
+ *
+ * @tokens `--color-primary`, `--color-accent`, `--color-warn`, `--color-success`, `--color-muted-foreground`
+ */
+const spinnerVariants = cva([
+    'com-spinner__circle',
+    'inline-block shrink-0 rounded-full border-solid',
+    'animate-[com-spin_0.6s_linear_infinite]',
+], {
+    variants: {
+        size: {
+            xs: 'size-3 border-[1.5px]',
+            sm: 'size-4 border-2',
+            md: 'size-5 border-2',
+            lg: 'size-8 border-[2.5px]',
+            xl: 'size-10 border-3',
+        },
+        color: {
+            current: 'border-current/20 border-t-current',
+            primary: 'border-primary/20 border-t-primary',
+            accent: 'border-accent/20 border-t-accent',
+            warn: 'border-warn/20 border-t-warn',
+            success: 'border-success/20 border-t-success',
+            muted: 'border-muted-foreground/20 border-t-muted-foreground',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        color: 'current',
+    },
+});
+/**
+ * CVA variants for the spinner container layout.
+ *
+ * Controls flex direction and gap based on label position.
+ * Only applies when a visible label is present.
+ *
+ * @tokens none (layout only)
+ */
+const spinnerContainerVariants = cva(['inline-flex items-center justify-center'], {
+    variants: {
+        labelPosition: {
+            right: 'flex-row gap-2',
+            bottom: 'flex-col gap-1.5',
+        },
+    },
+    defaultVariants: {
+        labelPosition: 'right',
+    },
+});
+/** Label font size classes mapped to spinner size. */
+const SPINNER_LABEL_SIZES = {
+    xs: 'text-xs',
+    sm: 'text-xs',
+    md: 'text-sm',
+    lg: 'text-sm',
+    xl: 'text-base',
+};
+
+/**
+ * A minimal, CSS-only loading indicator.
+ *
+ * Drop-in anywhere: inside buttons, next to inline text, centered in cards,
+ * or as a page-level overlay. The animation is fast (0.6s) for a snappy feel.
+ *
+ * @tokens `--color-primary`, `--color-accent`, `--color-warn`, `--color-success`, `--color-muted-foreground`
+ *
+ * @example Simplest usage (inherits parent text color)
+ * ```html
+ * <com-spinner />
+ * ```
+ *
+ * @example Inside a button (inline, inherits button text color)
+ * ```html
+ * <button class="btn-primary" [disabled]="saving">
+ *   @if (saving) {
+ *     <com-spinner size="xs" />
+ *   }
+ *   Save
+ * </button>
+ * ```
+ *
+ * @example With visible label
+ * ```html
+ * <com-spinner label="Loading results..." />
+ * ```
+ *
+ * @example Centered in a card
+ * ```html
+ * <div class="flex items-center justify-center p-8">
+ *   <com-spinner size="lg" color="primary" label="Loading..." labelPosition="bottom" />
+ * </div>
+ * ```
+ *
+ * @example Inline with text
+ * ```html
+ * <p class="text-muted-foreground">
+ *   <com-spinner size="xs" /> Checking availability...
+ * </p>
+ * ```
+ *
+ * @example Color variants
+ * ```html
+ * <com-spinner color="primary" />
+ * <com-spinner color="accent" />
+ * <com-spinner color="warn" />
+ * ```
+ *
+ * @example Large page-level
+ * ```html
+ * <com-spinner size="xl" color="primary" label="Preparing your dashboard..." labelPosition="bottom" />
+ * ```
+ */
+class ComSpinner {
+    /**
+     * Optional loading text (e.g., "Loading...", "Saving...").
+     * When omitted, "Loading" is rendered for screen readers only (sr-only).
+     * When provided, the label is visible next to or below the spinner.
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * Position of the label relative to the spinner.
+     * Only relevant when a visible `label` is provided.
+     */
+    labelPosition = input('right', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+    /** Size of the spinner. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /**
+     * Color of the spinner.
+     * `current` inherits from `currentColor` to match surrounding text.
+     */
+    color = input('current', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    /** @internal Computed classes for the spinning circle. */
+    spinnerClasses = computed(() => spinnerVariants({
+        size: this.size(),
+        color: this.color(),
+    }), ...(ngDevMode ? [{ debugName: "spinnerClasses" }] : []));
+    /** @internal Computed classes for the container/host. */
+    containerClasses = computed(() => this.label()
+        ? spinnerContainerVariants({ labelPosition: this.labelPosition() })
+        : spinnerContainerVariants(), ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+    /** @internal Computed label font size class. */
+    labelSizeClass = computed(() => SPINNER_LABEL_SIZES[this.size()], ...(ngDevMode ? [{ debugName: "labelSizeClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ComSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ComSpinner, isStandalone: true, selector: "com-spinner", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "containerClasses()" } }, exportAs: ["comSpinner"], ngImport: i0, template: `
+    <span [class]="spinnerClasses()" aria-hidden="true"></span>
+    @if (label()) {
+      <span class="select-none text-muted-foreground" [class]="labelSizeClass()">
+        {{ label() }}
+      </span>
+    } @else {
+      <span class="sr-only">Loading</span>
+    }
+  `, isInline: true, styles: ["@keyframes com-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ComSpinner, decorators: [{
+            type: Component,
+            args: [{ selector: 'com-spinner', exportAs: 'comSpinner', template: `
+    <span [class]="spinnerClasses()" aria-hidden="true"></span>
+    @if (label()) {
+      <span class="select-none text-muted-foreground" [class]="labelSizeClass()">
+        {{ label() }}
+      </span>
+    } @else {
+      <span class="sr-only">Loading</span>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        role: 'status',
+                        '[class]': 'containerClasses()',
+                    }, styles: ["@keyframes com-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
+
+// Public API for the spinner component
+// Main component
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComSpinner, SPINNER_LABEL_SIZES, spinnerContainerVariants, spinnerVariants };
+//# sourceMappingURL=ngx-com-components-spinner.mjs.map

package/fesm2022/ngx-com-components-spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-com-components-spinner.mjs","sources":["../../../projects/com/components/spinner/spinner.variants.ts","../../../projects/com/components/spinner/spinner.component.ts","../../../projects/com/components/spinner/index.ts","../../../projects/com/components/spinner/ngx-com-components-spinner.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/** Spinner size variants. */\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Spinner color variants. */\nexport type SpinnerColor = 'current' | 'primary' | 'accent' | 'warn' | 'success' | 'muted';\n\n/** Label position relative to spinner. */\nexport type SpinnerLabelPosition = 'right' | 'bottom';\n\n/**\n * CVA variants for the spinning circle element.\n *\n * Creates a circular track with a faded ring and a colored arc that rotates.\n * Uses `border` for the track and `border-t-*` for the spinning arc.\n *\n * @tokens `--color-primary`, `--color-accent`, `--color-warn`, `--color-success`, `--color-muted-foreground`\n */\nexport const spinnerVariants: (props?: {\n  size?: SpinnerSize;\n  color?: SpinnerColor;\n}) => string = cva(\n  [\n    'com-spinner__circle',\n    'inline-block shrink-0 rounded-full border-solid',\n    'animate-[com-spin_0.6s_linear_infinite]',\n  ],\n  {\n    variants: {\n      size: {\n        xs: 'size-3 border-[1.5px]',\n        sm: 'size-4 border-2',\n        md: 'size-5 border-2',\n        lg: 'size-8 border-[2.5px]',\n        xl: 'size-10 border-3',\n      },\n      color: {\n        current: 'border-current/20 border-t-current',\n        primary: 'border-primary/20 border-t-primary',\n        accent: 'border-accent/20 border-t-accent',\n        warn: 'border-warn/20 border-t-warn',\n        success: 'border-success/20 border-t-success',\n        muted: 'border-muted-foreground/20 border-t-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      color: 'current',\n    },\n  }\n);\n\n/**\n * CVA variants for the spinner container layout.\n *\n * Controls flex direction and gap based on label position.\n * Only applies when a visible label is present.\n *\n * @tokens none (layout only)\n */\nexport const spinnerContainerVariants: (props?: {\n  labelPosition?: SpinnerLabelPosition;\n}) => string = cva(\n  ['inline-flex items-center justify-center'],\n  {\n    variants: {\n      labelPosition: {\n        right: 'flex-row gap-2',\n        bottom: 'flex-col gap-1.5',\n      },\n    },\n    defaultVariants: {\n      labelPosition: 'right',\n    },\n  }\n);\n\n/** Label font size classes mapped to spinner size. */\nexport const SPINNER_LABEL_SIZES: Record<SpinnerSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-xs',\n  md: 'text-sm',\n  lg: 'text-sm',\n  xl: 'text-base',\n};\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { InputSignal, Signal } from '@angular/core';\nimport {\n  spinnerVariants,\n  spinnerContainerVariants,\n  SPINNER_LABEL_SIZES,\n} from './spinner.variants';\nimport type {\n  SpinnerSize,\n  SpinnerColor,\n  SpinnerLabelPosition,\n} from './spinner.variants';\n\n/**\n * A minimal, CSS-only loading indicator.\n *\n * Drop-in anywhere: inside buttons, next to inline text, centered in cards,\n * or as a page-level overlay. The animation is fast (0.6s) for a snappy feel.\n *\n * @tokens `--color-primary`, `--color-accent`, `--color-warn`, `--color-success`, `--color-muted-foreground`\n *\n * @example Simplest usage (inherits parent text color)\n * ```html\n * <com-spinner />\n * ```\n *\n * @example Inside a button (inline, inherits button text color)\n * ```html\n * <button class=\"btn-primary\" [disabled]=\"saving\">\n *   @if (saving) {\n *     <com-spinner size=\"xs\" />\n *   }\n *   Save\n * </button>\n * ```\n *\n * @example With visible label\n * ```html\n * <com-spinner label=\"Loading results...\" />\n * ```\n *\n * @example Centered in a card\n * ```html\n * <div class=\"flex items-center justify-center p-8\">\n *   <com-spinner size=\"lg\" color=\"primary\" label=\"Loading...\" labelPosition=\"bottom\" />\n * </div>\n * ```\n *\n * @example Inline with text\n * ```html\n * <p class=\"text-muted-foreground\">\n *   <com-spinner size=\"xs\" /> Checking availability...\n * </p>\n * ```\n *\n * @example Color variants\n * ```html\n * <com-spinner color=\"primary\" />\n * <com-spinner color=\"accent\" />\n * <com-spinner color=\"warn\" />\n * ```\n *\n * @example Large page-level\n * ```html\n * <com-spinner size=\"xl\" color=\"primary\" label=\"Preparing your dashboard...\" labelPosition=\"bottom\" />\n * ```\n */\n@Component({\n  selector: 'com-spinner',\n  exportAs: 'comSpinner',\n  template: `\n    <span [class]=\"spinnerClasses()\" aria-hidden=\"true\"></span>\n    @if (label()) {\n      <span class=\"select-none text-muted-foreground\" [class]=\"labelSizeClass()\">\n        {{ label() }}\n      </span>\n    } @else {\n      <span class=\"sr-only\">Loading</span>\n    }\n  `,\n  styles: `\n    @keyframes com-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    .sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'status',\n    '[class]': 'containerClasses()',\n  },\n})\nexport class ComSpinner {\n  /**\n   * Optional loading text (e.g., \"Loading...\", \"Saving...\").\n   * When omitted, \"Loading\" is rendered for screen readers only (sr-only).\n   * When provided, the label is visible next to or below the spinner.\n   */\n  readonly label: InputSignal<string | undefined> = input<string>();\n\n  /**\n   * Position of the label relative to the spinner.\n   * Only relevant when a visible `label` is provided.\n   */\n  readonly labelPosition: InputSignal<SpinnerLabelPosition> = input<SpinnerLabelPosition>('right');\n\n  /** Size of the spinner. */\n  readonly size: InputSignal<SpinnerSize> = input<SpinnerSize>('md');\n\n  /**\n   * Color of the spinner.\n   * `current` inherits from `currentColor` to match surrounding text.\n   */\n  readonly color: InputSignal<SpinnerColor> = input<SpinnerColor>('current');\n\n  /** @internal Computed classes for the spinning circle. */\n  protected readonly spinnerClasses: Signal<string> = computed(() =>\n    spinnerVariants({\n      size: this.size(),\n      color: this.color(),\n    })\n  );\n\n  /** @internal Computed classes for the container/host. */\n  protected readonly containerClasses: Signal<string> = computed(() =>\n    this.label()\n      ? spinnerContainerVariants({ labelPosition: this.labelPosition() })\n      : spinnerContainerVariants()\n  );\n\n  /** @internal Computed label font size class. */\n  protected readonly labelSizeClass: Signal<string> = computed(\n    () => SPINNER_LABEL_SIZES[this.size()]\n  );\n}\n","// Public API for the spinner component\n\n// Main component\nexport { ComSpinner } from './spinner.component';\n\n// Variants (for advanced customization)\nexport {\n  spinnerVariants,\n  spinnerContainerVariants,\n  SPINNER_LABEL_SIZES,\n} from './spinner.variants';\n\nexport type {\n  SpinnerSize,\n  SpinnerColor,\n  SpinnerLabelPosition,\n} from './spinner.variants';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}