@nvidia-elements/core 2.23.3 → 2.23.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.
- package/CHANGELOG.md +16 -0
- package/dist/accordion/accordion2.js +49 -49
- package/dist/accordion/accordion2.js.map +1 -1
- package/dist/alert/alert-group2.js +22 -21
- package/dist/alert/alert-group2.js.map +1 -1
- package/dist/alert/alert2.js +29 -28
- package/dist/alert/alert2.js.map +1 -1
- package/dist/avatar/avatar-group2.js +9 -9
- package/dist/avatar/avatar-group2.js.map +1 -1
- package/dist/avatar/avatar2.js +12 -11
- package/dist/avatar/avatar2.js.map +1 -1
- package/dist/badge/badge2.js +27 -26
- package/dist/badge/badge2.js.map +1 -1
- package/dist/breadcrumb/breadcrumb2.js +17 -17
- package/dist/breadcrumb/breadcrumb2.js.map +1 -1
- package/dist/bundles/index.js +6 -6
- package/dist/button/button2.js +12 -12
- package/dist/button/button2.js.map +1 -1
- package/dist/button-group/button-group2.js +18 -18
- package/dist/button-group/button-group2.js.map +1 -1
- package/dist/card/card2.js +28 -28
- package/dist/card/card2.js.map +1 -1
- package/dist/chat-message/chat-message2.js +15 -14
- package/dist/chat-message/chat-message2.js.map +1 -1
- package/dist/checkbox/checkbox-group2.js +8 -8
- package/dist/checkbox/checkbox-group2.js.map +1 -1
- package/dist/checkbox/checkbox2.js +8 -8
- package/dist/checkbox/checkbox2.js.map +1 -1
- package/dist/color/color2.js +21 -21
- package/dist/color/color2.js.map +1 -1
- package/dist/combobox/combobox2.js +37 -37
- package/dist/combobox/combobox2.js.map +1 -1
- package/dist/copy-button/copy-button.d.ts +1 -1
- package/dist/copy-button/copy-button2.js +21 -21
- package/dist/copy-button/copy-button2.js.map +1 -1
- package/dist/custom-elements.json +0 -76
- package/dist/data.snippets.json +27 -27
- package/dist/date/date2.js +19 -19
- package/dist/date/date2.js.map +1 -1
- package/dist/datetime/datetime2.js +19 -19
- package/dist/datetime/datetime2.js.map +1 -1
- package/dist/dialog/dialog-footer2.js +7 -7
- package/dist/dialog/dialog-footer2.js.map +1 -1
- package/dist/dialog/dialog-header2.js +7 -7
- package/dist/dialog/dialog-header2.js.map +1 -1
- package/dist/dialog/dialog.js +1 -1
- package/dist/dialog/dialog.js.map +1 -1
- package/dist/dialog/dialog2.js +25 -25
- package/dist/dialog/dialog2.js.map +1 -1
- package/dist/divider/divider2.js +12 -12
- package/dist/divider/divider2.js.map +1 -1
- package/dist/dot/dot2.js +17 -16
- package/dist/dot/dot2.js.map +1 -1
- package/dist/drag-handle/drag-handle2.js +12 -12
- package/dist/drag-handle/drag-handle2.js.map +1 -1
- package/dist/drawer/drawer-content2.js +7 -7
- package/dist/drawer/drawer-content2.js.map +1 -1
- package/dist/drawer/drawer-footer2.js +7 -7
- package/dist/drawer/drawer-footer2.js.map +1 -1
- package/dist/drawer/drawer-header2.js +7 -7
- package/dist/drawer/drawer-header2.js.map +1 -1
- package/dist/drawer/drawer.js +1 -1
- package/dist/drawer/drawer.js.map +1 -1
- package/dist/drawer/drawer2.js +21 -21
- package/dist/drawer/drawer2.js.map +1 -1
- package/dist/dropdown/dropdown-footer2.js +7 -7
- package/dist/dropdown/dropdown-footer2.js.map +1 -1
- package/dist/dropdown/dropdown-header2.js +7 -7
- package/dist/dropdown/dropdown-header2.js.map +1 -1
- package/dist/dropdown/dropdown2.js +21 -21
- package/dist/dropdown/dropdown2.js.map +1 -1
- package/dist/dropdown-group/dropdown-group.js +10 -10
- package/dist/dropdown-group/dropdown-group.js.map +1 -1
- package/dist/dropzone/dropzone2.js +19 -19
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/file2.js +8 -8
- package/dist/file/file2.js.map +1 -1
- package/dist/format-bytes/format-bytes2.js +13 -13
- package/dist/format-bytes/format-bytes2.js.map +1 -1
- package/dist/format-datetime/format-datetime2.js +14 -14
- package/dist/format-datetime/format-datetime2.js.map +1 -1
- package/dist/format-number/format-number2.js +20 -20
- package/dist/format-number/format-number2.js.map +1 -1
- package/dist/format-relative-time/format-relative-time2.js +11 -11
- package/dist/format-relative-time/format-relative-time2.js.map +1 -1
- package/dist/format-truncate/format-truncate2.js +21 -21
- package/dist/format-truncate/format-truncate2.js.map +1 -1
- package/dist/forms/control/control2.js +30 -29
- package/dist/forms/control/control2.js.map +1 -1
- package/dist/forms/control-group/control-group2.js +19 -18
- package/dist/forms/control-group/control-group2.js.map +1 -1
- package/dist/forms/control-message/control-message2.js +15 -15
- package/dist/forms/control-message/control-message2.js.map +1 -1
- package/dist/gauge/gauge2.js +20 -20
- package/dist/gauge/gauge2.js.map +1 -1
- package/dist/ghost/ghost2.js +10 -10
- package/dist/ghost/ghost2.js.map +1 -1
- package/dist/grid/cell/cell2.js +9 -9
- package/dist/grid/cell/cell2.js.map +1 -1
- package/dist/grid/column/column2.js +16 -16
- package/dist/grid/column/column2.js.map +1 -1
- package/dist/grid/footer/footer2.js +12 -12
- package/dist/grid/footer/footer2.js.map +1 -1
- package/dist/grid/grid2.js +30 -30
- package/dist/grid/grid2.js.map +1 -1
- package/dist/grid/header/header2.js +20 -20
- package/dist/grid/header/header2.js.map +1 -1
- package/dist/grid/placeholder/placeholder2.js +9 -9
- package/dist/grid/placeholder/placeholder2.js.map +1 -1
- package/dist/grid/row/row2.js +15 -15
- package/dist/grid/row/row2.js.map +1 -1
- package/dist/icon/icon2.js +40 -40
- package/dist/icon/icon2.js.map +1 -1
- package/dist/icon-button/icon-button2.js +17 -17
- package/dist/icon-button/icon-button2.js.map +1 -1
- package/dist/iframe/iframe2.js +7 -7
- package/dist/iframe/iframe2.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/input/input-group2.js +8 -8
- package/dist/input/input-group2.js.map +1 -1
- package/dist/input/input2.js +10 -10
- package/dist/input/input2.js.map +1 -1
- package/dist/internal/controllers/state-expanded.controller.js +1 -1
- package/dist/internal/controllers/state-expanded.controller.js.map +1 -1
- package/dist/internal/controllers/state-highlighted.controller.js +1 -1
- package/dist/internal/controllers/state-highlighted.controller.js.map +1 -1
- package/dist/internal/controllers/state-scroll.controller.js +1 -1
- package/dist/internal/controllers/state-scroll.controller.js.map +1 -1
- package/dist/internal/controllers/state-selected.controller.js +1 -1
- package/dist/internal/controllers/state-selected.controller.js.map +1 -1
- package/dist/internal/controllers/type-anchor.controller.js +1 -1
- package/dist/internal/controllers/type-anchor.controller.js.map +1 -1
- package/dist/internal/controllers/type-closable.controller.js +1 -1
- package/dist/internal/controllers/type-closable.controller.js.map +1 -1
- package/dist/internal/controllers/type-expandable.controller.js +1 -1
- package/dist/internal/controllers/type-expandable.controller.js.map +1 -1
- package/dist/internal/controllers/type-native-popover.controller.js +6 -6
- package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
- package/dist/internal/controllers/type-popover.controller.examples.js.map +1 -1
- package/dist/internal/controllers/type-selectable.controller.js +1 -1
- package/dist/internal/controllers/type-selectable.controller.js.map +1 -1
- package/dist/internal/index.d.ts +0 -1
- package/dist/internal/index.js +57 -61
- package/dist/internal/index.js.map +1 -1
- package/dist/internal/styles/index.d.ts +0 -1
- package/dist/internal/styles/index.js +5 -15
- package/dist/internal/styles/index.js.map +1 -1
- package/dist/internal/utils/a11y.d.ts +0 -3
- package/dist/internal/utils/a11y.js +6 -9
- package/dist/internal/utils/a11y.js.map +1 -1
- package/dist/joystick/joystick2.js +19 -19
- package/dist/joystick/joystick2.js.map +1 -1
- package/dist/logo/logo2.js +14 -13
- package/dist/logo/logo2.js.map +1 -1
- package/dist/menu/menu-group2.js +20 -20
- package/dist/menu/menu-group2.js.map +1 -1
- package/dist/menu/menu-item2.js +11 -11
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu2.js +14 -14
- package/dist/menu/menu2.js.map +1 -1
- package/dist/month/month2.js +19 -19
- package/dist/month/month2.js.map +1 -1
- package/dist/notification/notification-group2.js +13 -13
- package/dist/notification/notification-group2.js.map +1 -1
- package/dist/notification/notification2.js +31 -31
- package/dist/notification/notification2.js.map +1 -1
- package/dist/page/page-panel/page-panel-content2.js +7 -7
- package/dist/page/page-panel/page-panel-content2.js.map +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +9 -9
- package/dist/page/page-panel/page-panel-footer2.js.map +1 -1
- package/dist/page/page-panel/page-panel-header2.js +9 -9
- package/dist/page/page-panel/page-panel-header2.js.map +1 -1
- package/dist/page/page-panel/page-panel2.js +15 -15
- package/dist/page/page-panel/page-panel2.js.map +1 -1
- package/dist/page/page2.js +13 -13
- package/dist/page/page2.js.map +1 -1
- package/dist/page-header/page-header2.js +10 -10
- package/dist/page-header/page-header2.js.map +1 -1
- package/dist/page-loader/page-loader2.js +13 -13
- package/dist/page-loader/page-loader2.js.map +1 -1
- package/dist/pagination/pagination2.js +34 -34
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/panel2.js +36 -36
- package/dist/panel/panel2.js.map +1 -1
- package/dist/password/password2.js +19 -19
- package/dist/password/password2.js.map +1 -1
- package/dist/preferences-input/preferences-input.d.ts +1 -1
- package/dist/preferences-input/preferences-input2.js +25 -25
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +13 -13
- package/dist/progress-bar/progress-bar2.js.map +1 -1
- package/dist/progress-dot/progress-dot2.js +15 -15
- package/dist/progress-dot/progress-dot2.js.map +1 -1
- package/dist/progress-ring/progress-ring2.js +20 -20
- package/dist/progress-ring/progress-ring2.js.map +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +28 -28
- package/dist/progressive-filter-chip/progressive-filter-chip2.js.map +1 -1
- package/dist/pulse/pulse2.js +15 -15
- package/dist/pulse/pulse2.js.map +1 -1
- package/dist/radio/radio-group2.js +8 -8
- package/dist/radio/radio-group2.js.map +1 -1
- package/dist/radio/radio2.js +8 -8
- package/dist/radio/radio2.js.map +1 -1
- package/dist/range/range2.js +16 -16
- package/dist/range/range2.js.map +1 -1
- package/dist/resize-handle/resize-handle2.js +17 -17
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +20 -20
- package/dist/search/search2.js.map +1 -1
- package/dist/select/select2.js +32 -32
- package/dist/select/select2.js.map +1 -1
- package/dist/skeleton/skeleton2.js +14 -14
- package/dist/skeleton/skeleton2.js.map +1 -1
- package/dist/sort-button/sort-button.d.ts +1 -1
- package/dist/sort-button/sort-button2.js +16 -16
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/sparkline2.js +45 -44
- package/dist/sparkline/sparkline2.js.map +1 -1
- package/dist/star-rating/star-rating2.js +14 -14
- package/dist/star-rating/star-rating2.js.map +1 -1
- package/dist/steps/steps2.js +32 -32
- package/dist/steps/steps2.js.map +1 -1
- package/dist/switch/switch-group2.js +8 -8
- package/dist/switch/switch-group2.js.map +1 -1
- package/dist/switch/switch2.js +8 -8
- package/dist/switch/switch2.js.map +1 -1
- package/dist/tabs/tabs-group2.js +18 -18
- package/dist/tabs/tabs-group2.js.map +1 -1
- package/dist/tabs/tabs-item-group2.js +9 -9
- package/dist/tabs/tabs-item-group2.js.map +1 -1
- package/dist/tabs/tabs2.js +28 -28
- package/dist/tabs/tabs2.js.map +1 -1
- package/dist/tag/tag2.js +19 -18
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/textarea2.js +9 -9
- package/dist/textarea/textarea2.js.map +1 -1
- package/dist/time/time2.js +19 -19
- package/dist/time/time2.js.map +1 -1
- package/dist/toast/toast2.js +28 -28
- package/dist/toast/toast2.js.map +1 -1
- package/dist/toggletip/toggletip-footer2.js +7 -7
- package/dist/toggletip/toggletip-footer2.js.map +1 -1
- package/dist/toggletip/toggletip-header2.js +7 -7
- package/dist/toggletip/toggletip-header2.js.map +1 -1
- package/dist/toggletip/toggletip2.js +23 -23
- package/dist/toggletip/toggletip2.js.map +1 -1
- package/dist/toolbar/toolbar2.js +20 -19
- package/dist/toolbar/toolbar2.js.map +1 -1
- package/dist/tooltip/tooltip2.js +20 -20
- package/dist/tooltip/tooltip2.js.map +1 -1
- package/dist/tree/tree-node2.js +39 -39
- package/dist/tree/tree-node2.js.map +1 -1
- package/dist/tree/tree2.js +20 -20
- package/dist/tree/tree2.js.map +1 -1
- package/dist/week/week2.js +19 -19
- package/dist/week/week2.js.map +1 -1
- package/dist/workspace/panel/panel2.js +14 -14
- package/dist/workspace/panel/panel2.js.map +1 -1
- package/dist/workspace/panel-content/panel-content2.js +7 -7
- package/dist/workspace/panel-content/panel-content2.js.map +1 -1
- package/dist/workspace/panel-footer/panel-footer2.js +9 -9
- package/dist/workspace/panel-footer/panel-footer2.js.map +1 -1
- package/dist/workspace/panel-header/panel-header2.js +16 -16
- package/dist/workspace/panel-header/panel-header2.js.map +1 -1
- package/dist/workspace/workspace2.js +97 -97
- package/dist/workspace/workspace2.js.map +1 -1
- package/package.json +2 -2
- package/dist/internal/decorators/scoped-registry.d.ts +0 -2
- package/dist/internal/decorators/scoped-registry.js +0 -36
- package/dist/internal/decorators/scoped-registry.js.map +0 -1
- package/dist/internal/styles/base.js +0 -5
- package/dist/internal/styles/base.js.map +0 -1
- package/dist/internal/styles/interaction-state.js +0 -5
- package/dist/internal/styles/interaction-state.js.map +0 -1
package/dist/toast/toast2.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import s from "
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
2
|
+
import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
|
|
3
|
+
import { popoverStyles as n } from "../internal/styles/popover2.js";
|
|
4
|
+
import { statusIcons as r } from "../internal/types/index.js";
|
|
5
|
+
import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
|
|
6
|
+
import { Icon as a } from "../icon/icon2.js";
|
|
7
|
+
import { IconButton as o } from "../icon-button/icon-button2.js";
|
|
8
|
+
import s from "./toast.js";
|
|
9
|
+
import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
|
|
10
|
+
import { LitElement as l, html as u, nothing as d } from "lit";
|
|
11
|
+
import { property as f } from "lit/decorators/property.js";
|
|
12
|
+
import { I18nController as p } from "@nvidia-elements/foundations/internal/i18n";
|
|
13
|
+
import { scopedRegistry as m } from "@nvidia-elements/foundations/internal/decorators";
|
|
14
|
+
import { useStyles as h } from "@nvidia-elements/foundations/internal/styles";
|
|
15
15
|
// src/toast/toast.ts
|
|
16
16
|
var g = {
|
|
17
17
|
close: "close",
|
|
@@ -19,53 +19,53 @@ var g = {
|
|
|
19
19
|
information: "information",
|
|
20
20
|
success: "success",
|
|
21
21
|
warning: "warning"
|
|
22
|
-
}, _ = class extends
|
|
22
|
+
}, _ = class extends l {
|
|
23
23
|
constructor(...e) {
|
|
24
|
-
super(...e), this.position = "top", this.closable = !1, this.closeTimeout = 0, this.#e = new
|
|
24
|
+
super(...e), this.position = "top", this.closable = !1, this.closeTimeout = 0, this.#e = new p(this, g), this.i18n = this.#e.i18n, this.popoverType = "manual", this.typeNativePopoverController = new t(this);
|
|
25
25
|
}
|
|
26
26
|
static {
|
|
27
|
-
this.styles =
|
|
27
|
+
this.styles = h([n, s]);
|
|
28
28
|
}
|
|
29
29
|
static {
|
|
30
30
|
this.metadata = {
|
|
31
31
|
tag: "nve-toast",
|
|
32
|
-
version: "2.23.
|
|
32
|
+
version: "2.23.5"
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
static {
|
|
36
36
|
this.elementDefinitions = {
|
|
37
|
-
[
|
|
38
|
-
[
|
|
37
|
+
[o.metadata.tag]: o,
|
|
38
|
+
[a.metadata.tag]: a
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
41
|
#e;
|
|
42
42
|
render() {
|
|
43
|
-
return
|
|
43
|
+
return u`<div internal-host><slot name="prefix"><nve-icon part="prefix-icon" .name="${r[this.status]}" .ariaLabel="${this.i18n[this.status] ?? this.i18n.information}"></nve-icon></slot>${this.closable ? u`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : d}<slot></slot></div>`;
|
|
44
44
|
}
|
|
45
45
|
connectedCallback() {
|
|
46
|
-
super.connectedCallback(),
|
|
46
|
+
super.connectedCallback(), c(this), this._internals.role = "alert";
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
i([f({ type: String })], _.prototype, "anchor", void 0), i([f({ type: String })], _.prototype, "trigger", void 0), i([f({
|
|
50
50
|
type: String,
|
|
51
51
|
reflect: !0
|
|
52
|
-
})], _.prototype, "position", void 0),
|
|
52
|
+
})], _.prototype, "position", void 0), i([f({
|
|
53
53
|
type: String,
|
|
54
54
|
reflect: !0
|
|
55
|
-
})], _.prototype, "alignment", void 0),
|
|
55
|
+
})], _.prototype, "alignment", void 0), i([f({
|
|
56
56
|
type: String,
|
|
57
57
|
reflect: !0
|
|
58
|
-
})], _.prototype, "prominence", void 0),
|
|
58
|
+
})], _.prototype, "prominence", void 0), i([f({
|
|
59
59
|
type: Boolean,
|
|
60
60
|
reflect: !0,
|
|
61
61
|
attribute: "behavior-trigger"
|
|
62
|
-
})], _.prototype, "behaviorTrigger", void 0),
|
|
62
|
+
})], _.prototype, "behaviorTrigger", void 0), i([f({ type: Boolean })], _.prototype, "closable", void 0), i([f({
|
|
63
63
|
type: Number,
|
|
64
64
|
attribute: "close-timeout"
|
|
65
|
-
})], _.prototype, "closeTimeout", void 0),
|
|
65
|
+
})], _.prototype, "closeTimeout", void 0), i([f({
|
|
66
66
|
type: String,
|
|
67
67
|
reflect: !0
|
|
68
|
-
})], _.prototype, "status", void 0),
|
|
68
|
+
})], _.prototype, "status", void 0), i([f({ type: Object })], _.prototype, "i18n", void 0), _ = i([m(), e({ excessiveInstanceLimit: 50 })], _);
|
|
69
69
|
export { _ as Toast };
|
|
70
70
|
|
|
71
71
|
//# sourceMappingURL=toast2.js.map
|
package/dist/toast/toast2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast2.js","names":["styles","_decorate","__decorate","toast_default","i18nDefaults","Toast","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","Icon","statusIcons","nothing","attachInternals","property","scopedRegistry","audit"],"sources":["../../src/toast/toast.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n
|
|
1
|
+
{"version":3,"file":"toast2.js","names":["styles","_decorate","__decorate","toast_default","i18nDefaults","Toast","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","Icon","statusIcons","nothing","attachInternals","property","scopedRegistry","audit"],"sources":["../../src/toast/toast.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n audit,\n excessiveInstanceLimit,\n popoverStyles,\n statusIcons,\n TypeNativePopoverController\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './toast.css?inline';\n\nconst i18nDefaults = {\n close: 'close',\n danger: 'danger',\n information: 'information',\n success: 'success',\n warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toast\n * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/toast/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/toast\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toast opens.\n * @event close - Dispatched when the toast closes.\n * @slot - The message communicated by the toast.\n * @slot prefix - custom status icon slot\n * @cssprop --padding\n * @cssprop --justify-content\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --gap\n * @csspart prefix-icon - The prefix icon slot\n * @csspart icon-button - The close icon button element\n * @cssprop --animation-duration - Duration of toast open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toast extends LitElement {\n static styles = useStyles([popoverStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-toast',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton,\n [Icon.metadata.tag]: Icon\n };\n\n /**\n * (optional) By default the popover automatically anchors itself relative to the trigger element.\n * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) anchor: string | HTMLElement;\n\n /**\n * @deprecated Use the popover API instead.\n * The trigger defines what element triggers an `open` interaction event.\n * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) trigger: string | HTMLElement;\n\n /**\n * Sets the side position of the popover relative to the provided anchor element.\n */\n @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n /**\n * Sets the alignment of the popover relative to the provided anchor element.\n */\n @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n /**\n * Sets the visual prominence of the toast.\n */\n @property({ type: String, reflect: true }) prominence: 'muted';\n\n /**\n * @deprecated Use the popover API instead.\n * Determines if popover visibility behavior should be automatically controlled by the trigger.\n */\n @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n /**\n * Determines if a close button should render within toast.\n */\n @property({ type: Boolean }) closable = false;\n\n /**\n * A delayed `close` event occurs after the provided millisecond value elapses.\n */\n @property({ type: Number, attribute: 'close-timeout' }) closeTimeout = 0;\n\n /**\n * Visual treatment to represent a support status.\n */\n @property({ type: String, reflect: true }) status: SupportStatus;\n\n #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n /**\n * Updates internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n /** @private */\n readonly popoverType: PopoverType = 'manual';\n\n protected typeNativePopoverController = new TypeNativePopoverController<Toast>(this);\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"prefix\"><nve-icon part=\"prefix-icon\" .name=${statusIcons[this.status]} .ariaLabel=${(this.i18n as Record<string, string>)[this.status] ?? this.i18n.information}></nve-icon></slot>\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : nothing}\n <slot></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'alert';\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAMI,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA+BaC,IAAN,cAAoBC,EAAW;;EAwEI,A,aA3C+B,KAAA,WAAA,OAqB/B,KAAA,WAAA,IAK+B,KAAA,eAAA,GAO/B,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAGpB,KAAA,cAAA,UAEI,KAAA,8BAAA,IAAIE,EAAmC,IAAI;;;EAvEnE,KAAA,SAAAC,EAAU,CAACC,GAAeZ,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBa,EAAW,SAAS,MAAMA;IAC1BC,EAAK,SAAS,MAAMA;EACvB;;CAmDA;CAeA,SAAS;EACP,OAAO,CAAI,8EAEkDC,EAAY,KAAK,QAAQ,gBAAe,KAAK,KAAgC,KAAK,WAAW,KAAK,KAAK,YAAY,sBAC1K,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,oDAAkD,KAAK,KAAK,MAAM,wBAAuBC,EAAQ;CAIhO;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA3EGhB,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,cAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAb,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAgB,CAAC,CAAA,GAAAb,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrDJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAOxCJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,QAAA,KAAA,CAAA,GArE3B,IAAAJ,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAf,CAAA"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "
|
|
3
|
-
import {
|
|
1
|
+
import e from "./toggletip-footer.js";
|
|
2
|
+
import { LitElement as t, html as n } from "lit";
|
|
3
|
+
import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
|
|
4
4
|
// src/toggletip/toggletip-footer.ts
|
|
5
|
-
var i = class extends
|
|
5
|
+
var i = class extends t {
|
|
6
6
|
static {
|
|
7
|
-
this.styles =
|
|
7
|
+
this.styles = r([e]);
|
|
8
8
|
}
|
|
9
9
|
static {
|
|
10
10
|
this.metadata = {
|
|
11
11
|
tag: "nve-toggletip-footer",
|
|
12
|
-
version: "2.23.
|
|
12
|
+
version: "2.23.5",
|
|
13
13
|
parents: ["nve-toggletip"]
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return
|
|
17
|
+
return n`<div internal-host><slot></slot></div>`;
|
|
18
18
|
}
|
|
19
19
|
connectedCallback() {
|
|
20
20
|
super.connectedCallback(), this.slot = "footer";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggletip-footer2.js","names":["styles","toggletip_footer_default","ToggletipFooter","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/
|
|
1
|
+
{"version":3,"file":"toggletip-footer2.js","names":["styles","toggletip_footer_default","ToggletipFooter","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './toggletip-footer.css?inline';\n\n/**\n * @element nve-toggletip-footer\n * @description Provides a designated area at the bottom of a toggletip for actions or supplementary information.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipFooter extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-toggletip-footer',\n version: '0.0.0',\n parents: ['nve-toggletip']\n };\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.slot = 'footer';\n }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "
|
|
3
|
-
import {
|
|
1
|
+
import e from "./toggletip-header.js";
|
|
2
|
+
import { LitElement as t, html as n } from "lit";
|
|
3
|
+
import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
|
|
4
4
|
// src/toggletip/toggletip-header.ts
|
|
5
|
-
var i = class extends
|
|
5
|
+
var i = class extends t {
|
|
6
6
|
static {
|
|
7
|
-
this.styles =
|
|
7
|
+
this.styles = r([e]);
|
|
8
8
|
}
|
|
9
9
|
static {
|
|
10
10
|
this.metadata = {
|
|
11
11
|
tag: "nve-toggletip-header",
|
|
12
|
-
version: "2.23.
|
|
12
|
+
version: "2.23.5",
|
|
13
13
|
parents: ["nve-toggletip"]
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return
|
|
17
|
+
return n`<div internal-host><slot></slot></div>`;
|
|
18
18
|
}
|
|
19
19
|
connectedCallback() {
|
|
20
20
|
super.connectedCallback(), this.slot = "header";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggletip-header2.js","names":["styles","toggletip_header_default","ToggletipHeader","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/
|
|
1
|
+
{"version":3,"file":"toggletip-header2.js","names":["styles","toggletip_header_default","ToggletipHeader","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './toggletip-header.css?inline';\n\n/**\n * @element nve-toggletip-header\n * @description Displays a title or contextual label at the top of a toggletip to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipHeader extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-toggletip-header',\n version: '0.0.0',\n parents: ['nve-toggletip']\n };\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.slot = 'header';\n }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
2
|
import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import s from "
|
|
9
|
-
import {
|
|
10
|
-
import l from "
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
3
|
+
import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
|
|
4
|
+
import { popoverStyles as r } from "../internal/styles/popover2.js";
|
|
5
|
+
import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
|
|
6
|
+
import { IconButton as a } from "../icon-button/icon-button2.js";
|
|
7
|
+
import o from "./toggletip.js";
|
|
8
|
+
import s from "./toggletip.global.js";
|
|
9
|
+
import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
|
|
10
|
+
import { LitElement as l, html as u } from "lit";
|
|
11
|
+
import { property as d } from "lit/decorators/property.js";
|
|
12
|
+
import { I18nController as f } from "@nvidia-elements/foundations/internal/i18n";
|
|
13
|
+
import { scopedRegistry as p } from "@nvidia-elements/foundations/internal/decorators";
|
|
14
|
+
import { useStyles as m } from "@nvidia-elements/foundations/internal/styles";
|
|
15
15
|
import { query as h } from "lit/decorators/query.js";
|
|
16
16
|
// src/toggletip/toggletip.ts
|
|
17
|
-
var g = { close: "close" }, _ = class extends
|
|
17
|
+
var g = { close: "close" }, _ = class extends l {
|
|
18
18
|
constructor(...e) {
|
|
19
|
-
super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new
|
|
19
|
+
super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new n(this), this.#e = new f(this, g), this.i18n = this.#e.i18n;
|
|
20
20
|
}
|
|
21
21
|
static {
|
|
22
|
-
this.styles =
|
|
22
|
+
this.styles = m([r, o]);
|
|
23
23
|
}
|
|
24
24
|
static {
|
|
25
25
|
this.metadata = {
|
|
26
26
|
tag: "nve-toggletip",
|
|
27
|
-
version: "2.23.
|
|
27
|
+
version: "2.23.5"
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
static {
|
|
31
|
-
this.elementDefinitions = { [
|
|
31
|
+
this.elementDefinitions = { [a.metadata.tag]: a };
|
|
32
32
|
}
|
|
33
33
|
#e;
|
|
34
34
|
render() {
|
|
35
|
-
return
|
|
35
|
+
return u`<div internal-host><slot name="header"></slot>${this.closable ? u`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<div id="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>${this.arrow ? u`<div class="arrow"></div>` : ""}`;
|
|
36
36
|
}
|
|
37
37
|
connectedCallback() {
|
|
38
|
-
super.connectedCallback(),
|
|
38
|
+
super.connectedCallback(), c(this), this._internals.role = "toggletip", t(this, s);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
|
|
41
|
+
i([d({ type: String })], _.prototype, "anchor", void 0), i([d({ type: String })], _.prototype, "trigger", void 0), i([d({
|
|
42
42
|
type: String,
|
|
43
43
|
reflect: !0
|
|
44
|
-
})], _.prototype, "position", void 0),
|
|
44
|
+
})], _.prototype, "position", void 0), i([d({
|
|
45
45
|
type: String,
|
|
46
46
|
reflect: !0
|
|
47
|
-
})], _.prototype, "alignment", void 0),
|
|
47
|
+
})], _.prototype, "alignment", void 0), i([d({
|
|
48
48
|
type: Boolean,
|
|
49
49
|
reflect: !0,
|
|
50
50
|
attribute: "behavior-trigger"
|
|
51
|
-
})], _.prototype, "behaviorTrigger", void 0),
|
|
51
|
+
})], _.prototype, "behaviorTrigger", void 0), i([d({ type: Boolean })], _.prototype, "closable", void 0), i([d({ type: Boolean })], _.prototype, "arrow", void 0), i([h(".arrow")], _.prototype, "popoverArrow", void 0), i([d({ type: Object })], _.prototype, "i18n", void 0), _ = i([p(), e({ excessiveInstanceLimit: 50 })], _);
|
|
52
52
|
export { _ as Toggletip };
|
|
53
53
|
|
|
54
54
|
//# sourceMappingURL=toggletip2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggletip2.js","names":["styles","globalStyles","_decorate","__decorate","toggletip_default","toggletip_global_default","i18nDefaults","Toggletip","LitElement","_args","TypeNativePopoverController","#i18nController","I18nController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","query","scopedRegistry","audit"],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n
|
|
1
|
+
{"version":3,"file":"toggletip2.js","names":["styles","globalStyles","_decorate","__decorate","toggletip_default","toggletip_global_default","i18nDefaults","Toggletip","LitElement","_args","TypeNativePopoverController","#i18nController","I18nController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","query","scopedRegistry","audit"],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n audit,\n excessiveInstanceLimit,\n popoverStyles,\n TypeNativePopoverController,\n appendRootNodeStyle\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './toggletip.css?inline';\nimport globalStyles from './toggletip.global.css?inline';\n\nconst i18nDefaults = {\n close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toggletip\n * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toggletip opens.\n * @event close - Dispatched when the toggletip closes.\n * @slot - default slot for toggletip content\n * @cssprop --arrow-transform\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of toggletip open/close animations\n * @csspart icon-button - The close icon button element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n *\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toggletip extends LitElement {\n static styles = useStyles([popoverStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-toggletip',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n /**\n * (optional) By default the popover automatically anchors itself relative to the trigger element.\n * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) anchor: string | HTMLElement;\n\n /**\n * @deprecated Use the popover API instead.\n * The trigger defines what element triggers an `open` interaction event.\n * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) trigger: string | HTMLElement;\n\n /**\n * Sets the side position of the popover relative to the provided anchor element.\n */\n @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n /**\n * Sets the alignment of the popover relative to the provided anchor element.\n * If an arrow exists the alginment will be relative to the arrow against the anchor.\n */\n @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n /**\n * @deprecated Use the popover API instead.\n * Determines if popover visibility behavior should be automatically controlled by the trigger.\n */\n @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n /**\n * Determines if a close button should render within toggletip.\n */\n @property({ type: Boolean }) closable = false;\n\n /**\n * Determines if the component renders an arrow.\n */\n @property({ type: Boolean }) arrow = true;\n\n /** @private */\n @query('.arrow') popoverArrow: HTMLElement;\n\n /** @private */\n readonly popoverType: PopoverType = 'auto';\n\n protected typeNativePopoverController = new TypeNativePopoverController<Toggletip>(this);\n\n #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n /**\n * Updates internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"header\"></slot>\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n <div id=\"content\" part=\"_content\">\n <slot></slot>\n </div>\n <slot name=\"footer\"></slot>\n </div>\n ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'toggletip';\n appendRootNodeStyle(this, globalStyles);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAiCaC,IAAN,cAAwBC,EAAW;;EAiEL,A,aArCoC,KAAA,WAAA,OAMF,KAAA,YAAA,UAW7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAMD,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAuC,IAAI,GAE/C,KAAAC,KAAA,IAAIC,EAAqB,MAAMN,CAAY,GAKhD,KAAA,OAAA,KAAKK,GAAgB;;;EAhExC,KAAA,SAAAE,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAkDA;CAUA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,wFAM/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AA1EGC,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BL,EAAA,CAAAiB,EAAM,QAAQ,CAAA,GAAAZ,EAAA,WAAA,gBAAA,KAAA,CAAA,GAYdL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAnE3B,IAAAL,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAd,CAAA"}
|
package/dist/toolbar/toolbar2.js
CHANGED
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import { applySlotContentStates as e, hasHorizontalScrollBar as t } from "../internal/utils/dom.js";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { LitElement as
|
|
7
|
-
import { property as
|
|
2
|
+
import { statusStateStyles as n, supportStateStyles as r } from "../internal/styles/index.js";
|
|
3
|
+
import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
|
|
4
|
+
import a from "./toolbar.js";
|
|
5
|
+
import { attachInternals as o } from "@nvidia-elements/foundations/internal/a11y";
|
|
6
|
+
import { LitElement as s, html as c } from "lit";
|
|
7
|
+
import { property as l } from "lit/decorators/property.js";
|
|
8
|
+
import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
|
|
8
9
|
import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
|
|
9
10
|
// src/toolbar/toolbar.ts
|
|
10
|
-
var f = class extends
|
|
11
|
+
var f = class extends s {
|
|
11
12
|
constructor(...e) {
|
|
12
13
|
super(...e), this.content = "scroll", this.orientation = "horizontal", this.#e = [];
|
|
13
14
|
}
|
|
14
15
|
static {
|
|
15
|
-
this.styles =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
this.styles = u([
|
|
17
|
+
a,
|
|
18
|
+
n,
|
|
19
|
+
r
|
|
19
20
|
]);
|
|
20
21
|
}
|
|
21
22
|
static {
|
|
22
23
|
this.metadata = {
|
|
23
24
|
tag: "nve-toolbar",
|
|
24
|
-
version: "2.23.
|
|
25
|
+
version: "2.23.5"
|
|
25
26
|
};
|
|
26
27
|
}
|
|
27
28
|
static {
|
|
@@ -39,10 +40,10 @@ var f = class extends c {
|
|
|
39
40
|
];
|
|
40
41
|
}
|
|
41
42
|
render() {
|
|
42
|
-
return
|
|
43
|
+
return c`<div internal-host @slotchange="${this.#r}"><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
|
|
43
44
|
}
|
|
44
45
|
connectedCallback() {
|
|
45
|
-
super.connectedCallback(),
|
|
46
|
+
super.connectedCallback(), o(this), this._internals.role = "toolbar";
|
|
46
47
|
}
|
|
47
48
|
firstUpdated(e) {
|
|
48
49
|
super.firstUpdated(e), this.#i();
|
|
@@ -72,19 +73,19 @@ var f = class extends c {
|
|
|
72
73
|
e.filter((e) => e.matches("nve-divider")).forEach((e) => e.orientation = this.orientation === "horizontal" ? "vertical" : "horizontal"), e.filter((e) => e.matches("nve-button-group")).forEach((e) => e.orientation = this.orientation);
|
|
73
74
|
}
|
|
74
75
|
};
|
|
75
|
-
|
|
76
|
+
i([l({
|
|
76
77
|
type: String,
|
|
77
78
|
reflect: !0
|
|
78
|
-
})], f.prototype, "container", void 0),
|
|
79
|
+
})], f.prototype, "container", void 0), i([l({
|
|
79
80
|
type: String,
|
|
80
81
|
reflect: !0
|
|
81
|
-
})], f.prototype, "content", void 0),
|
|
82
|
+
})], f.prototype, "content", void 0), i([l({
|
|
82
83
|
type: String,
|
|
83
84
|
reflect: !0
|
|
84
|
-
})], f.prototype, "orientation", void 0),
|
|
85
|
+
})], f.prototype, "orientation", void 0), i([l({
|
|
85
86
|
type: String,
|
|
86
87
|
reflect: !0
|
|
87
|
-
})], f.prototype, "status", void 0),
|
|
88
|
+
})], f.prototype, "status", void 0), i([d({ slot: "prefix" })], f.prototype, "prefixElements", void 0), i([d({ slot: "suffix" })], f.prototype, "suffixElements", void 0), i([d()], f.prototype, "defaultElements", void 0);
|
|
88
89
|
export { f as Toolbar };
|
|
89
90
|
|
|
90
91
|
//# sourceMappingURL=toolbar2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar2.js","names":["styles","_decorate","__decorate","toolbar_default","Toolbar","LitElement","_args","#observers","useStyles","statusStateStyles","supportStateStyles","#scrollbox","#slottedElements","#slotchange","attachInternals","props","#setupScrollbarListener","#updateContainers","#updateOrientation","observer","applySlotContentStates","e","#setScrollbarState","hasHorizontalScrollBar","slottedElements","property","queryAssignedElements"],"sources":["../../src/toolbar/toolbar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n
|
|
1
|
+
{"version":3,"file":"toolbar2.js","names":["styles","_decorate","__decorate","toolbar_default","Toolbar","LitElement","_args","#observers","useStyles","statusStateStyles","supportStateStyles","#scrollbox","#slottedElements","#slotchange","attachInternals","props","#setupScrollbarListener","#updateContainers","#updateOrientation","observer","applySlotContentStates","e","#setScrollbarState","hasHorizontalScrollBar","slottedElements","property","queryAssignedElements"],"sources":["../../src/toolbar/toolbar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n statusStateStyles,\n supportStateStyles,\n applySlotContentStates,\n hasHorizontalScrollBar\n} from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './toolbar.css?inline';\n\n/**\n * @element nve-toolbar\n * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n * @documentation https://nvidia.github.io/elements/docs/elements/toolbar/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/toolbar\n * @slot - Primary buttons, inputs, and other toolbar controls.\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --border-radius\n * @cssprop --gap\n * @cssprop --border-bottom\n * @cssprop --box-shadow\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\nexport class Toolbar extends LitElement implements ContainerElement {\n static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-toolbar',\n version: '0.0.0'\n };\n\n static elementDefinitions = {};\n\n /**\n * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport.\n */\n @property({ type: String, reflect: true }) container?: 'flat' | 'inset' | 'full';\n\n /**\n * Determines the primary content overflow behavior.\n */\n @property({ type: String, reflect: true }) content?: 'scroll' | 'wrap' = 'scroll';\n\n /**\n * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only.\n */\n @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n /**\n * Visual treatment to represent accent color for interactive selections\n */\n @property({ type: String, reflect: true }) status: 'accent';\n\n /** @private */\n declare _internals: ElementInternals;\n\n #observers: (MutationObserver | ResizeObserver)[] = [];\n\n get #scrollbox() {\n return this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n }\n\n @queryAssignedElements({ slot: 'prefix' }) private prefixElements!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'suffix' }) private suffixElements!: HTMLElement[];\n\n @queryAssignedElements() private defaultElements!: HTMLElement[];\n\n get #slottedElements() {\n return [...this.prefixElements, ...this.defaultElements, ...this.suffixElements];\n }\n\n render() {\n return html`\n <div internal-host @slotchange=${this.#slotchange}>\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'toolbar';\n }\n\n firstUpdated(props: PropertyValues<this>) {\n super.firstUpdated(props);\n this.#setupScrollbarListener();\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#updateContainers();\n this.#updateOrientation();\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.#observers.forEach(observer => observer.disconnect());\n }\n\n #slotchange(e: Event) {\n applySlotContentStates(e.target as HTMLSlotElement, this);\n this.#updateContainers();\n this.#updateOrientation();\n this.#setScrollbarState();\n }\n\n #setupScrollbarListener() {\n this.#setScrollbarState();\n const observer = new ResizeObserver(() => this.#setScrollbarState());\n this.#observers.push(observer);\n observer.observe(this);\n }\n\n #setScrollbarState() {\n if (hasHorizontalScrollBar(this.#scrollbox as HTMLElement)) {\n this._internals.states.add('scrollbar');\n } else {\n this._internals.states.delete('scrollbar');\n }\n }\n\n #updateContainers() {\n const slottedElements = this.#slottedElements as (HTMLElement & { container: string })[];\n slottedElements\n .filter(e =>\n e.matches(\n 'nve-button-group, nve-input, nve-search, nve-combobox, nve-button, nve-select, nve-icon-button, nve-copy-button'\n )\n )\n .forEach(e => (e.container = 'flat'));\n }\n\n #updateOrientation() {\n const slottedElements = this.#slottedElements as (HTMLElement & { orientation: string })[];\n slottedElements\n .filter(e => e.matches('nve-divider'))\n .forEach(divider => (divider.orientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal'));\n slottedElements\n .filter(e => e.matches('nve-button-group'))\n .forEach(group => (group.orientation = this.orientation!));\n }\n}\n"],"mappings":";;;;;;;;;;AAsCA,IAAaI,IAAb,cAA6BC,EAAuC;;EAiCd,A,aAfqB,KAAA,UAAA,UAKY,KAAA,cAAA,cAUjC,KAAAE,KAAA,CAAC;;;EAhCrC,KAAA,SAAAC,EAAU;GAACR;GAAQS;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,CAAC;;CAyB7B;CAEA,IAAIC,KAAa;EACf,OAAO,KAAK,WAAY,cAA+B,kBAAkB;CAC3E;CAQA,IAAIC,KAAmB;EACrB,OAAO;GAAC,GAAG,KAAK;GAAgB,GAAG,KAAK;GAAiB,GAAG,KAAK;EAAc;CACjF;CAEA,SAAS;EACP,OAAO,CAAI,mCACwB,KAAKC,GAAY;CAMtD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,aAAa,GAA6B;EAExC,AADA,MAAM,aAAaC,CAAK,GACxB,KAAKC,GAAwB;CAC/B;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQD,CAAK,GACnB,KAAKE,GAAkB,GACvB,KAAKC,GAAmB;CAC1B;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAKX,GAAW,SAAQ,MAAYY,EAAS,WAAW,CAAC;CAC3D;CAEA,GAAY,GAAU;EAIpB,AAHAC,EAAuBC,EAAE,QAA2B,IAAI,GACxD,KAAKJ,GAAkB,GACvB,KAAKC,GAAmB,GACxB,KAAKI,GAAmB;CAC1B;CAEA,KAA0B;EACxB,KAAKA,GAAmB;EACxB,IAAMH,IAAW,IAAI,qBAAqB,KAAKG,GAAmB,CAAC;EAEnE,AADA,KAAKf,GAAW,KAAKY,CAAQ,GAC7BA,EAAS,QAAQ,IAAI;CACvB;CAEA,KAAqB;EACnB,AAAII,EAAuB,KAAKZ,EAAyB,IACvD,KAAK,WAAW,OAAO,IAAI,WAAW,IAEtC,KAAK,WAAW,OAAO,OAAO,WAAW;CAE7C;CAEA,KAAoB;EAElB,KAD6BC,GAE1B,QAAO,MACN,EAAE,QACA,iHACF,CACF,CAAC,CACA,SAAQ,MAAM,EAAE,YAAY,MAAO;CACxC;CAEA,KAAqB;EACnB,IAAMY,IAAkB,KAAKZ;EAI7B,AAHAY,EACG,QAAO,MAAK,EAAE,QAAQ,aAAa,CAAC,CAAC,CACrC,SAAQ,MAAY,EAAQ,cAAc,KAAK,gBAAgB,eAAe,aAAa,YAAa,GAC3GA,EACG,QAAO,MAAK,EAAE,QAAQ,kBAAkB,CAAC,CAAC,CAC1C,SAAQ,MAAU,EAAM,cAAc,KAAK,WAAa;CAC7D;AACF;AA9GGvB,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAArB,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAArB,EAAA,WAAA,WAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAArB,EAAA,WAAA,eAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAArB,EAAA,WAAA,UAAA,KAAA,CAAA,GAWxCH,EAAA,CAAAyB,EAAsB,EAAE,MAAM,SAAS,CAAC,CAAA,GAAAtB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAExCH,EAAA,CAAAyB,EAAsB,EAAE,MAAM,SAAS,CAAC,CAAA,GAAAtB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAExCH,EAAA,CAAAyB,EAAsB,CAAA,GAAAtB,EAAA,WAAA,mBAAA,KAAA,CAAA"}
|
package/dist/tooltip/tooltip2.js
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import a from "
|
|
7
|
-
import o from "
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
|
|
3
|
+
import { popoverStyles as n } from "../internal/styles/popover2.js";
|
|
4
|
+
import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
|
|
5
|
+
import i from "./tooltip.js";
|
|
6
|
+
import { attachInternals as a } from "@nvidia-elements/foundations/internal/a11y";
|
|
7
|
+
import { LitElement as o, html as s } from "lit";
|
|
8
|
+
import { property as c } from "lit/decorators/property.js";
|
|
9
|
+
import { useStyles as l } from "@nvidia-elements/foundations/internal/styles";
|
|
10
10
|
import { query as u } from "lit/decorators/query.js";
|
|
11
11
|
// src/tooltip/tooltip.ts
|
|
12
|
-
var d = class extends
|
|
12
|
+
var d = class extends o {
|
|
13
13
|
constructor(...e) {
|
|
14
|
-
super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new
|
|
14
|
+
super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new t(this);
|
|
15
15
|
}
|
|
16
16
|
static {
|
|
17
|
-
this.styles =
|
|
17
|
+
this.styles = l([n, i]);
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-tooltip",
|
|
22
|
-
version: "2.23.
|
|
22
|
+
version: "2.23.5"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return
|
|
26
|
+
return s`<div internal-host><slot></slot></div><div part="arrow" class="arrow"></div>`;
|
|
27
27
|
}
|
|
28
28
|
connectedCallback() {
|
|
29
|
-
super.connectedCallback(),
|
|
29
|
+
super.connectedCallback(), a(this), this._internals.role = "tooltip";
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
r([c({ type: String })], d.prototype, "anchor", void 0), r([c({ type: String })], d.prototype, "trigger", void 0), r([c({
|
|
33
33
|
type: String,
|
|
34
34
|
reflect: !0
|
|
35
|
-
})], d.prototype, "position", void 0),
|
|
35
|
+
})], d.prototype, "position", void 0), r([c({
|
|
36
36
|
type: String,
|
|
37
37
|
reflect: !0
|
|
38
|
-
})], d.prototype, "alignment", void 0),
|
|
38
|
+
})], d.prototype, "alignment", void 0), r([c({
|
|
39
39
|
type: Boolean,
|
|
40
40
|
reflect: !0,
|
|
41
41
|
attribute: "behavior-trigger"
|
|
42
|
-
})], d.prototype, "behaviorTrigger", void 0),
|
|
42
|
+
})], d.prototype, "behaviorTrigger", void 0), r([c({
|
|
43
43
|
type: String,
|
|
44
44
|
reflect: !0
|
|
45
|
-
})], d.prototype, "status", void 0),
|
|
45
|
+
})], d.prototype, "status", void 0), r([c({
|
|
46
46
|
type: Number,
|
|
47
47
|
attribute: "open-delay"
|
|
48
|
-
})], d.prototype, "openDelay", void 0),
|
|
48
|
+
})], d.prototype, "openDelay", void 0), r([u(".arrow")], d.prototype, "popoverArrow", void 0), d = r([e({ excessiveInstanceLimit: 50 })], d);
|
|
49
49
|
export { d as Tooltip };
|
|
50
50
|
|
|
51
51
|
//# sourceMappingURL=tooltip2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip2.js","names":["styles","_decorate","__decorate","tooltip_default","Tooltip","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","attachInternals","property","query","audit"],"sources":["../../src/tooltip/tooltip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n
|
|
1
|
+
{"version":3,"file":"tooltip2.js","names":["styles","_decorate","__decorate","tooltip_default","Tooltip","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","attachInternals","property","query","audit"],"sources":["../../src/tooltip/tooltip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n audit,\n excessiveInstanceLimit,\n popoverStyles,\n TypeNativePopoverController\n} from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './tooltip.css?inline';\n\n/**\n * @element nve-tooltip\n * @description A contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/tooltip/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/tooltip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the tooltip opens.\n * @event close - Dispatched when the tooltip closes.\n * @slot - Noninteractive text or other descriptive content shown in the tooltip.\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --arrow-transform\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @csspart arrow\n * @cssprop --animation-duration - Duration of tooltip open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@audit({ excessiveInstanceLimit })\nexport class Tooltip extends LitElement {\n static styles = useStyles([popoverStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-tooltip',\n version: '0.0.0'\n };\n\n /**\n * (optional) By default the popover automatically anchors itself relative to the trigger element.\n * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) anchor: string | HTMLElement;\n\n /**\n * @deprecated Use the popover API instead.\n * The trigger defines what element triggers an `open` interaction event.\n * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n */\n @property({ type: String }) trigger: string | HTMLElement;\n\n /**\n * Sets the side position of the popover relative to the provided anchor element.\n */\n @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n /**\n * Sets the alignment of the popover relative to the provided anchor element.\n */\n @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n /**\n * @deprecated Use the popover API instead.\n * Determines if popover visibility behavior should be automatically controlled by the trigger.\n */\n @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n /**\n * visual treatment to represent a ongoing task or support status\n */\n @property({ type: String, reflect: true }) status: 'muted';\n\n /**\n * @deprecated Use interest-delay-start css property instead\n */\n @property({ type: Number, attribute: 'open-delay' }) openDelay: number;\n\n /** @private */\n @query('.arrow') popoverArrow: HTMLElement;\n\n /** @private */\n readonly popoverType: PopoverType = 'hint';\n\n protected typeNativePopoverController = new TypeNativePopoverController<Tooltip>(this);\n\n /** @private */\n declare _internals: ElementInternals;\n\n /* eslint-disable local/no-invalid-css-parts */\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n <div part=\"arrow\" class=\"arrow\"></div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'tooltip';\n }\n}\n"],"mappings":";;;;;;;;;;;AA4CO,IAAMI,IAAN,cAAsBC,EAAW;;EAqDE,A,aA7B+B,KAAA,WAAA,OA2BnC,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAqC,IAAI;;;EApDrE,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAqDA,SAAS;EACP,OAAO,CAAI;CAMb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA7DGT,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBH,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAP,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAGlDH,EAAA,CAAAW,EAAM,QAAQ,CAAA,GAAAR,EAAA,WAAA,gBAAA,KAAA,CAAA,GAjDhB,IAAAH,EAAA,CAAAY,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAT,CAAA"}
|