@agorapulse/ui-components 22.2.8-beta.1 → 22.2.10

package/fesm2022/agorapulse-ui-components-input-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-input-group.mjs","sources":["../../../libs/ui-components/input-group/src/input-group.component.ts","../../../libs/ui-components/input-group/src/input-group.component.html","../../../libs/ui-components/input-group/src/input-prefix/input-prefix.component.ts","../../../libs/ui-components/input-group/src/input-prefix/input-prefix.component.html","../../../libs/ui-components/input-group/src/agorapulse-ui-components-input-group.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation, input } from '@angular/core';\n\n@Component({\n    selector: 'ap-input-group',\n    templateUrl: './input-group.component.html',\n    styleUrls: ['./input-group.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class InputGroupComponent {\n    @Input() symbolPosition: 'left' | 'right' = 'left';\n    /** Paints the group in its disabled state. For when it holds no `<input disabled>`. */\n    disabled = input(false, { transform: booleanAttribute });\n}\n","<div\n    class=\"ap-input-group\"\n    [class.disabled]=\"disabled()\"\n    [class.inverse]=\"symbolPosition === 'right'\">\n    <ng-content select=\"ap-input-prefix\" />\n    <ng-content select=\"ap-symbol\" />\n    <ng-content />\n</div>\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    selector: 'ap-input-prefix',\n    templateUrl: './input-prefix.component.html',\n    styleUrls: ['./input-prefix.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class InputPrefixComponent {\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAUa,mBAAmB,CAAA;IACnB,cAAc,GAAqB,MAAM;;IAElD,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGAH/C,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2WCVhC,oPAQA,EAAA,MAAA,EAAA,CAAA,g2EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDEa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACI,gBAAgB,EAAA,UAAA,EAGd,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,oPAAA,EAAA,MAAA,EAAA,CAAA,g2EAAA,CAAA,EAAA;;sBAGpC;;;MEDQ,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2ECVjC,iBACA,EAAA,MAAA,EAAA,CAAA,kWAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDSa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACI,iBAAiB,EAAA,UAAA,EAGf,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,kWAAA,CAAA,EAAA;;;AERzC;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-input-group.mjs","sources":["../../../libs/ui-components/input-group/src/input-group.component.ts","../../../libs/ui-components/input-group/src/input-group.component.html","../../../libs/ui-components/input-group/src/input-prefix/input-prefix.component.ts","../../../libs/ui-components/input-group/src/input-prefix/input-prefix.component.html","../../../libs/ui-components/input-group/src/agorapulse-ui-components-input-group.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation, input } from '@angular/core';\n\n@Component({\n    selector: 'ap-input-group',\n    templateUrl: './input-group.component.html',\n    styleUrls: ['./input-group.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class InputGroupComponent {\n    @Input() symbolPosition: 'left' | 'right' = 'left';\n    /** Paints the group in its disabled state. For when it holds no `<input disabled>`. */\n    disabled = input(false, { transform: booleanAttribute });\n}\n","<div\n    class=\"ap-input-group\"\n    [class.disabled]=\"disabled()\"\n    [class.inverse]=\"symbolPosition === 'right'\">\n    <ng-content select=\"ap-input-prefix\" />\n    <ng-content select=\"ap-symbol\" />\n    <ng-content />\n</div>\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    selector: 'ap-input-prefix',\n    templateUrl: './input-prefix.component.html',\n    styleUrls: ['./input-prefix.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class InputPrefixComponent {\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAUa,mBAAmB,CAAA;IACnB,cAAc,GAAqB,MAAM;;IAElD,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGAH/C,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2WCVhC,oPAQA,EAAA,MAAA,EAAA,CAAA,8pDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDEa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACI,gBAAgB,EAAA,UAAA,EAGd,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,oPAAA,EAAA,MAAA,EAAA,CAAA,8pDAAA,CAAA,EAAA;;sBAGpC;;;MEDQ,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2ECVjC,iBACA,EAAA,MAAA,EAAA,CAAA,kWAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDSa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACI,iBAAiB,EAAA,UAAA,EAGf,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,kWAAA,CAAA,EAAA;;;AERzC;;AAEG;;;;"}

package/fesm2022/agorapulse-ui-components-tooltip.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, NgZone, input, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, computed, DestroyRef, TemplateRef } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import DOMPurify from 'dompurify';
 import { AvatarComponent } from '@agorapulse/ui-components/avatar';
 import { createFloatingOverlay } from '@agorapulse/ui-components/floating';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NgTemplateOutlet } from '@angular/common';
+import DOMPurify from 'dompurify';
 
 /**
  * Directive that triggers a tooltip to show/hide
@@ -488,5 +488,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective, TooltipPanelComponent };
+export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective };
 //# sourceMappingURL=agorapulse-ui-components-tooltip.mjs.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "22.2.8-beta.1",
+  "version": "22.2.10",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   "homepage": "https://github.com/agorapulse/design",
   "peerDependencies": {
     "@agorapulse/ui-symbol": "^22.0.0",
-    "@agorapulse/ui-theme": "^22.0.0",
+    "@agorapulse/ui-theme": "^22.0.16",
     "@agorapulse/ui-animations": "^22.0.0",
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/types/agorapulse-ui-components-datepicker.d.ts

@@ -311,6 +311,8 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
     readonly value: _angular_core.ModelSignal<DatepickerValue | null | undefined>;
     /** Disables the field. A form writes here too, rather than to a second flag of its own. */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.InputSignal<boolean>;
     readonly minDate: _angular_core.InputSignal<dayjs.Dayjs | undefined>;
     readonly maxDate: _angular_core.InputSignal<dayjs.Dayjs | undefined>;
     /**
@@ -392,7 +394,7 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
         endDate?: dayjs.Dayjs;
     }>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
-    /** The field's text. Empty in Multiple, where the field shows chips instead. */
+    /** The field's text: a one-day period reads as that day. Empty in Multiple, where the field shows chips instead. */
     readonly displayed: _angular_core.Signal<string>;
     /** The chips shown in Multiple mode, one per selected date. */
     readonly chips: _angular_core.Signal<DateChip[]>;
@@ -412,7 +414,7 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
     /** True when nothing is left to pick — the panel's own closing criterion. */
     private isComplete;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatepickerSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerSelectComponent, "ap-datepicker-select", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "panelHint": { "alias": "panelHint"; "required": false; "isSignal": true; }; "panelFooter": { "alias": "panelFooter"; "required": false; "isSignal": true; }; "canSelect": { "alias": "canSelect"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "selectionChange": "selectionChange"; "selectionRejected": "selectionRejected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerSelectComponent, "ap-datepicker-select", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "panelHint": { "alias": "panelHint"; "required": false; "isSignal": true; }; "panelFooter": { "alias": "panelFooter"; "required": false; "isSignal": true; }; "canSelect": { "alias": "canSelect"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "selectionChange": "selectionChange"; "selectionRejected": "selectionRejected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 export { DatepickerComponent, DatepickerDropdownComponent, DatepickerMode, DatepickerMonthPickerComponent, DatepickerSelectComponent, assertValueMatchesMode, defaultDatepickerPresets, isPeriod };

package/types/agorapulse-ui-components-tooltip.d.ts

@@ -123,31 +123,5 @@ declare class TooltipExternalTriggerDirective implements AfterViewInit, OnDestro
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipExternalTriggerDirective, "[apTooltipExternalTrigger]", ["apTooltipExternalTrigger"], { "apTooltipExternalTrigger": { "alias": "apTooltipExternalTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * A tooltip's floating surface, internal to the directive: `role="tooltip"`, no focus handling — taking focus is `ap-popover`'s job.
- * `ViewEncapsulation.None` and the `ap-tooltip*` class names stay: the styles are global, and the product overrides them by name.
- * The host carries `ap-tooltip` because the engine reads the arrow's colour from the pane's first element child.
- */
-declare class TooltipPanelComponent {
-    /** Plain-string content. Sanitised before it reaches the template. */
-    readonly text: _angular_core.InputSignal<string | undefined>;
-    /** Consumer template, which takes precedence over `text`. */
-    readonly template: _angular_core.InputSignal<TemplateRef<HTMLElement> | undefined>;
-    /** The consumer template's `ngTemplateOutletContext`, read through its `let-` bindings. */
-    readonly templateContext: _angular_core.InputSignal<object | undefined>;
-    readonly type: _angular_core.InputSignal<string>;
-    readonly presentationContext: _angular_core.InputSignal<CustomTooltipPresentationItem | undefined>;
-    readonly listItems: _angular_core.InputSignal<CustomTooltipAvatarItem[]>;
-    readonly showCaption: _angular_core.InputSignal<boolean>;
-    /** Only mirrored onto the host, for the class the product may hook onto. */
-    readonly clickTriggered: _angular_core.InputSignal<boolean>;
-    protected readonly isDefaultType: _angular_core.Signal<boolean>;
-    protected readonly hasTemplate: _angular_core.Signal<boolean>;
-    /** DOMPurify strips more than the `[innerHTML]` sanitiser that runs after it; neither pass adds anything. */
-    protected readonly sanitizedText: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipPanelComponent, "ap-tooltip-panel", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "templateContext": { "alias": "templateContext"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "presentationContext": { "alias": "presentationContext"; "required": false; "isSignal": true; }; "listItems": { "alias": "listItems"; "required": false; "isSignal": true; }; "showCaption": { "alias": "showCaption"; "required": false; "isSignal": true; }; "clickTriggered": { "alias": "clickTriggered"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective, TooltipPanelComponent };
+export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective };
 export type { CustomTooltipAvatarItem, CustomTooltipPresentationItem };