@educarehq/solaris-ui 0.20.0 → 0.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@educarehq/solaris-ui",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/types/educarehq-solaris-ui.d.ts

@@ -212,7 +212,7 @@ interface SolarisIconDefinition {
     elements: SvgElement[];
 }
 
-type SolarisBuiltInIcon = 'check' | 'x' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-forward' | 'chevron-backward' | 'chevron-first' | 'chevron-last' | 'info' | 'warning' | 'danger' | 'caution' | 'success' | 'shield-check' | 'sun' | 'moon' | 'monitor' | 'globe' | 'ellipsis' | 'slash' | 'dot' | 'home' | 'edit' | 'trash' | 'move' | 'gear' | 'settings' | 'wrench' | 'unlink' | 'unlock' | 'lock' | 'google' | 'microsoft' | 'apple' | 'android' | 'github' | 'eject' | 'key' | 'notepad' | 'package' | 'plane' | 'podium' | 'rocket' | 'save' | 'send' | 'squared-text' | 'star' | 'star-plus';
+type SolarisBuiltInIcon = 'check' | 'x' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-forward' | 'chevron-backward' | 'chevron-first' | 'chevron-last' | 'info' | 'warning' | 'danger' | 'caution' | 'success' | 'shield-check' | 'sun' | 'moon' | 'monitor' | 'globe' | 'ellipsis' | 'slash' | 'dot' | 'home' | 'edit' | 'trash' | 'move' | 'gear' | 'settings' | 'wrench' | 'unlink' | 'unlock' | 'lock' | 'google' | 'microsoft' | 'apple' | 'android' | 'github' | 'eject' | 'key' | 'notepad' | 'package' | 'plane' | 'podium' | 'rocket' | 'save' | 'send' | 'squared-text' | 'star' | 'star-plus' | 'id-card' | 'badge' | 'city' | 'school' | 'balance' | 'signature' | 'neighborhood' | 'book-user' | 'hash' | 'list-ordered';
 type SolarisIconName = string & {
     __brand?: never;
 };
@@ -267,6 +267,7 @@ type SolarisCardRadius = 'none' | 'sm' | 'lg' | 'xl';
 type SolarisCardSize = 'sm' | 'md' | 'lg';
 type SolarisCardDensity = 'compact' | 'normal' | 'comfortable';
 type SolarisCardGlassTexture = 'none' | 'grooves';
