@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-inplace.mjs

@@ -0,0 +1,283 @@
+export * from '@gravionlabs/helix-core/types/inplace';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, ChangeDetectionStrategy, Component, inject, model, input, booleanAttribute, output, contentChild, contentChildren, ViewEncapsulation, NgModule } from '@angular/core';
+import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import * as i2 from '@gravionlabs/helix-core/button';
+import { ButtonModule } from '@gravionlabs/helix-core/button';
+import { TimesIcon } from '@gravionlabs/helix-core/icons';
+import { Ripple } from '@gravionlabs/helix-core/ripple';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-inplace-display {
+        display: inline-block;
+        cursor: pointer;
+        border: 1px solid transparent;
+        padding: dt('inplace.padding');
+        border-radius: dt('inplace.border.radius');
+        transition:
+            background dt('inplace.transition.duration'),
+            color dt('inplace.transition.duration'),
+            outline-color dt('inplace.transition.duration'),
+            box-shadow dt('inplace.transition.duration');
+        outline-color: transparent;
+    }
+
+    .h-inplace-display:not(.h-disabled):hover {
+        background: dt('inplace.display.hover.background');
+        color: dt('inplace.display.hover.color');
+    }
+
+    .h-inplace-display:focus-visible {
+        box-shadow: dt('inplace.focus.ring.shadow');
+        outline: dt('inplace.focus.ring.width') dt('inplace.focus.ring.style') dt('inplace.focus.ring.color');
+        outline-offset: dt('inplace.focus.ring.offset');
+    }
+
+    .h-inplace-content {
+        display: block;
+    }
+`;
+
+const classes = {
+    root: () => ['h-inplace h-component'],
+    display: ({ instance }) => ['h-inplace-display', { 'h-disabled': instance.disabled() }],
+    content: 'h-inplace-content'
+};
+class InplaceStyle extends BaseStyle {
+    name = 'inplace';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
+ *
+ * [Live Demo](https://www.primeng.org/inplace)
+ *
+ * @module inplacestyle
+ *
+ */
+var InplaceClasses;
+(function (InplaceClasses) {
+    /**
+     * Class name of the root element
+     */
+    InplaceClasses["root"] = "h-inplace";
+    /**
+     * Class name of the display element
+     */
+    InplaceClasses["display"] = "h-inplace-display";
+    /**
+     * Class name of the content element
+     */
+    InplaceClasses["content"] = "h-inplace-content";
+})(InplaceClasses || (InplaceClasses = {}));
+
+const INPLACE_INSTANCE = new InjectionToken('INPLACE_INSTANCE');
+class InplaceDisplay extends BaseComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceDisplay, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: InplaceDisplay, isStandalone: true, selector: "h-inplacedisplay, h-inplaceDisplay", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceDisplay, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'h-inplacedisplay, h-inplaceDisplay',
+                    standalone: true,
+                    imports: [],
+                    changeDetection: ChangeDetectionStrategy.Eager,
+                    template: '<ng-content></ng-content>'
+                }]
+        }] });
+class InplaceContent extends BaseComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: InplaceContent, isStandalone: true, selector: "h-inplacecontent, h-inplaceContent", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'h-inplacecontent, h-inplaceContent',
+                    standalone: true,
+                    imports: [],
+                    changeDetection: ChangeDetectionStrategy.Eager,
+                    template: '<ng-content></ng-content>'
+                }]
+        }] });
+/**
+ * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
+ * @group Components
+ */
+class Inplace extends BaseComponent {
+    componentName = 'Inplace';
+    $pcInplace = inject(INPLACE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Whether the content is displayed or not.
+     * @group Props
+     */
+    active = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    /**
+     * Displays a button to switch back to display mode.
+     * @deprecated since v20.0.0, use `closeCallback` within content template.
+     * @group Props
+     */
+    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Allows to prevent clicking.
+     * @group Props
+     */
+    preventClick = input(undefined, { ...(ngDevMode ? { debugName: "preventClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Icon to display in the close button.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    closeIcon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "closeIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Establishes a string value that labels the close button.
+     * @group Props
+     */
+    closeAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Callback to invoke when inplace is opened.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onActivate = output();
+    /**
+     * Callback to invoke when inplace is closed.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onDeactivate = output();
+    hover;
+    /**
+     * Custom display template.
+     * @group Templates
+     */
+    displayTemplate = contentChild('display', { ...(ngDevMode ? { debugName: "displayTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate = contentChild('content', { ...(ngDevMode ? { debugName: "contentTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    closeIconTemplate = contentChild('closeicon', { ...(ngDevMode ? { debugName: "closeIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    _componentStyle = inject(InplaceStyle);
+    onActivateClick(event) {
+        if (!this.preventClick())
+            this.activate(event);
+    }
+    onDeactivateClick(event) {
+        if (!this.preventClick())
+            this.deactivate(event);
+    }
+    /**
+     * Activates the content.
+     * @param {Event} event - Browser event.
+     * @group Method
+     */
+    activate(event) {
+        if (!this.disabled()) {
+            this.active.set(true);
+            this.onActivate.emit(event);
+            this.cd.markForCheck();
+        }
+    }
+    /**
+     * Deactivates the content.
+     * @param {Event} event - Browser event.
+     * @group Method
+     */
+    deactivate(event) {
+        if (!this.disabled()) {
+            this.active.set(false);
+            this.hover = false;
+            this.onDeactivate.emit(event);
+            this.cd.markForCheck();
+        }
+    }
+    onKeydown(event) {
+        if (event.code === 'Enter') {
+            this.activate(event);
+            event.preventDefault();
+        }
+    }
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    _displayTemplate;
+    _closeIconTemplate;
+    _contentTemplate;
+    onAfterContentInit() {
+        this.templates()?.forEach((item) => {
+            switch (item.getType()) {
+                case 'display':
+                    this._displayTemplate = item.template;
+                    break;
+                case 'closeicon':
+                    this._closeIconTemplate = item.template;
+                    break;
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Inplace, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Inplace, isStandalone: true, selector: "h-inplace", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, preventClick: { classPropertyName: "preventClick", publicName: "preventClick", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onActivate: "onActivate", onDeactivate: "onDeactivate" }, host: { properties: { "attr.aria-live": "'polite'", "class": "cn(cx('root'), styleClass())" } }, providers: [InplaceStyle, { provide: INPLACE_INSTANCE, useExisting: Inplace }, { provide: PARENT_INSTANCE, useExisting: Inplace }], queries: [{ propertyName: "displayTemplate", first: true, predicate: ["display"], isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "@if (!active()) {\n  <div [class]=\"cx('display')\" [hBind]=\"ptm('display')\" (click)=\"onActivateClick($event)\" tabindex=\"0\" role=\"button\" (keydown)=\"onKeydown($event)\" [attr.data-h-disabled]=\"disabled()\">\n    <ng-content select=\"[pInplaceDisplay]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"displayTemplate() || _displayTemplate\"></ng-container>\n  </div>\n}\n@if (active()) {\n  <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\">\n    <ng-content select=\"[pInplaceContent]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { closeCallback: onDeactivateClick.bind(this) }\"></ng-container>\n    @if (closable()) {\n      @if (closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" [icon]=\"closeIcon()\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\"></h-button>\n      }\n      @if (!closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\">\n          <ng-template #icon>\n            @if (!closeIconTemplate() && !_closeIconTemplate) {\n              <svg data-h-icon=\"times\" />\n            }\n          </ng-template>\n          <ng-template *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-template>\n        </h-button>\n      }\n    }\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "h-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: TimesIcon, selector: "[data-h-icon=\"times\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Ripple, selector: "[hRipple]" }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Inplace, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-inplace', standalone: true, imports: [ButtonModule, TimesIcon, SharedModule, Ripple, Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [InplaceStyle, { provide: INPLACE_INSTANCE, useExisting: Inplace }, { provide: PARENT_INSTANCE, useExisting: Inplace }], host: {
+                        '[attr.aria-live]': "'polite'",
+                        '[class]': "cn(cx('root'), styleClass())"
+                    }, hostDirectives: [Bind], template: "@if (!active()) {\n  <div [class]=\"cx('display')\" [hBind]=\"ptm('display')\" (click)=\"onActivateClick($event)\" tabindex=\"0\" role=\"button\" (keydown)=\"onKeydown($event)\" [attr.data-h-disabled]=\"disabled()\">\n    <ng-content select=\"[pInplaceDisplay]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"displayTemplate() || _displayTemplate\"></ng-container>\n  </div>\n}\n@if (active()) {\n  <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\">\n    <ng-content select=\"[pInplaceContent]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { closeCallback: onDeactivateClick.bind(this) }\"></ng-container>\n    @if (closable()) {\n      @if (closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" [icon]=\"closeIcon()\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\"></h-button>\n      }\n      @if (!closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\">\n          <ng-template #icon>\n            @if (!closeIconTemplate() && !_closeIconTemplate) {\n              <svg data-h-icon=\"times\" />\n            }\n          </ng-template>\n          <ng-template *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-template>\n        </h-button>\n      }\n    }\n  </div>\n}\n" }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], preventClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventClick", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], closeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIcon", required: false }] }], closeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAriaLabel", required: false }] }], onActivate: [{ type: i0.Output, args: ["onActivate"] }], onDeactivate: [{ type: i0.Output, args: ["onDeactivate"] }], displayTemplate: [{ type: i0.ContentChild, args: ['display', { ...{ descendants: false }, isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: ['content', { ...{ descendants: false }, isSignal: true }] }], closeIconTemplate: [{ type: i0.ContentChild, args: ['closeicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class InplaceModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: InplaceModule, imports: [Inplace, InplaceContent, InplaceDisplay, SharedModule], exports: [Inplace, InplaceContent, InplaceDisplay, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceModule, imports: [Inplace, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InplaceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Inplace, InplaceContent, InplaceDisplay, SharedModule],
+                    exports: [Inplace, InplaceContent, InplaceDisplay, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Inplace, InplaceClasses, InplaceContent, InplaceDisplay, InplaceModule, InplaceStyle };
+//# sourceMappingURL=gravionlabs-helix-core-inplace.mjs.map

package/fesm2022/gravionlabs-helix-core-inplace.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-inplace.mjs","sources":["../../../projects/core/inplace/style/inplace.css.ts","../../../projects/core/inplace/style/inplacestyle.ts","../../../projects/core/inplace/inplace.ts","../../../projects/core/inplace/inplace.html","../../../projects/core/inplace/gravionlabs-helix-core-inplace.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-inplace-display {\n        display: inline-block;\n        cursor: pointer;\n        border: 1px solid transparent;\n        padding: dt('inplace.padding');\n        border-radius: dt('inplace.border.radius');\n        transition:\n            background dt('inplace.transition.duration'),\n            color dt('inplace.transition.duration'),\n            outline-color dt('inplace.transition.duration'),\n            box-shadow dt('inplace.transition.duration');\n        outline-color: transparent;\n    }\n\n    .h-inplace-display:not(.h-disabled):hover {\n        background: dt('inplace.display.hover.background');\n        color: dt('inplace.display.hover.color');\n    }\n\n    .h-inplace-display:focus-visible {\n        box-shadow: dt('inplace.focus.ring.shadow');\n        outline: dt('inplace.focus.ring.width') dt('inplace.focus.ring.style') dt('inplace.focus.ring.color');\n        outline-offset: dt('inplace.focus.ring.offset');\n    }\n\n    .h-inplace-content {\n        display: block;\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './inplace.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: () => ['h-inplace h-component'],\n    display: ({ instance }) => ['h-inplace-display', { 'h-disabled': instance.disabled() }],\n    content: 'h-inplace-content'\n};\n\n@Injectable()\nexport class InplaceStyle extends BaseStyle {\n    name = 'inplace';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.\n *\n * [Live Demo](https://www.primeng.org/inplace)\n *\n * @module inplacestyle\n *\n */\nexport enum InplaceClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-inplace',\n    /**\n     * Class name of the display element\n     */\n    display = 'h-inplace-display',\n    /**\n     * Class name of the content element\n     */\n    content = 'h-inplace-content'\n}\n\nexport interface InplaceStyle extends BaseStyle {}\n","\nimport { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, TemplateRef, ViewEncapsulation, input, output, contentChild, contentChildren, model } from '@angular/core';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { ButtonModule } from '@gravionlabs/helix-core/button';\nimport { TimesIcon } from '@gravionlabs/helix-core/icons';\nimport { Ripple } from '@gravionlabs/helix-core/ripple';\nimport { InplaceContentTemplateContext, InplacePassThrough } from '@gravionlabs/helix-core/types/inplace';\nimport { InplaceStyle } from './style/inplacestyle';\n\nconst INPLACE_INSTANCE = new InjectionToken<Inplace>('INPLACE_INSTANCE');\n\n@Component({\n    selector: 'h-inplacedisplay, h-inplaceDisplay',\n    standalone: true,\n    imports: [],\n    changeDetection: ChangeDetectionStrategy.Eager,\n    template: '<ng-content></ng-content>'\n})\nexport class InplaceDisplay extends BaseComponent {}\n\n@Component({\n    selector: 'h-inplacecontent, h-inplaceContent',\n    standalone: true,\n    imports: [],\n    changeDetection: ChangeDetectionStrategy.Eager,\n    template: '<ng-content></ng-content>'\n})\nexport class InplaceContent extends BaseComponent {}\n/**\n * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.\n * @group Components\n */\n@Component({\n    selector: 'h-inplace',\n    standalone: true,\n    imports: [ButtonModule, TimesIcon, SharedModule, Ripple, Bind],\n    templateUrl: './inplace.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [InplaceStyle, { provide: INPLACE_INSTANCE, useExisting: Inplace }, { provide: PARENT_INSTANCE, useExisting: Inplace }],\n    host: {\n        '[attr.aria-live]': \"'polite'\",\n        '[class]': \"cn(cx('root'), styleClass())\"\n    },\n    hostDirectives: [Bind]\n})\nexport class Inplace extends BaseComponent<InplacePassThrough> {\n    componentName = 'Inplace';\n\n    $pcInplace: Inplace | undefined = inject(INPLACE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Whether the content is displayed or not.\n     * @group Props\n     */\n    readonly active = model<boolean | undefined>(false);\n    /**\n     * Displays a button to switch back to display mode.\n     * @deprecated since v20.0.0, use `closeCallback` within content template.\n     * @group Props\n     */\n    readonly closable = input<boolean | undefined, unknown>(false, { transform: booleanAttribute });\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    readonly disabled = input<boolean | undefined, unknown>(false, { transform: booleanAttribute });\n    /**\n     * Allows to prevent clicking.\n     * @group Props\n     */\n    readonly preventClick = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Icon to display in the close button.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly closeIcon = input<string>();\n    /**\n     * Establishes a string value that labels the close button.\n     * @group Props\n     */\n    readonly closeAriaLabel = input<string>();\n    /**\n     * Callback to invoke when inplace is opened.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onActivate = output<Event | undefined>();\n    /**\n     * Callback to invoke when inplace is closed.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onDeactivate = output<Event | undefined>();\n\n    hover!: boolean;\n    /**\n     * Custom display template.\n     * @group Templates\n     */\n    readonly displayTemplate = contentChild<TemplateRef<void>>('display', { descendants: false });\n    /**\n     * Custom content template.\n     * @group Templates\n     */\n    readonly contentTemplate = contentChild<TemplateRef<InplaceContentTemplateContext>>('content', { descendants: false });\n    /**\n     * Custom close icon template.\n     * @group Templates\n     */\n    readonly closeIconTemplate = contentChild<TemplateRef<void>>('closeicon', { descendants: false });\n\n    _componentStyle = inject(InplaceStyle);\n\n    onActivateClick(event: MouseEvent) {\n        if (!this.preventClick()) this.activate(event);\n    }\n\n    onDeactivateClick(event: MouseEvent) {\n        if (!this.preventClick()) this.deactivate(event);\n    }\n    /**\n     * Activates the content.\n     * @param {Event} event - Browser event.\n     * @group Method\n     */\n    activate(event?: Event) {\n        if (!this.disabled()) {\n            this.active.set(true);\n            this.onActivate.emit(event);\n            this.cd.markForCheck();\n        }\n    }\n    /**\n     * Deactivates the content.\n     * @param {Event} event - Browser event.\n     * @group Method\n     */\n    deactivate(event?: Event) {\n        if (!this.disabled()) {\n            this.active.set(false);\n            this.hover = false;\n            this.onDeactivate.emit(event);\n            this.cd.markForCheck();\n        }\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        if (event.code === 'Enter') {\n            this.activate(event);\n            event.preventDefault();\n        }\n    }\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _displayTemplate: TemplateRef<void> | undefined;\n\n    _closeIconTemplate: TemplateRef<void> | undefined;\n\n    _contentTemplate: TemplateRef<InplaceContentTemplateContext> | undefined;\n\n    onAfterContentInit() {\n        this.templates()?.forEach((item) => {\n            switch (item.getType()) {\n                case 'display':\n                    this._displayTemplate = item.template;\n                    break;\n\n                case 'closeicon':\n                    this._closeIconTemplate = item.template;\n                    break;\n\n                case 'content':\n                    this._contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n}\n\n@NgModule({\n    imports: [Inplace, InplaceContent, InplaceDisplay, SharedModule],\n    exports: [Inplace, InplaceContent, InplaceDisplay, SharedModule]\n})\nexport class InplaceModule {}\n","@if (!active()) {\n  <div [class]=\"cx('display')\" [hBind]=\"ptm('display')\" (click)=\"onActivateClick($event)\" tabindex=\"0\" role=\"button\" (keydown)=\"onKeydown($event)\" [attr.data-h-disabled]=\"disabled()\">\n    <ng-content select=\"[pInplaceDisplay]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"displayTemplate() || _displayTemplate\"></ng-container>\n  </div>\n}\n@if (active()) {\n  <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\">\n    <ng-content select=\"[pInplaceContent]\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate; context: { closeCallback: onDeactivateClick.bind(this) }\"></ng-container>\n    @if (closable()) {\n      @if (closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" [icon]=\"closeIcon()\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\"></h-button>\n      }\n      @if (!closeIcon()) {\n        <h-button [pt]=\"ptm('pcButton')\" type=\"button\" hRipple (click)=\"onDeactivateClick($event)\" [attr.aria-label]=\"closeAriaLabel()\">\n          <ng-template #icon>\n            @if (!closeIconTemplate() && !_closeIconTemplate) {\n              <svg data-h-icon=\"times\" />\n            }\n          </ng-template>\n          <ng-template *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-template>\n        </h-button>\n      }\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/gravionlabs-helix-core-inputgroup.mjs

@@ -0,0 +1,232 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style$1 = /*css*/ `
+    .h-inputgroup,
+    .h-inputgroup .h-iconfield,
+    .h-inputgroup .h-floatlabel,
+    .h-inputgroup .h-iftalabel {
+        display: flex;
+        align-items: stretch;
+        width: 100%;
+    }
+
+    .h-inputgroup .h-floatlabel .h-inputwrapper,
+    .h-inputgroup .h-iftalabel .h-inputwrapper {
+        display: inline-flex;
+    }
+
+    .h-inputgroup .h-inputtext,
+    .h-inputgroup .h-inputwrapper {
+        flex: 1 1 auto;
+        width: 1%;
+    }
+
+    .h-inputgroupaddon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: dt('inputgroup.addon.padding');
+        background: dt('inputgroup.addon.background');
+        color: dt('inputgroup.addon.color');
+        border-block-start: 1px solid dt('inputgroup.addon.border.color');
+        border-block-end: 1px solid dt('inputgroup.addon.border.color');
+        min-width: dt('inputgroup.addon.min.width');
+    }
+
+    .h-inputgroupaddon:first-child,
+    .h-inputgroupaddon + .h-inputgroupaddon {
+        border-inline-start: 1px solid dt('inputgroup.addon.border.color');
+    }
+
+    .h-inputgroupaddon:last-child {
+        border-inline-end: 1px solid dt('inputgroup.addon.border.color');
+    }
+
+    .h-inputgroupaddon:has(.h-button) {
+        padding: 0;
+        overflow: hidden;
+    }
+
+    .h-inputgroupaddon .h-button {
+        border-radius: 0;
+    }
+
+    .h-inputgroup > .h-component,
+    .h-inputgroup > .h-inputwrapper > .h-component,
+    .h-inputgroup > .h-iconfield > .h-component,
+    .h-inputgroup > .h-floatlabel > .h-component,
+    .h-inputgroup > .h-floatlabel > .h-inputwrapper > .h-component,
+    .h-inputgroup > .h-iftalabel > .h-component,
+    .h-inputgroup > .h-iftalabel > .h-inputwrapper > .h-component {
+        border-radius: 0;
+        margin: 0;
+    }
+
+    .h-inputgroupaddon:first-child,
+    .h-inputgroup > .h-component:first-child,
+    .h-inputgroup > .h-inputwrapper:first-child > .h-component,
+    .h-inputgroup > .h-iconfield:first-child > .h-component,
+    .h-inputgroup > .h-floatlabel:first-child > .h-component,
+    .h-inputgroup > .h-floatlabel:first-child > .h-inputwrapper > .h-component,
+    .h-inputgroup > .h-iftalabel:first-child > .h-component,
+    .h-inputgroup > .h-iftalabel:first-child > .h-inputwrapper > .h-component {
+        border-start-start-radius: dt('inputgroup.addon.border.radius');
+        border-end-start-radius: dt('inputgroup.addon.border.radius');
+    }
+
+    .h-inputgroupaddon:last-child,
+    .h-inputgroup > .h-component:last-child,
+    .h-inputgroup > .h-inputwrapper:last-child > .h-component,
+    .h-inputgroup > .h-iconfield:last-child > .h-component,
+    .h-inputgroup > .h-floatlabel:last-child > .h-component,
+    .h-inputgroup > .h-floatlabel:last-child > .h-inputwrapper > .h-component,
+    .h-inputgroup > .h-iftalabel:last-child > .h-component,
+    .h-inputgroup > .h-iftalabel:last-child > .h-inputwrapper > .h-component {
+        border-start-end-radius: dt('inputgroup.addon.border.radius');
+        border-end-end-radius: dt('inputgroup.addon.border.radius');
+    }
+
+    .h-inputgroup .h-component:focus,
+    .h-inputgroup .h-component.h-focus,
+    .h-inputgroup .h-inputwrapper-focus,
+    .h-inputgroup .h-component:focus ~ label,
+    .h-inputgroup .h-component.h-focus ~ label,
+    .h-inputgroup .h-inputwrapper-focus ~ label,
+    .h-inputgroup .h-floatlabel .h-inputwrapper ~ label,
+    .h-inputgroup .h-iftalabel .h-inputwrapper ~ label {
+        z-index: 1;
+    }
+
+    .h-inputgroup > .h-button:not(.h-button-icon-only) {
+        width: auto;
+    }
+
+    .h-inputgroup .h-iconfield + .h-iconfield .h-inputtext {
+        border-inline-start: 0;
+    }
+`;
+
+const style = /*css*/ `
+    ${style$1}
+
+    /*For Helix*/
+
+    .h-inputgroup > .h-component,
+    .h-inputgroup > .h-inputwrapper > .h-component,
+    .h-inputgroup:first-child > h-button > .h-button,
+    .h-inputgroup > .h-floatlabel > .h-component,
+    .h-inputgroup > .h-floatlabel > .h-inputwrapper > .h-component,
+    .h-inputgroup > .h-iftalabel > .h-component,
+    .h-inputgroup > .h-iftalabel > .h-inputwrapper > .h-component {
+        border-radius: 0;
+        margin: 0;
+    }
+
+    .h-inputgroup h-button:first-child,
+    .h-inputgroup h-button:last-child {
+        display: inline-flex;
+    }
+
+    .h-inputgroup:has(> h-button:first-child) .h-button {
+        border-start-start-radius: dt('inputgroup.addon.border.radius');
+        border-end-start-radius: dt('inputgroup.addon.border.radius');
+    }
+
+    .h-inputgroup:has(> h-button:last-child) .h-button {
+        border-start-end-radius: dt('inputgroup.addon.border.radius');
+        border-end-end-radius: dt('inputgroup.addon.border.radius');
+    }
+
+    .h-inputgroup > h-inputmask > .h-inputtext {
+        width: 100%;
+    }
+`;
+const classes = {
+    root: ({ instance }) => [
+        'h-inputgroup',
+        {
+            'h-inputgroup-fluid': instance.fluid
+        }
+    ]
+};
+class InputGroupStyle extends BaseStyle {
+    name = 'inputgroup';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
+ *
+ * [Live Demo](https://www.primeng.org/inputgroup/)
+ *
+ * @module inputgroupstyle
+ *
+ */
+var InputGroupClasses;
+(function (InputGroupClasses) {
+    /**
+     * Class name of the root element
+     */
+    InputGroupClasses["root"] = "h-inputgroup";
+})(InputGroupClasses || (InputGroupClasses = {}));
+
+const INPUTGROUP_INSTANCE = new InjectionToken('INPUTGROUP_INSTANCE');
+/**
+ * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
+ * @group Components
+ */
+class InputGroup extends BaseComponent {
+    componentName = 'InputGroup';
+    _componentStyle = inject(InputGroupStyle);
+    $pcInputGroup = inject(INPUTGROUP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: InputGroup, isStandalone: true, selector: "h-inputgroup, h-inputGroup, h-input-group", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [InputGroupStyle, { provide: INPUTGROUP_INSTANCE, useExisting: InputGroup }, { provide: PARENT_INSTANCE, useExisting: InputGroup }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content> \n", dependencies: [{ kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-inputgroup, h-inputGroup, h-input-group', standalone: true, imports: [BindModule], providers: [InputGroupStyle, { provide: INPUTGROUP_INSTANCE, useExisting: InputGroup }, { provide: PARENT_INSTANCE, useExisting: InputGroup }], hostDirectives: [Bind], changeDetection: ChangeDetectionStrategy.Eager, host: {
+                        '[class]': "cn(cx('root'), styleClass())"
+                    }, template: "<ng-content></ng-content> \n" }]
+        }], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
+class InputGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: InputGroupModule, imports: [InputGroup, SharedModule], exports: [InputGroup, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupModule, imports: [InputGroup, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [InputGroup, SharedModule],
+                    exports: [InputGroup, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputGroup, InputGroupClasses, InputGroupModule, InputGroupStyle };
+//# sourceMappingURL=gravionlabs-helix-core-inputgroup.mjs.map

package/fesm2022/gravionlabs-helix-core-inputgroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-inputgroup.mjs","sources":["../../../projects/core/inputgroup/style/inputgroup.css.ts","../../../projects/core/inputgroup/style/inputgroupstyle.ts","../../../projects/core/inputgroup/inputgroup.ts","../../../projects/core/inputgroup/inputgroup.html","../../../projects/core/inputgroup/gravionlabs-helix-core-inputgroup.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-inputgroup,\n    .h-inputgroup .h-iconfield,\n    .h-inputgroup .h-floatlabel,\n    .h-inputgroup .h-iftalabel {\n        display: flex;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .h-inputgroup .h-floatlabel .h-inputwrapper,\n    .h-inputgroup .h-iftalabel .h-inputwrapper {\n        display: inline-flex;\n    }\n\n    .h-inputgroup .h-inputtext,\n    .h-inputgroup .h-inputwrapper {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .h-inputgroupaddon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: dt('inputgroup.addon.padding');\n        background: dt('inputgroup.addon.background');\n        color: dt('inputgroup.addon.color');\n        border-block-start: 1px solid dt('inputgroup.addon.border.color');\n        border-block-end: 1px solid dt('inputgroup.addon.border.color');\n        min-width: dt('inputgroup.addon.min.width');\n    }\n\n    .h-inputgroupaddon:first-child,\n    .h-inputgroupaddon + .h-inputgroupaddon {\n        border-inline-start: 1px solid dt('inputgroup.addon.border.color');\n    }\n\n    .h-inputgroupaddon:last-child {\n        border-inline-end: 1px solid dt('inputgroup.addon.border.color');\n    }\n\n    .h-inputgroupaddon:has(.h-button) {\n        padding: 0;\n        overflow: hidden;\n    }\n\n    .h-inputgroupaddon .h-button {\n        border-radius: 0;\n    }\n\n    .h-inputgroup > .h-component,\n    .h-inputgroup > .h-inputwrapper > .h-component,\n    .h-inputgroup > .h-iconfield > .h-component,\n    .h-inputgroup > .h-floatlabel > .h-component,\n    .h-inputgroup > .h-floatlabel > .h-inputwrapper > .h-component,\n    .h-inputgroup > .h-iftalabel > .h-component,\n    .h-inputgroup > .h-iftalabel > .h-inputwrapper > .h-component {\n        border-radius: 0;\n        margin: 0;\n    }\n\n    .h-inputgroupaddon:first-child,\n    .h-inputgroup > .h-component:first-child,\n    .h-inputgroup > .h-inputwrapper:first-child > .h-component,\n    .h-inputgroup > .h-iconfield:first-child > .h-component,\n    .h-inputgroup > .h-floatlabel:first-child > .h-component,\n    .h-inputgroup > .h-floatlabel:first-child > .h-inputwrapper > .h-component,\n    .h-inputgroup > .h-iftalabel:first-child > .h-component,\n    .h-inputgroup > .h-iftalabel:first-child > .h-inputwrapper > .h-component {\n        border-start-start-radius: dt('inputgroup.addon.border.radius');\n        border-end-start-radius: dt('inputgroup.addon.border.radius');\n    }\n\n    .h-inputgroupaddon:last-child,\n    .h-inputgroup > .h-component:last-child,\n    .h-inputgroup > .h-inputwrapper:last-child > .h-component,\n    .h-inputgroup > .h-iconfield:last-child > .h-component,\n    .h-inputgroup > .h-floatlabel:last-child > .h-component,\n    .h-inputgroup > .h-floatlabel:last-child > .h-inputwrapper > .h-component,\n    .h-inputgroup > .h-iftalabel:last-child > .h-component,\n    .h-inputgroup > .h-iftalabel:last-child > .h-inputwrapper > .h-component {\n        border-start-end-radius: dt('inputgroup.addon.border.radius');\n        border-end-end-radius: dt('inputgroup.addon.border.radius');\n    }\n\n    .h-inputgroup .h-component:focus,\n    .h-inputgroup .h-component.h-focus,\n    .h-inputgroup .h-inputwrapper-focus,\n    .h-inputgroup .h-component:focus ~ label,\n    .h-inputgroup .h-component.h-focus ~ label,\n    .h-inputgroup .h-inputwrapper-focus ~ label,\n    .h-inputgroup .h-floatlabel .h-inputwrapper ~ label,\n    .h-inputgroup .h-iftalabel .h-inputwrapper ~ label {\n        z-index: 1;\n    }\n\n    .h-inputgroup > .h-button:not(.h-button-icon-only) {\n        width: auto;\n    }\n\n    .h-inputgroup .h-iconfield + .h-iconfield .h-inputtext {\n        border-inline-start: 0;\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as inputgroup_style } from './inputgroup.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${inputgroup_style}\n\n    /*For Helix*/\n\n    .h-inputgroup > .h-component,\n    .h-inputgroup > .h-inputwrapper > .h-component,\n    .h-inputgroup:first-child > h-button > .h-button,\n    .h-inputgroup > .h-floatlabel > .h-component,\n    .h-inputgroup > .h-floatlabel > .h-inputwrapper > .h-component,\n    .h-inputgroup > .h-iftalabel > .h-component,\n    .h-inputgroup > .h-iftalabel > .h-inputwrapper > .h-component {\n        border-radius: 0;\n        margin: 0;\n    }\n\n    .h-inputgroup h-button:first-child,\n    .h-inputgroup h-button:last-child {\n        display: inline-flex;\n    }\n\n    .h-inputgroup:has(> h-button:first-child) .h-button {\n        border-start-start-radius: dt('inputgroup.addon.border.radius');\n        border-end-start-radius: dt('inputgroup.addon.border.radius');\n    }\n\n    .h-inputgroup:has(> h-button:last-child) .h-button {\n        border-start-end-radius: dt('inputgroup.addon.border.radius');\n        border-end-end-radius: dt('inputgroup.addon.border.radius');\n    }\n\n    .h-inputgroup > h-inputmask > .h-inputtext {\n        width: 100%;\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-inputgroup',\n        {\n            'h-inputgroup-fluid': instance.fluid\n        }\n    ]\n};\n\n@Injectable()\nexport class InputGroupStyle extends BaseStyle {\n    name = 'inputgroup';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * InputGroup displays text, icon, buttons and other content can be grouped next to an input.\n *\n * [Live Demo](https://www.primeng.org/inputgroup/)\n *\n * @module inputgroupstyle\n *\n */\n\nexport enum InputGroupClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-inputgroup'\n}\n\nexport interface InputGroupStyle extends BaseStyle {}\n","import { Component, inject, InjectionToken, NgModule, ChangeDetectionStrategy, input } from '@angular/core';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { InputGroupPassThrough } from '@gravionlabs/helix-core/types/inputgroup';\nimport { InputGroupStyle } from './style/inputgroupstyle';\n\nconst INPUTGROUP_INSTANCE = new InjectionToken<InputGroup>('INPUTGROUP_INSTANCE');\n\n/**\n * InputGroup displays text, icon, buttons and other content can be grouped next to an input.\n * @group Components\n */\n@Component({\n    selector: 'h-inputgroup, h-inputGroup, h-input-group',\n    standalone: true,\n    imports: [BindModule],\n    templateUrl: './inputgroup.html',\n    providers: [InputGroupStyle, { provide: INPUTGROUP_INSTANCE, useExisting: InputGroup }, { provide: PARENT_INSTANCE, useExisting: InputGroup }],\n    hostDirectives: [Bind],\n    changeDetection: ChangeDetectionStrategy.Eager,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\"\n    }\n})\nexport class InputGroup extends BaseComponent<InputGroupPassThrough> {\n    componentName = 'InputGroup';\n\n    _componentStyle = inject(InputGroupStyle);\n\n    $pcInputGroup: InputGroup | undefined = inject(INPUTGROUP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n}\n\n@NgModule({\n    imports: [InputGroup, SharedModule],\n    exports: [InputGroup, SharedModule]\n})\nexport class InputGroupModule {}\n","<ng-content></ng-content> \n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","inputgroup_style"],"mappings":"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"}