@nanahoshi/mona-ui 0.1.0

package/types/nanahoshi-mona-ui-editor.d.ts

@@ -0,0 +1,113 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { JSONContent, Editor } from '@tiptap/core';
+import { ImmutableSet } from '@mirei/ts-collections';
+import { EditorState } from '@tiptap/pm/state';
+import { Subject } from 'rxjs';
+
+interface ContentChangeEvent {
+    html: string;
+    json: JSONContent;
+}
+
+interface EditorSettings {
+    alignment: boolean;
+    blockquote: boolean;
+    bold: boolean;
+    code: boolean;
+    fontColor: boolean;
+    fontFamily: boolean;
+    fontHighlight: boolean;
+    fontList: Iterable<string>;
+    fontSize: boolean;
+    headings: boolean;
+    history: boolean;
+    horizontalRule: boolean;
+    image: boolean;
+    indent: boolean;
+    italic: boolean;
+    link: boolean;
+    list: boolean;
+    strikethrough: boolean;
+    subscript: boolean;
+    superscript: boolean;
+    table: boolean;
+    taskList: boolean;
+    underline: boolean;
+}
+
+declare class EditorService {
+    #private;
+    readonly blur$: Subject<void>;
+    readonly create$: Subject<void>;
+    readonly focus$: Subject<void>;
+    readonly fontSizes: _angular_core.WritableSignal<ImmutableSet<string>>;
+    readonly fonts: _angular_core.WritableSignal<ImmutableSet<string>>;
+    readonly state: _angular_core.Signal<EditorState>;
+    readonly selectionUpdate$: Subject<void>;
+    readonly settings: _angular_core.WritableSignal<Partial<EditorSettings>>;
+    readonly update$: Subject<void>;
+    destroy(): void;
+    setupEditor(element: HTMLDivElement, settings: Partial<EditorSettings>): void;
+    get editor(): Editor;
+    private getExtensionsFromSettings;
+    private getCustomizedStarterKitExtension;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<EditorService>;
+}
+
+declare class EditorComponent implements OnDestroy, OnInit {
+    protected readonly editorContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    protected readonly editorService: EditorService;
+    /**
+     * Emits when the editor loses focus.
+     */
+    readonly blur: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when the editor is created for the first time and is ready to be used.
+     */
+    readonly create: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when the editor gains focus.
+     */
+    readonly focus: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when the selection of the editor changes.
+     */
+    readonly selectionUpdate: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when the content of the editor changes.
+     */
+    readonly update: _angular_core.OutputEmitterRef<ContentChangeEvent>;
+    /**
+     * The initial content of the editor.
+     * Accepted values are:
+     * - A string representing the HTML content.
+     * - A {@link JSONContent} representing the content.
+     */
+    content: _angular_core.InputSignal<string | JSONContent | undefined>;
+    /**
+     * The settings of the editor.
+     */
+    settings: _angular_core.InputSignal<Partial<EditorSettings>>;
+    constructor();
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    private loadEditorContent;
+    private setSubscriptions;
+    /**
+     * Returns the HTML content of the editor.
+     * It can be used to save the content of the editor in a database and restore it later.
+     */
+    get html(): string;
+    /**
+     * Returns the JSON content of the editor in the {@link JSONContent} format.
+     * It can be used to save the content of the editor in a database and restore it later.
+     */
+    get json(): JSONContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "mona-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "create": "create"; "focus": "focus"; "selectionUpdate": "selectionUpdate"; "update": "update"; }, never, never, true, never>;
+}
+
+export { EditorComponent };
+export type { ContentChangeEvent, EditorSettings };

package/types/nanahoshi-mona-ui-expansion-panel.d.ts

