cax-design-system 1.0.0

package/picklist/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './picklist';
+export * from './picklist.interface';

package/progressbar/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/progressbar" />
+export * from './public_api';

package/progressbar/progressbar.d.ts

@@ -0,0 +1,54 @@
+import { TemplateRef } from '@angular/core';
+import { CaxTemplate } from 'cax-design-system/api';
+import { QueryList } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * ProgressBar is a process status indicator.
+ * @group Components
+ */
+export declare class ProgressBar {
+    /**
+     * Current value of the progress.
+     * @group Props
+     */
+    value: number | undefined;
+    /**
+     * Whether to display the progress bar value.
+     * @group Props
+     */
+    showValue: boolean;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Unit sign appended to the value.
+     * @group Props
+     */
+    unit: string;
+    /**
+     * Defines the mode of the progress
+     * @group Props
+     */
+    mode: string;
+    /**
+     * Color for the background of the progress.
+     * @group Props
+     */
+    color: string | undefined;
+    templates: QueryList<CaxTemplate> | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "cax-progressBar", never, { "value": { "alias": "value"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, ["templates"], never, false, never>;
+    static ngAcceptInputType_value: unknown;
+    static ngAcceptInputType_showValue: unknown;
+}

package/progressbar/progressbar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progressbar";
+import * as i2 from "@angular/common";
+export declare class ProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarModule, [typeof i1.ProgressBar], [typeof i2.CommonModule], [typeof i1.ProgressBar]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarModule>;
+}

package/progressbar/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './progressbar';
+export * from './progressbar.module';

package/progressspinner/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/progressspinner" />
+export * from './public_api';

package/progressspinner/progressspinner.d.ts

@@ -0,0 +1,50 @@
+import { SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * ProgressSpinner is a process status indicator.
+ * @group Components
+ */
+export declare class ProgressSpinner {
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    strokeColor: 'primary' | 'secondary';
+    backgroundStrokeColor: 'primary' | 'secondary';
+    size: 's' | 'm' | 'l';
+    ngOnChanges(changes: SimpleChanges): void;
+    updateStrokeWidthBasedOnSize(): void;
+    updateBackgroundStrokeColor(): void;
+    get stroke(): string;
+    get backgroundStroke(): string;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Width of the circle stroke.
+     * @group Props
+     */
+    strokeWidth: number;
+    /**
+     * Color for the background of the circle.
+     * @group Props
+     */
+    fill: string;
+    /**
+     * Duration of the rotate animation.
+     * @group Props
+     */
+    animationDuration: string;
+    /**
+     * Used to define a aria label attribute the current element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressSpinner, "cax-progressSpinner", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "backgroundStrokeColor": { "alias": "backgroundStrokeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "style": { "alias": "style"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/progressspinner/progressspinner.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progressspinner";
+import * as i2 from "@angular/common";
+export declare class ProgressSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressSpinnerModule, [typeof i1.ProgressSpinner], [typeof i2.CommonModule], [typeof i1.ProgressSpinner]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressSpinnerModule>;
+}

package/progressspinner/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './progressspinner';
+export * from './progressspinner.module';

package/public_api.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/radiobutton/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/radiobutton" />
+export * from './public_api';

package/radiobutton/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './radiobutton';
+export * from './radiobutton.interface';
+export * from './radiobutton.module';

package/radiobutton/radiobutton.d.ts

@@ -0,0 +1,145 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { RadioButtonClickEvent } from './radiobutton.interface';
+import { caxConfig } from 'cax-design-system/api';
+import * as i0 from "@angular/core";
+export declare const RADIO_VALUE_ACCESSOR: any;
+export declare class RadioControlRegistry {
+    private accessors;
+    add(control: NgControl, accessor: RadioButton): void;
+    remove(accessor: RadioButton): void;
+    select(accessor: RadioButton): void;
+    private isSameGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioControlRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RadioControlRegistry>;
+}
+/**
+ * RadioButton is an extension to standard radio button element with theming.
+ * @group Components
+ */
+export declare class RadioButton implements ControlValueAccessor, OnInit, OnDestroy {
+    cd: ChangeDetectorRef;
+    private injector;
+    private registry;
+    config: caxConfig;
+    /**
+     * Value of the radiobutton.
+     * @group Props
+     */
+    value: any;
+    /**
+     * The name of the form control.
+     * @group Props
+     */
+    formControlName: string | undefined;
+    /**
+     * Name of the radiobutton group.
+     * @group Props
+     */
+    name: string | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * Label of the radiobutton.
+     * @group Props
+     */
+    label: string | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @group Props
+     */
+    variant: 'filled' | 'outlined';
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Used to define a string that labels the input element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Style class of the label.
+     * @group Props
+     */
+    labelStyleClass: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Callback to invoke on radio button click.
+     * @param {RadioButtonClickEvent} event - Custom click event.
+     * @group Emits
+     */
+    onClick: EventEmitter<RadioButtonClickEvent>;
+    /**
+     * Callback to invoke when the receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<Event>;
+    /**
+     * Callback to invoke when the loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<Event>;
+    inputViewChild: ElementRef;
+    onModelChange: Function;
+    onModelTouched: Function;
+    checked: Nullable<boolean>;
+    focused: Nullable<boolean>;
+    control: Nullable<NgControl>;
+    constructor(cd: ChangeDetectorRef, injector: Injector, registry: RadioControlRegistry, config: caxConfig);
+    ngOnInit(): void;
+    handleClick(event: Event, radioButton: HTMLElement, focus: boolean): void;
+    select(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    /**
+     * Applies focus to input field.
+     * @group Method
+     */
+    focus(): void;
+    ngOnDestroy(): void;
+    private checkName;
+    private throwNameError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButton, "cax-radioButton", never, { "value": { "alias": "value"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "labelStyleClass": { "alias": "labelStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}

package/radiobutton/radiobutton.interface.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Custom click event.
+ * @see {@link RadioButton.onClick}
+ * @group Events
+ */
+export interface RadioButtonClickEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Browser event.
+     */
+    value: any;
+}

package/radiobutton/radiobutton.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radiobutton";
+export declare class RadioButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonModule, never, [typeof i1.RadioButton], [typeof i1.RadioButton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioButtonModule>;
+}

package/rating/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/rating" />
+export * from './public_api';

package/rating/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './rating';
+export * from './rating.interface';

package/rating/rating.d.ts

@@ -0,0 +1,146 @@
+import { ChangeDetectorRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { caxConfig, CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { RatingRateEvent } from './rating.interface';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "cax-design-system/autofocus";
+import * as i3 from "cax-design-system/icons/starfill";
+import * as i4 from "cax-design-system/icons/star";
+import * as i5 from "cax-design-system/icons/ban";
+import * as i6 from "cax-design-system/api";
+export declare const RATING_VALUE_ACCESSOR: any;
+/**
+ * Rating is an extension to standard radio button element with theming.
+ * @group Components
+ */
+export declare class Rating implements OnInit, ControlValueAccessor {
+    private cd;
+    private config;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * When present, changing the value is not possible.
+     * @group Props
+     */
+    readonly: boolean | undefined;
+    /**
+     * Number of stars.
+     * @group Props
+     */
+    stars: number;
+    /**
+     * When specified a cancel icon is displayed to allow removing the value.
+     * @group Props
+     */
+    cancel: boolean;
+    /**
+     * Style class of the on icon.
+     * @group Props
+     */
+    iconOnClass: string | undefined;
+    /**
+     * Inline style of the on icon.
+     * @group Props
+     */
+    iconOnStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the off icon.
+     * @group Props
+     */
+    iconOffClass: string | undefined;
+    /**
+     * Inline style of the off icon.
+     * @group Props
+     */
+    iconOffStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the cancel icon.
+     * @group Props
+     */
+    iconCancelClass: string | undefined;
+    /**
+     * Inline style of the cancel icon.
+     * @group Props
+     */
+    iconCancelStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Emitted on value change.
+     * @param {RatingRateEvent} value - Custom rate event.
+     * @group Emits
+     */
+    onRate: EventEmitter<RatingRateEvent>;
+    /**
+     * Emitted when the rating is cancelled.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onCancel: EventEmitter<Event>;
+    /**
+     * Emitted when the rating receives focus.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the rating loses focus.
+     * @param {Event} value - Browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<FocusEvent>;
+    templates: QueryList<CaxTemplate>;
+    onIconTemplate: Nullable<TemplateRef<any>>;
+    offIconTemplate: Nullable<TemplateRef<any>>;
+    cancelIconTemplate: Nullable<TemplateRef<any>>;
+    value: Nullable<number>;
+    onModelChange: Function;
+    onModelTouched: Function;
+    starsArray: Nullable<number[]>;
+    isFocusVisibleItem: boolean;
+    focusedOptionIndex: import("@angular/core").WritableSignal<number>;
+    name: string | undefined;
+    constructor(cd: ChangeDetectorRef, config: caxConfig);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    onOptionClick(event: any, value: any): void;
+    onOptionSelect(event: any, value: any): void;
+    onChange(event: any, value: any): void;
+    onInputBlur(event: any): void;
+    onInputFocus(event: any, value: any): void;
+    updateModel(event: any, value: any): void;
+    cancelAriaLabel(): string;
+    starAriaLabel(value: any): string;
+    getIconTemplate(i: number): Nullable<TemplateRef<any>>;
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    get isCustomIcon(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Rating, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Rating, "p-rating", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "stars": { "alias": "stars"; "required": false; }; "cancel": { "alias": "cancel"; "required": false; }; "iconOnClass": { "alias": "iconOnClass"; "required": false; }; "iconOnStyle": { "alias": "iconOnStyle"; "required": false; }; "iconOffClass": { "alias": "iconOffClass"; "required": false; }; "iconOffStyle": { "alias": "iconOffStyle"; "required": false; }; "iconCancelClass": { "alias": "iconCancelClass"; "required": false; }; "iconCancelStyle": { "alias": "iconCancelStyle"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onRate": "onRate"; "onCancel": "onCancel"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_stars: unknown;
+    static ngAcceptInputType_cancel: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}
+export declare class RatingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingModule, [typeof Rating], [typeof i1.CommonModule, typeof i2.AutoFocusModule, typeof i3.StarFillIcon, typeof i4.StarIcon, typeof i5.BanIcon], [typeof Rating, typeof i6.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RatingModule>;
+}

package/rating/rating.interface.d.ts

@@ -0,0 +1,34 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Custom change event.
+ * @see {@link Rating.onRate}
+ * @group Events
+ */
+export interface RatingRateEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value
+     */
+    value: number;
+}
+/**
+ * Defines valid templates in Rating.
+ * @group Templates
+ */
+export interface RatingTemplates {
+    /**
+     * Custom on icon template.
+     */
+    onicon(): TemplateRef<any>;
+    /**
+     * Custom off icon template.
+     */
+    officon(): TemplateRef<any>;
+    /**
+     * Custom cancel icon template.
+     */
+    cancelicon(): TemplateRef<any>;
+}

package/resources/cax.min.scss

@@ -0,0 +1 @@
+.cax-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer cax{.cax-component,.cax-component *{box-sizing:border-box}.cax-hidden{display:none}.cax-hidden-space{visibility:hidden}.cax-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.cax-hidden-accessible input,.cax-hidden-accessible select{transform:scale(0)}.cax-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.cax-disabled,.cax-disabled *{cursor:default !important;pointer-events:none}.cax-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.cax-unselectable-text{user-select:none}.cax-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes cax-fadein{0%{opacity:0}100%{opacity:1}}@keyframes cax-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.cax-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.cax-link:disabled{cursor:default}.cax-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.cax-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.cax-connected-overlay-visible{opacity:1;transform:scaleY(1)}.cax-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.cax-toggleable-content.ng-animating{overflow:hidden}.cax-icon-wrapper{display:inline-flex}.cax-icon{display:inline-block}.cax-icon-spin{-webkit-animation:cax-icon-spin 2s infinite linear;animation:cax-icon-spin 2s infinite linear}}@-webkit-keyframes cax-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes cax-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}}@layer cax{.cax-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.cax-button-label{flex:1 1 auto}.cax-button-icon-right{order:1}.cax-button:disabled{cursor:default;pointer-events:none}.cax-button-icon-only{justify-content:center}.cax-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.cax-button-vertical{flex-direction:column}.cax-button-icon-bottom{order:2}.cax-button-group .cax-button{margin:0}.cax-button.cax-button-loading{opacity:1 !important}.cax-button-group .cax-button:focus,.cax-button-group cax-button:focus .cax-button,.cax-buttonset .cax-button:focus,.cax-buttonset .cax-button:focus,.cax-buttonset cax-button:focus .cax-button,.cax-buttonset .cax-button:focus{position:relative;z-index:1}.cax-button-group .cax-button:not(:last-child),.cax-button-group .cax-button:not(:last-child):hover,.cax-button-group cax-button:not(:last-child) .cax-button,.cax-button-group cax-button:not(:last-child) .cax-button:hover,.cax-buttonset .cax-button:not(:last-child),.cax-buttonset .cax-button:not(:last-child):hover,.cax-buttonset cax-button:not(:last-child) .cax-button,.cax-buttonset cax-button:not(:last-child) .cax-button:hover{border-right:0 none}.cax-button-group .cax-button:not(:first-of-type):not(:last-of-type),.cax-button-group cax-button:not(:first-of-type):not(:last-of-type) .cax-button,.cax-buttonset .cax-button:not(:first-of-type):not(:last-of-type),.cax-buttonset cax-button:not(:first-of-type):not(:last-of-type) .cax-button{border-radius:0}.cax-button-group .cax-button:first-of-type:not(:only-of-type),.cax-button-group cax-button:first-of-type:not(:only-of-type) .cax-button,.cax-buttonset .cax-button:first-of-type:not(:only-of-type),.cax-buttonset cax-button:first-of-type:not(:only-of-type) .cax-button{border-top-right-radius:0;border-bottom-right-radius:0}.cax-button-group .cax-button:last-of-type:not(:only-of-type),.cax-button-group cax-button:last-of-type:not(:only-of-type) .cax-button,.cax-buttonset .cax-button:last-of-type:not(:only-of-type),.cax-buttonset cax-button:last-of-type:not(:only-of-type) .cax-button{border-top-left-radius:0;border-bottom-left-radius:0}cax-button[iconpos='right'] spinnericon{order:1}.center-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}}@layer cax{.cax-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.cax-checkbox-disabled{cursor:default !important;pointer-events:none}.cax-checkbox-box{display:flex;justify-content:center;align-items:center}cax-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.cax-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}@layer cax{.cax-inputtext{margin:0}.cax-fluid .cax-inputtext{width:100%}.cax-inputgroup{display:flex;align-items:stretch}.cax-inputgroup-addon{display:flex;align-items:center;justify-content:center}.cax-inputgroup .cax-float-label{display:flex;align-items:stretch;width:100%}.cax-inputgroup .cax-inputtext,.cax-fluid .cax-inputgroup .cax-inputtext,.cax-inputgroup .cax-inputwrapper,.cax-inputgroup .cax-inputwrapper>.cax-component{flex:1 1 auto;width:1%}.cax-float-label{display:block;position:relative}.cax-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.cax-float-label textarea ~ label{top:1rem}.cax-float-label input:focus ~ label,.cax-float-label input.cax-filled ~ label,.cax-float-label textarea:focus ~ label,.cax-float-label textarea.cax-filled ~ label,.cax-float-label .cax-inputwrapper-focus ~ label,.cax-float-label .cax-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.cax-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.cax-float-label .cax-placeholder,.cax-float-label input::placeholder,.cax-float-label .cax-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.cax-float-label .cax-focus .cax-placeholder,.cax-float-label input:focus::placeholder,.cax-float-label .cax-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.cax-input-icon-left,.cax-input-icon-right{position:relative;display:inline-block;margin-bottom:.3rem}.cax-input-icon-left>i,.cax-input-icon-left>.cax-icon-wrapper,.cax-input-icon-right>i,.cax-input-icon-right>.cax-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.cax-fluid .cax-input-icon-left,.cax-fluid .cax-input-icon-right{display:block;width:100%}.input-disabled{opacity:.5}.disabled-opacity{opacity:.5}.cax-inputtext.with-left-icon{padding-left:35px}.cax-inputtext.with-right-icon{padding-right:35px}.cax-inputtext.with-left-icon.with-right-icon{padding-left:35px;padding-right:35px}.cax-float-label input:focus ~ label,.cax-float-label input.cax-filled ~ label{top:-0.75rem;font-size:12px}input:enabled:focus{outline:0}input.input-invalid:enabled:focus{border-color:var(--red-base)}input.input-invalid{border:1px solid var(--red-base) !important}.clickable-icon{cursor:pointer}.non-clickable-icon{cursor:default}}@layer cax{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer cax{.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password .p-icon{cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer cax{.cax-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.cax-radiobutton-box{display:flex;justify-content:center;align-items:center}.cax-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.cax-radiobutton-box.cax-highlight .cax-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}cax-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.cax-radiobutton-label{line-height:1}}@layer cax{.cax-ripple{overflow:hidden;position:relative}.cax-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.cax-ink-active{animation:ripple .4s linear}.cax-ripple-disabled .cax-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer cax{.cax-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.cax-tooltip.cax-tooltip-right,.cax-tooltip.cax-tooltip-left,.cax-tooltip.cax-tooltip-left-top,.cax-tooltip.cax-tooltip-left-bottom,.cax-tooltip.cax-tooltip-right-top,.cax-tooltip.cax-tooltip-right-bottom{padding:0 .25rem}.cax-tooltip.cax-tooltip-top,.cax-tooltip.cax-tooltip-bottom,.cax-tooltip.cax-tooltip-top-left,.cax-tooltip.cax-tooltip-top-right,.cax-tooltip.cax-tooltip-bottom-left,.cax-tooltip.cax-tooltip-bottom-right{padding:.25em 0}.cax-tooltip .cax-tooltip-text{white-space:pre-line;word-break:break-word}.cax-tooltip-arrow{scale:2;position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-radius:2px}.cax-tooltip-right .cax-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.cax-tooltip-right-top .cax-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0;border-radius:.5em}.cax-tooltip-right-bottom .cax-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0;border-radius:.5em}.cax-tooltip-left .cax-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.cax-tooltip-left-top .cax-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.cax-tooltip-left-bottom .cax-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.cax-tooltip.cax-tooltip-top{padding:.25em 0}.cax-tooltip-top .cax-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.cax-tooltip-top-left .cax-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.cax-tooltip-top-right .cax-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.cax-tooltip-bottom .cax-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}.cax-tooltip-bottom-left .cax-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}.cax-tooltip-bottom-right .cax-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}}