desy-angular 5.0.0 → 5.1.2

package/lib/desy-buttons/components/dropdown/dropdown.component.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter, TemplateRef, OnChanges, SimpleChanges, ElementRef, OnInit } from '@angular/core';
+import { EventEmitter, TemplateRef, ElementRef, OnInit } from '@angular/core';
 import { AccessibilityAndContentRequiredComponent } from '../../../shared/components';
-export declare class DropdownComponent extends AccessibilityAndContentRequiredComponent implements OnChanges, OnInit {
+export declare class DropdownComponent extends AccessibilityAndContentRequiredComponent implements OnInit {
     static readonly KEY_CODE_ESC = "Escape";
     dropdownContent: ElementRef;
     id: string;
@@ -11,14 +11,11 @@ export declare class DropdownComponent extends AccessibilityAndContentRequiredCo
     classes: string;
     caller: TemplateRef<any>;
     clickEvent: EventEmitter<any>;
-    show: boolean;
+    isOpen: boolean;
     clickOutsideEnabled: boolean;
     tippyProperties: any;
     ngOnInit(): any;
-    ngOnChanges(changes: SimpleChanges): void;
     onClick(event: any): void;
-    toggleDropdown(): void;
-    closeDropdown(): void;
+    setOpen(isOpen: boolean): void;
     isDisabled(): boolean;
-    onKeyDown(event: KeyboardEvent): void;
 }

package/lib/desy-buttons/components/listbox/listbox-label/listbox-label.component.d.ts

@@ -1,8 +1,4 @@
-import { OnInit, TemplateRef } from '@angular/core';
-export declare class ListboxLabelComponent implements OnInit {
+import { ContentBaseComponent } from '../../../../shared/components';
+export declare class ListboxLabelComponent extends ContentBaseComponent {
     classes: string;
-    content: TemplateRef<any>;
-    private isInit;
-    ngOnInit(): void;
-    getContent(): TemplateRef<any>;
 }

package/lib/desy-buttons/components/listbox/listbox.component.d.ts

@@ -27,7 +27,7 @@ export declare class ListboxComponent extends AccessibilityAndTextOrHtmlRequired
     activeItemChange: EventEmitter<any>;
     tippyProperties: any;
     currentFocusIndex: number;
-    buttonContent: string;
+    buttonContentHtml: string;
     isListVisible: boolean;
     lastActiveItems: {
         item: ListboxItemData;
@@ -50,5 +50,4 @@ export declare class ListboxComponent extends AccessibilityAndTextOrHtmlRequired
     getItemId(item: ListboxItemData, index: number): string;
     hasLabel(): boolean;
     getLabelContent(label: ListboxLabelData): string;
-    isButtonContentHtml(): boolean;
 }

package/lib/desy-buttons/components/toggle/toggle-off-state/toggle-off-state.component.d.ts

@@ -0,0 +1,5 @@
+import { AccessibilityComponent } from '../../../../shared/components';
+export declare class ToggleOffStateComponent extends AccessibilityComponent {
+    content: any;
+    classes: string;
+}

package/lib/desy-buttons/components/toggle/toggle-on-state/toggle-on-state.component.d.ts

@@ -0,0 +1,5 @@
+import { AccessibilityComponent } from '../../../../shared/components';
+export declare class ToggleOnStateComponent extends AccessibilityComponent {
+    content: any;
+    classes: string;
+}

package/lib/desy-buttons/components/toggle/toggle.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { ToggleOffStateComponent } from './toggle-off-state/toggle-off-state.component';
+import { ToggleOnStateComponent } from './toggle-on-state/toggle-on-state.component';
+export declare class ToggleComponent extends AccessibilityComponent {
+    id: string;
+    isSwitch: boolean;
+    pressed: boolean;
+    classes: string;
+    clickEvent: EventEmitter<any>;
+    pressedChange: EventEmitter<any>;
+    contentTemplateOnState: ToggleOnStateComponent;
+    contentTemplateOffState: ToggleOffStateComponent;
+    onClick(event: any): void;
+}

package/lib/desy-forms/components/tree/interfaces/itree-item.d.ts

@@ -0,0 +1,5 @@
+export declare class ITreeItem {
+    id: string;
+    subLevel: number;
+    defaultId: string;
+}

package/lib/desy-forms/components/tree/interfaces/quit-tree-item-focus-options.d.ts

@@ -0,0 +1,5 @@
+import { TreeItemComponent } from "../tree-item/tree-item.component";
+export interface QuitTreeItemFocusOptions {
+    nextElement?: 'first' | 'last' | 'previous' | 'next' | 'firstChild' | 'parent';
+    currentItem?: TreeItemComponent;
+}

package/lib/desy-forms/components/tree/tree-checkbox/tree-checkbox.component.d.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { LabelComponent } from "../../label/label.component";
+import { HintComponent } from "../../hint/hint.component";
+import { AccessibilityComponent } from "../../../../shared/components";
+export declare class TreeCheckboxComponent extends AccessibilityComponent implements OnInit {
+    private changeDetector;
+    inputElement: ElementRef;
+    contentWrapper: ElementRef;
+    id: string;
+    name: string;
+    type: 'radio' | 'checkbox' | null | undefined;
+    classes: string;
+    value: any;
+    checked: boolean;
+    checkedChange: EventEmitter<any>;
+    isIndeterminate: boolean;
+    indeterminateChecked: boolean;
+    indeterminateCheckedChange: EventEmitter<any>;
+    disabled: boolean;
+    hasDividers: boolean;
+    describedBy: string;
+    hasError: boolean;
+    labelComponent: LabelComponent;
+    hintComponent: HintComponent;
+    itemDescribedBy: string;
+    private _lastIndeterminate;
+    private _hasInit;
+    constructor(changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    detectChanges(): void;
+    hasChanged(): void;
+    onIdChange(): void;
+    setIndeterminateStatus(): void;
+    setIndeterminateChecked(indeterminateChecked: boolean): void;
+    focus(): void;
+    matchesText(value: string): boolean;
+    preventDefault(event: KeyboardEvent): void;
+    getHintId(): string;
+    overrideLabelParams(): void;
+    overrideHintParams(): void;
+    getItemDescribedBy(): string;
+    onDescribedByChange(): void;
+}

package/lib/desy-forms/components/tree/tree-item/tree-item.component.d.ts

@@ -0,0 +1,87 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { TreeSubComponent } from "../tree-sub/tree-sub.component";
+import { ITreeItem } from "../interfaces/itree-item";
+import { HintComponent } from "../../hint/hint.component";
+import { LabelComponent } from "../../label/label.component";
+import { QuitTreeItemFocusOptions } from "../interfaces/quit-tree-item-focus-options";
+import { TreeCheckboxComponent } from "../tree-checkbox/tree-checkbox.component";
+import { AccessibilityComponent } from "../../../../shared/components";
+export declare class TreeItemComponent extends AccessibilityComponent implements OnChanges, ITreeItem {
+    private changeDetector;
+    private element;
+    private static _treeItemKeySuffix;
+    hiddenWrapper: ElementRef;
+    id: string;
+    name: string;
+    value: string;
+    classes: string;
+    active: boolean;
+    disabled: boolean;
+    title: string;
+    hasDividers: boolean;
+    isIndeterminate: boolean;
+    checked: boolean;
+    checkedChange: EventEmitter<any>;
+    checkedChangeForTree: EventEmitter<any>;
+    expanded: boolean;
+    expandedChange: EventEmitter<any>;
+    indeterminateChecked: boolean;
+    indeterminateCheckedChange: EventEmitter<any>;
+    sub: TreeSubComponent;
+    hint: HintComponent;
+    label: LabelComponent;
+    checkbox: TreeCheckboxComponent;
+    readonly treeItemKey: string;
+    type: 'radio' | 'checkbox' | null | undefined;
+    subLevel: number;
+    parentName: string;
+    defaultId: any;
+    inheritedExpandedFirstLevel: boolean;
+    inheritedDecoupleChildFromParent: boolean;
+    inheritedDescribedBy: string;
+    inheritedHasError: boolean;
+    allParentsExpanded: boolean;
+    inheritedMatchesSearch: boolean;
+    orderInTree: number;
+    quitFocus: EventEmitter<QuitTreeItemFocusOptions>;
+    isFocus: boolean;
+    isHover: boolean;
+    private _matchesValidText;
+    constructor(changeDetector: ChangeDetectorRef, element: ElementRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    focus(): void;
+    setCheckedAutomaticallyDependingOnChildren(): void;
+    refreshAllParentsExpandedRecursive(value: any): void;
+    detectChanges(): void;
+    expandSub(value: boolean): void;
+    handleCheckboxChange(checked: boolean): void;
+    handleIndeterminateCheckedChange(indeterminate: boolean): void;
+    handleItemFocus(value: any, condition?: boolean): void;
+    handleItemHover(value: any, condition?: boolean): void;
+    handleArrowUp(event: KeyboardEvent, condition?: boolean): void;
+    handleHome(event: KeyboardEvent, condition?: boolean): void;
+    handleEnd(event: KeyboardEvent, condition?: boolean): void;
+    handleArrowDown(event: KeyboardEvent, condition?: boolean): void;
+    handleArrowRight(event: KeyboardEvent, condition?: boolean): void;
+    handleArrowLeft(event: KeyboardEvent, condition?: boolean): void;
+    setChecked(checked: boolean, ignoreInTree: boolean, emitEvent?: boolean): void;
+    setIndeterminateChecked(indeterminate: boolean): void;
+    setSubLevel(subLevel: number): void;
+    setOrderRecursively(order: number): number;
+    setDefaultId(defaultId: string): void;
+    setDefaultIdRecursive(): void;
+    getId(): string;
+    isHidden(): boolean;
+    areAllChildrenHidden(): boolean;
+    areAllChildrenChecked(): boolean;
+    hasChildrenCheckedOrIndeterminate(): boolean;
+    matchesText(value: string): boolean;
+    getKey(): string;
+    getParentKey(): string;
+    isActive(): boolean;
+    /**
+     * Genera una clave única para el componente
+     * @private
+     */
+    private static generateStaticItemKey;
+}

package/lib/desy-forms/components/tree/tree-items-generator/tree-items-generator.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { TreeItemComponent } from "../tree-item/tree-item.component";
+export declare class TreeItemsGeneratorComponent implements OnInit {
+    private viewContainerRef;
+    content: TemplateRef<any>;
+    items: any[];
+    itemTemplate: TemplateRef<TreeItemComponent>;
+    constructor(viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+}

package/lib/desy-forms/components/tree/tree-sub/tree-sub.component.d.ts

@@ -0,0 +1,6 @@
+import { ITreeItem } from "../interfaces/itree-item";
+import { ContentBaseComponent } from "../../../../shared/components";
+export declare class TreeSubComponent extends ContentBaseComponent {
+    classes: string;
+    itemList: ITreeItem[];
+}

package/lib/desy-forms/components/tree/tree.component.d.ts

@@ -0,0 +1,107 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { TreeItemComponent } from "./tree-item/tree-item.component";
+import { FormFieldComponent } from "../form-field/form-field.component";
+import { FieldsetComponent } from "../fieldset/fieldset.component";
+import { QuitTreeItemFocusOptions } from "./interfaces/quit-tree-item-focus-options";
+import { SearchBarComponent } from "../search-bar/search-bar.component";
+export declare class TreeComponent extends FormFieldComponent<any[]> implements OnChanges, OnDestroy {
+    private changeDetector;
+    idPrefix: string;
+    classes: string;
+    formGroupClasses: string;
+    name: string;
+    type: 'radio' | 'checkbox' | null | undefined;
+    describedBy: string;
+    expandedFirstLevel: boolean;
+    decoupleChildFromParent: boolean;
+    disableDefaultSearch: boolean;
+    searchMatchValues: string[];
+    searchMatchValuesChange: EventEmitter<string[]>;
+    allItems: QueryList<TreeItemComponent>;
+    fieldsetComponent: FieldsetComponent;
+    searchBarComponent: SearchBarComponent;
+    innerHtml: TemplateRef<any>;
+    private rootItems;
+    private _itemListSubscription;
+    private _allItemListSubscription;
+    private _itemListCheckedSubscriptions;
+    private _itemListQuitFocusSubscriptions;
+    private _alreadyConfiguringItems;
+    constructor(changeDetector: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Actualiza el valor del componente al checkquearse un ítem
+     * @param originItem ítem modificado
+     */
+    updateValueFromItems(originItem?: TreeItemComponent): void;
+    /**
+     * Gestiona cuando el foco abandona un ítem desde un evento de teclado controlado
+     * @param options
+     */
+    handleItemQuitFocus(options: QuitTreeItemFocusOptions): void;
+    /**
+     * Realiza la búsqueda interna de los items en el componente
+     * @param value texto de búsqueda
+     */
+    onSearch(value: string): void;
+    /**
+     * Configura los items del árbol
+     */
+    configureAllItems(): void;
+    /**
+     * Modifica los items visibles según el filtro de búsqueda
+     */
+    onSearchMatchValuesChange(): void;
+    getIdPrefix(): string;
+    getDescribedBy(): string;
+    /**
+     * Devuelve el valor de describedBy que se transmitirá a los items
+     */
+    getDescribedByForItems(): string;
+    hasFieldsetComponent(): boolean;
+    /**
+     * Overrides super.getHintId();
+     */
+    getHintId(): string;
+    /**
+     * Overrides super.getHintId();
+     */
+    getErrorId(): string;
+    overrideFieldsetParams(fieldset: FieldsetComponent): void;
+    overrideSearchBarParams(searchbar: SearchBarComponent): void;
+    /**
+     * Se llama desde FormField
+     */
+    overrideHintParams(hint: any): void;
+    /**
+     * Se llama desde FormField
+     */
+    overrideErrorMessageParams(errorMessage: any): void;
+    /**
+     * Se llama desde FormField
+     */
+    onDeleteErrorMessage(errorMessage: any): void;
+    /**
+     * Configura la estructura del árbol
+     * @private
+     */
+    private buildTree;
+    /**
+     * Si tiene un mensaje de error, se indica a los items
+     * @param hasError
+     * @private
+     */
+    private setErrorInItems;
+    /**
+     * Limpia un listado de subscripciones
+     * @param subscriptionList
+     * @private
+     */
+    private clearSubscriptions;
+    /**
+     * Devuelve los items del árbol ordenados
+     * @private
+     */
+    private getAllItemsInOrder;
+}

package/lib/desy-nav/components/header/header-dropdown/header-dropdown.component.d.ts

@@ -1,11 +1,13 @@
 import { NavComponent } from '../../nav/nav.component';
 import { AccessibilityComponent } from "../../../../shared/components";
+import { ContentComponent } from "../../../../desy-commons/components/content/content.component";
 export declare class HeaderDropdownComponent extends AccessibilityComponent {
     hiddenText: string;
     classesContainer: string;
     classesTooltip: string;
     classes: string;
     nav: NavComponent;
+    contentComponent: ContentComponent;
     overrideNavParams(nav: NavComponent): void;
     handleEmptyContent(element: string): void;
 }

package/lib/desy-nav/components/nav/nav.component.d.ts

@@ -15,4 +15,8 @@ export declare class NavComponent extends AccessibilityComponent implements OnCh
     handleContentEmpty(position: number): void;
     getItemId(item: NavItemData, index: number): string;
     getIdPrefix(): string;
+    movePrevious(event: KeyboardEvent, currentIndex: number): void;
+    moveNext(event: KeyboardEvent, currentIndex: number): void;
+    simulateClick(event: KeyboardEvent, item: NavItemData, index: number): void;
+    private isFocusableItem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-angular",
-  "version": "5.0.0",
+  "version": "5.1.2",
   "description": "Desy Angular contains the code you need to start building your Angular app for Gobierno de Aragón.",
   "engines": {
     "node": "^12.18.0"
@@ -31,7 +31,7 @@
     "@angular/platform-browser": "^11.0.0",
     "@angular/platform-browser-dynamic": "^11.0.0",
     "@angular/router": "^11.0.0",
-    "desy-html": "^5.0.0"
+    "desy-html": "^5.2.2"
   },
   "dependencies": {
     "ngx-tippy-wrapper": "2.1.0",

package/public-api.d.ts

@@ -27,6 +27,7 @@ export * from './lib/desy-forms/components/radios/radios.component';
 export * from './lib/desy-forms/components/checkboxes/checkboxes.component';
 export * from './lib/desy-forms/components/date-input/date-input.component';
 export * from './lib/desy-forms/components/search-bar/search-bar.component';
+export * from './lib/desy-forms/components/tree/tree.component';
 export * from './lib/desy-forms/directives/condition.directive';
 export * from './lib/desy-forms/interfaces/legend-data';
 export * from './lib/desy-forms/interfaces/error-message-data';
@@ -46,6 +47,9 @@ export * from './lib/desy-forms/components/input-group/input-group-select/input-
 export * from './lib/desy-forms/components/radios/radio-item/radio-item.component';
 export * from './lib/desy-forms/components/select/option/option.component';
 export * from './lib/desy-forms/components/select/option-group/option-group.component';
+export * from './lib/desy-forms/components/tree/tree-sub/tree-sub.component';
+export * from './lib/desy-forms/components/tree/tree-item/tree-item.component';
+export * from './lib/desy-forms/components/tree/tree-items-generator/tree-items-generator.component';
 export * from './lib/desy-modals/components/modal/modal.component';
 export * from './lib/desy-modals/components/dialog/dialog.component';
 export * from './lib/desy-modals/interfaces/modal-icon-data';