@nvidia-elements/core 2.19.0 → 2.19.1
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 +12 -0
- package/dist/_virtual/_rolldown/runtime.js +17 -0
- package/dist/accordion/accordion2.js +60 -57
- package/dist/accordion/accordion2.js.map +1 -1
- package/dist/alert/alert-group2.js +1 -1
- package/dist/alert/alert2.js +37 -31
- package/dist/alert/alert2.js.map +1 -1
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +1 -1
- package/dist/badge/badge.d.ts +0 -6
- package/dist/badge/badge2.js +31 -36
- package/dist/badge/badge2.js.map +1 -1
- package/dist/breadcrumb/breadcrumb2.js +1 -1
- package/dist/bundles/index.d.ts +25 -27
- package/dist/bundles/index.js +9 -9
- package/dist/button/button2.js +1 -1
- package/dist/button-group/button-group2.js +1 -1
- package/dist/card/card2.js +4 -4
- package/dist/chat-message/chat-message2.js +1 -1
- package/dist/checkbox/checkbox-group2.js +1 -1
- package/dist/checkbox/checkbox2.js +1 -1
- package/dist/color/color.d.ts +2 -0
- package/dist/color/color2.js +7 -4
- package/dist/color/color2.js.map +1 -1
- package/dist/combobox/combobox.d.ts +2 -0
- package/dist/combobox/combobox2.js +14 -6
- package/dist/combobox/combobox2.js.map +1 -1
- package/dist/copy-button/copy-button2.js +26 -23
- package/dist/copy-button/copy-button2.js.map +1 -1
- package/dist/custom-elements-jsx.d.ts +0 -4
- package/dist/custom-elements-vue.d.ts +0 -4
- package/dist/custom-elements.json +3 -173
- package/dist/data.html.json +0 -10
- package/dist/data.snippets.json +27 -27
- package/dist/date/date.d.ts +2 -0
- package/dist/date/date2.js +7 -4
- package/dist/date/date2.js.map +1 -1
- package/dist/datetime/datetime.d.ts +2 -0
- package/dist/datetime/datetime2.js +7 -4
- package/dist/datetime/datetime2.js.map +1 -1
- package/dist/dialog/dialog-footer2.js +1 -1
- package/dist/dialog/dialog-header2.js +1 -1
- package/dist/dialog/dialog2.js +27 -27
- package/dist/dialog/dialog2.js.map +1 -1
- package/dist/divider/divider2.js +1 -1
- package/dist/dot/dot2.js +1 -1
- package/dist/drag-handle/drag-handle2.js +1 -1
- package/dist/drawer/drawer-content2.js +1 -1
- package/dist/drawer/drawer-footer2.js +1 -1
- package/dist/drawer/drawer-header2.js +1 -1
- package/dist/drawer/drawer2.js +27 -27
- package/dist/drawer/drawer2.js.map +1 -1
- package/dist/dropdown/dropdown-footer2.js +1 -1
- package/dist/dropdown/dropdown-header2.js +1 -1
- package/dist/dropdown/dropdown2.js +23 -23
- package/dist/dropdown/dropdown2.js.map +1 -1
- package/dist/dropdown-group/dropdown-group.js +1 -1
- package/dist/dropzone/dropzone2.js +28 -22
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-bytes/format-bytes2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +1 -1
- package/dist/format-number/format-number2.js +1 -1
- package/dist/format-relative-time/format-relative-time2.js +1 -1
- package/dist/format-truncate/format-truncate2.js +1 -1
- package/dist/forms/control/control.d.ts +3 -0
- package/dist/forms/control/control2.js +34 -31
- package/dist/forms/control/control2.js.map +1 -1
- package/dist/forms/control-group/control-group2.js +1 -1
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/gauge/gauge2.js +26 -21
- package/dist/gauge/gauge2.js.map +1 -1
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +1 -1
- package/dist/grid/footer/footer2.js +1 -1
- package/dist/grid/grid2.js +1 -1
- package/dist/grid/header/header2.js +1 -1
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +1 -1
- package/dist/icon/icon2.js +2 -2
- package/dist/icon-button/icon-button2.js +1 -1
- package/dist/iframe/iframe2.js +1 -1
- package/dist/index.js +5 -6
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +1 -1
- package/dist/internal/index.d.ts +1 -2
- package/dist/internal/index.js +150 -33
- package/dist/internal/index.js.map +1 -0
- package/dist/internal/types/index.d.ts +1 -1
- package/dist/internal/types/index.js.map +1 -1
- package/dist/logo/logo2.js +1 -1
- package/dist/menu/menu-group2.js +1 -1
- package/dist/menu/menu-item2.js +1 -1
- package/dist/menu/menu2.js +1 -1
- package/dist/month/month.d.ts +2 -0
- package/dist/month/month2.js +7 -4
- package/dist/month/month2.js.map +1 -1
- package/dist/notification/notification-group2.js +1 -1
- package/dist/notification/notification2.js +38 -32
- package/dist/notification/notification2.js.map +1 -1
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +1 -1
- package/dist/page/page-panel/page-panel-header2.js +1 -1
- package/dist/page/page-panel/page-panel.d.ts +0 -7
- package/dist/page/page-panel/page-panel2.js +18 -20
- package/dist/page/page-panel/page-panel2.js.map +1 -1
- package/dist/page/page2.js +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +1 -1
- package/dist/pagination/pagination2.js +45 -38
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/panel2.js +43 -38
- package/dist/panel/panel2.js.map +1 -1
- package/dist/password/password.d.ts +2 -0
- package/dist/password/password2.js +10 -4
- package/dist/password/password2.js.map +1 -1
- package/dist/preferences-input/preferences-input2.js +32 -27
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +1 -1
- package/dist/progress-dot/progress-dot2.js +17 -17
- package/dist/progress-dot/progress-dot2.js.map +1 -1
- package/dist/progress-ring/progress-ring2.js +27 -22
- package/dist/progress-ring/progress-ring2.js.map +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +30 -30
- package/dist/progressive-filter-chip/progressive-filter-chip2.js.map +1 -1
- package/dist/pulse/pulse2.js +1 -1
- package/dist/radio/radio-group2.js +1 -1
- package/dist/radio/radio2.js +1 -1
- package/dist/range/range2.js +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 +1 -1
- package/dist/select/select2.js +44 -41
- package/dist/select/select2.js.map +1 -1
- package/dist/skeleton/skeleton2.js +1 -1
- package/dist/sort-button/sort-button2.js +20 -20
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/sparkline2.js +1 -1
- package/dist/star-rating/star-rating2.js +1 -1
- package/dist/steps/steps2.js +2 -2
- package/dist/switch/switch-group2.js +1 -1
- package/dist/switch/switch2.js +1 -1
- package/dist/tabs/tabs-group2.js +1 -1
- package/dist/tabs/tabs-item-group2.js +1 -1
- package/dist/tabs/tabs2.js +2 -2
- package/dist/tag/tag2.js +19 -19
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time.d.ts +2 -0
- package/dist/time/time2.js +7 -4
- package/dist/time/time2.js.map +1 -1
- package/dist/toast/toast2.js +35 -29
- package/dist/toast/toast2.js.map +1 -1
- package/dist/toggletip/toggletip-footer2.js +1 -1
- package/dist/toggletip/toggletip-header2.js +1 -1
- package/dist/toggletip/toggletip2.js +25 -25
- package/dist/toggletip/toggletip2.js.map +1 -1
- package/dist/toolbar/toolbar2.js +1 -1
- package/dist/tooltip/tooltip2.js +1 -1
- package/dist/tree/tree-node2.js +45 -45
- package/dist/tree/tree-node2.js.map +1 -1
- package/dist/tree/tree2.js +1 -1
- package/dist/week/week.d.ts +2 -0
- package/dist/week/week2.js +7 -4
- package/dist/week/week2.js.map +1 -1
- package/package.json +2 -2
- package/dist/internal/controllers/i18n.controller.d.ts +0 -19
- package/dist/internal/controllers/i18n.controller.examples.js +0 -6
- package/dist/internal/controllers/i18n.controller.examples.js.map +0 -1
- package/dist/internal/controllers/i18n.controller.examples.json +0 -16
- package/dist/internal/controllers/i18n.controller.js +0 -38
- package/dist/internal/controllers/i18n.controller.js.map +0 -1
- package/dist/internal/services/i18n.service.d.ts +0 -64
- package/dist/internal/services/i18n.service.js +0 -73
- package/dist/internal/services/i18n.service.js.map +0 -1
|
@@ -2107,12 +2107,6 @@
|
|
|
2107
2107
|
"description": "Determines the visual prominence or weight",
|
|
2108
2108
|
"attribute": "prominence",
|
|
2109
2109
|
"reflects": true
|
|
2110
|
-
},
|
|
2111
|
-
{
|
|
2112
|
-
"kind": "field",
|
|
2113
|
-
"name": "i18n",
|
|
2114
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
2115
|
-
"attribute": "i18n"
|
|
2116
2110
|
}
|
|
2117
2111
|
],
|
|
2118
2112
|
"attributes": [
|
|
@@ -2321,11 +2315,6 @@
|
|
|
2321
2315
|
},
|
|
2322
2316
|
"description": "Determines the visual prominence or weight",
|
|
2323
2317
|
"fieldName": "prominence"
|
|
2324
|
-
},
|
|
2325
|
-
{
|
|
2326
|
-
"name": "i18n",
|
|
2327
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
2328
|
-
"fieldName": "i18n"
|
|
2329
2318
|
}
|
|
2330
2319
|
],
|
|
2331
2320
|
"superclass": {
|
|
@@ -2350,7 +2339,7 @@
|
|
|
2350
2339
|
"since": "0.11.0",
|
|
2351
2340
|
"status": "stable",
|
|
2352
2341
|
"behavior": "content",
|
|
2353
|
-
"markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n|
|
|
2342
|
+
"markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Visual treatment to represent a ongoing task, support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
2354
2343
|
}
|
|
2355
2344
|
}
|
|
2356
2345
|
],
|
|
@@ -26422,95 +26411,6 @@
|
|
|
26422
26411
|
}
|
|
26423
26412
|
]
|
|
26424
26413
|
},
|
|
26425
|
-
{
|
|
26426
|
-
"kind": "javascript-module",
|
|
26427
|
-
"path": "/src/internal/controllers/i18n.controller.js",
|
|
26428
|
-
"declarations": [
|
|
26429
|
-
{
|
|
26430
|
-
"kind": "function",
|
|
26431
|
-
"name": "i18n",
|
|
26432
|
-
"return": {
|
|
26433
|
-
"type": {
|
|
26434
|
-
"text": "ClassDecorator"
|
|
26435
|
-
}
|
|
26436
|
-
}
|
|
26437
|
-
},
|
|
26438
|
-
{
|
|
26439
|
-
"kind": "class",
|
|
26440
|
-
"description": "",
|
|
26441
|
-
"name": "I18nController",
|
|
26442
|
-
"members": [
|
|
26443
|
-
{
|
|
26444
|
-
"kind": "field",
|
|
26445
|
-
"name": "i18n",
|
|
26446
|
-
"type": {
|
|
26447
|
-
"text": "Partial<I18nStrings & { __set: boolean }>",
|
|
26448
|
-
"_sourceAliases": [],
|
|
26449
|
-
"values": [
|
|
26450
|
-
{
|
|
26451
|
-
"value": "Partial<I18nStrings & { __set: boolean }>",
|
|
26452
|
-
"description": ""
|
|
26453
|
-
}
|
|
26454
|
-
]
|
|
26455
|
-
},
|
|
26456
|
-
"readonly": true,
|
|
26457
|
-
"description": "Enables updating internal string values for internationalization."
|
|
26458
|
-
},
|
|
26459
|
-
{
|
|
26460
|
-
"kind": "field",
|
|
26461
|
-
"name": "#overrides",
|
|
26462
|
-
"privacy": "private",
|
|
26463
|
-
"type": {
|
|
26464
|
-
"text": "Partial<I18nStrings>",
|
|
26465
|
-
"_sourceAliases": [],
|
|
26466
|
-
"values": [
|
|
26467
|
-
{
|
|
26468
|
-
"value": "Partial<I18nStrings>",
|
|
26469
|
-
"description": ""
|
|
26470
|
-
}
|
|
26471
|
-
]
|
|
26472
|
-
},
|
|
26473
|
-
"default": "{}"
|
|
26474
|
-
},
|
|
26475
|
-
{
|
|
26476
|
-
"kind": "method",
|
|
26477
|
-
"name": "hostConnected"
|
|
26478
|
-
},
|
|
26479
|
-
{
|
|
26480
|
-
"kind": "method",
|
|
26481
|
-
"name": "hostDisconnected"
|
|
26482
|
-
},
|
|
26483
|
-
{
|
|
26484
|
-
"kind": "method",
|
|
26485
|
-
"name": "hostUpdate"
|
|
26486
|
-
},
|
|
26487
|
-
{
|
|
26488
|
-
"kind": "field",
|
|
26489
|
-
"name": "#update",
|
|
26490
|
-
"privacy": "private"
|
|
26491
|
-
}
|
|
26492
|
-
]
|
|
26493
|
-
}
|
|
26494
|
-
],
|
|
26495
|
-
"exports": [
|
|
26496
|
-
{
|
|
26497
|
-
"kind": "js",
|
|
26498
|
-
"name": "i18n",
|
|
26499
|
-
"declaration": {
|
|
26500
|
-
"name": "i18n",
|
|
26501
|
-
"module": "/src/internal/controllers/i18n.controller.js"
|
|
26502
|
-
}
|
|
26503
|
-
},
|
|
26504
|
-
{
|
|
26505
|
-
"kind": "js",
|
|
26506
|
-
"name": "I18nController",
|
|
26507
|
-
"declaration": {
|
|
26508
|
-
"name": "I18nController",
|
|
26509
|
-
"module": "/src/internal/controllers/i18n.controller.js"
|
|
26510
|
-
}
|
|
26511
|
-
}
|
|
26512
|
-
]
|
|
26513
|
-
},
|
|
26514
26414
|
{
|
|
26515
26415
|
"kind": "javascript-module",
|
|
26516
26416
|
"path": "/src/internal/controllers/key-state.controller.js",
|
|
@@ -28279,14 +28179,6 @@
|
|
|
28279
28179
|
"module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/gesture.controller.js"
|
|
28280
28180
|
}
|
|
28281
28181
|
},
|
|
28282
|
-
{
|
|
28283
|
-
"kind": "js",
|
|
28284
|
-
"name": "*",
|
|
28285
|
-
"declaration": {
|
|
28286
|
-
"name": "*",
|
|
28287
|
-
"module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/i18n.controller.js"
|
|
28288
|
-
}
|
|
28289
|
-
},
|
|
28290
28182
|
{
|
|
28291
28183
|
"kind": "js",
|
|
28292
28184
|
"name": "*",
|
|
@@ -28436,7 +28328,7 @@
|
|
|
28436
28328
|
"name": "*",
|
|
28437
28329
|
"declaration": {
|
|
28438
28330
|
"name": "*",
|
|
28439
|
-
"
|
|
28331
|
+
"package": "@nvidia-elements/foundations/internal/i18n"
|
|
28440
28332
|
}
|
|
28441
28333
|
},
|
|
28442
28334
|
{
|
|
@@ -28545,57 +28437,6 @@
|
|
|
28545
28437
|
}
|
|
28546
28438
|
]
|
|
28547
28439
|
},
|
|
28548
|
-
{
|
|
28549
|
-
"kind": "javascript-module",
|
|
28550
|
-
"path": "/src/internal/services/i18n.service.js",
|
|
28551
|
-
"declarations": [
|
|
28552
|
-
{
|
|
28553
|
-
"kind": "class",
|
|
28554
|
-
"description": "",
|
|
28555
|
-
"name": "I18nService_",
|
|
28556
|
-
"members": [
|
|
28557
|
-
{
|
|
28558
|
-
"kind": "field",
|
|
28559
|
-
"name": "i18n",
|
|
28560
|
-
"type": {
|
|
28561
|
-
"text": "Partial<I18nStrings>",
|
|
28562
|
-
"_sourceAliases": [],
|
|
28563
|
-
"values": [
|
|
28564
|
-
{
|
|
28565
|
-
"value": "Partial<I18nStrings>",
|
|
28566
|
-
"description": ""
|
|
28567
|
-
}
|
|
28568
|
-
]
|
|
28569
|
-
},
|
|
28570
|
-
"readonly": true
|
|
28571
|
-
}
|
|
28572
|
-
]
|
|
28573
|
-
},
|
|
28574
|
-
{
|
|
28575
|
-
"kind": "variable",
|
|
28576
|
-
"name": "I18nService",
|
|
28577
|
-
"default": "new I18nService_()"
|
|
28578
|
-
}
|
|
28579
|
-
],
|
|
28580
|
-
"exports": [
|
|
28581
|
-
{
|
|
28582
|
-
"kind": "js",
|
|
28583
|
-
"name": "I18nService_",
|
|
28584
|
-
"declaration": {
|
|
28585
|
-
"name": "I18nService_",
|
|
28586
|
-
"module": "/src/internal/services/i18n.service.js"
|
|
28587
|
-
}
|
|
28588
|
-
},
|
|
28589
|
-
{
|
|
28590
|
-
"kind": "js",
|
|
28591
|
-
"name": "I18nService",
|
|
28592
|
-
"declaration": {
|
|
28593
|
-
"name": "I18nService",
|
|
28594
|
-
"module": "/src/internal/services/i18n.service.js"
|
|
28595
|
-
}
|
|
28596
|
-
}
|
|
28597
|
-
]
|
|
28598
|
-
},
|
|
28599
28440
|
{
|
|
28600
28441
|
"kind": "javascript-module",
|
|
28601
28442
|
"path": "/src/internal/services/log.service.js",
|
|
@@ -34286,12 +34127,6 @@
|
|
|
34286
34127
|
"attribute": "size",
|
|
34287
34128
|
"reflects": true,
|
|
34288
34129
|
"descriptionText": "Controls the visual scale of an element to match its importance and available space."
|
|
34289
|
-
},
|
|
34290
|
-
{
|
|
34291
|
-
"kind": "field",
|
|
34292
|
-
"name": "i18n",
|
|
34293
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
34294
|
-
"attribute": "i18n"
|
|
34295
34130
|
}
|
|
34296
34131
|
],
|
|
34297
34132
|
"events": [
|
|
@@ -34333,11 +34168,6 @@
|
|
|
34333
34168
|
"description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
|
|
34334
34169
|
"fieldName": "size",
|
|
34335
34170
|
"descriptionText": "Controls the visual scale of an element to match its importance and available space."
|
|
34336
|
-
},
|
|
34337
|
-
{
|
|
34338
|
-
"name": "i18n",
|
|
34339
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
34340
|
-
"fieldName": "i18n"
|
|
34341
34171
|
}
|
|
34342
34172
|
],
|
|
34343
34173
|
"superclass": {
|
|
@@ -34362,7 +34192,7 @@
|
|
|
34362
34192
|
"since": "1.15.0",
|
|
34363
34193
|
"status": "stable",
|
|
34364
34194
|
"behavior": "content",
|
|
34365
|
-
"markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n|
|
|
34195
|
+
"markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched after an invoker command sets `hidden` and closes the panel. |\n| open | `CustomEvent` | Dispatched after an invoker command removes `hidden` and opens the panel. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Sets `hidden` and dispatches `close`. |\n| --open | `CommandEvent` | Removes `hidden` and dispatches `open`. |\n| --toggle | `CommandEvent` | Toggles `hidden` and dispatches `open` or `close`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of panel open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
|
|
34366
34196
|
},
|
|
34367
34197
|
"commands": [
|
|
34368
34198
|
{
|
package/dist/data.html.json
CHANGED
|
@@ -343,11 +343,6 @@
|
|
|
343
343
|
"name": "prominence",
|
|
344
344
|
"description": "Determines the visual prominence or weight",
|
|
345
345
|
"values": [{ "name": "emphasis" }]
|
|
346
|
-
},
|
|
347
|
-
{
|
|
348
|
-
"name": "i18n",
|
|
349
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
350
|
-
"values": []
|
|
351
346
|
}
|
|
352
347
|
],
|
|
353
348
|
"references": [
|
|
@@ -3718,11 +3713,6 @@
|
|
|
3718
3713
|
"name": "size",
|
|
3719
3714
|
"description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
|
|
3720
3715
|
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
3721
|
-
},
|
|
3722
|
-
{
|
|
3723
|
-
"name": "i18n",
|
|
3724
|
-
"description": "Enables updating internal string values for internationalization.",
|
|
3725
|
-
"values": []
|
|
3726
3716
|
}
|
|
3727
3717
|
],
|
|
3728
3718
|
"references": [
|
package/dist/data.snippets.json
CHANGED
|
@@ -251,33 +251,6 @@
|
|
|
251
251
|
"description": "Simple vertical button group with three icon buttons.",
|
|
252
252
|
"body": "<nve-button-group orientation=\"vertical\">\n <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
|
|
253
253
|
},
|
|
254
|
-
"Alert Group": {
|
|
255
|
-
"srcFile": "alert.snippets.html",
|
|
256
|
-
"prefix": [
|
|
257
|
-
"alert-group"
|
|
258
|
-
],
|
|
259
|
-
"type": "pattern",
|
|
260
|
-
"description": "Alert group with two alerts.",
|
|
261
|
-
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert closable>${3:Alert Text}</nve-alert>\n <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
|
|
262
|
-
},
|
|
263
|
-
"Alert with Action": {
|
|
264
|
-
"srcFile": "alert.snippets.html",
|
|
265
|
-
"prefix": [
|
|
266
|
-
"alert-action"
|
|
267
|
-
],
|
|
268
|
-
"type": "pattern",
|
|
269
|
-
"description": "Alert with action button.",
|
|
270
|
-
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
271
|
-
},
|
|
272
|
-
"Multiline Alert ": {
|
|
273
|
-
"srcFile": "alert.snippets.html",
|
|
274
|
-
"prefix": [
|
|
275
|
-
"multiline-alert"
|
|
276
|
-
],
|
|
277
|
-
"type": "pattern",
|
|
278
|
-
"description": "Alert text and preformatted code output.",
|
|
279
|
-
"body": "<nve-alert-group status=\"danger\">\n <nve-alert>\n Session Paused:\n <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n </pre>\n </div>\n </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
280
|
-
},
|
|
281
254
|
"Accordion": {
|
|
282
255
|
"srcFile": "accordion.snippets.html",
|
|
283
256
|
"prefix": [
|
|
@@ -304,5 +277,32 @@
|
|
|
304
277
|
"type": "pattern",
|
|
305
278
|
"description": "Accordion group with two accordion children.",
|
|
306
279
|
"body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n <nve-accordion>\n <nve-accordion-header>\n <div>${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${4:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${6:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${7:Content} </nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n$0\n"
|
|
280
|
+
},
|
|
281
|
+
"Alert Group": {
|
|
282
|
+
"srcFile": "alert.snippets.html",
|
|
283
|
+
"prefix": [
|
|
284
|
+
"alert-group"
|
|
285
|
+
],
|
|
286
|
+
"type": "pattern",
|
|
287
|
+
"description": "Alert group with two alerts.",
|
|
288
|
+
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert closable>${3:Alert Text}</nve-alert>\n <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
|
|
289
|
+
},
|
|
290
|
+
"Alert with Action": {
|
|
291
|
+
"srcFile": "alert.snippets.html",
|
|
292
|
+
"prefix": [
|
|
293
|
+
"alert-action"
|
|
294
|
+
],
|
|
295
|
+
"type": "pattern",
|
|
296
|
+
"description": "Alert with action button.",
|
|
297
|
+
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
298
|
+
},
|
|
299
|
+
"Multiline Alert ": {
|
|
300
|
+
"srcFile": "alert.snippets.html",
|
|
301
|
+
"prefix": [
|
|
302
|
+
"multiline-alert"
|
|
303
|
+
],
|
|
304
|
+
"type": "pattern",
|
|
305
|
+
"description": "Alert text and preformatted code output.",
|
|
306
|
+
"body": "<nve-alert-group status=\"danger\">\n <nve-alert>\n Session Paused:\n <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n </pre>\n </div>\n </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
307
307
|
}
|
|
308
308
|
}
|
package/dist/date/date.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ContainerElement } from '@nvidia-elements/core/internal';
|
|
2
2
|
import { Control } from '@nvidia-elements/core/forms';
|
|
3
3
|
import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
4
|
+
import type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';
|
|
4
5
|
/**
|
|
5
6
|
* @element nve-date
|
|
6
7
|
* @description A date picker is a control that enables users to choose a date value.
|
|
@@ -24,6 +25,7 @@ import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
|
24
25
|
* @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
|
|
25
26
|
*/
|
|
26
27
|
export declare class Date extends Control implements ContainerElement {
|
|
28
|
+
protected get i18nDefaults(): I18nDefaults;
|
|
27
29
|
/**
|
|
28
30
|
* Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
|
|
29
31
|
* Use when embedding within another container such as a toolbar.
|
package/dist/date/date2.js
CHANGED
|
@@ -8,7 +8,10 @@ import o from "./date.js";
|
|
|
8
8
|
import { html as s } from "lit";
|
|
9
9
|
import { property as c } from "lit/decorators/property.js";
|
|
10
10
|
//#region src/date/date.ts
|
|
11
|
-
var l = class extends r {
|
|
11
|
+
var l = { expand: "expand" }, u = class extends r {
|
|
12
|
+
get i18nDefaults() {
|
|
13
|
+
return l;
|
|
14
|
+
}
|
|
12
15
|
static {
|
|
13
16
|
this.styles = t([
|
|
14
17
|
...r.styles,
|
|
@@ -19,7 +22,7 @@ var l = class extends r {
|
|
|
19
22
|
static {
|
|
20
23
|
this.metadata = {
|
|
21
24
|
tag: "nve-date",
|
|
22
|
-
version: "2.19.
|
|
25
|
+
version: "2.19.1"
|
|
23
26
|
};
|
|
24
27
|
}
|
|
25
28
|
static {
|
|
@@ -32,8 +35,8 @@ var l = class extends r {
|
|
|
32
35
|
n([c({
|
|
33
36
|
type: String,
|
|
34
37
|
reflect: !0
|
|
35
|
-
})],
|
|
38
|
+
})], u.prototype, "container", void 0), u = n([e()], u);
|
|
36
39
|
//#endregion
|
|
37
|
-
export {
|
|
40
|
+
export { u as Date };
|
|
38
41
|
|
|
39
42
|
//# sourceMappingURL=date2.js.map
|
package/dist/date/date2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date2.js","names":[],"sources":["../../src/date/date.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport styles from './date.css?inline';\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n /**\n * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n * Use when embedding within another container such as a toolbar.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-date',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n protected get suffixContent() {\n return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n }\n}\n"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"date2.js","names":[],"sources":["../../src/date/date.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './date.css?inline';\n\nconst i18nDefaults = {\n expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n protected override get i18nDefaults(): I18nDefaults {\n return i18nDefaults;\n }\n\n /**\n * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n * Use when embedding within another container such as a toolbar.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-date',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n protected get suffixContent() {\n return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAe,EACnB,QAAQ,SACV,GAyBa,IAAN,cAAmB,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAO;CACT;;EAQgB,KAAA,SAAA,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ContainerElement } from '@nvidia-elements/core/internal';
|
|
2
2
|
import { Control } from '@nvidia-elements/core/forms';
|
|
3
3
|
import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
4
|
+
import type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';
|
|
4
5
|
/**
|
|
5
6
|
* @element nve-datetime
|
|
6
7
|
* @description A datetime picker is a control that enables users to choose a datetime value.
|
|
@@ -24,6 +25,7 @@ import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
|
24
25
|
* @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local
|
|
25
26
|
*/
|
|
26
27
|
export declare class Datetime extends Control implements ContainerElement {
|
|
28
|
+
protected get i18nDefaults(): I18nDefaults;
|
|
27
29
|
/**
|
|
28
30
|
* Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
|
|
29
31
|
* Use when embedding within another container such as a toolbar.
|
|
@@ -8,7 +8,10 @@ import o from "./datetime.js";
|
|
|
8
8
|
import { html as s } from "lit";
|
|
9
9
|
import { property as c } from "lit/decorators/property.js";
|
|
10
10
|
//#region src/datetime/datetime.ts
|
|
11
|
-
var l = class extends r {
|
|
11
|
+
var l = { expand: "expand" }, u = class extends r {
|
|
12
|
+
get i18nDefaults() {
|
|
13
|
+
return l;
|
|
14
|
+
}
|
|
12
15
|
static {
|
|
13
16
|
this.styles = t([
|
|
14
17
|
...r.styles,
|
|
@@ -19,7 +22,7 @@ var l = class extends r {
|
|
|
19
22
|
static {
|
|
20
23
|
this.metadata = {
|
|
21
24
|
tag: "nve-datetime",
|
|
22
|
-
version: "2.19.
|
|
25
|
+
version: "2.19.1"
|
|
23
26
|
};
|
|
24
27
|
}
|
|
25
28
|
static {
|
|
@@ -32,8 +35,8 @@ var l = class extends r {
|
|
|
32
35
|
n([c({
|
|
33
36
|
type: String,
|
|
34
37
|
reflect: !0
|
|
35
|
-
})],
|
|
38
|
+
})], u.prototype, "container", void 0), u = n([e()], u);
|
|
36
39
|
//#endregion
|
|
37
|
-
export {
|
|
40
|
+
export { u as Datetime };
|
|
38
41
|
|
|
39
42
|
//# sourceMappingURL=datetime2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime2.js","names":[],"sources":["../../src/datetime/datetime.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport styles from './datetime.css?inline';\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n /**\n * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n * Use when embedding within another container such as a toolbar.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-datetime',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n protected get suffixContent() {\n return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n }\n}\n"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"datetime2.js","names":[],"sources":["../../src/datetime/datetime.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './datetime.css?inline';\n\nconst i18nDefaults = {\n expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n protected override get i18nDefaults(): I18nDefaults {\n return i18nDefaults;\n }\n\n /**\n * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n * Use when embedding within another container such as a toolbar.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n static readonly metadata = {\n tag: 'nve-datetime',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n protected get suffixContent() {\n return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAe,EACnB,QAAQ,SACV,GAyBa,IAAN,cAAuB,EAAoC;CAChE,IAAuB,eAA6B;EAClD,OAAO;CACT;;EAQgB,KAAA,SAAA,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
|
package/dist/dialog/dialog2.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
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
|
|
9
|
-
import c from "../
|
|
10
|
-
import
|
|
11
|
-
import u from "./dialog.
|
|
12
|
-
import d from "
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
2
|
+
import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
|
|
3
|
+
import { attachInternals as n } from "../internal/utils/a11y.js";
|
|
4
|
+
import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
|
|
5
|
+
import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
|
|
6
|
+
import { useStyles as a } from "../internal/styles/index.js";
|
|
7
|
+
import { popoverStyles as o } from "../internal/styles/popover2.js";
|
|
8
|
+
import s from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
|
|
9
|
+
import { IconButton as c } from "../icon-button/icon-button2.js";
|
|
10
|
+
import l from "./dialog.global.js";
|
|
11
|
+
import u from "./dialog.js";
|
|
12
|
+
import { LitElement as d, html as f } from "lit";
|
|
13
|
+
import { property as p } from "lit/decorators/property.js";
|
|
14
|
+
import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
|
|
15
15
|
//#region src/dialog/dialog.ts
|
|
16
|
-
var h = class extends
|
|
16
|
+
var h = { close: "close" }, g = class extends d {
|
|
17
17
|
constructor(...e) {
|
|
18
|
-
super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new
|
|
18
|
+
super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new m(this, h), this.i18n = this.#e.i18n, this.typeNativePopoverController = new r(this);
|
|
19
19
|
}
|
|
20
20
|
#e;
|
|
21
21
|
get popoverType() {
|
|
@@ -25,42 +25,42 @@ var h = class extends f {
|
|
|
25
25
|
return this.closable ?? !1;
|
|
26
26
|
}
|
|
27
27
|
static {
|
|
28
|
-
this.styles =
|
|
28
|
+
this.styles = a([o, u]);
|
|
29
29
|
}
|
|
30
30
|
static {
|
|
31
31
|
this.metadata = {
|
|
32
32
|
tag: "nve-dialog",
|
|
33
|
-
version: "2.19.
|
|
33
|
+
version: "2.19.1"
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
static {
|
|
37
|
-
this.elementDefinitions = { [
|
|
37
|
+
this.elementDefinitions = { [c.metadata.tag]: c };
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return
|
|
40
|
+
return f`<div internal-host part="_host"><div class="header">${this.closable ? f`<nve-icon-button part="close-button icon-button" exportparts="icon:icon-button-icon" size="sm" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot name="header"></slot></div><div class="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>`;
|
|
41
41
|
}
|
|
42
42
|
connectedCallback() {
|
|
43
|
-
super.connectedCallback(),
|
|
43
|
+
super.connectedCallback(), n(this), this._internals.role = "dialog", t(this, l);
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
-
|
|
46
|
+
s([p({
|
|
47
47
|
type: String,
|
|
48
48
|
reflect: !0
|
|
49
|
-
})],
|
|
49
|
+
})], g.prototype, "position", void 0), s([p({
|
|
50
50
|
type: String,
|
|
51
51
|
reflect: !0
|
|
52
|
-
})],
|
|
52
|
+
})], g.prototype, "alignment", void 0), s([p({
|
|
53
53
|
type: String,
|
|
54
54
|
reflect: !0
|
|
55
|
-
})],
|
|
55
|
+
})], g.prototype, "size", void 0), s([p({ type: Boolean })], g.prototype, "closable", void 0), s([p({
|
|
56
56
|
type: Boolean,
|
|
57
57
|
reflect: !0
|
|
58
|
-
})],
|
|
58
|
+
})], g.prototype, "modal", void 0), s([p({ type: String })], g.prototype, "anchor", void 0), s([p({ type: String })], g.prototype, "trigger", void 0), s([p({
|
|
59
59
|
type: Boolean,
|
|
60
60
|
reflect: !0,
|
|
61
61
|
attribute: "behavior-trigger"
|
|
62
|
-
})],
|
|
62
|
+
})], g.prototype, "behaviorTrigger", void 0), s([p({ type: Object })], g.prototype, "i18n", void 0), g = s([e({ excessiveInstanceLimit: 50 }), i()], g);
|
|
63
63
|
//#endregion
|
|
64
|
-
export {
|
|
64
|
+
export { g as Dialog };
|
|
65
65
|
|
|
66
66
|
//# sourceMappingURL=dialog2.js.map
|