@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-toggleswitch.mjs","sources":["../../../projects/core/toggleswitch/style/toggleswitch.css.ts","../../../projects/core/toggleswitch/style/toggleswitchstyle.ts","../../../projects/core/toggleswitch/toggleswitch.ts","../../../projects/core/toggleswitch/toggleswitch.html","../../../projects/core/toggleswitch/gravionlabs-helix-core-toggleswitch.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-toggleswitch {\n        display: inline-block;\n        width: dt('toggleswitch.width');\n        height: dt('toggleswitch.height');\n    }\n\n    .h-toggleswitch-input {\n        cursor: pointer;\n        appearance: none;\n        position: absolute;\n        top: 0;\n        inset-inline-start: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        opacity: 0;\n        z-index: 1;\n        outline: 0 none;\n        border-radius: dt('toggleswitch.border.radius');\n    }\n\n    .h-toggleswitch-slider {\n        cursor: pointer;\n        width: 100%;\n        height: 100%;\n        border-width: dt('toggleswitch.border.width');\n        border-style: solid;\n        border-color: dt('toggleswitch.border.color');\n        background: dt('toggleswitch.background');\n        transition:\n            background dt('toggleswitch.transition.duration'),\n            color dt('toggleswitch.transition.duration'),\n            border-color dt('toggleswitch.transition.duration'),\n            outline-color dt('toggleswitch.transition.duration'),\n            box-shadow dt('toggleswitch.transition.duration');\n        border-radius: dt('toggleswitch.border.radius');\n        outline-color: transparent;\n        box-shadow: dt('toggleswitch.shadow');\n    }\n\n    .h-toggleswitch-handle {\n        position: absolute;\n        top: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: dt('toggleswitch.handle.background');\n        color: dt('toggleswitch.handle.color');\n        width: dt('toggleswitch.handle.size');\n        height: dt('toggleswitch.handle.size');\n        inset-inline-start: dt('toggleswitch.gap');\n        margin-block-start: calc(-1 * calc(dt('toggleswitch.handle.size') / 2));\n        border-radius: dt('toggleswitch.handle.border.radius');\n        transition:\n            background dt('toggleswitch.transition.duration'),\n            color dt('toggleswitch.transition.duration'),\n            inset-inline-start dt('toggleswitch.slide.duration'),\n            box-shadow dt('toggleswitch.slide.duration');\n    }\n\n    .h-toggleswitch.h-toggleswitch-checked .h-toggleswitch-slider {\n        background: dt('toggleswitch.checked.background');\n        border-color: dt('toggleswitch.checked.border.color');\n    }\n\n    .h-toggleswitch.h-toggleswitch-checked .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.checked.background');\n        color: dt('toggleswitch.handle.checked.color');\n        inset-inline-start: calc(dt('toggleswitch.width') - calc(dt('toggleswitch.handle.size') + dt('toggleswitch.gap')));\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover) .h-toggleswitch-slider {\n        background: dt('toggleswitch.hover.background');\n        border-color: dt('toggleswitch.hover.border.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover) .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.hover.background');\n        color: dt('toggleswitch.handle.hover.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover).h-toggleswitch-checked .h-toggleswitch-slider {\n        background: dt('toggleswitch.checked.hover.background');\n        border-color: dt('toggleswitch.checked.hover.border.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover).h-toggleswitch-checked .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.checked.hover.background');\n        color: dt('toggleswitch.handle.checked.hover.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:focus-visible) .h-toggleswitch-slider {\n        box-shadow: dt('toggleswitch.focus.ring.shadow');\n        outline: dt('toggleswitch.focus.ring.width') dt('toggleswitch.focus.ring.style') dt('toggleswitch.focus.ring.color');\n        outline-offset: dt('toggleswitch.focus.ring.offset');\n    }\n\n    .h-toggleswitch.h-invalid > .h-toggleswitch-slider {\n        border-color: dt('toggleswitch.invalid.border.color');\n    }\n\n    .h-toggleswitch.h-disabled {\n        opacity: 1;\n    }\n\n    .h-toggleswitch.h-disabled .h-toggleswitch-slider {\n        background: dt('toggleswitch.disabled.background');\n    }\n\n    .h-toggleswitch.h-disabled .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.disabled.background');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as toggleswitch_style } from './toggleswitch.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${toggleswitch_style}\n\n    h-toggleswitch.ng-invalid.ng-dirty > .h-toggleswitch-slider {\n        border-color: dt('toggleswitch.invalid.border.color');\n    }\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-toggleswitch h-component',\n        {\n            'h-toggleswitch h-component': true,\n            'h-toggleswitch-checked': instance.checked(),\n            'h-disabled': instance.$disabled(),\n            'h-invalid': instance.invalid()\n        }\n    ],\n\n    input: 'h-toggleswitch-input',\n    slider: 'h-toggleswitch-slider',\n    handle: 'h-toggleswitch-handle'\n};\n\n@Injectable()\nexport class ToggleSwitchStyle extends BaseStyle {\n    name = 'toggleswitch';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * ToggleSwitch is used to select a boolean value.\n *\n * [Live Demo](https://www.primeng.org/toggleswitch/)\n *\n * @module toggleswitchstyle\n *\n */\nexport enum ToggleSwitchClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-toggleswitch',\n    /**\n     * Class name of the input element\n     */\n    input = 'h-toggleswitch-input',\n    /**\n     * Class name of the slider element\n     */\n    slider = 'h-toggleswitch-slider'\n}\n\nexport interface ToggleSwitchStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  forwardRef,\n  inject,\n  InjectionToken,\n  input,\n  NgModule,\n  numberAttribute,\n  TemplateRef,\n  ViewEncapsulation,\n  output,\n  viewChild,\n  contentChild,\n  contentChildren\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { AutoFocus } from '@gravionlabs/helix-core/autofocus';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { ToggleSwitchChangeEvent, ToggleSwitchHandleTemplateContext, ToggleSwitchPassThrough } from '@gravionlabs/helix-core/types/toggleswitch';\nimport { ToggleSwitchStyle } from './style/toggleswitchstyle';\n\nconst TOGGLESWITCH_INSTANCE = new InjectionToken<ToggleSwitch>('TOGGLESWITCH_INSTANCE');\n\nexport const TOGGLESWITCH_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ToggleSwitch),\n    multi: true\n};\n/**\n * ToggleSwitch is used to select a boolean value.\n * @group Components\n */\n@Component({\n    selector: 'h-toggleswitch, h-toggleSwitch, h-toggle-switch',\n    standalone: true,\n    imports: [CommonModule, AutoFocus, SharedModule, BindModule],\n    templateUrl: './toggleswitch.html',\n    providers: [TOGGLESWITCH_VALUE_ACCESSOR, ToggleSwitchStyle, { provide: TOGGLESWITCH_INSTANCE, useExisting: ToggleSwitch }, { provide: PARENT_INSTANCE, useExisting: ToggleSwitch }],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[style]': \"sx('root')\",\n        '[attr.data-h-checked]': 'checked()',\n        '[attr.data-h-disabled]': '$disabled()',\n        '[attr.data-h]': 'dataP',\n        '(click)': 'onHostClick($event)'\n    },\n    hostDirectives: [Bind]\n})\nexport class ToggleSwitch extends BaseEditableHolder<ToggleSwitchPassThrough> {\n    componentName = 'ToggleSwitch';\n\n    $pcToggleSwitch: ToggleSwitch | undefined = inject(TOGGLESWITCH_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     * Style class of the component.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\n    /**\n     * Identifier of the input element.\n     * @group Props\n     */\n    readonly inputId = input<string>();\n    /**\n     * When present, it specifies that the component cannot be edited.\n     * @group Props\n     */\n    readonly readonly = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Value in checked state.\n     * @group Props\n     */\n    readonly trueValue = input<any>(true);\n    /**\n     * Value in unchecked state.\n     * @group Props\n     */\n    readonly falseValue = input<any>(false);\n    /**\n     * Used to define a string that autocomplete attribute the current element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<'large' | 'small' | undefined>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    readonly autofocus = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Callback to invoke when the on value change.\n     * @param {ToggleSwitchChangeEvent} event - Custom change event.\n     * @group Emits\n     */\n    readonly onChange = output<ToggleSwitchChangeEvent>();\n\n    readonly input = viewChild.required<ElementRef>('input');\n    /**\n     * Custom handle template.\n     * @param {ToggleSwitchHandleTemplateContext} context - handle context.\n     * @see {@link ToggleSwitchHandleTemplateContext}\n     * @group Templates\n     */\n    readonly handleTemplate = contentChild<TemplateRef<ToggleSwitchHandleTemplateContext>>('handle', { descendants: false });\n\n    _handleTemplate: TemplateRef<ToggleSwitchHandleTemplateContext> | undefined;\n\n    focused: boolean = false;\n\n    _componentStyle = inject(ToggleSwitchStyle);\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    onHostClick(event: MouseEvent) {\n        this.onClick(event);\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'handle':\n                    this._handleTemplate = item.template;\n                    break;\n                default:\n                    this._handleTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onClick(event: Event) {\n        if (!this.$disabled() && !this.readonly()) {\n            this.writeModelValue(this.checked() ? this.falseValue() : this.trueValue());\n\n            this.onModelChange(this.modelValue());\n            this.onChange.emit({\n                originalEvent: event,\n                checked: this.modelValue()\n            });\n\n            this.input().nativeElement.focus();\n        }\n    }\n\n    onFocus() {\n        this.focused = true;\n    }\n\n    onBlur() {\n        this.focused = false;\n        this.onModelTouched();\n    }\n\n    checked() {\n        return this.modelValue() === this.trueValue();\n    }\n\n    /**\n     * @override\n     *\n     * @see {@link BaseEditableHolder.writeControlValue}\n     * Writes the value to the control.\n     */\n    writeControlValue(value: any, setModelValue: (value: any) => void): void {\n        setModelValue(value);\n        this.cd.markForCheck();\n    }\n\n    get dataP() {\n        return this.cn({\n            checked: this.checked(),\n            disabled: this.$disabled(),\n            invalid: this.invalid()\n        });\n    }\n}\n\n@NgModule({\n    imports: [ToggleSwitch, SharedModule],\n    exports: [ToggleSwitch, SharedModule]\n})\nexport class ToggleSwitchModule {}\n","<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"checkbox\"\n    role=\"switch\"\n    [class]=\"cx('input')\"\n    [checked]=\"checked()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [attr.aria-checked]=\"checked()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.name]=\"name()\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('slider')\" [hBind]=\"ptm('slider')\" [attr.data-h]=\"dataP\">\n    <div [class]=\"cx('handle')\" [hBind]=\"ptm('handle')\" [attr.data-h]=\"dataP\">\n        @if (handleTemplate() || _handleTemplate) {\n            <ng-container *ngTemplateOutlet=\"handleTemplate() || _handleTemplate; context: { checked: checked() }\" />\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","toggleswitch_style"],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-toggleswitch.mjs","names":[],"sources":["../../../projects/core/toggleswitch/style/toggleswitch.css.ts","../../../projects/core/toggleswitch/style/toggleswitchstyle.ts","../../../projects/core/toggleswitch/toggleswitch.ts","../../../projects/core/toggleswitch/toggleswitch.html"],"sourcesContent":["export const style = /*css*/ `\n    .h-toggleswitch {\n        display: inline-block;\n        width: dt('toggleswitch.width');\n        height: dt('toggleswitch.height');\n    }\n\n    .h-toggleswitch-input {\n        cursor: pointer;\n        appearance: none;\n        position: absolute;\n        top: 0;\n        inset-inline-start: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        opacity: 0;\n        z-index: 1;\n        outline: 0 none;\n        border-radius: dt('toggleswitch.border.radius');\n    }\n\n    .h-toggleswitch-slider {\n        cursor: pointer;\n        width: 100%;\n        height: 100%;\n        border-width: dt('toggleswitch.border.width');\n        border-style: solid;\n        border-color: dt('toggleswitch.border.color');\n        background: dt('toggleswitch.background');\n        transition:\n            background dt('toggleswitch.transition.duration'),\n            color dt('toggleswitch.transition.duration'),\n            border-color dt('toggleswitch.transition.duration'),\n            outline-color dt('toggleswitch.transition.duration'),\n            box-shadow dt('toggleswitch.transition.duration');\n        border-radius: dt('toggleswitch.border.radius');\n        outline-color: transparent;\n        box-shadow: dt('toggleswitch.shadow');\n    }\n\n    .h-toggleswitch-handle {\n        position: absolute;\n        top: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: dt('toggleswitch.handle.background');\n        color: dt('toggleswitch.handle.color');\n        width: dt('toggleswitch.handle.size');\n        height: dt('toggleswitch.handle.size');\n        inset-inline-start: dt('toggleswitch.gap');\n        margin-block-start: calc(-1 * calc(dt('toggleswitch.handle.size') / 2));\n        border-radius: dt('toggleswitch.handle.border.radius');\n        transition:\n            background dt('toggleswitch.transition.duration'),\n            color dt('toggleswitch.transition.duration'),\n            inset-inline-start dt('toggleswitch.slide.duration'),\n            box-shadow dt('toggleswitch.slide.duration');\n    }\n\n    .h-toggleswitch.h-toggleswitch-checked .h-toggleswitch-slider {\n        background: dt('toggleswitch.checked.background');\n        border-color: dt('toggleswitch.checked.border.color');\n    }\n\n    .h-toggleswitch.h-toggleswitch-checked .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.checked.background');\n        color: dt('toggleswitch.handle.checked.color');\n        inset-inline-start: calc(dt('toggleswitch.width') - calc(dt('toggleswitch.handle.size') + dt('toggleswitch.gap')));\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover) .h-toggleswitch-slider {\n        background: dt('toggleswitch.hover.background');\n        border-color: dt('toggleswitch.hover.border.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover) .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.hover.background');\n        color: dt('toggleswitch.handle.hover.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover).h-toggleswitch-checked .h-toggleswitch-slider {\n        background: dt('toggleswitch.checked.hover.background');\n        border-color: dt('toggleswitch.checked.hover.border.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:hover).h-toggleswitch-checked .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.checked.hover.background');\n        color: dt('toggleswitch.handle.checked.hover.color');\n    }\n\n    .h-toggleswitch:not(.h-disabled):has(.h-toggleswitch-input:focus-visible) .h-toggleswitch-slider {\n        box-shadow: dt('toggleswitch.focus.ring.shadow');\n        outline: dt('toggleswitch.focus.ring.width') dt('toggleswitch.focus.ring.style') dt('toggleswitch.focus.ring.color');\n        outline-offset: dt('toggleswitch.focus.ring.offset');\n    }\n\n    .h-toggleswitch.h-invalid > .h-toggleswitch-slider {\n        border-color: dt('toggleswitch.invalid.border.color');\n    }\n\n    .h-toggleswitch.h-disabled {\n        opacity: 1;\n    }\n\n    .h-toggleswitch.h-disabled .h-toggleswitch-slider {\n        background: dt('toggleswitch.disabled.background');\n    }\n\n    .h-toggleswitch.h-disabled .h-toggleswitch-handle {\n        background: dt('toggleswitch.handle.disabled.background');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as toggleswitch_style } from './toggleswitch.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${toggleswitch_style}\n\n    h-toggleswitch.ng-invalid.ng-dirty > .h-toggleswitch-slider {\n        border-color: dt('toggleswitch.invalid.border.color');\n    }\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-toggleswitch h-component',\n        {\n            'h-toggleswitch h-component': true,\n            'h-toggleswitch-checked': instance.checked(),\n            'h-disabled': instance.$disabled(),\n            'h-invalid': instance.invalid()\n        }\n    ],\n\n    input: 'h-toggleswitch-input',\n    slider: 'h-toggleswitch-slider',\n    handle: 'h-toggleswitch-handle'\n};\n\n@Injectable()\nexport class ToggleSwitchStyle extends BaseStyle {\n    name = 'toggleswitch';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * ToggleSwitch is used to select a boolean value.\n *\n * [Live Demo](https://www.primeng.org/toggleswitch/)\n *\n * @module toggleswitchstyle\n *\n */\nexport enum ToggleSwitchClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-toggleswitch',\n    /**\n     * Class name of the input element\n     */\n    input = 'h-toggleswitch-input',\n    /**\n     * Class name of the slider element\n     */\n    slider = 'h-toggleswitch-slider'\n}\n\nexport interface ToggleSwitchStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  forwardRef,\n  inject,\n  InjectionToken,\n  input,\n  NgModule,\n  numberAttribute,\n  TemplateRef,\n  ViewEncapsulation,\n  output,\n  viewChild,\n  contentChild,\n  contentChildren\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { AutoFocus } from '@gravionlabs/helix-core/autofocus';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { ToggleSwitchChangeEvent, ToggleSwitchHandleTemplateContext, ToggleSwitchPassThrough } from '@gravionlabs/helix-core/types/toggleswitch';\nimport { ToggleSwitchStyle } from './style/toggleswitchstyle';\n\nconst TOGGLESWITCH_INSTANCE = new InjectionToken<ToggleSwitch>('TOGGLESWITCH_INSTANCE');\n\nexport const TOGGLESWITCH_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ToggleSwitch),\n    multi: true\n};\n/**\n * ToggleSwitch is used to select a boolean value.\n * @group Components\n */\n@Component({\n    selector: 'h-toggleswitch, h-toggleSwitch, h-toggle-switch',\n    standalone: true,\n    imports: [CommonModule, AutoFocus, SharedModule, BindModule],\n    templateUrl: './toggleswitch.html',\n    providers: [TOGGLESWITCH_VALUE_ACCESSOR, ToggleSwitchStyle, { provide: TOGGLESWITCH_INSTANCE, useExisting: ToggleSwitch }, { provide: PARENT_INSTANCE, useExisting: ToggleSwitch }],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[style]': \"sx('root')\",\n        '[attr.data-h-checked]': 'checked()',\n        '[attr.data-h-disabled]': '$disabled()',\n        '[attr.data-h]': 'dataP',\n        '(click)': 'onHostClick($event)'\n    },\n    hostDirectives: [Bind]\n})\nexport class ToggleSwitch extends BaseEditableHolder<ToggleSwitchPassThrough> {\n    componentName = 'ToggleSwitch';\n\n    $pcToggleSwitch: ToggleSwitch | undefined = inject(TOGGLESWITCH_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     * Style class of the component.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\n    /**\n     * Identifier of the input element.\n     * @group Props\n     */\n    readonly inputId = input<string>();\n    /**\n     * When present, it specifies that the component cannot be edited.\n     * @group Props\n     */\n    readonly readonly = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Value in checked state.\n     * @group Props\n     */\n    readonly trueValue = input<any>(true);\n    /**\n     * Value in unchecked state.\n     * @group Props\n     */\n    readonly falseValue = input<any>(false);\n    /**\n     * Used to define a string that autocomplete attribute the current element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<'large' | 'small' | undefined>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    readonly autofocus = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Callback to invoke when the on value change.\n     * @param {ToggleSwitchChangeEvent} event - Custom change event.\n     * @group Emits\n     */\n    readonly onChange = output<ToggleSwitchChangeEvent>();\n\n    readonly input = viewChild.required<ElementRef>('input');\n    /**\n     * Custom handle template.\n     * @param {ToggleSwitchHandleTemplateContext} context - handle context.\n     * @see {@link ToggleSwitchHandleTemplateContext}\n     * @group Templates\n     */\n    readonly handleTemplate = contentChild<TemplateRef<ToggleSwitchHandleTemplateContext>>('handle', { descendants: false });\n\n    _handleTemplate: TemplateRef<ToggleSwitchHandleTemplateContext> | undefined;\n\n    focused: boolean = false;\n\n    _componentStyle = inject(ToggleSwitchStyle);\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    onHostClick(event: MouseEvent) {\n        this.onClick(event);\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'handle':\n                    this._handleTemplate = item.template;\n                    break;\n                default:\n                    this._handleTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onClick(event: Event) {\n        if (!this.$disabled() && !this.readonly()) {\n            this.writeModelValue(this.checked() ? this.falseValue() : this.trueValue());\n\n            this.onModelChange(this.modelValue());\n            this.onChange.emit({\n                originalEvent: event,\n                checked: this.modelValue()\n            });\n\n            this.input().nativeElement.focus();\n        }\n    }\n\n    onFocus() {\n        this.focused = true;\n    }\n\n    onBlur() {\n        this.focused = false;\n        this.onModelTouched();\n    }\n\n    checked() {\n        return this.modelValue() === this.trueValue();\n    }\n\n    /**\n     * @override\n     *\n     * @see {@link BaseEditableHolder.writeControlValue}\n     * Writes the value to the control.\n     */\n    writeControlValue(value: any, setModelValue: (value: any) => void): void {\n        setModelValue(value);\n        this.cd.markForCheck();\n    }\n\n    get dataP() {\n        return this.cn({\n            checked: this.checked(),\n            disabled: this.$disabled(),\n            invalid: this.invalid()\n        });\n    }\n}\n\n@NgModule({\n    imports: [ToggleSwitch, SharedModule],\n    exports: [ToggleSwitch, SharedModule]\n})\nexport class ToggleSwitchModule {}\n","<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"checkbox\"\n    role=\"switch\"\n    [class]=\"cx('input')\"\n    [checked]=\"checked()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [attr.aria-checked]=\"checked()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.name]=\"name()\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('slider')\" [hBind]=\"ptm('slider')\" [attr.data-h]=\"dataP\">\n    <div [class]=\"cx('handle')\" [hBind]=\"ptm('handle')\" [attr.data-h]=\"dataP\">\n        @if (handleTemplate() || _handleTemplate) {\n            <ng-container *ngTemplateOutlet=\"handleTemplate() || _handleTemplate; context: { checked: checked() }\" />\n        }\n    </div>\n</div>\n"],"mappings":"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"}

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

@@ -1,15 +1,14 @@
-export * from '@gravionlabs/helix-core/types/toolbar';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, 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, BindModule } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, contentChild, contentChildren, inject, input } 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, BindModule } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/toolbar";
+const style = `
     .h-toolbar {
         display: flex;
         align-items: center;
@@ -30,145 +29,347 @@ const style = /*css*/ `
         align-items: center;
     }
 `;
-
 const classes = {
-    root: () => ['h-toolbar h-component'],
-    start: 'h-toolbar-start',
-    center: 'h-toolbar-center',
-    end: 'h-toolbar-end'
+	root: () => ["h-toolbar h-component"],
+	start: "h-toolbar-start",
+	center: "h-toolbar-center",
+	end: "h-toolbar-end"
+};
+var ToolbarStyle = class ToolbarStyle extends BaseStyle {
+	name = "toolbar";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToolbarStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToolbarStyle
+	});
 };
-class ToolbarStyle extends BaseStyle {
-    name = 'toolbar';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Toolbar is a grouping component for buttons and other content.
- *
- * [Live Demo](https://www.primeng.org/toolbar/)
- *
- * @module toolbarstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ToolbarStyle,
+	decorators: [{ type: Injectable }]
+});
 var ToolbarClasses;
-(function (ToolbarClasses) {
-    /**
-     * Class name of the root element
-     */
-    ToolbarClasses["root"] = "h-toolbar";
-    /**
-     * Class name of the start element
-     */
-    ToolbarClasses["start"] = "h-toolbar-start";
-    /**
-     * Class name of the center element
-     */
-    ToolbarClasses["center"] = "h-toolbar-center";
-    /**
-     * Class name of the end element
-     */
-    ToolbarClasses["end"] = "h-toolbar-end";
+(function(ToolbarClasses) {
+	ToolbarClasses["root"] = "h-toolbar";
+	ToolbarClasses["start"] = "h-toolbar-start";
+	ToolbarClasses["center"] = "h-toolbar-center";
+	ToolbarClasses["end"] = "h-toolbar-end";
 })(ToolbarClasses || (ToolbarClasses = {}));
-
-const TOOLBAR_INSTANCE = new InjectionToken('TOOLBAR_INSTANCE');
-/**
- * Toolbar is a grouping component for buttons and other content.
- * @group Components
- */
-class Toolbar extends BaseComponent {
-    componentName = 'Toolbar';
-    $pcToolbar = inject(TOOLBAR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    ariaLabelledBy = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(ToolbarStyle);
-    getBlockableElement() {
-        return this.el.nativeElement.children[0];
-    }
-    /**
-     * Custom start template.
-     * @group Templates
-     */
-    startTemplate = contentChild('start', { ...(ngDevMode ? { debugName: "startTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom end template.
-     * @group Templates
-     */
-    endTemplate = contentChild('end', { ...(ngDevMode ? { debugName: "endTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom center template.
-     * @group Templates
-     */
-    centerTemplate = contentChild('center', { ...(ngDevMode ? { debugName: "centerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _startTemplate;
-    _endTemplate;
-    _centerTemplate;
-    onAfterContentInit() {
-        this.templates().forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                case 'left':
-                    this._startTemplate = item.template;
-                    break;
-                case 'end':
-                case 'right':
-                    this._endTemplate = item.template;
-                    break;
-                case 'center':
-                    this._centerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Toolbar, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Toolbar, isStandalone: true, selector: "h-toolbar", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "class": "cn(cx(\"root\"), styleClass)", "attr.aria-labelledby": "ariaLabelledBy" } }, providers: [ToolbarStyle, { provide: TOOLBAR_INSTANCE, useExisting: Toolbar }, { provide: PARENT_INSTANCE, useExisting: Toolbar }], queries: [{ propertyName: "startTemplate", first: true, predicate: ["start"], isSignal: true }, { propertyName: "endTemplate", first: true, predicate: ["end"], isSignal: true }, { propertyName: "centerTemplate", first: true, predicate: ["center"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content>\n@if (startTemplate() || _startTemplate) {\n  <div [class]=\"cx('start')\" [hBind]=\"ptm('start')\">\n    <ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate\"></ng-container>\n  </div>\n}\n@if (centerTemplate() || _centerTemplate) {\n  <div [class]=\"cx('center')\" [hBind]=\"ptm('center')\">\n    <ng-container *ngTemplateOutlet=\"centerTemplate() || _centerTemplate\"></ng-container>\n  </div>\n}\n@if (endTemplate() || _endTemplate) {\n  <div [class]=\"cx('end')\" [hBind]=\"ptm('end')\">\n    <ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.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: Toolbar, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-toolbar', standalone: true, imports: [CommonModule, SharedModule, BindModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ToolbarStyle, { provide: TOOLBAR_INSTANCE, useExisting: Toolbar }, { provide: PARENT_INSTANCE, useExisting: Toolbar }], host: {
-                        '[class]': 'cn(cx("root"), styleClass)',
-                        role: 'toolbar',
-                        '[attr.aria-labelledby]': 'ariaLabelledBy'
-                    }, hostDirectives: [Bind], template: "<ng-content></ng-content>\n@if (startTemplate() || _startTemplate) {\n  <div [class]=\"cx('start')\" [hBind]=\"ptm('start')\">\n    <ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate\"></ng-container>\n  </div>\n}\n@if (centerTemplate() || _centerTemplate) {\n  <div [class]=\"cx('center')\" [hBind]=\"ptm('center')\">\n    <ng-container *ngTemplateOutlet=\"centerTemplate() || _centerTemplate\"></ng-container>\n  </div>\n}\n@if (endTemplate() || _endTemplate) {\n  <div [class]=\"cx('end')\" [hBind]=\"ptm('end')\">\n    <ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate\"></ng-container>\n  </div>\n}\n" }]
-        }], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], startTemplate: [{ type: i0.ContentChild, args: ['start', { ...{ descendants: false }, isSignal: true }] }], endTemplate: [{ type: i0.ContentChild, args: ['end', { ...{ descendants: false }, isSignal: true }] }], centerTemplate: [{ type: i0.ContentChild, args: ['center', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class ToolbarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ToolbarModule, imports: [Toolbar, SharedModule, BindModule], exports: [Toolbar, SharedModule, BindModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarModule, imports: [Toolbar, SharedModule, BindModule, SharedModule, BindModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToolbarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Toolbar, SharedModule, BindModule],
-                    exports: [Toolbar, SharedModule, BindModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const TOOLBAR_INSTANCE = new InjectionToken("TOOLBAR_INSTANCE");
+var Toolbar = class Toolbar extends BaseComponent {
+	componentName = "Toolbar";
+	$pcToolbar = inject(TOOLBAR_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	styleClass = input(void 0, ...ngDevMode ? [{ debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledBy = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabelledBy" }] : 	/* istanbul ignore next */ []);
+	_componentStyle = inject(ToolbarStyle);
+	getBlockableElement() {
+		return this.el.nativeElement.children[0];
+	}
+	startTemplate = contentChild("start", {
+		...ngDevMode ? { debugName: "startTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	endTemplate = contentChild("end", {
+		...ngDevMode ? { debugName: "endTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	centerTemplate = contentChild("center", {
+		...ngDevMode ? { debugName: "centerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_startTemplate;
+	_endTemplate;
+	_centerTemplate;
+	onAfterContentInit() {
+		this.templates().forEach((item) => {
+			switch (item.getType()) {
+				case "start":
+				case "left":
+					this._startTemplate = item.template;
+					break;
+				case "end":
+				case "right":
+					this._endTemplate = item.template;
+					break;
+				case "center":
+					this._centerTemplate = item.template;
+					break;
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Toolbar,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Toolbar,
+		isStandalone: true,
+		selector: "h-toolbar",
+		inputs: {
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "toolbar" },
+			properties: {
+				"class": "cn(cx(\"root\"), styleClass)",
+				"attr.aria-labelledby": "ariaLabelledBy"
+			}
+		},
+		providers: [
+			ToolbarStyle,
+			{
+				provide: TOOLBAR_INSTANCE,
+				useExisting: Toolbar
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Toolbar
+			}
+		],
+		queries: [
+			{
+				propertyName: "startTemplate",
+				first: true,
+				predicate: ["start"],
+				isSignal: true
+			},
+			{
+				propertyName: "endTemplate",
+				first: true,
+				predicate: ["end"],
+				isSignal: true
+			},
+			{
+				propertyName: "centerTemplate",
+				first: true,
+				predicate: ["center"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n@if (startTemplate() || _startTemplate) {\n  <div [class]=\"cx('start')\" [hBind]=\"ptm('start')\">\n    <ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate\"></ng-container>\n  </div>\n}\n@if (centerTemplate() || _centerTemplate) {\n  <div [class]=\"cx('center')\" [hBind]=\"ptm('center')\">\n    <ng-container *ngTemplateOutlet=\"centerTemplate() || _centerTemplate\"></ng-container>\n  </div>\n}\n@if (endTemplate() || _endTemplate) {\n  <div [class]=\"cx('end')\" [hBind]=\"ptm('end')\">\n    <ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate\"></ng-container>\n  </div>\n}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Toolbar,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-toolbar",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				BindModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				ToolbarStyle,
+				{
+					provide: TOOLBAR_INSTANCE,
+					useExisting: Toolbar
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Toolbar
+				}
+			],
+			host: {
+				"[class]": "cn(cx(\"root\"), styleClass)",
+				role: "toolbar",
+				"[attr.aria-labelledby]": "ariaLabelledBy"
+			},
+			hostDirectives: [Bind],
+			template: "<ng-content></ng-content>\n@if (startTemplate() || _startTemplate) {\n  <div [class]=\"cx('start')\" [hBind]=\"ptm('start')\">\n    <ng-container *ngTemplateOutlet=\"startTemplate() || _startTemplate\"></ng-container>\n  </div>\n}\n@if (centerTemplate() || _centerTemplate) {\n  <div [class]=\"cx('center')\" [hBind]=\"ptm('center')\">\n    <ng-container *ngTemplateOutlet=\"centerTemplate() || _centerTemplate\"></ng-container>\n  </div>\n}\n@if (endTemplate() || _endTemplate) {\n  <div [class]=\"cx('end')\" [hBind]=\"ptm('end')\">\n    <ng-container *ngTemplateOutlet=\"endTemplate() || _endTemplate\"></ng-container>\n  </div>\n}\n"
+		}]
+	}],
+	propDecorators: {
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		startTemplate: [{
+			type: i0.ContentChild,
+			args: ["start", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		endTemplate: [{
+			type: i0.ContentChild,
+			args: ["end", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		centerTemplate: [{
+			type: i0.ContentChild,
+			args: ["center", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var ToolbarModule = class ToolbarModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToolbarModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToolbarModule,
+		imports: [
+			Toolbar,
+			SharedModule,
+			BindModule
+		],
+		exports: [
+			Toolbar,
+			SharedModule,
+			BindModule
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToolbarModule,
+		imports: [
+			Toolbar,
+			SharedModule,
+			BindModule,
+			SharedModule,
+			BindModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ToolbarModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				Toolbar,
+				SharedModule,
+				BindModule
+			],
+			exports: [
+				Toolbar,
+				SharedModule,
+				BindModule
+			]
+		}]
+	}]
+});
 export { Toolbar, ToolbarClasses, ToolbarModule, ToolbarStyle };
-//# sourceMappingURL=gravionlabs-helix-core-toolbar.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-toolbar.mjs.map