@spartan-ng/cli 1.8.3-beta.2 → 1.9.0-beta.1

package/src/generators/migrate-input-otp/utils.js

@@ -0,0 +1,265 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findInputOtpElements = findInputOtpElements;
+exports.findOpeningTags = findOpeningTags;
+exports.parseAttributes = parseAttributes;
+exports.attributeName = attributeName;
+exports.serializeAttributes = serializeAttributes;
+exports.isHelmAttribute = isHelmAttribute;
+exports.hasHelmAttribute = hasHelmAttribute;
+exports.hasContainerStyles = hasContainerStyles;
+exports.splitInputAttributes = splitInputAttributes;
+exports.renameAttribute = renameAttribute;
+exports.addAttributesToExistingInput = addAttributesToExistingInput;
+exports.hasInputOtpInputDirective = hasInputOtpInputDirective;
+const INPUT_OTP_TAG = 'brn-input-otp';
+const INPUT_OTP_CLOSE_TAG = `</${INPUT_OTP_TAG}>`;
+function findInputOtpElements(content) {
+    const elements = [];
+    let index = 0;
+    while (index < content.length) {
+        const openStart = content.indexOf(`<${INPUT_OTP_TAG}`, index);
+        if (openStart === -1) {
+            break;
+        }
+        const nameEnd = openStart + INPUT_OTP_TAG.length + 1;
+        const nextChar = content[nameEnd];
+        if (nextChar && /[\w-]/.test(nextChar)) {
+            index = nameEnd;
+            continue;
+        }
+        const openTagEnd = findTagEnd(content, nameEnd);
+        if (openTagEnd === -1) {
+            break;
+        }
+        const rawAttrs = content.slice(nameEnd, openTagEnd - 1);
+        const selfClosing = /\/\s*$/.test(rawAttrs);
+        const attrs = selfClosing ? rawAttrs.replace(/\/\s*$/, '') : rawAttrs;
+        if (selfClosing) {
+            elements.push({
+                start: openStart,
+                end: openTagEnd,
+                openTagEnd,
+                closeTagStart: null,
+                attrs,
+                inner: '',
+                selfClosing: true,
+            });
+            index = openTagEnd;
+            continue;
+        }
+        const closeTagStart = content.indexOf(INPUT_OTP_CLOSE_TAG, openTagEnd);
+        if (closeTagStart === -1) {
+            index = openTagEnd;
+            continue;
+        }
+        const closeTagEnd = closeTagStart + INPUT_OTP_CLOSE_TAG.length;
+        elements.push({
+            start: openStart,
+            end: closeTagEnd,
+            openTagEnd,
+            closeTagStart,
+            attrs,
+            inner: content.slice(openTagEnd, closeTagStart),
+            selfClosing: false,
+        });
+        index = closeTagEnd;
+    }
+    return elements;
+}
+function findOpeningTags(content, tagName) {
+    const tags = [];
+    const prefix = `<${tagName}`;
+    let index = 0;
+    while (index < content.length) {
+        const tagStart = content.indexOf(prefix, index);
+        if (tagStart === -1) {
+            break;
+        }
+        const nameEnd = tagStart + prefix.length;
+        const nextChar = content[nameEnd];
+        if (nextChar && /[\w-]/.test(nextChar)) {
+            index = nameEnd;
+            continue;
+        }
+        const tagEnd = findTagEnd(content, nameEnd);
+        if (tagEnd === -1) {
+            break;
+        }
+        const rawAttrs = content.slice(nameEnd, tagEnd - 1);
+        const selfClosing = /\/\s*$/.test(rawAttrs);
+        tags.push({
+            start: tagStart,
+            end: tagEnd,
+            attrs: selfClosing ? rawAttrs.replace(/\/\s*$/, '') : rawAttrs,
+            selfClosing,
+        });
+        index = tagEnd;
+    }
+    return tags;
+}
+function parseAttributes(attrs) {
+    const attributes = [];
+    let index = 0;
+    while (index < attrs.length) {
+        while (index < attrs.length && /\s/.test(attrs[index])) {
+            index++;
+        }
+        if (index >= attrs.length) {
+            break;
+        }
+        const start = index;
+        while (index < attrs.length && !/[\s=]/.test(attrs[index])) {
+            index++;
+        }
+        const name = attrs.slice(start, index);
+        if (!name) {
+            break;
+        }
+        while (index < attrs.length && /\s/.test(attrs[index])) {
+            index++;
+        }
+        let value = null;
+        if (attrs[index] === '=') {
+            index++;
+            while (index < attrs.length && /\s/.test(attrs[index])) {
+                index++;
+            }
+            if (attrs[index] === '"' || attrs[index] === "'") {
+                const quote = attrs[index];
+                index++;
+                const valueStart = index;
+                while (index < attrs.length && attrs[index] !== quote) {
+                    index++;
+                }
+                value = attrs.slice(valueStart, index);
+                if (attrs[index] === quote) {
+                    index++;
+                }
+            }
+            else {
+                const valueStart = index;
+                while (index < attrs.length && !/\s/.test(attrs[index])) {
+                    index++;
+                }
+                value = attrs.slice(valueStart, index);
+            }
+        }
+        attributes.push({
+            name,
+            raw: attrs.slice(start, index),
+            value,
+        });
+    }
+    return attributes;
+}
+function attributeName(attribute) {
+    return attribute.name.replace(/^\[\(?/, '').replace(/\)?\]$/, '');
+}
+function serializeAttributes(attributes) {
+    return attributes.length ? ` ${attributes.map((attribute) => attribute.raw).join(' ')}` : '';
+}
+function isHelmAttribute(attribute) {
+    const name = attributeName(attribute);
+    return name === 'hlmInputOtp' || name === 'hlm';
+}
+function hasHelmAttribute(attributes) {
+    return attributes.some(isHelmAttribute);
+}
+function hasContainerStyles(attributes) {
+    return attributes.some((attribute) => attributeName(attribute) === 'containerStyles');
+}
+const INPUT_ATTRIBUTE_RENAMES = {
+    inputClass: 'class',
+    inputAutocomplete: 'autocomplete',
+};
+function splitInputAttributes(attributes) {
+    const rootAttrs = [];
+    const inputAttrs = [];
+    for (const attribute of attributes) {
+        const name = attributeName(attribute);
+        const renamed = INPUT_ATTRIBUTE_RENAMES[name];
+        if (renamed) {
+            inputAttrs.push(renameAttribute(attribute, name, renamed));
+            continue;
+        }
+        if (name === 'inputStyles' || name === 'inputMode') {
+            inputAttrs.push(attribute);
+            continue;
+        }
+        rootAttrs.push(attribute);
+    }
+    return { rootAttrs, inputAttrs };
+}
+function renameAttribute(attribute, from, to) {
+    const name = attribute.name.replace(from, to);
+    return {
+        ...attribute,
+        name,
+        raw: attribute.raw.replace(attribute.name, name),
+    };
+}
+function addAttributesToExistingInput(content, inputAttrs) {
+    if (inputAttrs.length === 0) {
+        return content;
+    }
+    for (const tag of findOpeningTags(content, 'input')) {
+        const attrs = parseAttributes(tag.attrs);
+        if (!attrs.some((attribute) => attributeName(attribute) === 'brnInputOtpInput')) {
+            continue;
+        }
+        const merged = mergeAttributes(attrs, inputAttrs);
+        const replacement = `<input${serializeAttributes(merged)} />`;
+        return content.slice(0, tag.start) + replacement + content.slice(tag.end);
+    }
+    return content;
+}
+function hasInputOtpInputDirective(content) {
+    return findOpeningTags(content, 'input').some((tag) => parseAttributes(tag.attrs).some((attribute) => attributeName(attribute) === 'brnInputOtpInput'));
+}
+function mergeAttributes(existing, added) {
+    const merged = [...existing];
+    const isClassBindingPair = (current, incoming) => (current.name === 'class' && incoming.name === '[class]') ||
+        (current.name === '[class]' && incoming.name === 'class');
+    for (const attribute of added) {
+        const name = attributeName(attribute);
+        const index = merged.findIndex((current) => attributeName(current) === name && !isClassBindingPair(current, attribute));
+        if (index === -1) {
+            merged.push(attribute);
+            continue;
+        }
+        if (name === 'class' && !attribute.name.startsWith('[') && !merged[index].name.startsWith('[')) {
+            const values = [merged[index].value, attribute.value]
+                .filter((value) => !!value)
+                .join(' ')
+                .split(/\s+/)
+                .filter(Boolean);
+            const value = Array.from(new Set(values)).join(' ');
+            merged[index] = { name: 'class', raw: `class="${value}"`, value };
+            continue;
+        }
+        merged[index] = attribute;
+    }
+    return merged;
+}
+function findTagEnd(content, from) {
+    let quote = null;
+    for (let index = from; index < content.length; index++) {
+        const char = content[index];
+        if (quote) {
+            if (char === quote) {
+                quote = null;
+            }
+            continue;
+        }
+        if (char === '"' || char === "'") {
+            quote = char;
+            continue;
+        }
+        if (char === '>') {
+            return index + 1;
+        }
+    }
+    return -1;
+}
+//# sourceMappingURL=utils.js.map

