@nvidia-elements/core 0.2.1 → 0.2.3
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 +13 -0
- package/dist/accordion/accordion2.js +39 -39
- package/dist/alert/alert-group2.js +14 -14
- package/dist/alert/alert2.js +20 -20
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +6 -6
- package/dist/badge/badge2.js +21 -21
- package/dist/breadcrumb/breadcrumb2.js +12 -12
- package/dist/bundles/index.d.ts +418 -1802
- package/dist/bundles/index.js +6 -6
- package/dist/button/button.d.ts +5 -2
- package/dist/button/button2.js +13 -13
- package/dist/button/button2.js.map +1 -1
- package/dist/button-group/button-group2.js +15 -15
- package/dist/card/card2.js +17 -17
- package/dist/chat-message/chat-message2.js +7 -7
- package/dist/checkbox/checkbox-group2.js +7 -7
- package/dist/checkbox/checkbox2.js +7 -7
- package/dist/color/color2.js +7 -7
- package/dist/combobox/combobox2.js +10 -10
- package/dist/copy-button/copy-button2.js +10 -10
- package/dist/custom-elements-jsx.d.ts +346 -613
- package/dist/custom-elements-vue.d.ts +346 -613
- package/dist/custom-elements.json +4870 -14220
- package/dist/data.html.json +252 -168
- package/dist/data.snippets.json +32 -32
- package/dist/date/date2.js +7 -7
- package/dist/datetime/datetime2.js +7 -7
- package/dist/dialog/dialog-footer2.js +6 -6
- package/dist/dialog/dialog-header2.js +6 -6
- package/dist/dialog/dialog2.js +19 -19
- package/dist/divider/divider2.js +5 -5
- package/dist/dot/dot2.js +8 -8
- package/dist/drawer/drawer-content2.js +6 -6
- package/dist/drawer/drawer-footer2.js +6 -6
- package/dist/drawer/drawer-header2.js +6 -6
- package/dist/drawer/drawer2.js +19 -19
- package/dist/dropdown/dropdown-footer2.js +6 -6
- package/dist/dropdown/dropdown-header2.js +6 -6
- package/dist/dropdown/dropdown2.js +16 -16
- package/dist/dropdown-group/dropdown-group.js +16 -16
- package/dist/dropzone/dropzone.d.ts +1 -404
- package/dist/dropzone/dropzone2.js +14 -14
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +10 -10
- package/dist/format-number/format-number2.js +16 -16
- package/dist/format-relative-time/format-relative-time2.js +7 -7
- package/dist/forms/control/control2.js +19 -19
- package/dist/forms/control-group/control-group2.js +6 -6
- package/dist/forms/control-message/control-message2.js +9 -9
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +10 -10
- package/dist/grid/footer/footer2.js +6 -6
- package/dist/grid/grid2.js +12 -12
- package/dist/grid/header/header2.js +9 -9
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +9 -9
- package/dist/icon/icon2.js +15 -15
- package/dist/icon-button/icon-button2.js +9 -9
- package/dist/index.js +4 -4
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +6 -6
- package/dist/internal/controllers/keynav-grid.controller.js +39 -39
- package/dist/internal/controllers/type-button.controller.examples.js.map +1 -1
- package/dist/internal/controllers/type-button.controller.examples.json +1 -1
- package/dist/internal/controllers/type-command.controller.d.ts +10 -1
- package/dist/internal/controllers/type-command.controller.js +23 -14
- package/dist/internal/controllers/type-command.controller.js.map +1 -1
- package/dist/internal/controllers/type-native-popover.utils.js +7 -7
- package/dist/internal/decorators/scoped-registry.js +24 -6
- package/dist/internal/decorators/scoped-registry.js.map +1 -1
- package/dist/internal/index.d.ts +0 -1
- package/dist/internal/index.js +40 -41
- package/dist/internal/services/global.service.js +1 -1
- package/dist/internal/utils/focus.js +1 -1
- package/dist/internal/utils/focus.js.map +1 -1
- package/dist/logo/logo2.js +6 -6
- package/dist/menu/menu-item.d.ts +4 -2
- package/dist/menu/menu-item2.js +12 -12
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu2.js +10 -10
- package/dist/month/month2.js +7 -7
- package/dist/notification/notification-group2.js +11 -11
- package/dist/notification/notification2.js +22 -22
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +6 -6
- package/dist/page/page-panel/page-panel-header2.js +6 -6
- package/dist/page/page-panel/page-panel2.js +14 -14
- package/dist/page/page2.js +9 -9
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +10 -10
- package/dist/pagination/pagination.d.ts +1 -404
- package/dist/pagination/pagination2.js +17 -17
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/panel2.js +21 -21
- package/dist/password/password2.js +7 -7
- package/dist/preferences-input/preferences-input.d.ts +1 -404
- package/dist/preferences-input/preferences-input2.js +9 -9
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +8 -8
- package/dist/progress-ring/progress-ring2.js +15 -15
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +15 -15
- package/dist/pulse/pulse2.js +6 -6
- package/dist/radio/radio-group2.js +7 -7
- package/dist/radio/radio2.js +7 -7
- package/dist/range/range2.js +5 -5
- package/dist/resize-handle/resize-handle.d.ts +1 -404
- package/dist/resize-handle/resize-handle2.js +16 -16
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +8 -8
- package/dist/select/select2.js +18 -18
- package/dist/skeleton/skeleton2.js +7 -7
- package/dist/sort-button/sort-button.d.ts +4 -2
- package/dist/sort-button/sort-button2.js +19 -19
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/sparkline2.js +14 -14
- package/dist/star-rating/star-rating2.js +6 -6
- package/dist/steps/steps.d.ts +4 -2
- package/dist/steps/steps2.js +36 -36
- package/dist/steps/steps2.js.map +1 -1
- package/dist/switch/switch-group2.js +6 -6
- package/dist/switch/switch2.js +7 -7
- package/dist/tabs/tabs-group2.js +21 -21
- package/dist/tabs/tabs.d.ts +4 -2
- package/dist/tabs/tabs2.js +30 -30
- package/dist/tabs/tabs2.js.map +1 -1
- package/dist/tag/tag.d.ts +5 -2
- package/dist/tag/tag2.js +20 -20
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +7 -7
- package/dist/toast/toast2.js +21 -21
- package/dist/toggletip/toggletip-footer2.js +6 -6
- package/dist/toggletip/toggletip-header2.js +6 -6
- package/dist/toggletip/toggletip2.js +17 -17
- package/dist/toolbar/toolbar2.js +11 -11
- package/dist/tooltip/tooltip2.js +16 -16
- package/dist/tree/tree-node2.js +30 -30
- package/dist/tree/tree2.js +14 -14
- package/dist/week/week2.js +7 -7
- package/package.json +3 -3
- package/dist/internal/base/button.d.ts +0 -114
- package/dist/internal/base/button.js +0 -117
- package/dist/internal/base/button.js.map +0 -1
package/dist/internal/index.js
CHANGED
|
@@ -1,44 +1,43 @@
|
|
|
1
1
|
import { DOCS_URL as e, formatFileSize as t, shiftLeft as n } from "./utils/strings.js";
|
|
2
2
|
import { deepMerge as r, formatStandardNumber as i, getDifference as a, isObject as o, isObjectLiteral as s, parseVersion as c } from "./utils/objects.js";
|
|
3
3
|
import { GlobalState as l, GlobalStateService as u } from "./services/global.service.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
|
|
44
|
-
export { Ue as AuditController, Be as BaseButton, e as DOCS_URL, l as GlobalState, u as GlobalStateService, Je as I18nController, Ke as I18nService, qe as I18nService_, Xe as KeyNavigationGridController, $e as KeyNavigationListController, y as KeynavCode, je as LogService, ft as NveTouchEvent, le as StateActiveController, Pe as StateCurrentController, de as StateDisabledController, pe as StateExpandedController, nt as StateHighlightedController, he as StatePressedController, it as StateScrollController, _e as StateSelectedController, Tt as TransitionService, xe as TypeAnchorController, ye as TypeButtonController, ot as TypeClosableController, Ie as TypeCommandController, st as TypeExpandableController, Re as TypeInterestController, lt as TypeNativePopoverController, Me as TypeNativePopoverTriggerController, ut as TypeSSRController, ct as TypeSelectableController, ke as TypeSubmitController, pt as TypeTouchController, b as appendAnchorName, x as appendRootNodeStyle, S as applySlotContentStates, re as associateAriaDescribedBy, ie as associateAriaLabel, ae as associateControlGroup, oe as associateDataList, se as associateLabel, ce as attachInternals, We as audit, Ve as auditParentElement, He as auditSlots, C as clickOutsideElementBounds, _t as colorStateStyles, w as createGhostElement, De as createLightDismiss, Ce as debounce, r as deepMerge, T as define, E as defineElement, D as endOfScrollBox, Ge as excessiveInstanceLimit, d as focusElement, f as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, O as generateId, p as getActiveElement, k as getAnchorNames, A as getAttributeChanges, j as getAttributeListChanges, M as getChildren, a as getDifference, N as getDisplayValue, P as getElementUpdate, F as getFlattenedDOMTree, I as getFlattenedFocusableItems, Ze as getNextKeyGridItem, et as getNextKeyListItem, L as getPropertyChanges, R as getThemeTokens, z as hasHorizontalScrollBar, B as hasInvalidDOMGrid, V as hasScrollBar, ht as hostAttr, Ye as i18n, m as initializeKeyListItems, H as isContextMenuClick, h as isFocusable, o as isObject, s as isObjectLiteral, g as isSimpleFocusable, Qe as keyNavigationGrid, tt as keyNavigationList, U as matchesElementName, we as onChildListMutation, Oe as onKeys, _ as onListboxActivate, W as openEyeDropper, G as parseTokenNumber, c as parseVersion, wt as popoverStyles, K as removeAnchorName, q as removeEmptySlotWhitespace, J as removeEmptyTextNode, Y as sameOrderedStringArray, X as sameRenderRoot, gt as scopedRegistry, Z as scrollBarWidth, v as setActiveKeyListItem, n as shiftLeft, Q as slotContainsOnlyWhitespace, ue as stateActive, Fe as stateCurrent, fe as stateDisabled, me as stateExpanded, rt as stateHighlighted, ge as statePressed, at as stateScroll, ve as stateSelected, Et as statusIcons, vt as statusStateStyles, Te as stopEvent, $ as styleSheetToString, yt as supportStateStyles, xt as supportsCSSLegacyInsetArea, St as supportsCSSPositionArea, Ct as supportsNativeCSSAnchorPosition, ee as supportsScopedRegistry, Ee as throttle, Se as typeAnchor, be as typeButton, Le as typeCommand, ze as typeInterest, Ne as typeNativePopoverTrigger, dt as typeSSR, Ae as typeSubmit, mt as typeTouch, te as uniqueNonEmptyStrings, bt as useStyles, ne as validKeyNavigationCode };
|
|
4
|
+
import { auditParentElement as d, auditSlots as f } from "./utils/audit.js";
|
|
5
|
+
import { AuditController as p, audit as m, excessiveInstanceLimit as h } from "./controllers/audit.controller.js";
|
|
6
|
+
import { I18nService as g, I18nService_ as _ } from "./services/i18n.service.js";
|
|
7
|
+
import { I18nController as v, i18n as y } from "./controllers/i18n.controller.js";
|
|
8
|
+
import { debounce as b, onChildListMutation as x, stopEvent as S, throttle as C } from "./utils/events.js";
|
|
9
|
+
import { LogService as w } from "./services/log.service.js";
|
|
10
|
+
import { focusElement as T, focusElementTimeout as E, getActiveElement as D, initializeKeyListItems as O, isFocusable as k, isSimpleFocusable as A, onListboxActivate as j, setActiveKeyListItem as M } from "./utils/focus.js";
|
|
11
|
+
import { KeynavCode as N, appendAnchorName as P, appendRootNodeStyle as F, applySlotContentStates as I, clickOutsideElementBounds as L, createGhostElement as R, define as z, defineElement as B, endOfScrollBox as V, generateId as H, getAnchorNames as U, getAttributeChanges as W, getAttributeListChanges as G, getChildren as K, getDisplayValue as q, getElementUpdate as J, getFlattenedDOMTree as Y, getFlattenedFocusableItems as X, getPropertyChanges as Z, getThemeTokens as Q, hasHorizontalScrollBar as $, hasInvalidDOMGrid as ee, hasScrollBar as te, isContextMenuClick as ne, matchesElementName as re, openEyeDropper as ie, parseTokenNumber as ae, removeAnchorName as oe, removeEmptySlotWhitespace as se, removeEmptyTextNode as ce, sameOrderedStringArray as le, sameRenderRoot as ue, scrollBarWidth as de, slotContainsOnlyWhitespace as fe, styleSheetToString as pe, supportsScopedRegistry as me, uniqueNonEmptyStrings as he, validKeyNavigationCode as ge } from "./utils/dom.js";
|
|
12
|
+
import { KeyNavigationGridController as _e, getNextKeyGridItem as ve, keyNavigationGrid as ye } from "./controllers/keynav-grid.controller.js";
|
|
13
|
+
import { KeyNavigationListController as be, getNextKeyListItem as xe, keyNavigationList as Se } from "./controllers/keynav-list.controller.js";
|
|
14
|
+
import { associateAriaDescribedBy as Ce, associateAriaLabel as we, associateControlGroup as Te, associateDataList as Ee, associateLabel as De, attachInternals as Oe } from "./utils/a11y.js";
|
|
15
|
+
import { StateActiveController as ke, stateActive as Ae } from "./controllers/state-active.controller.js";
|
|
16
|
+
import { StateCurrentController as je, stateCurrent as Me } from "./controllers/state-current.controller.js";
|
|
17
|
+
import { StateDisabledController as Ne, stateDisabled as Pe } from "./controllers/state-disabled.controller.js";
|
|
18
|
+
import { StateExpandedController as Fe, stateExpanded as Ie } from "./controllers/state-expanded.controller.js";
|
|
19
|
+
import { StateHighlightedController as Le, stateHighlighted as Re } from "./controllers/state-highlighted.controller.js";
|
|
20
|
+
import { StateScrollController as ze, stateScroll as Be } from "./controllers/state-scroll.controller.js";
|
|
21
|
+
import { StateSelectedController as Ve, stateSelected as He } from "./controllers/state-selected.controller.js";
|
|
22
|
+
import { StatePressedController as Ue, statePressed as We } from "./controllers/state-pressed.controller.js";
|
|
23
|
+
import { TypeAnchorController as Ge, typeAnchor as Ke } from "./controllers/type-anchor.controller.js";
|
|
24
|
+
import { TypeClosableController as qe } from "./controllers/type-closable.controller.js";
|
|
25
|
+
import { TypeCommandController as Je, typeCommand as Ye } from "./controllers/type-command.controller.js";
|
|
26
|
+
import { TypeInterestController as Xe, typeInterest as Ze } from "./controllers/type-interest.controller.js";
|
|
27
|
+
import { TypeExpandableController as Qe } from "./controllers/type-expandable.controller.js";
|
|
28
|
+
import { TypeSelectableController as $e } from "./controllers/type-selectable.controller.js";
|
|
29
|
+
import { TypeButtonController as et, typeButton as tt } from "./controllers/type-button.controller.js";
|
|
30
|
+
import { TypeNativePopoverTriggerController as nt, typeNativePopoverTrigger as rt } from "./controllers/type-native-popover-trigger.controller.js";
|
|
31
|
+
import { TypeNativePopoverController as it } from "./controllers/type-native-popover.controller.js";
|
|
32
|
+
import { TypeSSRController as at, typeSSR as ot } from "./controllers/type-ssr.controller.js";
|
|
33
|
+
import { createLightDismiss as st, onKeys as ct } from "./utils/keynav.js";
|
|
34
|
+
import { TypeSubmitController as lt, typeSubmit as ut } from "./controllers/type-submit.controller.js";
|
|
35
|
+
import { NveTouchEvent as dt, TypeTouchController as ft, typeTouch as pt } from "./controllers/type-touch.controller.js";
|
|
36
|
+
import { hostAttr as mt } from "./decorators/host-attr.js";
|
|
37
|
+
import { scopedRegistry as ht } from "./decorators/scoped-registry.js";
|
|
38
|
+
import { colorStateStyles as gt, statusStateStyles as _t, supportStateStyles as vt, useStyles as yt } from "./styles/index.js";
|
|
39
|
+
import { supportsCSSLegacyInsetArea as bt, supportsCSSPositionArea as xt, supportsNativeCSSAnchorPosition as St } from "./utils/supports.js";
|
|
40
|
+
import { popoverStyles as Ct } from "./styles/popover2.js";
|
|
41
|
+
import { TransitionService as wt } from "./services/transition.service.js";
|
|
42
|
+
import { statusIcons as Tt } from "./types/index.js";
|
|
43
|
+
export { p as AuditController, e as DOCS_URL, l as GlobalState, u as GlobalStateService, v as I18nController, g as I18nService, _ as I18nService_, _e as KeyNavigationGridController, be as KeyNavigationListController, N as KeynavCode, w as LogService, dt as NveTouchEvent, ke as StateActiveController, je as StateCurrentController, Ne as StateDisabledController, Fe as StateExpandedController, Le as StateHighlightedController, Ue as StatePressedController, ze as StateScrollController, Ve as StateSelectedController, wt as TransitionService, Ge as TypeAnchorController, et as TypeButtonController, qe as TypeClosableController, Je as TypeCommandController, Qe as TypeExpandableController, Xe as TypeInterestController, it as TypeNativePopoverController, nt as TypeNativePopoverTriggerController, at as TypeSSRController, $e as TypeSelectableController, lt as TypeSubmitController, ft as TypeTouchController, P as appendAnchorName, F as appendRootNodeStyle, I as applySlotContentStates, Ce as associateAriaDescribedBy, we as associateAriaLabel, Te as associateControlGroup, Ee as associateDataList, De as associateLabel, Oe as attachInternals, m as audit, d as auditParentElement, f as auditSlots, L as clickOutsideElementBounds, gt as colorStateStyles, R as createGhostElement, st as createLightDismiss, b as debounce, r as deepMerge, z as define, B as defineElement, V as endOfScrollBox, h as excessiveInstanceLimit, T as focusElement, E as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, H as generateId, D as getActiveElement, U as getAnchorNames, W as getAttributeChanges, G as getAttributeListChanges, K as getChildren, a as getDifference, q as getDisplayValue, J as getElementUpdate, Y as getFlattenedDOMTree, X as getFlattenedFocusableItems, ve as getNextKeyGridItem, xe as getNextKeyListItem, Z as getPropertyChanges, Q as getThemeTokens, $ as hasHorizontalScrollBar, ee as hasInvalidDOMGrid, te as hasScrollBar, mt as hostAttr, y as i18n, O as initializeKeyListItems, ne as isContextMenuClick, k as isFocusable, o as isObject, s as isObjectLiteral, A as isSimpleFocusable, ye as keyNavigationGrid, Se as keyNavigationList, re as matchesElementName, x as onChildListMutation, ct as onKeys, j as onListboxActivate, ie as openEyeDropper, ae as parseTokenNumber, c as parseVersion, Ct as popoverStyles, oe as removeAnchorName, se as removeEmptySlotWhitespace, ce as removeEmptyTextNode, le as sameOrderedStringArray, ue as sameRenderRoot, ht as scopedRegistry, de as scrollBarWidth, M as setActiveKeyListItem, n as shiftLeft, fe as slotContainsOnlyWhitespace, Ae as stateActive, Me as stateCurrent, Pe as stateDisabled, Ie as stateExpanded, Re as stateHighlighted, We as statePressed, Be as stateScroll, He as stateSelected, Tt as statusIcons, _t as statusStateStyles, S as stopEvent, pe as styleSheetToString, vt as supportStateStyles, bt as supportsCSSLegacyInsetArea, xt as supportsCSSPositionArea, St as supportsNativeCSSAnchorPosition, me as supportsScopedRegistry, C as throttle, Ke as typeAnchor, tt as typeButton, Ye as typeCommand, Ze as typeInterest, rt as typeNativePopoverTrigger, ot as typeSSR, ut as typeSubmit, pt as typeTouch, he as uniqueNonEmptyStrings, yt as useStyles, ge as validKeyNavigationCode };
|
|
@@ -19,7 +19,7 @@ var a = class {
|
|
|
19
19
|
i18nRegistry: {},
|
|
20
20
|
audit: {}
|
|
21
21
|
}
|
|
22
|
-
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.2.
|
|
22
|
+
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.2.3"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["0.2.3"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
|
|
23
23
|
}
|
|
24
24
|
get state() {
|
|
25
25
|
return globalThis.NVE_ELEMENTS.state;
|
|
@@ -46,7 +46,7 @@ function s(e, t) {
|
|
|
46
46
|
let n = (e) => e.code === "Space" || e.code === "ArrowUp" || e.code === "ArrowDown";
|
|
47
47
|
e.addEventListener("pointerdown", (e) => {
|
|
48
48
|
e.preventDefault();
|
|
49
|
-
}), e.addEventListener("
|
|
49
|
+
}), e.addEventListener("click", (n) => {
|
|
50
50
|
n.preventDefault(), e.disabled || t(n);
|
|
51
51
|
}), e.addEventListener("keyup", (r) => {
|
|
52
52
|
n(r) && !e.disabled && t(r);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus.js","names":[],"sources":["../../../src/internal/utils/focus.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function isFocusable(element: Element) {\n return (\n element.matches(\n [\n 'a[href]',\n 'area[href]',\n 'input',\n 'button',\n 'select',\n 'textarea',\n 'iframe',\n 'object',\n 'embed',\n '*[tabindex]',\n '*[contenteditable=true]',\n '[role=button]'\n ].join(',')\n ) &&\n element.matches(':not([disabled], [inert])') &&\n !element.closest(`[inert]`) &&\n !element.closest('[popover]')?.matches(':not(:popover-open)')\n );\n}\n\n/** returns interactive elements that does not require advanced keyboard interactions like arrow/navigation */\nexport function isSimpleFocusable(element: Element) {\n return element.matches(\n [\n 'a[href]',\n 'button:not([disabled])',\n 'input[type=checkbox]',\n 'input[type=radio]',\n 'object',\n 'embed',\n '*[tabindex]',\n '[role=button]:not([disabled])'\n ].join(',')\n );\n}\n\nexport function getActiveElement(root: Document | ShadowRoot = globalThis.document): Element | null {\n if (root.activeElement && root.activeElement.shadowRoot) {\n return getActiveElement(root.activeElement.shadowRoot) ?? root.activeElement;\n } else {\n return root.activeElement;\n }\n}\n\nexport function focusElement(element: HTMLElement) {\n if (element && !isFocusable(element)) {\n element.setAttribute('tabindex', '-1');\n element.focus();\n element.addEventListener('blur', () => element.removeAttribute('tabindex'), { once: true });\n } else {\n element?.focus();\n }\n}\n\nexport function focusElementTimeout(element: HTMLElement) {\n setTimeout(() => focusElement(element));\n}\n\nexport function setActiveKeyListItem(items: NodeListOf<HTMLElement> | HTMLElement[], item: HTMLElement) {\n items.forEach(i => (i.tabIndex = -1));\n item.tabIndex = 0;\n}\n\nexport function initializeKeyListItems(items: NodeListOf<HTMLElement> | HTMLElement[]) {\n items.forEach(i => (i.tabIndex = -1));\n items[0] && (items[0].tabIndex = 0);\n}\n\n/** determines if user interaction is a valid interaction for activating a listbox type */\nexport function onListboxActivate(\n element: HTMLElement & { disabled?: boolean },\n fn: (event: KeyboardEvent | PointerEvent) => void\n) {\n const validKey = (e: KeyboardEvent) => e.code === 'Space' || e.code === 'ArrowUp' || e.code === 'ArrowDown';\n\n element.addEventListener('pointerdown', (e: PointerEvent) => {\n e.preventDefault();\n });\n\n element.addEventListener('
|
|
1
|
+
{"version":3,"file":"focus.js","names":[],"sources":["../../../src/internal/utils/focus.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function isFocusable(element: Element) {\n return (\n element.matches(\n [\n 'a[href]',\n 'area[href]',\n 'input',\n 'button',\n 'select',\n 'textarea',\n 'iframe',\n 'object',\n 'embed',\n '*[tabindex]',\n '*[contenteditable=true]',\n '[role=button]'\n ].join(',')\n ) &&\n element.matches(':not([disabled], [inert])') &&\n !element.closest(`[inert]`) &&\n !element.closest('[popover]')?.matches(':not(:popover-open)')\n );\n}\n\n/** returns interactive elements that does not require advanced keyboard interactions like arrow/navigation */\nexport function isSimpleFocusable(element: Element) {\n return element.matches(\n [\n 'a[href]',\n 'button:not([disabled])',\n 'input[type=checkbox]',\n 'input[type=radio]',\n 'object',\n 'embed',\n '*[tabindex]',\n '[role=button]:not([disabled])'\n ].join(',')\n );\n}\n\nexport function getActiveElement(root: Document | ShadowRoot = globalThis.document): Element | null {\n if (root.activeElement && root.activeElement.shadowRoot) {\n return getActiveElement(root.activeElement.shadowRoot) ?? root.activeElement;\n } else {\n return root.activeElement;\n }\n}\n\nexport function focusElement(element: HTMLElement) {\n if (element && !isFocusable(element)) {\n element.setAttribute('tabindex', '-1');\n element.focus();\n element.addEventListener('blur', () => element.removeAttribute('tabindex'), { once: true });\n } else {\n element?.focus();\n }\n}\n\nexport function focusElementTimeout(element: HTMLElement) {\n setTimeout(() => focusElement(element));\n}\n\nexport function setActiveKeyListItem(items: NodeListOf<HTMLElement> | HTMLElement[], item: HTMLElement) {\n items.forEach(i => (i.tabIndex = -1));\n item.tabIndex = 0;\n}\n\nexport function initializeKeyListItems(items: NodeListOf<HTMLElement> | HTMLElement[]) {\n items.forEach(i => (i.tabIndex = -1));\n items[0] && (items[0].tabIndex = 0);\n}\n\n/** determines if user interaction is a valid interaction for activating a listbox type */\nexport function onListboxActivate(\n element: HTMLElement & { disabled?: boolean },\n fn: (event: KeyboardEvent | PointerEvent) => void\n) {\n const validKey = (e: KeyboardEvent) => e.code === 'Space' || e.code === 'ArrowUp' || e.code === 'ArrowDown';\n\n element.addEventListener('pointerdown', (e: PointerEvent) => {\n e.preventDefault();\n });\n\n // Chrome's LightDismissFromClick runs auto-popover light dismiss from click;\n // opening on pointerup can close immediately in the same gesture.\n // https://issues.chromium.org/issues/408010435\n element.addEventListener('click', (e: PointerEvent) => {\n e.preventDefault();\n\n if (!element.disabled) {\n fn(e);\n }\n });\n\n element.addEventListener('keyup', (e: KeyboardEvent) => {\n if (validKey(e) && !element.disabled) {\n fn(e);\n }\n });\n\n element.addEventListener('keydown', (e: KeyboardEvent) => {\n if (validKey(e) && !element.disabled) {\n e.preventDefault();\n }\n });\n}\n"],"mappings":";AAGA,SAAgB,EAAY,GAAkB;CAC5C,OACE,EAAQ,QACN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,EAAE,KAAK,GAAG,CACZ,KACA,EAAQ,QAAQ,2BAA2B,KAC3C,CAAC,EAAQ,QAAQ,SAAS,KAC1B,CAAC,EAAQ,QAAQ,WAAW,GAAG,QAAQ,qBAAqB;AAEhE;AAGA,SAAgB,EAAkB,GAAkB;CAClD,OAAO,EAAQ,QACb;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,EAAE,KAAK,GAAG,CACZ;AACF;AAEA,SAAgB,EAAiB,IAA8B,WAAW,UAA0B;CAIhG,OAHE,EAAK,iBAAiB,EAAK,cAAc,aACpC,EAAiB,EAAK,cAAc,UAAU,KAAK,EAAK,gBAExD,EAAK;AAEhB;AAEA,SAAgB,EAAa,GAAsB;CACjD,AAAI,KAAW,CAAC,EAAY,CAAO,KACjC,EAAQ,aAAa,YAAY,IAAI,GACrC,EAAQ,MAAM,GACd,EAAQ,iBAAiB,cAAc,EAAQ,gBAAgB,UAAU,GAAG,EAAE,MAAM,GAAK,CAAC,KAE1F,GAAS,MAAM;AAEnB;AAEA,SAAgB,EAAoB,GAAsB;CACxD,iBAAiB,EAAa,CAAO,CAAC;AACxC;AAEA,SAAgB,EAAqB,GAAgD,GAAmB;CAEtG,AADA,EAAM,SAAQ,MAAM,EAAE,WAAW,EAAG,GACpC,EAAK,WAAW;AAClB;AAEA,SAAgB,EAAuB,GAAgD;CAErF,AADA,EAAM,SAAQ,MAAM,EAAE,WAAW,EAAG,GACpC,EAAM,OAAO,EAAM,GAAG,WAAW;AACnC;AAGA,SAAgB,EACd,GACA,GACA;CACA,IAAM,KAAY,MAAqB,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa,EAAE,SAAS;CAuBhG,AArBA,EAAQ,iBAAiB,gBAAgB,MAAoB;EAC3D,EAAE,eAAe;CACnB,CAAC,GAKD,EAAQ,iBAAiB,UAAU,MAAoB;EAGrD,AAFA,EAAE,eAAe,GAEZ,EAAQ,YACX,EAAG,CAAC;CAER,CAAC,GAED,EAAQ,iBAAiB,UAAU,MAAqB;EACtD,AAAI,EAAS,CAAC,KAAK,CAAC,EAAQ,YAC1B,EAAG,CAAC;CAER,CAAC,GAED,EAAQ,iBAAiB,YAAY,MAAqB;EACxD,AAAI,EAAS,CAAC,KAAK,CAAC,EAAQ,YAC1B,EAAE,eAAe;CAErB,CAAC;AACH"}
|
package/dist/logo/logo2.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { attachInternals as e } from "../internal/utils/a11y.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
|
|
3
|
+
import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
4
|
import i from "./logo.js";
|
|
5
5
|
import { LitElement as a, html as o } from "lit";
|
|
6
6
|
import { property as s } from "lit/decorators/property.js";
|
|
7
7
|
//#region src/logo/logo.ts
|
|
8
8
|
var c = class extends a {
|
|
9
9
|
static {
|
|
10
|
-
this.styles =
|
|
10
|
+
this.styles = n([i, t]);
|
|
11
11
|
}
|
|
12
12
|
static {
|
|
13
13
|
this.metadata = {
|
|
14
14
|
tag: "nve-logo",
|
|
15
|
-
version: "0.2.
|
|
15
|
+
version: "0.2.3"
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
@@ -22,10 +22,10 @@ var c = class extends a {
|
|
|
22
22
|
super.connectedCallback(), e(this), this._internals.role = "img";
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
r([s({
|
|
26
26
|
type: String,
|
|
27
27
|
reflect: !0
|
|
28
|
-
})], c.prototype, "color", void 0),
|
|
28
|
+
})], c.prototype, "color", void 0), r([s({
|
|
29
29
|
type: String,
|
|
30
30
|
reflect: !0
|
|
31
31
|
})], c.prototype, "size", void 0);
|
package/dist/menu/menu-item.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
declare const MenuItem_base: import('@nvidia-elements/forms/mixins').ButtonFormControlMixinReturn<typeof LitElement>;
|
|
2
3
|
/**
|
|
3
4
|
* @element nve-menu-item
|
|
4
5
|
* @description Represents a selectable option within a menu, providing an interactive button for navigation or actions.
|
|
@@ -23,7 +24,7 @@ import { BaseButton } from '../internal';
|
|
|
23
24
|
|
|
24
25
|
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
|
|
25
26
|
*/
|
|
26
|
-
export declare class MenuItem extends
|
|
27
|
+
export declare class MenuItem extends MenuItem_base {
|
|
27
28
|
static styles: import('lit').CSSResult[];
|
|
28
29
|
status: 'danger';
|
|
29
30
|
static readonly metadata: {
|
|
@@ -36,3 +37,4 @@ export declare class MenuItem extends BaseButton {
|
|
|
36
37
|
constructor();
|
|
37
38
|
connectedCallback(): void;
|
|
38
39
|
}
|
|
40
|
+
export {};
|
package/dist/menu/menu-item2.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import i from "
|
|
6
|
-
import { html as a } from "lit";
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { useStyles as t } from "../internal/styles/index.js";
|
|
3
|
+
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
|
+
import r from "./menu-item.js";
|
|
5
|
+
import { LitElement as i, html as a } from "lit";
|
|
7
6
|
import { property as o } from "lit/decorators/property.js";
|
|
7
|
+
import { ButtonFormControlMixin as s } from "@nvidia-elements/forms/mixins";
|
|
8
8
|
//#region src/menu/menu-item.ts
|
|
9
|
-
var
|
|
9
|
+
var c = class extends s(i) {
|
|
10
10
|
static {
|
|
11
|
-
this.styles =
|
|
11
|
+
this.styles = t([r]);
|
|
12
12
|
}
|
|
13
13
|
static {
|
|
14
14
|
this.metadata = {
|
|
15
15
|
tag: "nve-menu-item",
|
|
16
|
-
version: "0.2.
|
|
16
|
+
version: "0.2.3",
|
|
17
17
|
parents: ["nve-menu"]
|
|
18
18
|
};
|
|
19
19
|
}
|
|
@@ -30,11 +30,11 @@ var s = class extends t {
|
|
|
30
30
|
super.connectedCallback(), this._internals.role = "menuitem";
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
|
|
33
|
+
n([o({
|
|
34
34
|
type: String,
|
|
35
35
|
reflect: !0
|
|
36
|
-
})],
|
|
36
|
+
})], c.prototype, "status", void 0), c = n([e()], c);
|
|
37
37
|
//#endregion
|
|
38
|
-
export {
|
|
38
|
+
export { c as MenuItem };
|
|
39
39
|
|
|
40
40
|
//# sourceMappingURL=menu-item2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item2.js","names":[],"sources":["../../src/menu/menu-item.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles,
|
|
1
|
+
{"version":3,"file":"menu-item2.js","names":[],"sources":["../../src/menu/menu-item.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 { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { useStyles, audit } from '@nvidia-elements/core/internal';\nimport styles from './menu-item.css?inline';\n\n/**\n * @element nve-menu-item\n * @description Represents a selectable option within a menu, providing an interactive button for navigation or actions.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for content\n * @slot suffix - slot for suffix icon\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border-background\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --min-height\n * @cssprop --line-height\n * @cssprop --cursor\n * @cssprop --opacity\n * @cssprop --text-transform\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class MenuItem extends ButtonFormControlMixin(LitElement) {\n static styles = useStyles([styles]);\n\n @property({ type: String, reflect: true }) status: 'danger';\n\n static readonly metadata = {\n tag: 'nve-menu-item',\n version: '0.0.0',\n parents: ['nve-menu']\n };\n\n static elementDefinitions = {};\n\n render() {\n return html`\n <div internal-host interaction-state focus-within part=\"_internal\">\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </div>\n `;\n }\n\n constructor() {\n super();\n this.type = 'button';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._internals.role = 'menuitem';\n }\n}\n"],"mappings":";;;;;;;;AAkCO,IAAA,IAAA,cAAuB,EAAuB,CAAU,EAAE;;gBAC/C,EAAU,CAAC,CAAM,CAAC;;;kBAIP;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;;4BAE4B,CAAC;;CAE7B,SAAS;EACP,OAAO,CAAI;CAMb;CAEA,cAAc;EAEZ,AADA,MAAM,GACN,KAAK,OAAO;CACd;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,WAAW,OAAO;CACzB;AACF;GA5BG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,UAJ1C,EAAM,CAAA,GAAA,CAAA"}
|
package/dist/menu/menu2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
|
|
3
|
+
import { keyNavigationList as n } from "../internal/controllers/keynav-list.controller.js";
|
|
4
|
+
import { attachInternals as r } from "../internal/utils/a11y.js";
|
|
5
|
+
import { useStyles as i } from "../internal/styles/index.js";
|
|
6
|
+
import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
7
7
|
import o from "./menu.js";
|
|
8
8
|
import s from "./menu.global.js";
|
|
9
9
|
import { LitElement as c, html as l } from "lit";
|
|
@@ -11,12 +11,12 @@ import { queryAssignedElements as u } from "lit/decorators/query-assigned-elemen
|
|
|
11
11
|
//#region src/menu/menu.ts
|
|
12
12
|
var d = class extends c {
|
|
13
13
|
static {
|
|
14
|
-
this.styles =
|
|
14
|
+
this.styles = i([o]);
|
|
15
15
|
}
|
|
16
16
|
static {
|
|
17
17
|
this.metadata = {
|
|
18
18
|
tag: "nve-menu",
|
|
19
|
-
version: "0.2.
|
|
19
|
+
version: "0.2.3",
|
|
20
20
|
children: ["nve-menu-item", "nve-divider"]
|
|
21
21
|
};
|
|
22
22
|
}
|
|
@@ -54,10 +54,10 @@ var d = class extends c {
|
|
|
54
54
|
await this.updateComplete, this.shadowRoot?.querySelector("[internal-host]")?.addEventListener("scroll", this.#t, { passive: !0 });
|
|
55
55
|
}
|
|
56
56
|
connectedCallback() {
|
|
57
|
-
super.connectedCallback(),
|
|
57
|
+
super.connectedCallback(), r(this), this._internals.role = "menu", t(this, s);
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
|
|
60
|
+
a([u()], d.prototype, "items", void 0), d = a([e(), n()], d);
|
|
61
61
|
//#endregion
|
|
62
62
|
export { d as Menu };
|
|
63
63
|
|
package/dist/month/month2.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
|
|
2
|
+
import { useStyles as t } from "../internal/styles/index.js";
|
|
3
|
+
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
4
|
import { Control as r } from "../forms/control/control2.js";
|
|
5
5
|
import { IconButton as i } from "../icon-button/icon-button2.js";
|
|
6
6
|
import { inputStyles as a } from "../input/input2.js";
|
|
@@ -10,7 +10,7 @@ import { property as c } from "lit/decorators/property.js";
|
|
|
10
10
|
//#region src/month/month.ts
|
|
11
11
|
var l = class extends r {
|
|
12
12
|
static {
|
|
13
|
-
this.styles =
|
|
13
|
+
this.styles = t([
|
|
14
14
|
...r.styles,
|
|
15
15
|
a,
|
|
16
16
|
o
|
|
@@ -19,7 +19,7 @@ var l = class extends r {
|
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-month",
|
|
22
|
-
version: "0.2.
|
|
22
|
+
version: "0.2.3"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
static {
|
|
@@ -29,10 +29,10 @@ var l = class extends r {
|
|
|
29
29
|
return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
n([c({
|
|
33
33
|
type: String,
|
|
34
34
|
reflect: !0
|
|
35
|
-
})], l.prototype, "container", void 0), l =
|
|
35
|
+
})], l.prototype, "container", void 0), l = n([e()], l);
|
|
36
36
|
//#endregion
|
|
37
37
|
export { l as Month };
|
|
38
38
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
|
|
3
|
+
import { useStyles as n } from "../internal/styles/index.js";
|
|
4
|
+
import { popoverStyles as r } from "../internal/styles/popover2.js";
|
|
5
|
+
import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
6
6
|
import a from "./notification-group.js";
|
|
7
7
|
import { LitElement as o, html as s } from "lit";
|
|
8
8
|
import { property as c } from "lit/decorators/property.js";
|
|
9
9
|
//#region src/notification/notification-group.ts
|
|
10
10
|
var l = class extends o {
|
|
11
11
|
constructor(...e) {
|
|
12
|
-
super(...e), this.anchor = globalThis.document?.body, this.typeNativePopoverController = new
|
|
12
|
+
super(...e), this.anchor = globalThis.document?.body, this.typeNativePopoverController = new t(this);
|
|
13
13
|
}
|
|
14
14
|
static {
|
|
15
|
-
this.styles =
|
|
15
|
+
this.styles = n([r, a]);
|
|
16
16
|
}
|
|
17
17
|
get popoverType() {
|
|
18
18
|
return "manual";
|
|
@@ -20,7 +20,7 @@ var l = class extends o {
|
|
|
20
20
|
static {
|
|
21
21
|
this.metadata = {
|
|
22
22
|
tag: "nve-notification-group",
|
|
23
|
-
version: "0.2.
|
|
23
|
+
version: "0.2.3",
|
|
24
24
|
children: ["nve-notification"]
|
|
25
25
|
};
|
|
26
26
|
}
|
|
@@ -28,13 +28,13 @@ var l = class extends o {
|
|
|
28
28
|
return s`<div internal-host><slot @slotchange="${() => this.showPopover()}"></slot></div>`;
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
i([c({ type: String })], l.prototype, "anchor", void 0), i([c({
|
|
32
32
|
type: String,
|
|
33
33
|
reflect: !0
|
|
34
|
-
})], l.prototype, "position", void 0),
|
|
34
|
+
})], l.prototype, "position", void 0), i([c({
|
|
35
35
|
type: String,
|
|
36
36
|
reflect: !0
|
|
37
|
-
})], l.prototype, "alignment", void 0), l =
|
|
37
|
+
})], l.prototype, "alignment", void 0), l = i([e()], l);
|
|
38
38
|
//#endregion
|
|
39
39
|
export { l as NotificationGroup };
|
|
40
40
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { I18nController as e } from "../internal/controllers/i18n.controller.js";
|
|
2
|
+
import { attachInternals as t } from "../internal/utils/a11y.js";
|
|
3
|
+
import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
|
|
4
|
+
import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
|
|
5
|
+
import { useStyles as i } from "../internal/styles/index.js";
|
|
6
|
+
import { popoverStyles as a } from "../internal/styles/popover2.js";
|
|
7
|
+
import { statusIcons as o } from "../internal/types/index.js";
|
|
8
|
+
import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
9
9
|
import { Icon as c } from "../icon/icon2.js";
|
|
10
10
|
import { IconButton as l } from "../icon-button/icon-button2.js";
|
|
11
11
|
import u from "./notification.js";
|
|
@@ -13,8 +13,8 @@ import { LitElement as d, html as f } from "lit";
|
|
|
13
13
|
import { property as p } from "lit/decorators/property.js";
|
|
14
14
|
//#region src/notification/notification.ts
|
|
15
15
|
var m = class extends d {
|
|
16
|
-
constructor(...
|
|
17
|
-
super(...
|
|
16
|
+
constructor(...t) {
|
|
17
|
+
super(...t), this.anchor = globalThis.document?.body, this.closable = !1, this.closeTimeout = 0, this.#e = new e(this), this.i18n = this.#e.i18n, this.inline = !1;
|
|
18
18
|
}
|
|
19
19
|
#e;
|
|
20
20
|
get popoverType() {
|
|
@@ -24,15 +24,15 @@ var m = class extends d {
|
|
|
24
24
|
return this.parentElement?.localName === "nve-notification-group" || this.inline || this.container === "flat";
|
|
25
25
|
}
|
|
26
26
|
get #t() {
|
|
27
|
-
return f`<slot name="icon"><nve-icon .name="${
|
|
27
|
+
return f`<slot name="icon"><nve-icon .name="${o[this.status]}" .ariaLabel="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information}" part="status-icon"></nve-icon></slot>${this.closable ? f`<nve-icon-button part="icon-button" @click="${this.hidePopover}" icon-name="cancel" size="sm" container="flat" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot></slot>`;
|
|
28
28
|
}
|
|
29
29
|
static {
|
|
30
|
-
this.styles =
|
|
30
|
+
this.styles = i([a, u]);
|
|
31
31
|
}
|
|
32
32
|
static {
|
|
33
33
|
this.metadata = {
|
|
34
34
|
tag: "nve-notification",
|
|
35
|
-
version: "0.2.
|
|
35
|
+
version: "0.2.3"
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
static {
|
|
@@ -45,10 +45,10 @@ var m = class extends d {
|
|
|
45
45
|
return f`<div internal-host>${this.#t}</div>`;
|
|
46
46
|
}
|
|
47
47
|
connectedCallback() {
|
|
48
|
-
super.connectedCallback(),
|
|
48
|
+
super.connectedCallback(), t(this), this._internals.role = "alert";
|
|
49
49
|
}
|
|
50
50
|
async firstUpdated(e) {
|
|
51
|
-
super.firstUpdated(e), this.popoverInline ? this.setAttribute("nve-popover", "") : this.typeNativePopoverController = new
|
|
51
|
+
super.firstUpdated(e), this.popoverInline ? this.setAttribute("nve-popover", "") : this.typeNativePopoverController = new n(this);
|
|
52
52
|
}
|
|
53
53
|
updated(e) {
|
|
54
54
|
super.updated(e), this.#n();
|
|
@@ -63,26 +63,26 @@ var m = class extends d {
|
|
|
63
63
|
this.popoverInline && this.closeTimeout && !this.hidden && setTimeout(() => this.hidePopover(), this.closeTimeout);
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
|
|
66
|
+
s([p({ type: String })], m.prototype, "anchor", void 0), s([p({ type: String })], m.prototype, "trigger", void 0), s([p({
|
|
67
67
|
type: String,
|
|
68
68
|
reflect: !0
|
|
69
|
-
})], m.prototype, "position", void 0),
|
|
69
|
+
})], m.prototype, "position", void 0), s([p({
|
|
70
70
|
type: String,
|
|
71
71
|
reflect: !0
|
|
72
|
-
})], m.prototype, "alignment", void 0),
|
|
72
|
+
})], m.prototype, "alignment", void 0), s([p({
|
|
73
73
|
type: Boolean,
|
|
74
74
|
reflect: !0,
|
|
75
75
|
attribute: "behavior-trigger"
|
|
76
|
-
})], m.prototype, "behaviorTrigger", void 0),
|
|
76
|
+
})], m.prototype, "behaviorTrigger", void 0), s([p({ type: Boolean })], m.prototype, "closable", void 0), s([p({
|
|
77
77
|
type: Number,
|
|
78
78
|
attribute: "close-timeout"
|
|
79
|
-
})], m.prototype, "closeTimeout", void 0),
|
|
79
|
+
})], m.prototype, "closeTimeout", void 0), s([p({
|
|
80
80
|
type: String,
|
|
81
81
|
reflect: !0
|
|
82
|
-
})], m.prototype, "status", void 0),
|
|
82
|
+
})], m.prototype, "status", void 0), s([p({
|
|
83
83
|
type: String,
|
|
84
84
|
reflect: !0
|
|
85
|
-
})], m.prototype, "container", void 0),
|
|
85
|
+
})], m.prototype, "container", void 0), s([p({ type: Object })], m.prototype, "i18n", void 0), s([p({ type: Boolean })], m.prototype, "inline", void 0), m = s([r()], m);
|
|
86
86
|
//#endregion
|
|
87
87
|
export { m as Notification };
|
|
88
88
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { hostAttr as e } from "../../internal/decorators/host-attr.js";
|
|
2
|
+
import { useStyles as t } from "../../internal/styles/index.js";
|
|
3
|
+
import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
4
|
import r from "./page-panel-footer.js";
|
|
5
5
|
import { LitElement as i, html as a } from "lit";
|
|
6
6
|
//#region src/page/page-panel/page-panel-footer.ts
|
|
@@ -9,19 +9,19 @@ var o = class extends i {
|
|
|
9
9
|
super(...e), this.slot = "footer";
|
|
10
10
|
}
|
|
11
11
|
static {
|
|
12
|
-
this.styles =
|
|
12
|
+
this.styles = t([r]);
|
|
13
13
|
}
|
|
14
14
|
static {
|
|
15
15
|
this.metadata = {
|
|
16
16
|
tag: "nve-page-panel-footer",
|
|
17
|
-
version: "0.2.
|
|
17
|
+
version: "0.2.3"
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
21
|
return a`<div internal-host><slot></slot></div>`;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
n([e()], o.prototype, "slot", void 0);
|
|
25
25
|
//#endregion
|
|
26
26
|
export { o as PagePanelFooter };
|
|
27
27
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { hostAttr as e } from "../../internal/decorators/host-attr.js";
|
|
2
|
+
import { useStyles as t } from "../../internal/styles/index.js";
|
|
3
|
+
import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
4
|
import r from "./page-panel-header.js";
|
|
5
5
|
import { LitElement as i, html as a } from "lit";
|
|
6
6
|
//#region src/page/page-panel/page-panel-header.ts
|
|
@@ -9,19 +9,19 @@ var o = class extends i {
|
|
|
9
9
|
super(...e), this.slot = "header";
|
|
10
10
|
}
|
|
11
11
|
static {
|
|
12
|
-
this.styles =
|
|
12
|
+
this.styles = t([r]);
|
|
13
13
|
}
|
|
14
14
|
static {
|
|
15
15
|
this.metadata = {
|
|
16
16
|
tag: "nve-page-panel-header",
|
|
17
|
-
version: "0.2.
|
|
17
|
+
version: "0.2.3"
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
21
|
return a`<div internal-host><slot></slot></div>`;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
n([e()], o.prototype, "slot", void 0);
|
|
25
25
|
//#endregion
|
|
26
26
|
export { o as PagePanelHeader };
|
|
27
27
|
|