@litigiovirtual/ius-design-components 2.2.4 → 2.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1029,7 +1029,7 @@ class PopoverComponent {
|
|
|
1029
1029
|
}
|
|
1030
1030
|
}
|
|
1031
1031
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1032
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", offset: ["offset", "offset", numberAttribute], open: "open", defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute], showArrow: ["showArrow", "showArrow", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchorRect: "anchorRect", padding: "padding", dismissable: ["dismissable", "dismissable", booleanAttribute], panelClass: "panelClass" }, outputs: { openChange: "openChange" }, host: { listeners: { "mouseenter": "onHostMouseEnter()", "mouseleave": "onHostMouseLeave()", "focusin": "onHostFocusIn()", "focusout": "onHostFocusOut()", "click": "onHostClick()" } }, viewQueries: [{ propertyName: "panelTpl", first: true, predicate: ["panelTpl"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Trigger (children del golden). El host es el ancla .ius-popover-anchor. -->\r\n<ng-content />\r\n\r\n<!-- Panel flotante \u2014 se estampa en el overlay del CDK v\u00EDa TemplatePortal. -->\r\n<ng-template #panelTpl>\r\n <div\r\n class=\"ius-popover\"\r\n [class]=\"panelClass ?? ''\"\r\n role=\"tooltip\"\r\n [attr.data-side]=\"side()\"\r\n [attr.data-padding]=\"padding\"\r\n >\r\n @if (title != null) {\r\n <div class=\"ius-popover__title\">{{ title }}</div>\r\n }\r\n <div class=\"ius-popover__content\">\r\n @if (content != null) {\r\n {{ content }}\r\n } @else {\r\n <ng-content select=\"[iusPopoverContent]\" />\r\n }\r\n </div>\r\n @if (showArrow) {\r\n <span\r\n class=\"ius-popover__arrow\"\r\n [style.left]=\"arrowLeft()\"\r\n [style.top]=\"arrowTop()\"\r\n aria-hidden=\"true\"\r\n ></span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-popover{width:max-content;max-width:280px;min-width:140px;position:relative;background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-lg);padding:var(--ius-space-sm) var(--ius-space-md);font-family:var(--ius-font-body);filter:drop-shadow(0 6px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.06));animation:ius-popover-in .12s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1));pointer-events:auto}@keyframes ius-popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ius-popover__title{font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);margin-bottom:var(--ius-space-xxs)}.ius-popover__content{font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:.02em;color:var(--ius-text-primary)}.ius-popover__arrow{position:absolute;width:12px;height:12px;background:var(--ius-neutral-white);transform:rotate(45deg)}.ius-popover[data-side=top] .ius-popover__arrow{bottom:-5px}.ius-popover[data-side=bottom] .ius-popover__arrow{top:-5px}.ius-popover[data-side=left] .ius-popover__arrow{right:-5px}.ius-popover[data-side=right] .ius-popover__arrow{left:-5px}.ius-popover[data-padding=compact]{padding:var(--ius-space-xs)}.ius-popover[data-padding=none]{padding:0}.ius-popover.ius-tooltip{min-width:0;max-width:240px;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__arrow{background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__content{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:normal;text-wrap:balance;color:var(--ius-neutral-white)}.ius-popover.ius-dropdown-pop{padding:var(--ius-space-xxs)}.ius-popover.ius-querybuilder-pop{max-width:none;width:min(720px,100vw - var(--ius-space-2xl));padding:var(--ius-space-md)}.ius-popover.ius-personpicker-pop{min-width:0;max-width:none;box-sizing:border-box}.ius-popover.ius-datepicker-pop{min-width:0;max-width:none;padding:0;box-sizing:border-box}.ius-popover.ius-autocomplete-pop{min-width:0;max-width:none;box-sizing:border-box;overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1032
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", offset: ["offset", "offset", numberAttribute], open: "open", defaultOpen: ["defaultOpen", "defaultOpen", booleanAttribute], showArrow: ["showArrow", "showArrow", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchorRect: "anchorRect", padding: "padding", dismissable: ["dismissable", "dismissable", booleanAttribute], panelClass: "panelClass" }, outputs: { openChange: "openChange" }, host: { listeners: { "mouseenter": "onHostMouseEnter()", "mouseleave": "onHostMouseLeave()", "focusin": "onHostFocusIn()", "focusout": "onHostFocusOut()", "click": "onHostClick()" } }, viewQueries: [{ propertyName: "panelTpl", first: true, predicate: ["panelTpl"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Trigger (children del golden). El host es el ancla .ius-popover-anchor. -->\r\n<ng-content />\r\n\r\n<!-- Panel flotante \u2014 se estampa en el overlay del CDK v\u00EDa TemplatePortal. -->\r\n<ng-template #panelTpl>\r\n <div\r\n class=\"ius-popover\"\r\n [class]=\"panelClass ?? ''\"\r\n role=\"tooltip\"\r\n [attr.data-side]=\"side()\"\r\n [attr.data-padding]=\"padding\"\r\n >\r\n @if (title != null) {\r\n <div class=\"ius-popover__title\">{{ title }}</div>\r\n }\r\n <div class=\"ius-popover__content\">\r\n @if (content != null) {\r\n {{ content }}\r\n } @else {\r\n <ng-content select=\"[iusPopoverContent]\" />\r\n }\r\n </div>\r\n @if (showArrow) {\r\n <span\r\n class=\"ius-popover__arrow\"\r\n [style.left]=\"arrowLeft()\"\r\n [style.top]=\"arrowTop()\"\r\n aria-hidden=\"true\"\r\n ></span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-popover{width:max-content;max-width:280px;min-width:140px;position:relative;background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-lg);padding:var(--ius-space-sm) var(--ius-space-md);font-family:var(--ius-font-body);filter:drop-shadow(0 6px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.06));animation:ius-popover-in .12s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1));pointer-events:auto}@keyframes ius-popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ius-popover__title{font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);margin-bottom:var(--ius-space-xxs)}.ius-popover__content{font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:.02em;color:var(--ius-text-primary)}.ius-popover__arrow{position:absolute;width:12px;height:12px;background:var(--ius-neutral-white);transform:rotate(45deg)}.ius-popover[data-side=top] .ius-popover__arrow{bottom:-5px}.ius-popover[data-side=bottom] .ius-popover__arrow{top:-5px}.ius-popover[data-side=left] .ius-popover__arrow{right:-5px}.ius-popover[data-side=right] .ius-popover__arrow{left:-5px}.ius-popover[data-padding=compact]{padding:var(--ius-space-xs)}.ius-popover[data-padding=none]{padding:0}.ius-popover.ius-tooltip{min-width:0;max-width:240px;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__arrow{background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__content{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:normal;text-wrap:balance;color:var(--ius-neutral-white)}.ius-popover.ius-dropdown-pop{padding:var(--ius-space-xxs)}.ius-popover.ius-querybuilder-pop{max-width:none;width:min(720px,100vw - var(--ius-space-2xl));padding:var(--ius-space-md)}.ius-popover.ius-datefilter-pop{max-width:none;padding:var(--ius-space-md)}.ius-popover.ius-personpicker-pop{min-width:0;max-width:none;box-sizing:border-box}.ius-popover.ius-datepicker-pop{min-width:0;max-width:none;padding:0;box-sizing:border-box}.ius-popover.ius-autocomplete-pop{min-width:0;max-width:none;box-sizing:border-box;overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1033
1033
|
}
|
|
1034
1034
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1035
1035
|
type: Component,
|
|
@@ -1039,7 +1039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1039
1039
|
'(focusin)': 'onHostFocusIn()',
|
|
1040
1040
|
'(focusout)': 'onHostFocusOut()',
|
|
1041
1041
|
'(click)': 'onHostClick()',
|
|
1042
|
-
}, template: "<!-- Trigger (children del golden). El host es el ancla .ius-popover-anchor. -->\r\n<ng-content />\r\n\r\n<!-- Panel flotante \u2014 se estampa en el overlay del CDK v\u00EDa TemplatePortal. -->\r\n<ng-template #panelTpl>\r\n <div\r\n class=\"ius-popover\"\r\n [class]=\"panelClass ?? ''\"\r\n role=\"tooltip\"\r\n [attr.data-side]=\"side()\"\r\n [attr.data-padding]=\"padding\"\r\n >\r\n @if (title != null) {\r\n <div class=\"ius-popover__title\">{{ title }}</div>\r\n }\r\n <div class=\"ius-popover__content\">\r\n @if (content != null) {\r\n {{ content }}\r\n } @else {\r\n <ng-content select=\"[iusPopoverContent]\" />\r\n }\r\n </div>\r\n @if (showArrow) {\r\n <span\r\n class=\"ius-popover__arrow\"\r\n [style.left]=\"arrowLeft()\"\r\n [style.top]=\"arrowTop()\"\r\n aria-hidden=\"true\"\r\n ></span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-popover{width:max-content;max-width:280px;min-width:140px;position:relative;background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-lg);padding:var(--ius-space-sm) var(--ius-space-md);font-family:var(--ius-font-body);filter:drop-shadow(0 6px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.06));animation:ius-popover-in .12s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1));pointer-events:auto}@keyframes ius-popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ius-popover__title{font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);margin-bottom:var(--ius-space-xxs)}.ius-popover__content{font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:.02em;color:var(--ius-text-primary)}.ius-popover__arrow{position:absolute;width:12px;height:12px;background:var(--ius-neutral-white);transform:rotate(45deg)}.ius-popover[data-side=top] .ius-popover__arrow{bottom:-5px}.ius-popover[data-side=bottom] .ius-popover__arrow{top:-5px}.ius-popover[data-side=left] .ius-popover__arrow{right:-5px}.ius-popover[data-side=right] .ius-popover__arrow{left:-5px}.ius-popover[data-padding=compact]{padding:var(--ius-space-xs)}.ius-popover[data-padding=none]{padding:0}.ius-popover.ius-tooltip{min-width:0;max-width:240px;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__arrow{background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__content{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:normal;text-wrap:balance;color:var(--ius-neutral-white)}.ius-popover.ius-dropdown-pop{padding:var(--ius-space-xxs)}.ius-popover.ius-querybuilder-pop{max-width:none;width:min(720px,100vw - var(--ius-space-2xl));padding:var(--ius-space-md)}.ius-popover.ius-personpicker-pop{min-width:0;max-width:none;box-sizing:border-box}.ius-popover.ius-datepicker-pop{min-width:0;max-width:none;padding:0;box-sizing:border-box}.ius-popover.ius-autocomplete-pop{min-width:0;max-width:none;box-sizing:border-box;overflow:hidden}\n"] }]
|
|
1042
|
+
}, template: "<!-- Trigger (children del golden). El host es el ancla .ius-popover-anchor. -->\r\n<ng-content />\r\n\r\n<!-- Panel flotante \u2014 se estampa en el overlay del CDK v\u00EDa TemplatePortal. -->\r\n<ng-template #panelTpl>\r\n <div\r\n class=\"ius-popover\"\r\n [class]=\"panelClass ?? ''\"\r\n role=\"tooltip\"\r\n [attr.data-side]=\"side()\"\r\n [attr.data-padding]=\"padding\"\r\n >\r\n @if (title != null) {\r\n <div class=\"ius-popover__title\">{{ title }}</div>\r\n }\r\n <div class=\"ius-popover__content\">\r\n @if (content != null) {\r\n {{ content }}\r\n } @else {\r\n <ng-content select=\"[iusPopoverContent]\" />\r\n }\r\n </div>\r\n @if (showArrow) {\r\n <span\r\n class=\"ius-popover__arrow\"\r\n [style.left]=\"arrowLeft()\"\r\n [style.top]=\"arrowTop()\"\r\n aria-hidden=\"true\"\r\n ></span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-popover{width:max-content;max-width:280px;min-width:140px;position:relative;background:var(--ius-neutral-white);color:var(--ius-text-primary);border-radius:var(--ius-radius-lg);padding:var(--ius-space-sm) var(--ius-space-md);font-family:var(--ius-font-body);filter:drop-shadow(0 6px 18px rgba(0,0,0,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.06));animation:ius-popover-in .12s var(--ius-ease-decelerate, cubic-bezier(0, 0, .2, 1));pointer-events:auto}@keyframes ius-popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ius-popover__title{font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);margin-bottom:var(--ius-space-xxs)}.ius-popover__content{font-weight:var(--ius-fw-regular);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:.02em;color:var(--ius-text-primary)}.ius-popover__arrow{position:absolute;width:12px;height:12px;background:var(--ius-neutral-white);transform:rotate(45deg)}.ius-popover[data-side=top] .ius-popover__arrow{bottom:-5px}.ius-popover[data-side=bottom] .ius-popover__arrow{top:-5px}.ius-popover[data-side=left] .ius-popover__arrow{right:-5px}.ius-popover[data-side=right] .ius-popover__arrow{left:-5px}.ius-popover[data-padding=compact]{padding:var(--ius-space-xs)}.ius-popover[data-padding=none]{padding:0}.ius-popover.ius-tooltip{min-width:0;max-width:240px;padding:var(--ius-space-xs) var(--ius-space-sm);background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__arrow{background:var(--ius-text-primary)}.ius-popover.ius-tooltip .ius-popover__content{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:normal;text-wrap:balance;color:var(--ius-neutral-white)}.ius-popover.ius-dropdown-pop{padding:var(--ius-space-xxs)}.ius-popover.ius-querybuilder-pop{max-width:none;width:min(720px,100vw - var(--ius-space-2xl));padding:var(--ius-space-md)}.ius-popover.ius-datefilter-pop{max-width:none;padding:var(--ius-space-md)}.ius-popover.ius-personpicker-pop{min-width:0;max-width:none;box-sizing:border-box}.ius-popover.ius-datepicker-pop{min-width:0;max-width:none;padding:0;box-sizing:border-box}.ius-popover.ius-autocomplete-pop{min-width:0;max-width:none;box-sizing:border-box;overflow:hidden}\n"] }]
|
|
1043
1043
|
}], propDecorators: { title: [{
|
|
1044
1044
|
type: Input
|
|
1045
1045
|
}], content: [{
|
|
@@ -6899,7 +6899,7 @@ class OptionItemComponent {
|
|
|
6899
6899
|
event.preventDefault();
|
|
6900
6900
|
}
|
|
6901
6901
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6902
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: OptionItemComponent, isStandalone: true, selector: "ius-option-item", inputs: { label: "label", overline: "overline", icon: "icon", selected: ["selected", "selected", booleanAttribute], multi: ["multi", "multi", booleanAttribute], active: ["active", "active", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], size: "size", value: "value", state: "state" }, outputs: { selectClicked: "selectClicked" }, host: { attributes: { "role": "option" }, listeners: { "click": "handleClick()", "mousedown": "onMouseDown($event)" }, properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.aria-selected": "isSelected || null", "attr.aria-disabled": "isDisabled || null", "attr.data-selected": "isSelected || null", "attr.data-variant": "isSelected ? variant : null", "attr.data-active": "active || null", "attr.data-disabled": "isDisabled || null", "attr.data-state": "forced ? state : null", "attr.data-value": "value ?? null" }, classAttribute: "ius-opt" }, ngImport: i0, template: "@if (icon) {\n <span class=\"ius-opt__icon\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">{{ icon }}</span>\n </span>\n}\n
|
|
6902
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: OptionItemComponent, isStandalone: true, selector: "ius-option-item", inputs: { label: "label", overline: "overline", icon: "icon", selected: ["selected", "selected", booleanAttribute], multi: ["multi", "multi", booleanAttribute], active: ["active", "active", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], size: "size", value: "value", state: "state" }, outputs: { selectClicked: "selectClicked" }, host: { attributes: { "role": "option" }, listeners: { "click": "handleClick()", "mousedown": "onMouseDown($event)" }, properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.aria-selected": "isSelected || null", "attr.aria-disabled": "isDisabled || null", "attr.data-selected": "isSelected || null", "attr.data-variant": "isSelected ? variant : null", "attr.data-active": "active || null", "attr.data-disabled": "isDisabled || null", "attr.data-state": "forced ? state : null", "attr.data-value": "value ?? null" }, classAttribute: "ius-opt" }, ngImport: i0, template: "@if (icon) {\n <span class=\"ius-opt__icon\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">{{ icon }}</span>\n </span>\n}\n<ng-template #labelTpl>\n <span class=\"ius-opt__label\">{{ label }}<ng-content /></span>\n</ng-template>\n@if (overline != null) {\n <span class=\"ius-opt__text\">\n <span class=\"ius-opt__overline\">{{ overline }}</span>\n <ng-container [ngTemplateOutlet]=\"labelTpl\" />\n </span>\n} @else {\n <ng-container [ngTemplateOutlet]=\"labelTpl\" />\n}\n@if (showCheck) {\n <span class=\"ius-opt__check\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">check</span>\n </span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--ius-space-xs);box-sizing:border-box;width:100%;padding:var(--_opt-py, var(--ius-space-xs)) var(--ius-space-sm);border-radius:var(--ius-radius-md);font-family:var(--ius-font-body);font-size:var(--_opt-fs, var(--ius-fs-base));line-height:var(--ius-lh-base);color:var(--ius-text-primary);background:transparent;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_opt-py: 6px;--_opt-fs: var(--ius-fs-base)}:host([data-size=large]){--_opt-py: 11px;--_opt-fs: var(--ius-fs-lg)}.ius-opt__icon{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--ius-text-secondary)}.ius-opt__icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-opt__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.ius-opt__overline{font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);color:var(--ius-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-opt__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-opt__check{flex:0 0 auto;width:22px;height:22px;border-radius:var(--ius-radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--ius-primary-900);color:var(--ius-neutral-white)}.ius-opt__check .ius-icon{font-size:var(--ius-icon-sm);line-height:1}:host(:hover),:host([data-active=true]),:host([data-state=hover]),:host([data-state=selectedHovered]){background:var(--ius-info-100)}:host(:active),:host([data-state=pressed]){background:var(--ius-info-200)}:host([data-selected=true][data-variant=check]),:host([data-state=selected]),:host([data-state=selectedHovered]){color:var(--ius-text-primary);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]),:host([data-state=selectedVar]){background:var(--ius-primary-900);color:var(--ius-neutral-white);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]) .ius-opt__icon,:host([data-state=selectedVar]) .ius-opt__icon{color:var(--ius-neutral-white)}:host([data-selected=true][data-variant=fill]) .ius-opt__overline,:host([data-state=selectedVar]) .ius-opt__overline{color:var(--ius-neutral-white)}:host([data-selected=true][data-variant=fill]):hover,:host([data-state=selectedVar]):hover{background:var(--ius-primary-900)}:host([data-disabled=true]),:host([data-state=disabled]){color:var(--ius-text-disabled);cursor:not-allowed;background:transparent}:host([data-disabled=true]) .ius-opt__icon,:host([data-state=disabled]) .ius-opt__icon{color:var(--ius-text-disabled)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6903
6903
|
}
|
|
6904
6904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OptionItemComponent, decorators: [{
|
|
6905
6905
|
type: Component,
|
|
@@ -6917,7 +6917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
6917
6917
|
'[attr.data-value]': 'value ?? null',
|
|
6918
6918
|
'(click)': 'handleClick()',
|
|
6919
6919
|
'(mousedown)': 'onMouseDown($event)',
|
|
6920
|
-
}, template: "@if (icon) {\n <span class=\"ius-opt__icon\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">{{ icon }}</span>\n </span>\n}\n
|
|
6920
|
+
}, template: "@if (icon) {\n <span class=\"ius-opt__icon\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">{{ icon }}</span>\n </span>\n}\n<ng-template #labelTpl>\n <span class=\"ius-opt__label\">{{ label }}<ng-content /></span>\n</ng-template>\n@if (overline != null) {\n <span class=\"ius-opt__text\">\n <span class=\"ius-opt__overline\">{{ overline }}</span>\n <ng-container [ngTemplateOutlet]=\"labelTpl\" />\n </span>\n} @else {\n <ng-container [ngTemplateOutlet]=\"labelTpl\" />\n}\n@if (showCheck) {\n <span class=\"ius-opt__check\" aria-hidden=\"true\">\n <span translate=\"no\" class=\"ius-icon\">check</span>\n </span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--ius-space-xs);box-sizing:border-box;width:100%;padding:var(--_opt-py, var(--ius-space-xs)) var(--ius-space-sm);border-radius:var(--ius-radius-md);font-family:var(--ius-font-body);font-size:var(--_opt-fs, var(--ius-fs-base));line-height:var(--ius-lh-base);color:var(--ius-text-primary);background:transparent;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard)}:host([data-size=small]){--_opt-py: 6px;--_opt-fs: var(--ius-fs-base)}:host([data-size=large]){--_opt-py: 11px;--_opt-fs: var(--ius-fs-lg)}.ius-opt__icon{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--ius-text-secondary)}.ius-opt__icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-opt__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.ius-opt__overline{font-family:var(--ius-font-display);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);color:var(--ius-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-opt__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-opt__check{flex:0 0 auto;width:22px;height:22px;border-radius:var(--ius-radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--ius-primary-900);color:var(--ius-neutral-white)}.ius-opt__check .ius-icon{font-size:var(--ius-icon-sm);line-height:1}:host(:hover),:host([data-active=true]),:host([data-state=hover]),:host([data-state=selectedHovered]){background:var(--ius-info-100)}:host(:active),:host([data-state=pressed]){background:var(--ius-info-200)}:host([data-selected=true][data-variant=check]),:host([data-state=selected]),:host([data-state=selectedHovered]){color:var(--ius-text-primary);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]),:host([data-state=selectedVar]){background:var(--ius-primary-900);color:var(--ius-neutral-white);font-weight:var(--ius-fw-medium)}:host([data-selected=true][data-variant=fill]) .ius-opt__icon,:host([data-state=selectedVar]) .ius-opt__icon{color:var(--ius-neutral-white)}:host([data-selected=true][data-variant=fill]) .ius-opt__overline,:host([data-state=selectedVar]) .ius-opt__overline{color:var(--ius-neutral-white)}:host([data-selected=true][data-variant=fill]):hover,:host([data-state=selectedVar]):hover{background:var(--ius-primary-900)}:host([data-disabled=true]),:host([data-state=disabled]){color:var(--ius-text-disabled);cursor:not-allowed;background:transparent}:host([data-disabled=true]) .ius-opt__icon,:host([data-state=disabled]) .ius-opt__icon{color:var(--ius-text-disabled)}\n"] }]
|
|
6921
6921
|
}], propDecorators: { label: [{
|
|
6922
6922
|
type: Input
|
|
6923
6923
|
}], overline: [{
|
|
@@ -20463,6 +20463,302 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
20463
20463
|
args: ['slotEl']
|
|
20464
20464
|
}] } });
|
|
20465
20465
|
|
|
20466
|
+
/** Meses abreviados en minúscula (espejo de `MES` del golden). */
|
|
20467
|
+
const MES = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
|
|
20468
|
+
const atMidnight = (d) => {
|
|
20469
|
+
const x = new Date(d);
|
|
20470
|
+
x.setHours(0, 0, 0, 0);
|
|
20471
|
+
return x;
|
|
20472
|
+
};
|
|
20473
|
+
const addDays = (d, n) => {
|
|
20474
|
+
const x = new Date(d);
|
|
20475
|
+
x.setDate(x.getDate() + n);
|
|
20476
|
+
return x;
|
|
20477
|
+
};
|
|
20478
|
+
const sameDay = (a, b) => !!a &&
|
|
20479
|
+
!!b &&
|
|
20480
|
+
a.getFullYear() === b.getFullYear() &&
|
|
20481
|
+
a.getMonth() === b.getMonth() &&
|
|
20482
|
+
a.getDate() === b.getDate();
|
|
20483
|
+
const fmtD = (d) => `${d.getDate()} ${MES[d.getMonth()]}`;
|
|
20484
|
+
const fmtFull = (d) => `${fmtD(d)} ${d.getFullYear()}`;
|
|
20485
|
+
/** ¿El valor es un rango? (lo contrario de `Date` / `null`). */
|
|
20486
|
+
function isRange(v) {
|
|
20487
|
+
return v != null && !(v instanceof Date);
|
|
20488
|
+
}
|
|
20489
|
+
/** Presets de dominio según el modo (espejo de `defaultPresets` del golden). */
|
|
20490
|
+
function defaultPresets(mode, now) {
|
|
20491
|
+
const today = atMidnight(now);
|
|
20492
|
+
if (mode === 'single') {
|
|
20493
|
+
return [
|
|
20494
|
+
{ label: 'Hoy', value: today },
|
|
20495
|
+
{ label: 'Ayer', value: addDays(today, -1) },
|
|
20496
|
+
];
|
|
20497
|
+
}
|
|
20498
|
+
const firstOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
|
|
20499
|
+
const lastMonthEnd = addDays(firstOfMonth, -1);
|
|
20500
|
+
const lastMonthStart = new Date(lastMonthEnd.getFullYear(), lastMonthEnd.getMonth(), 1);
|
|
20501
|
+
return [
|
|
20502
|
+
{ label: 'Hoy', value: { start: today, end: today } },
|
|
20503
|
+
{ label: 'Últimos 7 días', value: { start: addDays(today, -6), end: today } },
|
|
20504
|
+
{ label: 'Últimos 30 días', value: { start: addDays(today, -29), end: today } },
|
|
20505
|
+
{ label: 'Este mes', value: { start: firstOfMonth, end: today } },
|
|
20506
|
+
{ label: 'Mes pasado', value: { start: lastMonthStart, end: lastMonthEnd } },
|
|
20507
|
+
{ label: 'Este año', value: { start: new Date(today.getFullYear(), 0, 1), end: today } },
|
|
20508
|
+
{ label: 'Todo', value: null },
|
|
20509
|
+
];
|
|
20510
|
+
}
|
|
20511
|
+
/** Sin fecha: `null`, o un rango sin ningún extremo (espejo de `isEmpty`). */
|
|
20512
|
+
function isEmpty(v, mode) {
|
|
20513
|
+
if (v == null)
|
|
20514
|
+
return true;
|
|
20515
|
+
if (mode === 'range')
|
|
20516
|
+
return !isRange(v) || (!v.start && !v.end);
|
|
20517
|
+
return false;
|
|
20518
|
+
}
|
|
20519
|
+
/**
|
|
20520
|
+
* Texto del disparador (espejo de `labelFor` del golden): «25 sep 2026»,
|
|
20521
|
+
* «12 sep – 25 sep 2026» (año en los dos lados si difieren), «Desde …» /
|
|
20522
|
+
* «Hasta …» con un solo extremo, o el placeholder sin valor.
|
|
20523
|
+
*/
|
|
20524
|
+
function labelFor(v, mode, placeholder) {
|
|
20525
|
+
if (isEmpty(v, mode))
|
|
20526
|
+
return placeholder;
|
|
20527
|
+
if (mode === 'single') {
|
|
20528
|
+
// Defensa que el golden no tiene: un rango en modo single no revienta.
|
|
20529
|
+
return v instanceof Date ? fmtFull(v) : placeholder;
|
|
20530
|
+
}
|
|
20531
|
+
if (!isRange(v))
|
|
20532
|
+
return placeholder;
|
|
20533
|
+
const { start, end } = v;
|
|
20534
|
+
if (start && end) {
|
|
20535
|
+
const sameYear = start.getFullYear() === end.getFullYear();
|
|
20536
|
+
return `${sameYear ? fmtD(start) : fmtFull(start)} – ${fmtFull(end)}`;
|
|
20537
|
+
}
|
|
20538
|
+
if (start)
|
|
20539
|
+
return `Desde ${fmtFull(start)}`;
|
|
20540
|
+
if (end)
|
|
20541
|
+
return `Hasta ${fmtFull(end)}`;
|
|
20542
|
+
return placeholder;
|
|
20543
|
+
}
|
|
20544
|
+
/** ¿El preset coincide con el borrador? (espejo de `presetActive`). */
|
|
20545
|
+
function presetActive(preset, draft, mode) {
|
|
20546
|
+
if (preset.value == null)
|
|
20547
|
+
return isEmpty(draft, mode);
|
|
20548
|
+
if (mode === 'single') {
|
|
20549
|
+
return preset.value instanceof Date && draft instanceof Date && sameDay(preset.value, draft);
|
|
20550
|
+
}
|
|
20551
|
+
return (isRange(preset.value) &&
|
|
20552
|
+
isRange(draft) &&
|
|
20553
|
+
sameDay(preset.value.start, draft.start) &&
|
|
20554
|
+
sameDay(preset.value.end, draft.end));
|
|
20555
|
+
}
|
|
20556
|
+
/**
|
|
20557
|
+
* DateFilter — Ius Design v2 (familia navigation).
|
|
20558
|
+
*
|
|
20559
|
+
* Filtro de fecha para **barras de lista**: disparador tipo píldora outline
|
|
20560
|
+
* (misma estructura que el de QueryBuilder) que abre un **Popover** con
|
|
20561
|
+
* **presets** a la izquierda (Hoy · Últimos 7 / 30 días · Este mes…) y un
|
|
20562
|
+
* **Calendar** embebido. Rango (desde–hasta, dos meses con banda) o fecha
|
|
20563
|
+
* única. Normalmente vive dentro de un `ius-segment-group` junto al orden
|
|
20564
|
+
* (Dropdown outline) y al QueryBuilder.
|
|
20565
|
+
*
|
|
20566
|
+
* Decisiones de UX fijas (vienen del golden):
|
|
20567
|
+
* - **Staged**: el panel edita un *borrador* que se re-siembra desde lo
|
|
20568
|
+
* aplicado cada vez que abre. "Aplicar" confirma (emite `apply`) y cierra;
|
|
20569
|
+
* "Cancelar" descarta y cierra; "Limpiar" solo vacía el borrador (hay que
|
|
20570
|
+
* confirmar con "Aplicar").
|
|
20571
|
+
* - El preset que coincide con el borrador se marca (`data-active`).
|
|
20572
|
+
* - El disparador muestra el valor **aplicado** («12 sep – 25 sep 2026») y se
|
|
20573
|
+
* resalta (`data-active`) cuando hay valor.
|
|
20574
|
+
*
|
|
20575
|
+
* Compone (no reimplementa) `ius-popover`, `ius-calendar`, `ius-button` y
|
|
20576
|
+
* `ius-text-button`.
|
|
20577
|
+
*
|
|
20578
|
+
* **Cuándo NO usarlo**: capturar una fecha dentro de un formulario →
|
|
20579
|
+
* `ius-date-picker`; calendario fijo embebido → `ius-calendar`.
|
|
20580
|
+
*
|
|
20581
|
+
* Fuente de verdad: `components/navigation/DateFilter/DateFilter.jsx` +
|
|
20582
|
+
* `DateFilter.d.ts` + `DateFilter.ng-spec.md` del proyecto Claude Design.
|
|
20583
|
+
*
|
|
20584
|
+
* ---
|
|
20585
|
+
* **Divergencias doc-vs-golden anotadas** (manda el golden):
|
|
20586
|
+
* 1. "Limpiar" deja el borrador en `{ start: null, end: null }` en `range` (y
|
|
20587
|
+
* `null` en `single`), así que "Limpiar" + "Aplicar" emite ese rango vacío.
|
|
20588
|
+
* El preset "Todo" emite `null`. Los dos cuentan como «sin fecha»: el
|
|
20589
|
+
* disparador vuelve al placeholder y "Todo" queda marcado.
|
|
20590
|
+
* 2. El golden declara `size` (default `small`) pero **no lo usa**. Aquí
|
|
20591
|
+
* gobierna los botones del pie, como en QueryBuilder; sin `size` explícito
|
|
20592
|
+
* se conservan los del golden (Button `small` + TextButton por defecto). El
|
|
20593
|
+
* disparador no cambia de tamaño (tampoco el de QueryBuilder) y
|
|
20594
|
+
* `data-size` se emite solo cuando viene explícito.
|
|
20595
|
+
* 3. El golden no activa `dismissable` en su Popover: el panel se cierra con
|
|
20596
|
+
* el propio disparador, "Cancelar" o "Aplicar" (igual que QueryBuilder).
|
|
20597
|
+
*
|
|
20598
|
+
* **Decisiones del port a Angular**:
|
|
20599
|
+
* - El Popover se usa en modo controlado (`[open]` + `(openChange)`) para
|
|
20600
|
+
* re-sembrar el borrador al abrir.
|
|
20601
|
+
* - El `popoverStyle` del golden (`maxWidth: none` + `padding` md) se porta
|
|
20602
|
+
* como la piel `.ius-popover.ius-datefilter-pop` en
|
|
20603
|
+
* `popover/popover.component.scss` (mismo patrón que `.ius-querybuilder-pop`):
|
|
20604
|
+
* el panel se estampa desde el template del Popover y lleva SU
|
|
20605
|
+
* encapsulación.
|
|
20606
|
+
* - El contenido del panel va bajo `@if (isOpen())`: la proyección del Popover
|
|
20607
|
+
* se reutiliza entre aperturas, y sin el `@if` el Calendar conservaría el
|
|
20608
|
+
* mes navegado y el nivel (mes/año) de la vez anterior. Así cada apertura
|
|
20609
|
+
* arranca en el mes del borrador, como el golden (que desmonta el panel).
|
|
20610
|
+
* - Los presets de dominio se recalculan en cada apertura (el golden los
|
|
20611
|
+
* recalcula en cada render): «Hoy» no se queda en el día en que se montó.
|
|
20612
|
+
*/
|
|
20613
|
+
class DateFilterComponent {
|
|
20614
|
+
constructor() {
|
|
20615
|
+
// ── Inputs ────────────────────────────────────────────────────────────
|
|
20616
|
+
/** `range` (default; Calendar de dos meses con banda) o `single`. */
|
|
20617
|
+
this.mode = input('range', /* @ts-ignore */
|
|
20618
|
+
...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
|
|
20619
|
+
/**
|
|
20620
|
+
* Valor aplicado — **modo controlado**. Si se enlaza (aunque sea `null`), el
|
|
20621
|
+
* componente no guarda estado propio: hay que reaccionar a `apply` y volver
|
|
20622
|
+
* a enlazar. `undefined` = no controlado.
|
|
20623
|
+
*/
|
|
20624
|
+
this.value = input(undefined, /* @ts-ignore */
|
|
20625
|
+
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
20626
|
+
/** Valor inicial del modo **no controlado**. */
|
|
20627
|
+
this.defaultValue = input(null, /* @ts-ignore */
|
|
20628
|
+
...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
|
|
20629
|
+
/** Atajos del panel. Si se omite, los de dominio según `mode`. */
|
|
20630
|
+
this.presets = input(undefined, /* @ts-ignore */
|
|
20631
|
+
...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
|
|
20632
|
+
/** Texto del disparador sin valor aplicado. */
|
|
20633
|
+
this.placeholder = input('Fecha', /* @ts-ignore */
|
|
20634
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
20635
|
+
/** Ligadura Material Symbols del disparador. */
|
|
20636
|
+
this.icon = input('calendar_month', /* @ts-ignore */
|
|
20637
|
+
...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
20638
|
+
/** Colocación del panel respecto del disparador. */
|
|
20639
|
+
this.placement = input('bottom-start', /* @ts-ignore */
|
|
20640
|
+
...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
20641
|
+
/**
|
|
20642
|
+
* Escala de los botones del pie. Solo si viene explícito emite `data-size`
|
|
20643
|
+
* (ver la divergencia 2 del comentario de cabecera).
|
|
20644
|
+
*/
|
|
20645
|
+
this.size = input(undefined, /* @ts-ignore */
|
|
20646
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
20647
|
+
/** Etiqueta del botón que confirma el borrador. */
|
|
20648
|
+
this.applyLabel = input('Aplicar', /* @ts-ignore */
|
|
20649
|
+
...(ngDevMode ? [{ debugName: "applyLabel" }] : /* istanbul ignore next */ []));
|
|
20650
|
+
/** Etiqueta del botón que descarta el borrador y cierra. */
|
|
20651
|
+
this.cancelLabel = input('Cancelar', /* @ts-ignore */
|
|
20652
|
+
...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
|
|
20653
|
+
/** Etiqueta del botón que vacía el borrador. */
|
|
20654
|
+
this.clearLabel = input('Limpiar', /* @ts-ignore */
|
|
20655
|
+
...(ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []));
|
|
20656
|
+
// ── Outputs ───────────────────────────────────────────────────────────
|
|
20657
|
+
/**
|
|
20658
|
+
* Valor confirmado al pulsar "Aplicar" (espejo de `onApply`). Nombre fijado
|
|
20659
|
+
* por la ng-spec; no colisiona con ningún evento del DOM.
|
|
20660
|
+
*/
|
|
20661
|
+
this.apply = output();
|
|
20662
|
+
// ── Estado interno ────────────────────────────────────────────────────
|
|
20663
|
+
/** `undefined` = todavía no se ha aplicado nada → manda `defaultValue`. */
|
|
20664
|
+
this.internalApplied = signal(undefined, /* @ts-ignore */
|
|
20665
|
+
...(ngDevMode ? [{ debugName: "internalApplied" }] : /* istanbul ignore next */ []));
|
|
20666
|
+
/** Apertura del panel (el Popover se usa en modo controlado). */
|
|
20667
|
+
this.isOpen = signal(false, /* @ts-ignore */
|
|
20668
|
+
...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
|
|
20669
|
+
/** Borrador del panel: lo que se está eligiendo, aún sin aplicar. */
|
|
20670
|
+
this.draft = signal(null, /* @ts-ignore */
|
|
20671
|
+
...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
|
|
20672
|
+
/** «Hoy» de referencia de los presets de dominio; se refresca al abrir. */
|
|
20673
|
+
this.now = signal(new Date(), /* @ts-ignore */
|
|
20674
|
+
...(ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []));
|
|
20675
|
+
// ── Derivados ─────────────────────────────────────────────────────────
|
|
20676
|
+
/**
|
|
20677
|
+
* Valor efectivamente aplicado (controlado › interno › `defaultValue`).
|
|
20678
|
+
* No se usa `??`: `null` es un valor aplicado válido ("Todo").
|
|
20679
|
+
*/
|
|
20680
|
+
this.applied = computed(() => {
|
|
20681
|
+
const controlled = this.value();
|
|
20682
|
+
if (controlled !== undefined)
|
|
20683
|
+
return controlled;
|
|
20684
|
+
const internal = this.internalApplied();
|
|
20685
|
+
if (internal !== undefined)
|
|
20686
|
+
return internal;
|
|
20687
|
+
return this.defaultValue();
|
|
20688
|
+
}, /* @ts-ignore */
|
|
20689
|
+
...(ngDevMode ? [{ debugName: "applied" }] : /* istanbul ignore next */ []));
|
|
20690
|
+
/** Hay fecha aplicada → disparador resaltado. */
|
|
20691
|
+
this.active = computed(() => !isEmpty(this.applied(), this.mode()), /* @ts-ignore */
|
|
20692
|
+
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
20693
|
+
/** Texto del disparador. */
|
|
20694
|
+
this.label = computed(() => labelFor(this.applied(), this.mode(), this.placeholder()), /* @ts-ignore */
|
|
20695
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
20696
|
+
/** Presets efectivos (los del consumidor o los de dominio). */
|
|
20697
|
+
this.presetList = computed(() => this.presets() ?? defaultPresets(this.mode(), this.now()), /* @ts-ignore */
|
|
20698
|
+
...(ngDevMode ? [{ debugName: "presetList" }] : /* istanbul ignore next */ []));
|
|
20699
|
+
/** Marca de preset activo, por índice (memorizada para el template). */
|
|
20700
|
+
this.presetFlags = computed(() => {
|
|
20701
|
+
const draft = this.draft();
|
|
20702
|
+
const mode = this.mode();
|
|
20703
|
+
return this.presetList().map((preset) => presetActive(preset, draft, mode));
|
|
20704
|
+
}, /* @ts-ignore */
|
|
20705
|
+
...(ngDevMode ? [{ debugName: "presetFlags" }] : /* istanbul ignore next */ []));
|
|
20706
|
+
/** Tamaño del Button del pie (golden: `small` fijo). */
|
|
20707
|
+
this.buttonSize = computed(() => this.size() ?? 'small', /* @ts-ignore */
|
|
20708
|
+
...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
|
|
20709
|
+
/** Tamaño de los TextButton del pie (golden: el default de TextButton). */
|
|
20710
|
+
this.textButtonSize = computed(() => this.size() ?? 'medium', /* @ts-ignore */
|
|
20711
|
+
...(ngDevMode ? [{ debugName: "textButtonSize" }] : /* istanbul ignore next */ []));
|
|
20712
|
+
}
|
|
20713
|
+
// ── Apertura / borrador ───────────────────────────────────────────────
|
|
20714
|
+
/**
|
|
20715
|
+
* Al **abrir**, el borrador se re-siembra desde lo aplicado (espejo del
|
|
20716
|
+
* `useEffect([open])` del golden): lo elegido sin aplicar se descarta.
|
|
20717
|
+
*/
|
|
20718
|
+
onOpenChange(open) {
|
|
20719
|
+
if (open) {
|
|
20720
|
+
this.now.set(new Date());
|
|
20721
|
+
this.draft.set(this.applied());
|
|
20722
|
+
}
|
|
20723
|
+
this.isOpen.set(open);
|
|
20724
|
+
}
|
|
20725
|
+
/** Un preset reemplaza el borrador (todavía no aplica: hay que confirmar). */
|
|
20726
|
+
choosePreset(preset) {
|
|
20727
|
+
this.draft.set(preset.value);
|
|
20728
|
+
}
|
|
20729
|
+
/** Cambio desde el Calendar embebido. */
|
|
20730
|
+
onCalendarChange(next) {
|
|
20731
|
+
this.draft.set(next);
|
|
20732
|
+
}
|
|
20733
|
+
// ── Acciones del pie ──────────────────────────────────────────────────
|
|
20734
|
+
/** Vacía el borrador (espejo del `onClick` de "Limpiar"). */
|
|
20735
|
+
clearDraft() {
|
|
20736
|
+
this.draft.set(this.mode() === 'range' ? { start: null, end: null } : null);
|
|
20737
|
+
}
|
|
20738
|
+
/** Descarta el borrador y cierra. */
|
|
20739
|
+
cancel() {
|
|
20740
|
+
this.isOpen.set(false);
|
|
20741
|
+
}
|
|
20742
|
+
/** Confirma el borrador: emite `apply` y cierra el panel. */
|
|
20743
|
+
applyDraft() {
|
|
20744
|
+
const next = this.draft();
|
|
20745
|
+
if (this.value() === undefined)
|
|
20746
|
+
this.internalApplied.set(next);
|
|
20747
|
+
this.apply.emit(next);
|
|
20748
|
+
this.isOpen.set(false);
|
|
20749
|
+
}
|
|
20750
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DateFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20751
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DateFilterComponent, isStandalone: true, selector: "ius-date-filter", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, applyLabel: { classPropertyName: "applyLabel", publicName: "applyLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apply: "apply" }, host: { properties: { "attr.data-size": "size() ?? null" }, classAttribute: "ius-datefilter" }, ngImport: i0, template: "<!--\n DateFilter \u2014 el Popover es el motor de anclaje; el disparador se proyecta\n como children y el panel como `[iusPopoverContent]`. Modo controlado\n (`[open]` + `(openChange)`) porque el borrador se re-siembra al abrir.\n Sin `dismissable`, como el golden: ver el TSDoc de cabecera.\n-->\n<ius-popover\n trigger=\"click\"\n [placement]=\"placement()\"\n [showArrow]=\"false\"\n [offset]=\"8\"\n [open]=\"isOpen()\"\n panelClass=\"ius-datefilter-pop\"\n (openChange)=\"onOpenChange($event)\"\n>\n <!-- \u2500\u2500 Disparador: p\u00EDldora outline con el valor aplicado \u2500\u2500 -->\n <button\n type=\"button\"\n class=\"ius-datefilter__trigger\"\n aria-haspopup=\"dialog\"\n [attr.data-open]=\"isOpen() ? 'true' : null\"\n [attr.data-active]=\"active() ? 'true' : null\"\n [attr.aria-expanded]=\"isOpen()\"\n >\n <!-- Ligadura Material Symbols: el texto va pegado, sin espacios sueltos. -->\n <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ icon() }}</span>\n <span>{{ label() }}</span>\n </button>\n\n <!-- \u2500\u2500 Panel: presets + Calendar + pie (se estampa en el overlay) \u2500\u2500 -->\n <div iusPopoverContent class=\"ius-datefilter__panel\">\n <!--\n `@if (isOpen())`: la proyecci\u00F3n se reutiliza entre aperturas; sin \u00E9l el\n Calendar recordar\u00EDa el mes y el nivel navegados la vez anterior.\n -->\n @if (isOpen()) {\n <div class=\"ius-datefilter__body\">\n <div class=\"ius-datefilter__presets\">\n @for (preset of presetList(); track $index; let i = $index) {\n <button\n type=\"button\"\n class=\"ius-datefilter__preset\"\n [attr.data-active]=\"presetFlags()[i] ? 'true' : null\"\n [attr.aria-pressed]=\"presetFlags()[i]\"\n (click)=\"choosePreset(preset)\"\n >{{ preset.label }}</button>\n }\n </div>\n\n <ius-calendar\n [mode]=\"mode()\"\n [value]=\"draft()\"\n (valueChange)=\"onCalendarChange($event)\"\n />\n </div>\n\n <!-- \u2500\u2500 Pie: limpiar \u00B7 cancelar \u00B7 aplicar (staged) \u2500\u2500 -->\n <div class=\"ius-datefilter__foot\">\n <span class=\"ius-datefilter__foot-l\">\n <ius-text-button\n [label]=\"clearLabel()\"\n [size]=\"textButtonSize()\"\n (clicked)=\"clearDraft()\"\n />\n </span>\n <ius-text-button\n [label]=\"cancelLabel()\"\n [size]=\"textButtonSize()\"\n (clicked)=\"cancel()\"\n />\n <ius-button\n variant=\"primary\"\n [size]=\"buttonSize()\"\n [label]=\"applyLabel()\"\n (clicked)=\"applyDraft()\"\n />\n </div>\n }\n </div>\n</ius-popover>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-datefilter__trigger{appearance:none;display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:1;color:var(--ius-text-primary);background:var(--ius-neutral-white);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);cursor:pointer;transition:border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.ius-datefilter__trigger:hover{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-datefilter__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-datefilter__trigger[data-open=true],.ius-datefilter__trigger[data-active=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-datefilter__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-datefilter__panel{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-datefilter__body{display:flex;gap:var(--ius-space-md)}.ius-datefilter__presets{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:132px;border-right:1px solid var(--ius-stroke);padding-right:var(--ius-space-sm)}.ius-datefilter__preset{appearance:none;border:0;background:transparent;text-align:left;cursor:pointer;font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-secondary);padding:var(--ius-space-xs) var(--ius-space-sm);border-radius:var(--ius-radius-sm)}.ius-datefilter__preset:hover{background:var(--ius-neutral-2);color:var(--ius-text-primary)}.ius-datefilter__preset[data-active=true]{background:var(--ius-info-100);color:var(--ius-primary-900);font-weight:var(--ius-fw-semibold)}.ius-datefilter__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-sm);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-sm)}.ius-datefilter__foot-l{margin-right:auto}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }, { kind: "component", type: CalendarComponent, selector: "ius-calendar", inputs: ["mode", "defaultValue", "value", "viewDate", "minDate", "maxDate", "isDateDisabled", "showToday", "todayLabel", "weekStartsOn"], outputs: ["valueChange", "viewDateChange", "todayClick"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20752
|
+
}
|
|
20753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DateFilterComponent, decorators: [{
|
|
20754
|
+
type: Component,
|
|
20755
|
+
args: [{ selector: 'ius-date-filter', standalone: true, imports: [PopoverComponent, CalendarComponent, ButtonComponent, TextButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
20756
|
+
// Clase raíz del golden (`className: 'ius-datefilter'`).
|
|
20757
|
+
class: 'ius-datefilter',
|
|
20758
|
+
'[attr.data-size]': 'size() ?? null',
|
|
20759
|
+
}, template: "<!--\n DateFilter \u2014 el Popover es el motor de anclaje; el disparador se proyecta\n como children y el panel como `[iusPopoverContent]`. Modo controlado\n (`[open]` + `(openChange)`) porque el borrador se re-siembra al abrir.\n Sin `dismissable`, como el golden: ver el TSDoc de cabecera.\n-->\n<ius-popover\n trigger=\"click\"\n [placement]=\"placement()\"\n [showArrow]=\"false\"\n [offset]=\"8\"\n [open]=\"isOpen()\"\n panelClass=\"ius-datefilter-pop\"\n (openChange)=\"onOpenChange($event)\"\n>\n <!-- \u2500\u2500 Disparador: p\u00EDldora outline con el valor aplicado \u2500\u2500 -->\n <button\n type=\"button\"\n class=\"ius-datefilter__trigger\"\n aria-haspopup=\"dialog\"\n [attr.data-open]=\"isOpen() ? 'true' : null\"\n [attr.data-active]=\"active() ? 'true' : null\"\n [attr.aria-expanded]=\"isOpen()\"\n >\n <!-- Ligadura Material Symbols: el texto va pegado, sin espacios sueltos. -->\n <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ icon() }}</span>\n <span>{{ label() }}</span>\n </button>\n\n <!-- \u2500\u2500 Panel: presets + Calendar + pie (se estampa en el overlay) \u2500\u2500 -->\n <div iusPopoverContent class=\"ius-datefilter__panel\">\n <!--\n `@if (isOpen())`: la proyecci\u00F3n se reutiliza entre aperturas; sin \u00E9l el\n Calendar recordar\u00EDa el mes y el nivel navegados la vez anterior.\n -->\n @if (isOpen()) {\n <div class=\"ius-datefilter__body\">\n <div class=\"ius-datefilter__presets\">\n @for (preset of presetList(); track $index; let i = $index) {\n <button\n type=\"button\"\n class=\"ius-datefilter__preset\"\n [attr.data-active]=\"presetFlags()[i] ? 'true' : null\"\n [attr.aria-pressed]=\"presetFlags()[i]\"\n (click)=\"choosePreset(preset)\"\n >{{ preset.label }}</button>\n }\n </div>\n\n <ius-calendar\n [mode]=\"mode()\"\n [value]=\"draft()\"\n (valueChange)=\"onCalendarChange($event)\"\n />\n </div>\n\n <!-- \u2500\u2500 Pie: limpiar \u00B7 cancelar \u00B7 aplicar (staged) \u2500\u2500 -->\n <div class=\"ius-datefilter__foot\">\n <span class=\"ius-datefilter__foot-l\">\n <ius-text-button\n [label]=\"clearLabel()\"\n [size]=\"textButtonSize()\"\n (clicked)=\"clearDraft()\"\n />\n </span>\n <ius-text-button\n [label]=\"cancelLabel()\"\n [size]=\"textButtonSize()\"\n (clicked)=\"cancel()\"\n />\n <ius-button\n variant=\"primary\"\n [size]=\"buttonSize()\"\n [label]=\"applyLabel()\"\n (clicked)=\"applyDraft()\"\n />\n </div>\n }\n </div>\n</ius-popover>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center}.ius-datefilter__trigger{appearance:none;display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:1;color:var(--ius-text-primary);background:var(--ius-neutral-white);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-md);padding:var(--ius-space-xs) var(--ius-space-sm);cursor:pointer;transition:border-color var(--ius-duration-fast) var(--ius-ease-standard),color var(--ius-duration-fast) var(--ius-ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.ius-datefilter__trigger:hover{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-datefilter__trigger:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-datefilter__trigger[data-open=true],.ius-datefilter__trigger[data-active=true]{border-color:var(--ius-primary-500);color:var(--ius-primary-900)}.ius-datefilter__trigger .ius-icon{font-size:var(--ius-icon-md)}.ius-datefilter__panel{display:flex;flex-direction:column;gap:var(--ius-space-sm)}.ius-datefilter__body{display:flex;gap:var(--ius-space-md)}.ius-datefilter__presets{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:132px;border-right:1px solid var(--ius-stroke);padding-right:var(--ius-space-sm)}.ius-datefilter__preset{appearance:none;border:0;background:transparent;text-align:left;cursor:pointer;font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-secondary);padding:var(--ius-space-xs) var(--ius-space-sm);border-radius:var(--ius-radius-sm)}.ius-datefilter__preset:hover{background:var(--ius-neutral-2);color:var(--ius-text-primary)}.ius-datefilter__preset[data-active=true]{background:var(--ius-info-100);color:var(--ius-primary-900);font-weight:var(--ius-fw-semibold)}.ius-datefilter__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-sm);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-sm)}.ius-datefilter__foot-l{margin-right:auto}\n"] }]
|
|
20760
|
+
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], applyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], clearLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearLabel", required: false }] }], apply: [{ type: i0.Output, args: ["apply"] }] } });
|
|
20761
|
+
|
|
20466
20762
|
function esPromesa(v) {
|
|
20467
20763
|
return !!v && typeof v.then === 'function';
|
|
20468
20764
|
}
|
|
@@ -23305,5 +23601,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
23305
23601
|
* Generated bundle index. Do not edit.
|
|
23306
23602
|
*/
|
|
23307
23603
|
|
|
23308
|
-
export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFormFooterDirective, IusInsightActionsDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
|
|
23604
|
+
export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFormFooterDirective, IusInsightActionsDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
|
|
23309
23605
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|