@ship-ui/core 0.15.13 → 0.15.15
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.
- package/fesm2022/ship-ui-core.mjs +80 -50
- package/fesm2022/ship-ui-core.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/package.json +1 -1
- package/styles/components/ship-form-field.component.scss +1 -0
- package/styles/components/ship-menu.component.scss +1 -1
- package/styles/components/ship-popover.component.scss +21 -4
package/index.d.ts
CHANGED
|
@@ -361,6 +361,7 @@ declare class ShipMenuComponent {
|
|
|
361
361
|
activeElements: _angular_core.WritableSignal<HTMLButtonElement[]>;
|
|
362
362
|
lastInputValue: string;
|
|
363
363
|
inputValueEffect: _angular_core.EffectRef;
|
|
364
|
+
toggleIsOpen(event: MouseEvent): void;
|
|
364
365
|
activeOptionIndexEffect: _angular_core.EffectRef;
|
|
365
366
|
nextActiveIndex(activeIndex: number): number;
|
|
366
367
|
prevActiveIndex(activeIndex: number): number;
|
|
@@ -391,7 +392,7 @@ declare class ShipPopoverComponent {
|
|
|
391
392
|
closeOnEsc?: boolean;
|
|
392
393
|
}>;
|
|
393
394
|
triggerRef: _angular_core.Signal<ElementRef<HTMLElement>>;
|
|
394
|
-
popoverRef: _angular_core.Signal<ElementRef<HTMLElement
|
|
395
|
+
popoverRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
395
396
|
id: _angular_core.WritableSignal<string>;
|
|
396
397
|
menuStyle: _angular_core.WritableSignal<any>;
|
|
397
398
|
openAbort: AbortController | null;
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@ $shipPopover: true !default;
|
|
|
4
4
|
|
|
5
5
|
@if $shipPopover == true {
|
|
6
6
|
sh-popover {
|
|
7
|
-
--po-d:
|
|
7
|
+
--po-d: block;
|
|
8
8
|
|
|
9
9
|
display: var(--po-d);
|
|
10
10
|
|
|
@@ -44,14 +44,31 @@ $shipPopover: true !default;
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.
|
|
47
|
+
.popover {
|
|
48
48
|
position: fixed;
|
|
49
49
|
inset: 0;
|
|
50
|
-
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 100%;
|
|
52
|
+
border: 0;
|
|
53
|
+
opacity: 1;
|
|
54
|
+
background-color: transparent;
|
|
51
55
|
z-index: -1;
|
|
56
|
+
|
|
57
|
+
.overlay {
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: 100%;
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: 0;
|
|
62
|
+
left: 0;
|
|
63
|
+
background-color: transparent;
|
|
64
|
+
}
|
|
52
65
|
}
|
|
53
66
|
|
|
54
|
-
|
|
67
|
+
[popover]::backdrop {
|
|
68
|
+
display: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.popover-content {
|
|
55
72
|
position: absolute;
|
|
56
73
|
margin: 0;
|
|
57
74
|
min-width: p2r(180);
|