@flusys/ng-ui 8.0.0-beta.1 → 8.0.0

package/fesm2022/flusys-ng-ui.mjs

@@ -6832,6 +6832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         }], propDecorators: { stars: [{ type: i0.Input, args: [{ isSignal: true, alias: "stars", required: false }] }], cancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancel", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], iconOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOn", required: false }] }], iconOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOff", required: false }] }], cancelIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelIcon", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], onRate: [{ type: i0.Output, args: ["onRate"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }] } });
 
 class InputIconComponent {
+    _iconField = inject(IconFieldComponent, { optional: true });
     icon = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     position = input('left', /* @ts-ignore */
@@ -6840,8 +6841,10 @@ class InputIconComponent {
     ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
     style = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+    _resolvedPosition = computed(() => this._iconField?.resolvedPosition() ?? this.position(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedPosition" }] : /* istanbul ignore next */ []));
     hostClass = computed(() => {
-        const sideClass = this.position() === 'right'
+        const sideClass = this._resolvedPosition() === 'right'
             ? 'right-(--f-field-padding-x)'
             : 'left-(--f-field-padding-x)';
         return `absolute ${sideClass} top-1/2 -translate-y-1/2 text-(--f-form-field-placeholder-color) ${this.styleClass()}`;
@@ -6877,14 +6880,10 @@ class IconFieldComponent {
     ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
     styleClass = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    _resolvedPosition = computed(() => this.iconPosition() || this._icon()?.position() || 'left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedPosition" }] : /* istanbul ignore next */ []));
+    resolvedPosition = computed(() => this.iconPosition() || this._icon()?.position() || 'left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPosition" }] : /* istanbul ignore next */ []));
     hostClass = computed(() => {
-        // One icon slot wide, measured from the field's own inline padding so the gap
-        // between icon and text stays constant in every preset. Spelled out in full:
-        // Tailwind generates a utility only for class names it can find verbatim in the
-        // source, so an interpolated one silently produces no CSS at all.
-        const paddingClass = this._resolvedPosition() === 'right'
+        const paddingClass = this.resolvedPosition() === 'right'
             ? '[&_input]:pr-[calc(var(--f-field-padding-x)+1.5rem)] [&_textarea]:pr-[calc(var(--f-field-padding-x)+1.5rem)]'
             : '[&_input]:pl-[calc(var(--f-field-padding-x)+1.5rem)] [&_textarea]:pl-[calc(var(--f-field-padding-x)+1.5rem)]';
         return `relative flex items-center ${paddingClass} ${this.styleClass()}`;