package/src/generators/migrate-input-otp/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-input-otp/utils.ts"],"names":[],"mappings":"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"}

package/src/generators/ui/libs/avatar/files/lib/hlm-avatar-image.ts.template

@@ -5,7 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: 'img[hlmAvatarImage]',
 	exportAs: 'hlmAvatarImage',
-	hostDirectives: [BrnAvatarImage],
+	hostDirectives: [{ directive: BrnAvatarImage, inputs: ['hostStyles'] }],
 	host: {
 		'data-slot': 'avatar-image',
 	},

package/src/generators/ui/libs/avatar/files/lib/hlm-avatar.ts.template

@@ -1,29 +1,20 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { Directive, input } from '@angular/core';
 import { BrnAvatar } from '@spartan-ng/brain/avatar';
 import { classes } from '<%- importAlias %>/utils';
 
-@Component({
-	selector: 'hlm-avatar',
+@Directive({
+	selector: '[hlmAvatar],hlm-avatar',
 	exportAs: 'hlmAvatar',
-	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [BrnAvatar],
 	host: {
 		'data-slot': 'avatar',
 		'[attr.data-size]': 'size()',
 	},
-	template: `
-		@if (_image()?.canShow()) {
-			<ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
-		} @else {
-			<ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
-		}
-		<ng-content />
-	`,
 })
-export class HlmAvatar extends BrnAvatar {
+export class HlmAvatar {
 	public readonly size = input<'default' | 'sm' | 'lg'>('default');
 
 	constructor() {
-		super();
 		classes(
 			() =>
 				'spartan-avatar group/avatar after:border-border relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten',

package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp.ts.template

@@ -1,12 +1,58 @@
-import { Directive } from '@angular/core';
-import { classes } from '<%- importAlias %>/utils';
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { BrnInputOtp, BrnInputOtpInput, type InputMode } from '@spartan-ng/brain/input-otp';
+import { classes, hlm } from '<%- importAlias %>/utils';
+import type { ClassValue } from 'clsx';
 
-@Directive({
-	selector: 'brn-input-otp[hlmInputOtp], brn-input-otp[hlm]',
+@Component({
+	selector: 'hlm-input-otp',
 	exportAs: 'hlmInputOtp',
+	imports: [BrnInputOtpInput],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [
+		{
+			directive: BrnInputOtp,
+			inputs: [
+				'length',
+				'value',
+				'disabled',
+				'inputId',
+				'hostStyles',
+				'autofocus',
+				'transformPaste',
+				'mask',
+				'maskChar',
+				'slotPattern',
+			],
+			outputs: ['valueChange', 'completed'],
+		},
+	],
 	host: { 'data-slot': 'input-otp' },
+	template: `
+		<ng-content />
+		<input
+			brnInputOtpInput
+			[autocomplete]="inputAutocomplete()"
+			[inputMode]="inputMode()"
+			[class]="_inputClass()"
+			[inputStyles]="inputStyles()"
+		/>
+	`,
 })
 export class HlmInputOtp {
+	/** Custom autocomplete attribute applied to the input element */
+	public readonly inputAutocomplete = input<'one-time-code' | 'off'>('one-time-code');
+
+	/** Virtual keyboard appearance on mobile */
+	public readonly inputMode = input<InputMode>('numeric');
+
+	/** Classes applied to the input element. */
+	public readonly inputClass = input<ClassValue>('');
+
+	/** Overrides the default styles applied to the input element. */
+	public readonly inputStyles = input<string | undefined>(undefined);
+
+	protected readonly _inputClass = computed(() => hlm('disabled:cursor-not-allowed', this.inputClass()));
+
 	constructor() {
 		classes(() => 'spartan-input-otp flex items-center has-disabled:opacity-50');
 	}