+type SolarisCardMediaPosition = 'top' | 'start';
 
 declare class SolarisCardComponent {
     readonly appearance: _angular_core.InputSignal<SolarisCardAppearance>;
@@ -274,15 +275,17 @@ declare class SolarisCardComponent {
     readonly size: _angular_core.InputSignal<SolarisCardSize>;
     readonly density: _angular_core.InputSignal<SolarisCardDensity | undefined>;
     readonly glassTexture: _angular_core.InputSignal<SolarisCardGlassTexture>;
+    readonly mediaPosition: _angular_core.InputSignal<SolarisCardMediaPosition>;
     protected readonly themeService: SolarisThemeService;
     protected readonly effectiveDensity: _angular_core.Signal<"compact" | "normal" | "comfortable">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisCardComponent, "solaris-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "glassTexture": { "alias": "glassTexture"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisCardComponent, "solaris-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "glassTexture": { "alias": "glassTexture"; "required": false; "isSignal": true; }; "mediaPosition": { "alias": "mediaPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class SolarisCardHeaderDirective {
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardHeaderDirective, "[solaris-card-header]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardHeaderDirective, "[solaris-card-header]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisCardContentDirective {
@@ -296,7 +299,7 @@ declare class SolarisCardMediaDirective {
 }
 
 declare class SolarisCardFooterDirective {
-    readonly separator: _angular_core.InputSignal<boolean>;
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisCardFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisCardFooterDirective, "[solaris-card-footer]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -886,6 +889,8 @@ declare class SolarisPopoverTriggerDirective {
     private outsideClickCleanup;
     private previousActiveElement;
     private panelContainerRef;
+    private panelDataRef;
+    private panelComponentRef;
     private fitContentSizeTimeout;
     private connectedSide;
     readonly solarisPopoverTriggerFor: _angular_core.InputSignal<SolarisPopoverDirective | undefined>;
@@ -927,6 +932,7 @@ declare class SolarisPopoverTriggerDirective {
     private attachPanel;
     private detachPanel;
     private disposeOverlay;
+    private clearConnectedSideAttributes;
     private addOutsideClickHandler;
     private removeOutsideClickHandler;
     private readonly handleOutsideClick;
@@ -968,7 +974,6 @@ declare class SolarisSelectComponent extends SolarisFormControl implements Contr
     protected readonly popoverTrigger: _angular_core.Signal<SolarisPopoverTriggerDirective | undefined>;
     protected readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     protected readonly triggerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    protected readonly formFieldElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     protected readonly options: _angular_core.Signal<readonly SolarisOptionComponent[]>;
     protected readonly optionGroups: _angular_core.Signal<readonly SolarisOptionGroupComponent[]>;
     readonly hint: _angular_core.InputSignal<string | undefined>;
@@ -1078,8 +1083,6 @@ declare class SolarisSelectComponent extends SolarisFormControl implements Contr
     ngOnDestroy(): void;
     protected onPanelOpened(): void;
     protected onPanelClosed(): void;
-    private setConnectedSide;
-    private clearConnectedSide;
     protected selectOption(option: SolarisOptionComponent): void;
     protected clearValue(): void;
     protected onTriggerKeydown(event: KeyboardEvent): void;
@@ -1122,7 +1125,6 @@ declare class SolarisMultiSelectComponent extends SolarisFormControl implements
     protected readonly popoverTrigger: _angular_core.Signal<SolarisPopoverTriggerDirective | undefined>;
     protected readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     protected readonly triggerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    protected readonly formFieldElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     protected readonly options: _angular_core.Signal<readonly SolarisOptionComponent[]>;
     protected readonly optionGroups: _angular_core.Signal<readonly SolarisOptionGroupComponent[]>;
     readonly hint: _angular_core.InputSignal<string | undefined>;
@@ -1270,8 +1272,6 @@ declare class SolarisMultiSelectComponent extends SolarisFormControl implements
     private setupResizeObserver;
     protected onPanelOpened(): void;
     protected onPanelClosed(): void;
-    private setConnectedSide;
-    private clearConnectedSide;
     protected toggleOption(option: SolarisOptionComponent): void;
     protected clearValue(): void;
     protected handleSelectAll(): void;
@@ -1603,6 +1603,9 @@ declare class SolarisRadioComponent extends SolarisFormControl implements Contro
 type SolarisSelectionCardSize = 'sm' | 'md' | 'lg';
 type SolarisSelectionCardRadius = 'none' | 'sm' | 'lg' | 'xl';
 type SolarisSelectionCardDensity = 'compact' | 'normal' | 'comfortable';
+type SolarisSelectionCardSelection = 'radio' | 'switch';
+type SolarisSelectionCardSelectionPosition = 'start' | 'end';
+type SolarisSelectionCardMediaPosition = 'top' | 'start';
 type SolarisSelectionCardColor = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'custom';
 type SolarisSelectionCardAppearance = 'surface' | 'outline' | 'tonal' | 'glass';
 
@@ -1612,6 +1615,8 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     private readonly groupName;
     private readonly inputElementRef;
     private readonly media;
+    private readonly header;
+    private readonly footer;
     protected readonly _checked: _angular_core.WritableSignal<boolean>;
     protected readonly _focused: _angular_core.WritableSignal<boolean>;
     private readonly _describedByIds;
@@ -1629,6 +1634,9 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     readonly size: _angular_core.InputSignal<SolarisSelectionCardSize>;
     readonly radius: _angular_core.InputSignal<SolarisSelectionCardRadius>;
     readonly density: _angular_core.InputSignal<SolarisSelectionCardDensity | undefined>;
+    readonly selection: _angular_core.InputSignal<SolarisSelectionCardSelection>;
+    readonly selectionPosition: _angular_core.InputSignal<SolarisSelectionCardSelectionPosition>;
+    readonly mediaPosition: _angular_core.InputSignal<SolarisSelectionCardMediaPosition>;
     readonly name: _angular_core.InputSignal<string | undefined>;
     readonly value: _angular_core.InputSignal<unknown>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
@@ -1638,6 +1646,10 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     protected readonly themeService: SolarisThemeService;
     protected readonly effectiveDensity: _angular_core.Signal<SolarisSelectionCardDensity>;
     protected readonly hasMedia: _angular_core.Signal<boolean>;
+    protected readonly hasFooter: _angular_core.Signal<boolean>;
+    protected readonly hasHeaderSeparator: _angular_core.Signal<boolean>;
+    protected readonly hasFooterSeparator: _angular_core.Signal<boolean>;
+    protected readonly isSwitchSelection: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyReadonly: _angular_core.Signal<boolean>;
     protected readonly isEffectivelyInvalid: _angular_core.Signal<boolean>;
@@ -1668,7 +1680,7 @@ declare class SolarisSelectionCardComponent extends SolarisFormControl implement
     protected onFocus(): void;
     protected onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisSelectionCardComponent, "solaris-selection-card", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "changeEvent": "changeEvent"; }, ["media"], ["[solaris-selection-card-media]", "[solaris-selection-card-header]", "[solaris-selection-card-content]", "*", "[solaris-selection-card-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SolarisSelectionCardComponent, "solaris-selection-card", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionPosition": { "alias": "selectionPosition"; "required": false; "isSignal": true; }; "mediaPosition": { "alias": "mediaPosition"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "changeEvent": "changeEvent"; }, ["media", "header", "footer"], ["[solaris-selection-card-media]", "[solaris-selection-card-header]", "[solaris-selection-card-content]", "*", "[solaris-selection-card-footer]"], true, never>;
 }
 
 declare class SolarisSelectionCardContentDirective {
@@ -1682,14 +1694,15 @@ declare class SolarisSelectionCardDescriptionDirective {
 }
 
 declare class SolarisSelectionCardFooterDirective {
-    readonly separator: _angular_core.InputSignal<boolean>;
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardFooterDirective, "[solaris-selection-card-footer]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisSelectionCardHeaderDirective {
+    readonly separator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SolarisSelectionCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardHeaderDirective, "[solaris-selection-card-header]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SolarisSelectionCardHeaderDirective, "[solaris-selection-card-header]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SolarisSelectionCardMediaDirective {