@nectary/components 5.32.0 → 5.34.0
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/bundle.d.ts +3 -0
- package/bundle.js +772 -176
- package/bundle.ts +3 -0
- package/floating-panel/global/index.d.ts +1 -0
- package/floating-panel/global/index.js +2 -0
- package/floating-panel/index.d.ts +41 -0
- package/floating-panel/index.js +502 -0
- package/floating-panel/types.d.ts +80 -0
- package/floating-panel/types.js +1 -0
- package/floating-panel-button/index.d.ts +11 -0
- package/floating-panel-button/index.js +43 -0
- package/floating-panel-button/types.d.ts +35 -0
- package/floating-panel-button/types.js +1 -0
- package/floating-panel-icon-button/index.d.ts +12 -0
- package/floating-panel-icon-button/index.js +50 -0
- package/floating-panel-icon-button/types.d.ts +35 -0
- package/floating-panel-icon-button/types.js +1 -0
- package/icon/generated-icon-type.d.ts +1 -1
- package/icon/index.js +30 -4
- package/package.json +3 -3
- package/pop/index.js +1 -1
- package/standalone.d.ts +3 -0
- package/standalone.js +3 -0
- package/standalone.ts +3 -0
- package/tooltip/index.js +4 -4
- package/utils/component-names.d.ts +2 -2
- package/utils/component-names.js +3 -0
- package/utils/element.d.ts +3 -0
package/standalone.js
CHANGED
|
@@ -28,6 +28,9 @@ import "./file-drop/index.js";
|
|
|
28
28
|
import "./file-picker/index.js";
|
|
29
29
|
import "./file-status/index.js";
|
|
30
30
|
import "./flag/index.js";
|
|
31
|
+
import "./floating-panel/index.js";
|
|
32
|
+
import "./floating-panel-button/index.js";
|
|
33
|
+
import "./floating-panel-icon-button/index.js";
|
|
31
34
|
import "./grid-item/index.js";
|
|
32
35
|
import "./grid/index.js";
|
|
33
36
|
import "./help-tooltip/index.js";
|
package/standalone.ts
CHANGED
|
@@ -35,6 +35,9 @@ import './file-drop/index.js'
|
|
|
35
35
|
import './file-picker/index.js'
|
|
36
36
|
import './file-status/index.js'
|
|
37
37
|
import './flag/index.js'
|
|
38
|
+
import './floating-panel/index.js'
|
|
39
|
+
import './floating-panel-button/index.js'
|
|
40
|
+
import './floating-panel-icon-button/index.js'
|
|
38
41
|
import './grid-item/index.js'
|
|
39
42
|
import './grid/index.js'
|
|
40
43
|
import './help-tooltip/index.js'
|
package/tooltip/index.js
CHANGED
|
@@ -623,19 +623,19 @@ class Tooltip extends NectaryElement {
|
|
|
623
623
|
let offsetX = 0;
|
|
624
624
|
let offsetY = 0;
|
|
625
625
|
if (orientation.startsWith("top")) {
|
|
626
|
-
if (bottomEdge > targetRect.y + OVERLAP_TOLERANCE) {
|
|
626
|
+
if (bottomEdge > targetRect.y + OVERLAP_TOLERANCE && topEdge < targetBottom) {
|
|
627
627
|
offsetY = targetRect.y - bottomEdge;
|
|
628
628
|
}
|
|
629
629
|
} else if (orientation.startsWith("bottom")) {
|
|
630
|
-
if (topEdge < targetBottom - OVERLAP_TOLERANCE) {
|
|
630
|
+
if (topEdge < targetBottom - OVERLAP_TOLERANCE && bottomEdge > targetRect.y) {
|
|
631
631
|
offsetY = targetBottom - topEdge;
|
|
632
632
|
}
|
|
633
633
|
} else if (orientation === "left") {
|
|
634
|
-
if (rightEdge > targetRect.x + OVERLAP_TOLERANCE) {
|
|
634
|
+
if (rightEdge > targetRect.x + OVERLAP_TOLERANCE && leftEdge < targetRight) {
|
|
635
635
|
offsetX = targetRect.x - rightEdge;
|
|
636
636
|
}
|
|
637
637
|
} else if (orientation === "right") {
|
|
638
|
-
if (leftEdge < targetRight - OVERLAP_TOLERANCE) {
|
|
638
|
+
if (leftEdge < targetRight - OVERLAP_TOLERANCE && rightEdge > targetRect.x) {
|
|
639
639
|
offsetX = targetRight - leftEdge;
|
|
640
640
|
}
|
|
641
641
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const BASE_COMPONENT_NAMES_LIST: readonly ["accordion-item", "accordion", "action-menu-option", "action-menu", "alert", "avatar", "badge", "button-group-item", "button-group", "button", "card-container", "card-v2-title", "card-v2", "checkbox", "chip", "code-tag", "color-menu-option", "color-menu", "color-swatch", "date-picker", "dialog", "emoji-picker", "emoji", "field", "field-v2", "file-drop", "file-picker", "file-status", "flag", "grid-item", "grid", "help-tooltip", "icon", "inline-alert", "input", "link", "list-item", "list", "pagination", "persistent-overlay", "pop", "popover", "progress-stepper-item", "progress-stepper", "progress", "radio-option", "radio", "rich-text", "rich-textarea", "rich-textarea-chip", "segment-collapse", "segmented-control-option", "segmented-control", "segmented-icon-control-option", "segmented-icon-control", "select-button", "select-menu-option", "select-menu", "sheet", "sheet-title", "skeleton-item", "skeleton", "spinner", "stop-events", "table-body", "table-cell", "table-head-cell", "table-head", "table-row", "table", "tabs-icon-option", "tabs-option", "tabs", "tag", "text", "textarea", "time-picker", "title", "toast-manager", "toast", "toggle", "tooltip"];
|
|
2
|
-
export declare const BASE_COMPONENT_NAMES: Set<"pop" | "button" | "dialog" | "input" | "link" | "progress" | "table" | "textarea" | "title" | "accordion-item" | "accordion" | "action-menu-option" | "action-menu" | "alert" | "avatar" | "badge" | "button-group-item" | "button-group" | "card-container" | "card-v2-title" | "card-v2" | "checkbox" | "chip" | "code-tag" | "color-menu-option" | "color-menu" | "color-swatch" | "date-picker" | "emoji-picker" | "emoji" | "field" | "field-v2" | "file-drop" | "file-picker" | "file-status" | "flag" | "grid-item" | "grid" | "help-tooltip" | "icon" | "inline-alert" | "list-item" | "list" | "pagination" | "persistent-overlay" | "popover" | "progress-stepper-item" | "progress-stepper" | "radio-option" | "radio" | "rich-text" | "rich-textarea" | "rich-textarea-chip" | "segment-collapse" | "segmented-control-option" | "segmented-control" | "segmented-icon-control-option" | "segmented-icon-control" | "select-button" | "select-menu-option" | "select-menu" | "sheet" | "sheet-title" | "skeleton-item" | "skeleton" | "spinner" | "stop-events" | "table-body" | "table-cell" | "table-head-cell" | "table-head" | "table-row" | "tabs-icon-option" | "tabs-option" | "tabs" | "tag" | "text" | "time-picker" | "toast-manager" | "toast" | "toggle" | "tooltip">;
|
|
1
|
+
export declare const BASE_COMPONENT_NAMES_LIST: readonly ["accordion-item", "accordion", "action-menu-option", "action-menu", "alert", "avatar", "badge", "button-group-item", "button-group", "button", "card-container", "card-v2-title", "card-v2", "checkbox", "chip", "code-tag", "color-menu-option", "color-menu", "color-swatch", "date-picker", "dialog", "emoji-picker", "emoji", "field", "field-v2", "file-drop", "file-picker", "file-status", "flag", "floating-panel", "floating-panel-button", "floating-panel-icon-button", "grid-item", "grid", "help-tooltip", "icon", "inline-alert", "input", "link", "list-item", "list", "pagination", "persistent-overlay", "pop", "popover", "progress-stepper-item", "progress-stepper", "progress", "radio-option", "radio", "rich-text", "rich-textarea", "rich-textarea-chip", "segment-collapse", "segmented-control-option", "segmented-control", "segmented-icon-control-option", "segmented-icon-control", "select-button", "select-menu-option", "select-menu", "sheet", "sheet-title", "skeleton-item", "skeleton", "spinner", "stop-events", "table-body", "table-cell", "table-head-cell", "table-head", "table-row", "table", "tabs-icon-option", "tabs-option", "tabs", "tag", "text", "textarea", "time-picker", "title", "toast-manager", "toast", "toggle", "tooltip"];
|
|
2
|
+
export declare const BASE_COMPONENT_NAMES: Set<"pop" | "button" | "dialog" | "input" | "link" | "progress" | "table" | "textarea" | "title" | "accordion-item" | "accordion" | "action-menu-option" | "action-menu" | "alert" | "avatar" | "badge" | "button-group-item" | "button-group" | "card-container" | "card-v2-title" | "card-v2" | "checkbox" | "chip" | "code-tag" | "color-menu-option" | "color-menu" | "color-swatch" | "date-picker" | "emoji-picker" | "emoji" | "field" | "field-v2" | "file-drop" | "file-picker" | "file-status" | "flag" | "floating-panel" | "floating-panel-button" | "floating-panel-icon-button" | "grid-item" | "grid" | "help-tooltip" | "icon" | "inline-alert" | "list-item" | "list" | "pagination" | "persistent-overlay" | "popover" | "progress-stepper-item" | "progress-stepper" | "radio-option" | "radio" | "rich-text" | "rich-textarea" | "rich-textarea-chip" | "segment-collapse" | "segmented-control-option" | "segmented-control" | "segmented-icon-control-option" | "segmented-icon-control" | "select-button" | "select-menu-option" | "select-menu" | "sheet" | "sheet-title" | "skeleton-item" | "skeleton" | "spinner" | "stop-events" | "table-body" | "table-cell" | "table-head-cell" | "table-head" | "table-row" | "tabs-icon-option" | "tabs-option" | "tabs" | "tag" | "text" | "time-picker" | "toast-manager" | "toast" | "toggle" | "tooltip">;
|
|
3
3
|
export type ComponentName = `sinch-${typeof BASE_COMPONENT_NAMES_LIST[number]}`;
|
package/utils/component-names.js
CHANGED
package/utils/element.d.ts
CHANGED