@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-editor.d.ts

@@ -0,0 +1,188 @@
+import { EditorPassThrough, EditorInitEvent, EditorTextChangeEvent, EditorSelectionChangeEvent, EditorChangeEvent, EditorFocusEvent, EditorBlurEvent } from '@gravionlabs/helix-core/types/editor';
+export * from '@gravionlabs/helix-core/types/editor';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { Header, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Editor groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primeng.org/editor/)
+ *
+ * @module editorstyle
+ *
+ */
+declare enum EditorClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-editor",
+    /**
+     * Class name of the toolbar element
+     */
+    toolbar = "h-editor-toolbar",
+    /**
+     * Class name of the content element
+     */
+    content = "h-editor-content"
+}
+declare class EditorStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-invalid': any;
+        })[];
+        toolbar: string;
+        content: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface EditorStyle extends BaseStyle {
+}
+
+declare const EDITOR_VALUE_ACCESSOR: any;
+/**
+ * Editor groups a collection of contents in tabs.
+ * @group Components
+ */
+declare class Editor extends BaseEditableHolder<EditorPassThrough> {
+    componentName: string;
+    $pcEditor: Editor | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Inline style of the container.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the container.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Placeholder text to show when editor is empty.
+     * @group Props
+     */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whitelist of formats to display, see [here](https://quilljs.com/docs/formats/) for available options.
+     * @group Props
+     */
+    readonly formats: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * Modules configuration of Editor, see [here](https://quilljs.com/docs/modules/) for available options.
+     * @group Props
+     */
+    readonly modules: _angular_core.InputSignal<object | undefined>;
+    /**
+     * DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.
+     * @group Props
+     */
+    readonly bounds: _angular_core.InputSignal<string | HTMLElement | undefined>;
+    /**
+     * DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling..
+     * @group Props
+     */
+    readonly scrollingContainer: _angular_core.InputSignal<string | HTMLElement | undefined>;
+    /**
+     * Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.
+     * @group Props
+     */
+    readonly debug: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to instantiate the editor to read-only mode.
+     * @group Props
+     */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * Callback to invoke when the quill modules are loaded.
+     * @param {EditorInitEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onEditorInit: _angular_core.OutputEmitterRef<EditorInitEvent>;
+    /**
+     * Callback to invoke when text of editor changes.
+     * @param {EditorTextChangeEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onTextChange: _angular_core.OutputEmitterRef<EditorTextChangeEvent>;
+    /**
+     * Callback to invoke when selection of the text changes.
+     * @param {EditorSelectionChangeEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onSelectionChange: _angular_core.OutputEmitterRef<EditorSelectionChangeEvent>;
+    /**
+     * Callback to invoke when editor content changes (combines both text and selection changes).
+     * @param {EditorChangeEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onEditorChange: _angular_core.OutputEmitterRef<EditorChangeEvent>;
+    /**
+     * Callback to invoke when editor receives focus.
+     * @param {EditorFocusEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onFocus: _angular_core.OutputEmitterRef<EditorFocusEvent>;
+    /**
+     * Callback to invoke when editor loses focus.
+     * @param {EditorBlurEvent} event - custom event.
+     * @group Emits
+     */
+    readonly onBlur: _angular_core.OutputEmitterRef<EditorBlurEvent>;
+    readonly toolbar: _angular_core.Signal<Header | undefined>;
+    value: Nullable<string>;
+    delayedCommand: Function | null;
+    quill: any;
+    dynamicQuill: any;
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    readonly headerTemplate: _angular_core.Signal<Nullable<TemplateRef<any>>>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    _headerTemplate: TemplateRef<any> | undefined;
+    private get isAttachedQuillEditorToDOM();
+    private quillElements;
+    private focusListener;
+    private blurListener;
+    _componentStyle: EditorStyle;
+    constructor();
+    onAfterContentInit(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any): void;
+    getQuill(): any;
+    private initQuillEditor;
+    private createQuillEditor;
+    onDestroy(): void;
+    private initQuillElements;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Editor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Editor, "h-editor", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "formats": { "alias": "formats"; "required": false; "isSignal": true; }; "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "bounds": { "alias": "bounds"; "required": false; "isSignal": true; }; "scrollingContainer": { "alias": "scrollingContainer"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "onEditorInit": "onInit"; "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; "onEditorChange": "onEditorChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["toolbar", "headerTemplate", "templates"], ["h-header"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class EditorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<EditorModule, never, [typeof Editor, typeof i2.SharedModule], [typeof Editor, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<EditorModule>;
+}
+
+export { EDITOR_VALUE_ACCESSOR, Editor, EditorClasses, EditorModule, EditorStyle };

package/types/gravionlabs-helix-core-fieldset.d.ts

@@ -0,0 +1,185 @@
+import { FieldsetPassThrough, FieldsetBeforeToggleEvent, FieldsetAfterToggleEvent } from '@gravionlabs/helix-core/types/fieldset';
+export * from '@gravionlabs/helix-core/types/fieldset';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { BlockableUI, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Fieldset is a grouping component with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primeng.org/fieldset/)
+ *
+ * @module fieldsetstyle
+ *
+ */
+declare enum FieldsetClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-fieldset",
+    /**
+     * Class name of the legend element
+     */
+    legend = "h-fieldset-legend",
+    /**
+     * Class name of the legend label element
+     */
+    legendLabel = "h-fieldset-legend-label",
+    /**
+     * Class name of the toggle icon element
+     */
+    toggleIcon = "h-fieldset-toggle-icon",
+    /**
+     * Class name of the content container element
+     */
+    contentContainer = "h-fieldset-content-container",
+    /**
+     * Class name of the content wrapper element
+     */
+    contentWrapper = "h-fieldset-content-wrapper",
+    /**
+     * Class name of the content element
+     */
+    content = "h-fieldset-content"
+}
+declare class FieldsetStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-fieldset-toggleable': any;
+            'h-fieldset-collapsed': any;
+        })[];
+        legend: string;
+        legendLabel: string;
+        toggleButton: string;
+        toggleIcon: string;
+        contentContainer: string;
+        contentWrapper: string;
+        content: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface FieldsetStyle extends BaseStyle {
+}
+
+/**
+ * Fieldset is a grouping component with the optional content toggle feature.
+ * @group Components
+ */
+declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements BlockableUI {
+    componentName: string;
+    $pcFieldset: Fieldset | undefined;
+    _componentStyle: FieldsetStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    get dataP(): string | undefined;
+    /**
+     * Header text of the fieldset.
+     * @group Props
+     */
+    readonly legend: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When specified, content can toggled by clicking the legend.
+     * @group Props
+     * @defaultValue false
+     */
+    readonly toggleable: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Transition options of the panel animation.
+     * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
+     */
+    readonly transitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Callback to invoke before panel toggle.
+     * @param {PanelBeforeToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    readonly onBeforeToggle: _angular_core.OutputEmitterRef<FieldsetBeforeToggleEvent>;
+    /**
+     * Callback to invoke after panel toggle.
+     * @param {PanelAfterToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    readonly onAfterToggle: _angular_core.OutputEmitterRef<FieldsetAfterToggleEvent>;
+    readonly contentWrapperViewChild: _angular_core.Signal<ElementRef<any>>;
+    private _id;
+    get id(): string;
+    get buttonAriaLabel(): string | undefined;
+    /**
+     * Defines the initial state of content, supports one or two-way binding as well.
+     * @group Props
+     */
+    readonly collapsed: _angular_core.ModelSignal<boolean | undefined>;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom expand icon template.
+     * @group Templates
+     */
+    readonly expandIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom collapse icon template.
+     * @group Templates
+     */
+    readonly collapseIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    toggle(event: MouseEvent): void;
+    onKeyDown(event: any): void;
+    expand(): void;
+    collapse(): void;
+    getBlockableElement(): HTMLElement;
+    updateTabIndex(): void;
+    onToggleDone(event: MotionEvent): void;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _expandIconTemplate: TemplateRef<void> | undefined;
+    _collapseIconTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    onAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Fieldset, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Fieldset, "h-fieldset", never, { "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; "collapsed": "collapsedChange"; }, ["headerTemplate", "expandIconTemplate", "collapseIconTemplate", "contentTemplate", "templates"], ["h-header", "h-header", "*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class FieldsetModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FieldsetModule, never, [typeof Fieldset, typeof i2.SharedModule, typeof i1.BindModule], [typeof Fieldset, typeof i2.SharedModule, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FieldsetModule>;
+}
+
+export { Fieldset, FieldsetClasses, FieldsetModule, FieldsetStyle };