@@ -0,0 +1,87 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { VariantProps } from 'class-variance-authority';
+
+declare const expansionPanelBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const expansionPanelHeaderThemeVariants: (theme: ThemeStyle) => (props?: ({
+    collapsed?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const expansionPanelIconContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+    hasTemplate?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const expansionPanelContentThemeVariants: (theme: ThemeStyle) => (props?: ({
+    expanded?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ExpansionPanelBaseVariantProps = VariantProps<ReturnType<typeof expansionPanelBaseThemeVariants>>;
+type ExpansionPanelBaseVariantInput = VariantInputs<ExpansionPanelBaseVariantProps>;
+type ExpansionPanelHeaderVariantProps = VariantProps<ReturnType<typeof expansionPanelHeaderThemeVariants>>;
+type ExpansionPanelHeaderVariantInput = VariantInputs<ExpansionPanelHeaderVariantProps>;
+type ExpansionPanelContentVariantProps = VariantProps<ReturnType<typeof expansionPanelContentThemeVariants>>;
+type ExpansionPanelContentVariantInput = VariantInputs<ExpansionPanelContentVariantProps>;
+type ExpansionPanelIconContainerVariantProps = VariantProps<ReturnType<typeof expansionPanelIconContainerThemeVariants>>;
+type ExpansionPanelIconContainerVariantInput = VariantInputs<ExpansionPanelIconContainerVariantProps>;
+type ExpansionPanelVariantInput = ExpansionPanelBaseVariantInput & Omit<ExpansionPanelHeaderVariantInput, "collapsed"> & ExpansionPanelContentVariantInput & Omit<ExpansionPanelIconContainerVariantInput, "hasTemplate">;
+
+declare class ExpansionPanelComponent implements ExpansionPanelVariantInput {
+    #private;
+    protected readonly actionsTemplateList: _angular_core.Signal<readonly TemplateRef<any>[]>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly contentClass: _angular_core.Signal<string>;
+    protected readonly contentId: string;
+    protected readonly headerClass: _angular_core.Signal<string>;
+    protected readonly headerTitleClass: _angular_core.Signal<string>;
+    protected readonly iconContainerClass: _angular_core.Signal<string>;
+    protected readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly titleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Disables header interaction, suppressing click and keyboard toggling.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Sets whether the expansion panel is expanded or collapsed.
+     * @default false
+     */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Sets the border radius of the expansion panel.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
+    /**
+     * @description Sets the title of the expansion panel.
+     * @default ""
+     */
+    readonly title: _angular_core.InputSignal<string>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpansionPanelComponent, "mona-expansion-panel", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "userClass": { "alias": "userClass"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["actionsTemplateList", "iconTemplate", "titleTemplate"], ["*"], true, never>;
+}
+
+declare class ExpansionPanelActionsTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpansionPanelActionsTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ExpansionPanelActionsTemplateDirective, "ng-template[monaExpansionPanelActionsTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ExpansionPanelIconTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpansionPanelIconTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ExpansionPanelIconTemplateDirective, "ng-template[monaExpansionPanelIconTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ExpansionPanelTitleTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpansionPanelTitleTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ExpansionPanelTitleTemplateDirective, "ng-template[monaExpansionPanelTitleTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { ExpansionPanelActionsTemplateDirective, ExpansionPanelComponent, ExpansionPanelIconTemplateDirective, ExpansionPanelTitleTemplateDirective };

package/types/nanahoshi-mona-ui-fieldset.d.ts

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { VariantProps } from 'class-variance-authority';
+
+declare class FieldsetLegendTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetLegendTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FieldsetLegendTemplateDirective, "ng-template[monaFieldsetLegendTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare const fieldsetBaseThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const fieldsetThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const fieldsetLegendThemeVariants: (theme: ThemeStyle) => (props?: ({
+    hasTemplate?: boolean | null | undefined;
+    rounded?: "small" | "medium" | "large" | "full" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type FieldsetBaseVariantProps = VariantProps<ReturnType<typeof fieldsetBaseThemeVariants>>;
+type FieldsetBaseVariantInput = VariantInputs<FieldsetBaseVariantProps>;
+type FieldsetFieldsetVariantProps = VariantProps<ReturnType<typeof fieldsetThemeVariants>>;
+type FieldsetFieldsetVariantInput = VariantInputs<FieldsetFieldsetVariantProps>;
+type FieldsetLegendVariantProps = VariantProps<ReturnType<typeof fieldsetLegendThemeVariants>>;
+type FieldsetLegendVariantInput = VariantInputs<FieldsetLegendVariantProps>;
+type FieldsetVariantInput = FieldsetBaseVariantInput & FieldsetFieldsetVariantInput & Omit<FieldsetLegendVariantInput, "hasTemplate">;
+
+declare class FieldsetComponent implements FieldsetVariantInput {
+    #private;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly fieldsetClass: _angular_core.Signal<string>;
+    protected readonly legendClass: _angular_core.Signal<string>;
+    protected readonly legendTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly legendVisible: _angular_core.Signal<boolean>;
+    /**
+     * @description Whether the fieldset and its projected form controls are disabled.
+     * Reflected as the native `disabled` attribute on the rendered `<fieldset>`.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description The legend text of the fieldset. Shown in the top border as a labelled notch.
+     * Ignored when `monaFieldsetLegendTemplate` is provided.
+     * @default ""
+     */
+    readonly legend: _angular_core.InputSignal<string>;
+    /**
+     * @description The `name` attribute reflected onto the rendered `<fieldset>` element.
+     * @default undefined
+     */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @description Border-radius preset applied to the fieldset and its legend.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "full" | "none" | null | undefined>;
+    /**
+     * @description Additional CSS classes merged onto the rendered `<fieldset>` element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "mona-fieldset", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["legendTemplate"], ["*"], true, never>;
+}
+
+export { FieldsetComponent, FieldsetLegendTemplateDirective };

package/types/nanahoshi-mona-ui-filter.d.ts

@@ -0,0 +1,115 @@
+import { FilterOperators, FilterLogic, CompositeFilterDescriptor, BooleanFilterOperators, DateFilterOperators, NumericFilterOperators, StringFilterOperators, BooleanFilterDescriptor, DateFilterDescriptor, NumericFilterDescriptor, StringFilterDescriptor } from '@nanahoshi/mona-ui/query';
+import * as _angular_core from '@angular/core';
+import { DataType } from '@nanahoshi/mona-ui/common';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+interface FilterMenuDataItem {
+    text: string;
+    value: FilterOperators;
+}
+
+interface FilterMenuValue {
+    logic?: "and" | "or";
+    operator1?: FilterOperators;
+    operator2?: FilterOperators;
+    value1?: any;
+    value2?: any;
+}
+
+interface FilterMenuDateOptions {
+    format: string;
+    type: FilterMenuDateType;
+}
+type FilterMenuDateType = "date" | "datetime" | "time";
+
+interface FilterMenuConnectorItem {
+    text: string;
+    value: FilterLogic;
+}
+
+declare const filterMenuBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "none" | "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type FilterMenuBaseVariantProps = VariantProps<ReturnType<typeof filterMenuBaseThemeVariants>>;
+type FilterMenuBaseVariantInput = VariantInputs<FilterMenuBaseVariantProps>;
+type FilterMenuVariantInput = FilterMenuBaseVariantInput;
+
+declare class FilterMenuComponent implements FilterMenuVariantInput {
+    #private;
+    protected readonly applyDisabled: _angular_core.Signal<boolean>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly booleanFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly connectorDataItems: FilterMenuConnectorItem[];
+    protected readonly dateFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly dateFilterValues: _angular_core.WritableSignal<[Date | null, Date | null]>;
+    protected readonly effectiveDateOptions: _angular_core.Signal<FilterMenuDateOptions>;
+    protected readonly filterMenuActionsClass: _angular_core.Signal<string>;
+    protected readonly filterMenuItemClass: _angular_core.Signal<string>;
+    protected readonly firstFilterValid: _angular_core.Signal<boolean>;
+    protected readonly numberFilterValues: _angular_core.WritableSignal<[number | null, number | null]>;
+    protected readonly numericFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly secondFilterValid: _angular_core.Signal<boolean>;
+    protected readonly selectedConnectorItem: _angular_core.WritableSignal<FilterMenuConnectorItem | null>;
+    protected readonly selectedFilterMenuDataItemList: _angular_core.WritableSignal<(FilterMenuDataItem | undefined)[]>;
+    protected readonly stringFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly stringFilterValues: _angular_core.WritableSignal<[string, string]>;
+    readonly apply: _angular_core.OutputEmitterRef<CompositeFilterDescriptor>;
+    readonly dateOptions: _angular_core.InputSignal<FilterMenuDateOptions>;
+    readonly field: _angular_core.ModelSignal<string>;
+    readonly operators: _angular_core.ModelSignal<Iterable<FilterOperators>>;
+    readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    readonly type: _angular_core.ModelSignal<DataType>;
+    readonly value: _angular_core.ModelSignal<FilterMenuValue | undefined>;
+    constructor();
+    protected onConnectorChange(item: FilterMenuConnectorItem, selected: boolean): void;
+    protected onFilterApply(): void;
+    protected onFilterClear(): void;
+    protected onFilterOperatorChange(index: number, item: FilterMenuDataItem): void;
+    getFilterValues(): FilterMenuValue;
+    private applyBooleanFilters;
+    private applyDateFilters;
+    private applyNumberFilters;
+    private applyStringFilters;
+    private clearSecondFilterValues;
+    private setFilterValues;
+    private getDefaultDateFormat;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterMenuComponent, "mona-filter-menu", never, { "dateOptions": { "alias": "dateOptions"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "operators": { "alias": "operators"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "apply": "apply"; "field": "fieldChange"; "operators": "operatorsChange"; "type": "typeChange"; "value": "valueChange"; }, never, never, true, never>;
+}
+
+type FilterDescriptorBuildArgs<TValue, TOperator extends FilterOperators> = {
+    field: string;
+    operator1: TOperator;
+    value1: TValue;
+} & ({
+    logic: null;
+} | {
+    logic: FilterLogic;
+    operator2: TOperator;
+    value2: TValue;
+});
+
+declare class FilterService {
+    readonly booleanFilterMenuItems: FilterMenuDataItem[];
+    readonly dateFilterMenuItems: FilterMenuDataItem[];
+    readonly numericFilterMenuItems: FilterMenuDataItem[];
+    readonly stringFilterMenuItems: FilterMenuDataItem[];
+    buildBooleanFilterDescriptor(args: FilterDescriptorBuildArgs<boolean | null, BooleanFilterOperators>): CompositeFilterDescriptor;
+    buildDateFilterDescriptor(args: FilterDescriptorBuildArgs<Date | null, DateFilterOperators>): CompositeFilterDescriptor;
+    buildNumberFilterDescriptor(args: FilterDescriptorBuildArgs<number | null, NumericFilterOperators>): CompositeFilterDescriptor;
+    buildStringFilterDescriptor(args: FilterDescriptorBuildArgs<string, StringFilterOperators>): CompositeFilterDescriptor;
+    getBooleanDescriptor(operator: BooleanFilterOperators, field: string): BooleanFilterDescriptor | null;
+    getDateDescriptor(operator: DateFilterOperators, field: string, value: Date | null): DateFilterDescriptor | null;
+    getNumberDescriptor(operator: NumericFilterOperators, field: string, value: number | null): NumericFilterDescriptor | null;
+    getStringDescriptor(operator: StringFilterOperators, field: string, value: string): StringFilterDescriptor | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FilterService>;
+}
+
+export { FilterMenuComponent, FilterService };
+export type { FilterMenuDataItem, FilterMenuDateOptions, FilterMenuDateType, FilterMenuValue };