@entake/particle 19.1.3 → 20.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entake/particle",
-  "version": "19.1.3",
+  "version": "20.0.0",
   "license": "MIT",
   "description": "Reusable Angular components from the team at Entake",
   "repository": {
@@ -20,23 +20,23 @@
   "homepage": "https://github.com/entake-org/particle-ng#readme",
   "private": false,
   "peerDependencies": {
-    "@angular/cdk": "^19.0.4",
-    "@fortawesome/fontawesome-free": "^6.7.2",
-    "@tiptap/core": "^2.11.0",
-    "@tiptap/extension-bubble-menu": "^2.11.0",
-    "@tiptap/extension-floating-menu": "^2.11.0",
-    "@tiptap/extension-image": "^2.11.0",
-    "@tiptap/extension-link": "^2.11.0",
-    "@tiptap/extension-placeholder": "^2.11.0",
-    "@tiptap/extension-text-align": "^2.11.0",
-    "@tiptap/starter-kit": "^2.11.0",
+    "@angular/cdk": "^20.2.2",
+    "@fortawesome/fontawesome-free": "^7.0.1",
+    "@tiptap/core": "^3.4.1",
+    "@tiptap/extension-bubble-menu": "^3.4.1",
+    "@tiptap/extension-floating-menu": "^3.4.1",
+    "@tiptap/extension-image": "^3.4.1",
+    "@tiptap/extension-link": "^3.4.1",
+    "@tiptap/extension-placeholder": "^3.4.1",
+    "@tiptap/extension-text-align": "^3.4.1",
+    "@tiptap/starter-kit": "^3.4.1",
     "classlist.js": "^1.1.20150312",
-    "core-js": "^3.39.0",
+    "core-js": "^3.45.1",
     "date-fns": "^4.1.0",
     "intl": "^1.2.5",
     "md5-typescript": "^1.0.5",
-    "ngx-tiptap": "^12.0.0",
-    "rxjs": "^7.8.1",
+    "ngx-tiptap": "^14.0.1",
+    "rxjs": "^7.8.2",
     "web-animations-js": "^2.3.2"
   },
   "dependencies": {

package/app/shared/components/accordion/accordion.component.d.ts

@@ -1,26 +0,0 @@
-import { AfterContentInit, AfterViewInit, QueryList } from '@angular/core';
-import { AccordionText } from '../../models/particle-component-text.model';
-import { AccordionItemDirective } from '../../directives/accordion-item.directive';
-import * as i0 from "@angular/core";
-export declare class AccordionComponent implements AfterContentInit, AfterViewInit {
-    expanded: Set<number>;
-    multiple: boolean;
-    height: string;
-    headerClass: string;
-    textClass: string;
-    iconCollapsed: string;
-    iconExpanded: string;
-    showIcon: boolean;
-    text: AccordionText;
-    items: QueryList<AccordionItemDirective>;
-    contentDivs: QueryList<any>;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    /**
-     * @param index - index of the accordion item
-     */
-    getToggleState: (index: number) => any;
-    toggleState: (index: number) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "particle-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; "height": { "alias": "height"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "iconCollapsed": { "alias": "iconCollapsed"; "required": false; }; "iconExpanded": { "alias": "iconExpanded"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, ["items"], never, true, never>;
-}

package/app/shared/components/calendar/calendar.component.d.ts

@@ -1,206 +0,0 @@
-import { ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { CalendarText } from '../../models/particle-component-text.model';
-import * as i0 from "@angular/core";
-/**
- * Interface representing a date interval
- */
-export declare interface Interval {
-    start: Date | number;
-    end: Date | number;
-}
-/**
- * Interface representing a Date broken down by date/month/year
- * with extended metadata
- */
-declare interface MetaDate {
-    /**
-     * The day of the week (starting at 0)
-     */
-    day: number;
-    /**
-     * The day of the month (starting at 1)
-     */
-    date: number;
-    /**
-     * The month (starting at 0)
-     */
-    month: number;
-    /**
-     * The full year
-     */
-    year: number;
-    /**
-     * Whether the day is selectable
-     */
-    selectable: boolean;
-}
-/**
- * Component that allows a user to select a date from a calendar
- */
-export declare class CalendarComponent implements OnDestroy, OnInit {
-    /**
-     * The keyboard arrow keys
-     * @private
-     */
-    private static readonly ARROW_KEYS;
-    /**
-     * ViewChild of the calendar widget parent div element
-     */
-    calendarWidgetDiv: ElementRef<HTMLDivElement>;
-    /**
-     * ViewChild of the month select element
-     */
-    yearSelect: ElementRef<HTMLSelectElement>;
-    /**
-     * ViewChild of the done button
-     */
-    doneButton: ElementRef<HTMLButtonElement>;
-    /**
-     * QueryList of the calendar date buttons for the currently selected month/year
-     */
-    calendarDates: QueryList<ElementRef<HTMLButtonElement>>;
-    /**
-     * The selected date value
-     */
-    set value(value: Date);
-    /**
-     * The range of available dates to choose from
-     */
-    set dateRange(dateRange: {
-        minDate: Date;
-        maxDate: Date;
-    });
-    set text(text: CalendarText);
-    get text(): CalendarText;
-    readonly showControls: import("@angular/core").InputSignal<boolean>;
-    private _text;
-    /**
-     * Event emitted on date select
-     */
-    readonly selected: import("@angular/core").OutputEmitterRef<Date>;
-    /**
-     * Event emitted on close (either through the button, escape keyup or click off of widget).
-     * Note: it is the parent component's job to actually hide the calendar, this event
-     *       acts as a signal that that action should be taken
-     */
-    readonly closed: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * The current Date broken down by day/month/year
-     */
-    readonly currentDate: MetaDate;
-    /**
-     * Array of days of the week
-     */
-    weekDays: string[];
-    /**
-     * BehaviorSubject tracking the current value
-     */
-    readonly _value: BehaviorSubject<MetaDate>;
-    /**
-     * BehaviorSubject tracking the valid selection interval
-     */
-    readonly _validSelectionInterval: BehaviorSubject<Interval>;
-    /**
-     * BehaviorSubject tracking the currently selected month
-     */
-    readonly _selectedMonth: BehaviorSubject<number>;
-    /**
-     * BehaviorSubject tracking the currently selected year
-     */
-    readonly _selectedYear: BehaviorSubject<number>;
-    /**
-     * The full month for the current selected month/year
-     */
-    readonly fullMonth$: Observable<Array<MetaDate>>;
-    /**
-     * The range of selectable years as an Observable
-     */
-    readonly validYearRange$: Observable<Array<number>>;
-    /**
-     * Subscription for the combination of value and valid selection interval
-     * @private
-     */
-    private readonly subscription;
-    /**
-     * The currently selected date
-     */
-    selectedDate: MetaDate | null;
-    /**
-     * Generate a 42 element array representing the input month's days with
-     * padding from the previous/following month
-     * @param month the month to generate dates for
-     * @param year the year to generate the month for
-     * @param selectionInterval the selection interval
-     */
-    private static generateMonth;
-    /**
-     * Generate an Array of numbers representing the span of years between the input
-     * @param minYear the start of the range
-     * @param maxYear the end of the range
-     * @param currentYear the current year
-     */
-    private static generateYearRange;
-    constructor();
-    /**
-     * Init component
-     */
-    ngOnInit(): void;
-    /**
-     * Destroy component, unsubscribe from any active subscriptions
-     */
-    ngOnDestroy(): void;
-    /**
-     * Handle window keyup events
-     * @param event the keyup KeyboardEvent
-     */
-    onKeyUp(event: KeyboardEvent): void;
-    /**
-     * Emit closed event on click if clicked outside calendar widget
-     * @param event the click MouseEvent
-     */
-    handleClick(event: MouseEvent): void;
-    /**
-     * Update selected date and emit selection event
-     * @param selectedDate the selected date
-     */
-    handleDateSelection(selectedDate: MetaDate): void;
-    /**
-     * Select the current date and toggle selected month/year to match
-     */
-    selectToday(): void;
-    /**
-     * Handle arrow key navigation for calendar date buttons
-     * @param key the pressed arrow key
-     * @private
-     */
-    private onArrowKeyUp;
-    /**
-     * Attempt to focus on date indexed immediately to the left of the input date
-     * @param date the day of the month
-     * @private
-     */
-    private navigateLeft;
-    /**
-     * Attempt to focus on date indexed immediately to the right of the input date
-     * @param date the day of the month
-     * @private
-     */
-    private navigateRight;
-    /**
-     * Attempt to navigate one week in the past from the input date
-     * @param date the day of the month
-     * @private
-     */
-    private navigateUp;
-    /**
-     * Attempt to navigate one week in the future from the input date
-     * @param date the day of the month
-     * @private
-     */
-    private navigateDown;
-    clear(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "particle-calendar", never, { "value": { "alias": "value"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; "text": { "alias": "text"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "closed": "closed"; }, never, never, true, never>;
-}
-export {};

package/app/shared/components/checkbox/checkbox.component.d.ts

@@ -1,41 +0,0 @@
-import { ControlValueAccessor } from '@angular/forms';
-import { CheckboxText } from '../../models/particle-component-text.model';
-import * as i0 from "@angular/core";
-export declare class CheckboxComponent implements ControlValueAccessor {
-    private changeDetectorRef;
-    _value: boolean;
-    private _disabled;
-    onChange: (value: any) => void;
-    onTouched: () => any;
-    set disabled(disabled: boolean);
-    get disabled(): boolean;
-    set value(value: string | boolean);
-    get value(): string | boolean;
-    readonly size: import("@angular/core").InputSignal<number>;
-    readonly inputId: import("@angular/core").InputSignal<string>;
-    readonly text: import("@angular/core").InputSignal<CheckboxText>;
-    type: string;
-    /**
-     * Write value
-     * @param value the value to write
-     */
-    writeValue(value: string): void;
-    /**
-     * Register control value accessor change function
-     * @param fn the function to register
-     */
-    registerOnChange(fn: (value: any) => void): void;
-    /**
-     * Register touch handler
-     * @param fn the touch handler to register
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * Set the disabled state
-     * @param isDisabled whether or not the component should be disabled
-     */
-    setDisabledState?(isDisabled: boolean): void;
-    click(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "particle-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/app/shared/components/color-picker/color-picker.component.d.ts

@@ -1,143 +0,0 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { ColorPickerText } from '../../models/particle-component-text.model';
-import * as i0 from "@angular/core";
-/**
- * Component that wraps the native HTML5 color picker for supported browsers
- */
-export declare class ColorPickerComponent implements ControlValueAccessor, OnInit {
-    private renderer;
-    private changeDetectorRef;
-    /**
-     * Regex to match a hexadecimal string (000000)
-     * @private
-     */
-    private static readonly FULL_HEX_REGEX;
-    /**
-     * Regex to match a short hexadecimal string (000)
-     * @private
-     */
-    private static readonly SHORT_HEX_REGEX;
-    /**
-     * Regex to match a valid hex character (A-F, a-f, 0-9)
-     * @private
-     */
-    private static readonly HEX_CHARACTER_REGEX;
-    /**
-     * Navigation keys
-     * @private
-     */
-    private static readonly NAVIGATION_KEYS;
-    /**
-     * Set the value of the color picker
-     * @param value the value to set
-     */
-    set value(value: string);
-    /**
-     * Set disabled
-     * @param disabled whether or not the control should be disabled
-     */
-    set disabled(disabled: boolean);
-    /**
-     * Class list to apply to the hex string input
-     */
-    classList: string;
-    text: ColorPickerText;
-    /**
-     * Event emitted on hex string input event. Emits the current value of the input
-     */
-    input: EventEmitter<string>;
-    /**
-     * Event emitted on color selection from color picker (color picker widget dismissed)
-     * or valid hex string typed in input. Emits the current value of the input
-     */
-    colorSelected: EventEmitter<string>;
-    /**
-     * ViewChild of the color input element
-     */
-    colorInput: ElementRef<HTMLInputElement>;
-    /**
-     * Whether to render the component
-     */
-    render: boolean;
-    /**
-     * Whether the native HTML5 color picker is supported
-     */
-    colorPickerSupported: boolean;
-    /**
-     * The value of the color picker
-     */
-    _value: string;
-    /**
-     * Whether the color picker is disabled
-     * @private
-     */
-    _disabled: boolean;
-    /**
-     * Expand a short hex string (#abc) into its full form (#aabbcc)
-     * @param hexString the short hex string to expand
-     * @private
-     */
-    private static expandShortHexString;
-    /**
-     * Function to call on change
-     */
-    onChange: (value: any) => void;
-    /**
-     * Function to call on touch
-     */
-    onTouched: () => any;
-    /**
-     * Init component, check for color picker browser support
-     */
-    ngOnInit(): void;
-    /**
-     * Write value
-     * @param value the value to write
-     */
-    writeValue(value: string): void;
-    /**
-     * Register on change function
-     * @param fn the function to register
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * Register on touched function
-     * @param fn the function to register
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * Set whether the control should be disabled
-     * @param isDisabled disabled or not
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * Prevent illegal input
-     * @param event the keydown KeyboardEvent
-     */
-    handleKeyDown(event: KeyboardEvent): void;
-    /**
-     * Update model
-     * @param value the new value of the model
-     * @param emitColorSelected whether or not emit the color selected event
-     * @private
-     */
-    updateModel(value: string, emitColorSelected?: boolean): void;
-    /**
-     * Null out value on blur if not valid hex string, otherwise update model
-     * @param value the value to check
-     */
-    handleBlur(value: string): void;
-    /**
-     * Prevent pasting a non-hex string
-     * @param event the paste ClipboardEvent
-     */
-    handlePaste(event: ClipboardEvent): void;
-    /**
-     * Determine if the browser supports the HTML5 color picker
-     * @private
-     */
-    private isColorPickerSupported;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "particle-color-picker", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "input": "input"; "colorSelected": "colorSelected"; }, never, never, true, never>;
-}