@acontplus/ng-components 2.1.31 → 2.1.32

package/src/core/theming/prebuilt/blue.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-blue {
+  --theme-primary-color: #1b84ff;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$custom-blue-palette,
+        tertiary: palettes.$custom-blue-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/cyan.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-cyan {
+  --theme-primary-color: #01c0c8;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$custom-cyan-palette,
+        tertiary: palettes.$custom-cyan-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/green.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-green {
+  --theme-primary-color: #0a7ea4;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$custom-green-palette,
+        tertiary: palettes.$custom-green-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/orange.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-orange {
+  --theme-primary-color: #fa896b;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$custom-orange-palette,
+        tertiary: palettes.$custom-orange-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/pink.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-pink {
+  --theme-primary-color: #d200d2;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$magenta-palette,
+        tertiary: palettes.$magenta-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/purple.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-purple {
+  --theme-primary-color: #763ebd;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$custom-purple-palette,
+        tertiary: palettes.$custom-purple-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/theming/prebuilt/rose.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+@use '../../../core/tokens/system' as system;
+@use '../../../core/theming/palettes' as palettes;
+@use '../../../core/theming/all-theme' as all-theme;
+
+.theme-rose {
+  --theme-primary-color: #e80074;
+
+  @include system.theme(
+    (
+      color: (
+        primary: palettes.$rose-palette,
+        tertiary: palettes.$rose-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+
+  @include all-theme.custom-component-overrides;
+}

package/src/core/tokens/_system.scss

@@ -2,19 +2,12 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use '@angular/material' as mat;
-@use '../../../../lib/components/alert/m3-alert';
-// @use '../../colorpicker/m3-colorpicker';
-// @use '../../datetimepicker/m3-datetimepicker';
-@use '../../../../lib/components/drawer/m3-drawer';
-@use '../../../../lib/components/grid/m3-grid';
-// @use '../../loader/m3-loader';
-@use '../../../../lib/components/popover/m3-popover';
-// @use '../../progress/m3-progress';
-// @use '../../select/m3-select';
-// @use '../../split/m3-split';
-// @use '../../tooltip/m3-tooltip';
-@use '../style/elevation';
-@use '../theming/config-validation';
+@use './../../lib/components/alert/m3-alert';
+@use './../../lib/components/drawer/m3-drawer';
+@use './../../lib/components/grid/m3-grid';
+@use './../../lib/components/popover/m3-popover';
+@use './../style/elevation';
+@use './../theming/config-validation';
 @use '../theming/definition';
 @use '../theming/palettes';
 @use './m3';

package/src/core/typography/_all-typography.scss

@@ -1,34 +1,12 @@
 @use '@angular/material' as mat;
 @use '../../../lib/components/alert/alert-theme';
-// @use '../../button/button-theme';
-// @use '../../colorpicker/colorpicker-theme';
-// @use '../../datetimepicker/datetimepicker-theme';
 @use '../../../lib/components/drawer/drawer-theme';
 @use '../../../lib/components/grid/grid-theme';
-// @use '../../loader/loader-theme';
 @use '../../../lib/components/popover/popover-theme';
-// @use '../../progress/progress-theme';
-// @use '../../select/select-theme';
-// @use '../../split/split-theme';
-// @use '../../tooltip/tooltip-theme';
 
-// Includes all of the typographic styles.
 @mixin all-component-typographies($theme: null) {
   @include alert-theme.typography($theme);
-  // @include button-theme.typography($theme);
-  // @include colorpicker-theme.typography($theme);
-  // @include datetimepicker-theme.typography($theme);
   @include drawer-theme.typography($theme);
   @include grid-theme.typography($theme);
-  // @include loader-theme.typography($theme);
   @include popover-theme.typography($theme);
-  // @include progress-theme.typography($theme);
-  // @include select-theme.typography($theme);
-  // @include split-theme.typography($theme);
-  // @include tooltip-theme.typography($theme);
-}
-
-// @deprecated Use `all-component-typographies`.
-@mixin material-extensions-typography($theme: null) {
-  @include all-component-typographies($theme);
 }

package/src/lib/components/checkbox-group/checkbox-group.scss

@@ -0,0 +1,14 @@
+.acp-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+
+  .acp-checkbox-master {
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+  }
+
+  .acp-checkbox-normal {
+    margin-left: 1rem;
+  }
+}

package/src/lib/components/drawer/_m3-drawer.scss

@@ -3,7 +3,6 @@
 @use './../../../core/tokens/m3-utils';
 @use './../../../core/tokens/m3';
 
-/// Generates custom tokens for the mtx-drawer.
 @function get-tokens($theme: m3.$sys-theme) {
   $system: m3-utils.get-system($theme);
 

package/src/lib/components/{data-grid → grid}/_grid-theme.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use '../core/tokens/token-utils';
+@use './../../../core/tokens/token-utils';
 @use './m3-grid';
 
 @mixin base($theme) {

package/types/acontplus-ng-components.d.ts

@@ -26,6 +26,7 @@ import { ComponentType } from '@angular/cdk/portal';
 import { Direction } from '@angular/cdk/bidi';
 import { DialogRole, CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
 import { DateRange, MatCalendar } from '@angular/material/datepicker';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 
 type AcpAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';
 declare class AcpAlert {
@@ -3100,6 +3101,102 @@ declare class AcpDateRangeInput implements OnInit, AfterViewInit {
 
 declare const ACP_DEFAULT_DATE_OPTIONS: IAcpSelectDateOption[];
 
+interface AcpCheckboxGroupOption {
+    ariaDescribedby?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    label?: any;
+    value?: any;
+    color?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    indeterminate?: boolean;
+    labelPosition?: 'before' | 'after';
+    id?: string;
+    name?: string | null;
+    required?: boolean;
+    [k: string]: any;
+}
+
+declare class AcpCheckboxBase {
+    label?: any | undefined;
+    value?: any | undefined;
+    constructor(label?: any | undefined, value?: any | undefined);
+}
+declare class AcpCheckboxGroup implements AfterViewInit, OnDestroy, ControlValueAccessor {
+    private _changeDetectorRef;
+    private _focusMonitor;
+    private _elementRef;
+    _checkboxes: QueryList<MatCheckbox>;
+    get trackBy(): TrackByFunction<any> | undefined;
+    set trackBy(fn: TrackByFunction<any> | undefined);
+    private _trackByFn?;
+    get items(): any[];
+    set items(value: any[]);
+    private _items;
+    private _originalItems;
+    private _itemsAreUsed;
+    bindLabel: _angular_core.InputSignal<string>;
+    bindValue: _angular_core.InputSignal<string>;
+    showSelectAll: boolean;
+    selectAllLabel: string;
+    get compareWith(): ((o1: any, o2: any) => boolean) | undefined;
+    set compareWith(fn: ((o1: any, o2: any) => boolean) | undefined);
+    private _compareWith?;
+    disabled: boolean;
+    selectionChange: _angular_core.OutputEmitterRef<{
+        model: AcpCheckboxGroupOption[];
+        index: number;
+    }>;
+    selectAll: boolean;
+    selectAllIndeterminate: boolean;
+    selectedItems: AcpCheckboxGroupOption[];
+    _onChange: (value: AcpCheckboxGroupOption[]) => void;
+    _onTouched: () => void;
+    ngAfterViewInit(): void;
+    private _setItemsFromContentCheckboxes;
+    ngOnDestroy(): void;
+    /**
+     * Finds and selects and option based on its value.
+     * @returns Option that has the corresponding value.
+     */
+    private _selectValue;
+    /**
+     * Sets the model value. Implemented as part of ControlValueAccessor.
+     * @param value New value to be written to the model.
+     */
+    writeValue(value: any[]): void;
+    /**
+     * Registers a callback to be triggered when the model value changes.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnChange(fn: (value: AcpCheckboxGroupOption[]) => Record<string, unknown>): void;
+    /**
+     * Registers a callback to be triggered when the control is touched.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnTouched(fn: () => Record<string, unknown>): void;
+    /**
+     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
+     * @param isDisabled Whether the control should be disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    private _checkMasterCheckboxState;
+    private _getSelectedItems;
+    /** Handle normal checkbox toggle */
+    _updateNormalCheckboxState(e: MatCheckboxChange, index: number): void;
+    /** Handle master checkbox toggle */
+    _updateMasterCheckboxState(e: MatCheckboxChange, index: number): void;
+    _trackBy: (index: number, item: any) => any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpCheckboxGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpCheckboxGroup, "acp-checkbox-group", ["acpCheckboxGroup"], { "trackBy": { "alias": "trackBy"; "required": false; }; "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["_checkboxes"], never, true, never>;
+    static ngAcceptInputType_showSelectAll: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
 declare class ToUpperCase implements ControlValueAccessor {
     private el;
     private renderer;
@@ -3143,5 +3240,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { ACP_ACTIVE_DATE_DEBOUNCE, ACP_DATE_OPTION_TYPE, ACP_DEFAULT_DATE_OPTIONS, ACP_DRAWER_DATA, ACP_DRAWER_DEFAULT_OPTIONS, ACP_POPOVER_CONTENT, ACP_POPOVER_DEFAULT_OPTIONS, ACP_POPOVER_SCROLL_STRATEGY, AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AcpAlert, AcpDateRangeInput, AcpDrawer, AcpDrawerConfig, AcpDrawerContainer, AcpDrawerRef, AcpPopover, AcpPopoverContent, AcpPopoverTarget, AcpPopoverTrigger, AcpSelectDateOption, AdvancedDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DateRangePicker, DialogWrapper, DialogZIndexService, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, KeyboardNavigationService, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, _AcpPopoverContentBase, createAutocompleteWrapperConfig };
-export type { AcpAlertType, AcpPopoverDefaultOptions, AcpPopoverPanel, AcpPopoverPosition, AcpPopoverPositionEnd, AcpPopoverPositionStart, AcpPopoverTriggerEvent, AcpSelectedDateEvent, AutoFocusTarget, AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DateRangePickerOptions, DateRangeValue, DialogSize, DialogType, DialogWrapperConfig, DrawerPosition, FocusableElement, IAcpSelectDateOption, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };
+export { ACP_ACTIVE_DATE_DEBOUNCE, ACP_DATE_OPTION_TYPE, ACP_DEFAULT_DATE_OPTIONS, ACP_DRAWER_DATA, ACP_DRAWER_DEFAULT_OPTIONS, ACP_POPOVER_CONTENT, ACP_POPOVER_DEFAULT_OPTIONS, ACP_POPOVER_SCROLL_STRATEGY, AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AcpAlert, AcpCheckboxBase, AcpCheckboxGroup, AcpDateRangeInput, AcpDrawer, AcpDrawerConfig, AcpDrawerContainer, AcpDrawerRef, AcpPopover, AcpPopoverContent, AcpPopoverTarget, AcpPopoverTrigger, AcpSelectDateOption, AdvancedDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DateRangePicker, DialogWrapper, DialogZIndexService, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, KeyboardNavigationService, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, _AcpPopoverContentBase, createAutocompleteWrapperConfig };
+export type { AcpAlertType, AcpCheckboxGroupOption, AcpPopoverDefaultOptions, AcpPopoverPanel, AcpPopoverPosition, AcpPopoverPositionEnd, AcpPopoverPositionStart, AcpPopoverTriggerEvent, AcpSelectedDateEvent, AutoFocusTarget, AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DateRangePickerOptions, DateRangeValue, DialogSize, DialogType, DialogWrapperConfig, DrawerPosition, FocusableElement, IAcpSelectDateOption, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };