@brandsync/wc 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +417 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-03676f8a.entry.js +1 -0
- package/dist/brandsync-wc/{p-718ce85f.entry.js → p-04c26826.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f94449da.entry.js → p-0c8050e8.entry.js} +1 -1
- package/dist/brandsync-wc/p-0d5cc77f.entry.js +1 -0
- package/dist/brandsync-wc/{p-7f14660d.entry.js → p-19c98e13.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a35d5ea7.entry.js → p-23758f81.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b6425ac2.entry.js → p-29c360f3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-260e14de.entry.js → p-35d98580.entry.js} +1 -1
- package/dist/brandsync-wc/{p-aac6b59b.entry.js → p-39204377.entry.js} +1 -1
- package/dist/brandsync-wc/p-5a4db480.entry.js +1 -0
- package/dist/brandsync-wc/{p-8f2cfe31.entry.js → p-5d118af1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c76ca89f.entry.js → p-76d391d7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7655e741.entry.js → p-7de20530.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1e9ceb9d.entry.js → p-7ea0133f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-650b7eef.entry.js → p-8acb623e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f6fafbd6.entry.js → p-8ec95da5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0921ca0d.entry.js → p-94266d72.entry.js} +1 -1
- package/dist/brandsync-wc/{p-205deb32.entry.js → p-96d1ce21.entry.js} +1 -1
- package/dist/brandsync-wc/{p-67bc2ec8.entry.js → p-9ad278f4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c8480d21.entry.js → p-9f9c1a1d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ed704126.entry.js → p-b2704450.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a597dc2b.entry.js → p-bcafba87.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3e6d37a4.entry.js → p-bd2cc2c6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2e7586dd.entry.js → p-be675b82.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6970a24c.entry.js → p-bf4a5b1b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ce08c9d7.entry.js → p-c4a16564.entry.js} +1 -1
- package/dist/brandsync-wc/{p-393efb5d.entry.js → p-cd703364.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c7b9a5c7.entry.js → p-d589fa72.entry.js} +1 -1
- package/dist/brandsync-wc/{p-03f9fd54.entry.js → p-d5d15d9f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-41732f18.entry.js → p-e58b1dbb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-17dbd4b3.entry.js → p-eae7587e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cff188cb.entry.js → p-f196642a.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input.cjs.entry.js +2 -2
- package/dist/cjs/bs-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-menu.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +65 -0
- package/dist/cjs/bs-progress.cjs.entry.js +69 -0
- package/dist/cjs/bs-radio.cjs.entry.js +1 -1
- package/dist/cjs/bs-slider.cjs.entry.js +1 -1
- package/dist/cjs/bs-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bs-switch.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-tabs.cjs.entry.js +1 -1
- package/dist/cjs/bs-toast.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-progress/bs-progress.cmp.test.js +96 -0
- package/dist/collection/components/bs-progress/bs-progress.css +119 -0
- package/dist/collection/components/bs-progress/bs-progress.js +212 -0
- package/dist/collection/components/bs-progress/bs-progress.stories.js +72 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.cmp.test.js +92 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.css +108 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +192 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.stories.js +66 -0
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-toast/bs-toast.js +1 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-progress-linear.d.ts +11 -0
- package/dist/components/bs-progress-linear.js +1 -0
- package/dist/components/bs-progress.d.ts +11 -0
- package/dist/components/bs-progress.js +1 -0
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-stepper.js +1 -1
- package/dist/components/bs-switch.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/{p-BlCziuES.js → p-BIgPiuc-.js} +1 -1
- package/dist/components/{p-Bg98eW9H.js → p-BUtz3sub.js} +1 -1
- package/dist/components/{p-BOP5EJrQ.js → p-Rn1IWs8l.js} +1 -1
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-ai-disclaimer.entry.js +1 -1
- package/dist/esm/bs-ai-greeting.entry.js +1 -1
- package/dist/esm/bs-ai-thinking.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input.entry.js +2 -2
- package/dist/esm/bs-menu-item.entry.js +1 -1
- package/dist/esm/bs-menu.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +63 -0
- package/dist/esm/bs-progress.entry.js +67 -0
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-slider.entry.js +1 -1
- package/dist/esm/bs-snackbar.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +2 -2
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/esm/bs-stepper.entry.js +1 -1
- package/dist/esm/bs-switch.entry.js +1 -1
- package/dist/esm/bs-tab.entry.js +1 -1
- package/dist/esm/bs-tabs.entry.js +1 -1
- package/dist/esm/bs-toast.entry.js +1 -1
- package/dist/esm/bs-tooltip.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-progress/bs-progress.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-progress/bs-progress.d.ts +46 -0
- package/dist/types/components/bs-progress/bs-progress.stories.d.ts +18 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.d.ts +50 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.stories.d.ts +17 -0
- package/dist/types/components.d.ts +241 -0
- package/package.json +1 -1
- package/dist/brandsync-wc/p-04d6aa95.entry.js +0 -1
package/custom-elements.json
CHANGED
|
@@ -6449,6 +6449,423 @@
|
|
|
6449
6449
|
}
|
|
6450
6450
|
]
|
|
6451
6451
|
},
|
|
6452
|
+
{
|
|
6453
|
+
"kind": "javascript-module",
|
|
6454
|
+
"path": "src/components/bs-progress/bs-progress.tsx",
|
|
6455
|
+
"declarations": [
|
|
6456
|
+
{
|
|
6457
|
+
"kind": "class",
|
|
6458
|
+
"customElement": true,
|
|
6459
|
+
"tagName": "bs-progress",
|
|
6460
|
+
"name": "BsProgress",
|
|
6461
|
+
"description": "A circular progress indicator -- either a static ring showing a percentage sweep\n(`type=\"determinate\"`) or a continuously spinning ring signaling in-progress work with no known\ncompletion percentage (`type=\"indeterminate\"`).\n\n## When to use\n- Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).\n- Signaling that work is happening in the background with no meaningful percentage to report\n (`indeterminate`), e.g. while waiting on a network response.\n\n## When not to use\n- For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.\n- For a percentage that's better expressed as plain text, without the reserved space and visual\n weight of a ring.",
|
|
6462
|
+
"attributes": [
|
|
6463
|
+
{
|
|
6464
|
+
"name": "show-label",
|
|
6465
|
+
"description": "Shows the `${value}%` label below the ring. Only takes effect for `type=\"determinate\"` --\n`indeterminate` never shows a label regardless of this prop, since there's no percentage to\nshow. Defaults to `true`.",
|
|
6466
|
+
"type": {
|
|
6467
|
+
"text": "boolean"
|
|
6468
|
+
},
|
|
6469
|
+
"default": "true",
|
|
6470
|
+
"fieldName": "showLabel"
|
|
6471
|
+
},
|
|
6472
|
+
{
|
|
6473
|
+
"name": "size",
|
|
6474
|
+
"description": "Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).",
|
|
6475
|
+
"type": {
|
|
6476
|
+
"text": "\"large\" | \"medium\" | \"small\"",
|
|
6477
|
+
"references": [
|
|
6478
|
+
{
|
|
6479
|
+
"name": "BsProgressSize"
|
|
6480
|
+
}
|
|
6481
|
+
]
|
|
6482
|
+
},
|
|
6483
|
+
"default": "'small'",
|
|
6484
|
+
"fieldName": "size"
|
|
6485
|
+
},
|
|
6486
|
+
{
|
|
6487
|
+
"name": "stroke-width",
|
|
6488
|
+
"description": "Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number,\nnot the Figma label's literal `\"4 px\"` string.",
|
|
6489
|
+
"type": {
|
|
6490
|
+
"text": "4 | 8",
|
|
6491
|
+
"references": [
|
|
6492
|
+
{
|
|
6493
|
+
"name": "BsProgressStrokeWidth"
|
|
6494
|
+
}
|
|
6495
|
+
]
|
|
6496
|
+
},
|
|
6497
|
+
"default": "4",
|
|
6498
|
+
"fieldName": "strokeWidth"
|
|
6499
|
+
},
|
|
6500
|
+
{
|
|
6501
|
+
"name": "type",
|
|
6502
|
+
"description": "`determinate` renders a static arc sweep reflecting `value` (with an optional percentage\nlabel); `indeterminate` renders a continuously spinning ring and never shows a label, since\nthere's no known percentage to report.",
|
|
6503
|
+
"type": {
|
|
6504
|
+
"text": "\"determinate\" | \"indeterminate\"",
|
|
6505
|
+
"references": [
|
|
6506
|
+
{
|
|
6507
|
+
"name": "BsProgressType"
|
|
6508
|
+
}
|
|
6509
|
+
]
|
|
6510
|
+
},
|
|
6511
|
+
"default": "'determinate'",
|
|
6512
|
+
"fieldName": "type"
|
|
6513
|
+
},
|
|
6514
|
+
{
|
|
6515
|
+
"name": "value",
|
|
6516
|
+
"description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
|
|
6517
|
+
"type": {
|
|
6518
|
+
"text": "number"
|
|
6519
|
+
},
|
|
6520
|
+
"default": "0",
|
|
6521
|
+
"fieldName": "value"
|
|
6522
|
+
}
|
|
6523
|
+
],
|
|
6524
|
+
"members": [
|
|
6525
|
+
{
|
|
6526
|
+
"kind": "field",
|
|
6527
|
+
"name": "showLabel",
|
|
6528
|
+
"description": "Shows the `${value}%` label below the ring. Only takes effect for `type=\"determinate\"` --\n`indeterminate` never shows a label regardless of this prop, since there's no percentage to\nshow. Defaults to `true`.",
|
|
6529
|
+
"type": {
|
|
6530
|
+
"text": "boolean"
|
|
6531
|
+
},
|
|
6532
|
+
"default": "true",
|
|
6533
|
+
"attribute": "show-label"
|
|
6534
|
+
},
|
|
6535
|
+
{
|
|
6536
|
+
"kind": "field",
|
|
6537
|
+
"name": "size",
|
|
6538
|
+
"description": "Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).",
|
|
6539
|
+
"type": {
|
|
6540
|
+
"text": "\"large\" | \"medium\" | \"small\"",
|
|
6541
|
+
"references": [
|
|
6542
|
+
{
|
|
6543
|
+
"name": "BsProgressSize"
|
|
6544
|
+
}
|
|
6545
|
+
]
|
|
6546
|
+
},
|
|
6547
|
+
"default": "'small'",
|
|
6548
|
+
"attribute": "size"
|
|
6549
|
+
},
|
|
6550
|
+
{
|
|
6551
|
+
"kind": "field",
|
|
6552
|
+
"name": "strokeWidth",
|
|
6553
|
+
"description": "Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number,\nnot the Figma label's literal `\"4 px\"` string.",
|
|
6554
|
+
"type": {
|
|
6555
|
+
"text": "4 | 8",
|
|
6556
|
+
"references": [
|
|
6557
|
+
{
|
|
6558
|
+
"name": "BsProgressStrokeWidth"
|
|
6559
|
+
}
|
|
6560
|
+
]
|
|
6561
|
+
},
|
|
6562
|
+
"default": "4",
|
|
6563
|
+
"attribute": "stroke-width"
|
|
6564
|
+
},
|
|
6565
|
+
{
|
|
6566
|
+
"kind": "field",
|
|
6567
|
+
"name": "type",
|
|
6568
|
+
"description": "`determinate` renders a static arc sweep reflecting `value` (with an optional percentage\nlabel); `indeterminate` renders a continuously spinning ring and never shows a label, since\nthere's no known percentage to report.",
|
|
6569
|
+
"type": {
|
|
6570
|
+
"text": "\"determinate\" | \"indeterminate\"",
|
|
6571
|
+
"references": [
|
|
6572
|
+
{
|
|
6573
|
+
"name": "BsProgressType"
|
|
6574
|
+
}
|
|
6575
|
+
]
|
|
6576
|
+
},
|
|
6577
|
+
"default": "'determinate'",
|
|
6578
|
+
"attribute": "type"
|
|
6579
|
+
},
|
|
6580
|
+
{
|
|
6581
|
+
"kind": "field",
|
|
6582
|
+
"name": "value",
|
|
6583
|
+
"description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
|
|
6584
|
+
"type": {
|
|
6585
|
+
"text": "number"
|
|
6586
|
+
},
|
|
6587
|
+
"default": "0",
|
|
6588
|
+
"attribute": "value"
|
|
6589
|
+
}
|
|
6590
|
+
],
|
|
6591
|
+
"cssParts": [
|
|
6592
|
+
{
|
|
6593
|
+
"name": "arc",
|
|
6594
|
+
"description": "The colored progress/spinner arc circle."
|
|
6595
|
+
},
|
|
6596
|
+
{
|
|
6597
|
+
"name": "container",
|
|
6598
|
+
"description": "The outer wrapper (ring + optional label)."
|
|
6599
|
+
},
|
|
6600
|
+
{
|
|
6601
|
+
"name": "label",
|
|
6602
|
+
"description": "The percentage label (`determinate` + `showLabel` only)."
|
|
6603
|
+
},
|
|
6604
|
+
{
|
|
6605
|
+
"name": "track",
|
|
6606
|
+
"description": "The background track circle."
|
|
6607
|
+
}
|
|
6608
|
+
],
|
|
6609
|
+
"cssProperties": [
|
|
6610
|
+
{
|
|
6611
|
+
"name": "--bs-progress-arc",
|
|
6612
|
+
"description": "Arc/spinner circle color. Aliased to --bs-color-primary-default (the same brand-blue accent bs-button's primary variant uses)."
|
|
6613
|
+
},
|
|
6614
|
+
{
|
|
6615
|
+
"name": "--bs-progress-gap",
|
|
6616
|
+
"description": "Gap between the ring and the label. Aliased to --bs-spacing-100."
|
|
6617
|
+
},
|
|
6618
|
+
{
|
|
6619
|
+
"name": "--bs-progress-label-color",
|
|
6620
|
+
"description": "Percentage label text color. Aliased to --bs-color-primary-default."
|
|
6621
|
+
},
|
|
6622
|
+
{
|
|
6623
|
+
"name": "--bs-progress-label-font-size-lg",
|
|
6624
|
+
"description": "Label font size, size=\"large\". Aliased to --bs-fontsize-body-md."
|
|
6625
|
+
},
|
|
6626
|
+
{
|
|
6627
|
+
"name": "--bs-progress-label-font-size-sm",
|
|
6628
|
+
"description": "Label font size, size=\"small\"/\"medium\". Aliased to --bs-fontsize-caption-md."
|
|
6629
|
+
},
|
|
6630
|
+
{
|
|
6631
|
+
"name": "--bs-progress-label-font-weight",
|
|
6632
|
+
"description": "Label font weight. Aliased to --bs-font-weight-medium."
|
|
6633
|
+
},
|
|
6634
|
+
{
|
|
6635
|
+
"name": "--bs-progress-label-line-height-lg",
|
|
6636
|
+
"description": "Label line height, size=\"large\". Aliased to --bs-line-height-body-md."
|
|
6637
|
+
},
|
|
6638
|
+
{
|
|
6639
|
+
"name": "--bs-progress-label-line-height-sm",
|
|
6640
|
+
"description": "Label line height, size=\"small\"/\"medium\". Aliased to --bs-line-height-caption-md."
|
|
6641
|
+
},
|
|
6642
|
+
{
|
|
6643
|
+
"name": "--bs-progress-spin-duration",
|
|
6644
|
+
"description": "Indeterminate spin duration. Aliased to --bs-duration-slower if defined by brandsync-tokens, otherwise a plain 1.4s fallback."
|
|
6645
|
+
},
|
|
6646
|
+
{
|
|
6647
|
+
"name": "--bs-progress-track",
|
|
6648
|
+
"description": "Track circle color (background ring). Aliased to --bs-neutral-200."
|
|
6649
|
+
}
|
|
6650
|
+
]
|
|
6651
|
+
}
|
|
6652
|
+
],
|
|
6653
|
+
"exports": [
|
|
6654
|
+
{
|
|
6655
|
+
"kind": "js",
|
|
6656
|
+
"name": "BsProgress",
|
|
6657
|
+
"declaration": {
|
|
6658
|
+
"name": "BsProgress"
|
|
6659
|
+
}
|
|
6660
|
+
},
|
|
6661
|
+
{
|
|
6662
|
+
"kind": "custom-element-definition",
|
|
6663
|
+
"name": "bs-progress",
|
|
6664
|
+
"declaration": {
|
|
6665
|
+
"name": "BsProgress"
|
|
6666
|
+
}
|
|
6667
|
+
}
|
|
6668
|
+
]
|
|
6669
|
+
},
|
|
6670
|
+
{
|
|
6671
|
+
"kind": "javascript-module",
|
|
6672
|
+
"path": "src/components/bs-progress-linear/bs-progress-linear.tsx",
|
|
6673
|
+
"declarations": [
|
|
6674
|
+
{
|
|
6675
|
+
"kind": "class",
|
|
6676
|
+
"customElement": true,
|
|
6677
|
+
"tagName": "bs-progress-linear",
|
|
6678
|
+
"name": "BsProgressLinear",
|
|
6679
|
+
"description": "A linear (horizontal) progress indicator -- either a static bar showing a percentage fill\n(`type=\"determinate\"`) or a continuously sliding bar signaling in-progress work with no known\ncompletion percentage (`type=\"indeterminate\"`).\n\n## When to use\n- Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),\n e.g. a file upload.\n- Signaling that work is happening in the background with no meaningful percentage to report\n (`indeterminate`), e.g. while waiting on a network response.\n\n## When not to use\n- For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.\n- For a percentage that's better expressed as plain text, without the reserved space and visual\n weight of a bar.",
|
|
6680
|
+
"attributes": [
|
|
6681
|
+
{
|
|
6682
|
+
"name": "show-label",
|
|
6683
|
+
"description": "Shows the slotted label below the bar. When `false`, or when no content is slotted, the\nlabel wrapper isn't rendered at all. Defaults to `true`.",
|
|
6684
|
+
"type": {
|
|
6685
|
+
"text": "boolean"
|
|
6686
|
+
},
|
|
6687
|
+
"default": "true",
|
|
6688
|
+
"fieldName": "showLabel"
|
|
6689
|
+
},
|
|
6690
|
+
{
|
|
6691
|
+
"name": "size",
|
|
6692
|
+
"description": "Bar height: `small` (4px) or `large` (8px).",
|
|
6693
|
+
"type": {
|
|
6694
|
+
"text": "\"large\" | \"small\"",
|
|
6695
|
+
"references": [
|
|
6696
|
+
{
|
|
6697
|
+
"name": "BsProgressLinearSize"
|
|
6698
|
+
}
|
|
6699
|
+
]
|
|
6700
|
+
},
|
|
6701
|
+
"default": "'large'",
|
|
6702
|
+
"fieldName": "size"
|
|
6703
|
+
},
|
|
6704
|
+
{
|
|
6705
|
+
"name": "type",
|
|
6706
|
+
"description": "`determinate` renders a static fill reflecting `value`; `indeterminate` renders a\ncontinuously sliding gradient bar and ignores `value`.",
|
|
6707
|
+
"type": {
|
|
6708
|
+
"text": "\"determinate\" | \"indeterminate\"",
|
|
6709
|
+
"references": [
|
|
6710
|
+
{
|
|
6711
|
+
"name": "BsProgressLinearType"
|
|
6712
|
+
}
|
|
6713
|
+
]
|
|
6714
|
+
},
|
|
6715
|
+
"default": "'determinate'",
|
|
6716
|
+
"fieldName": "type"
|
|
6717
|
+
},
|
|
6718
|
+
{
|
|
6719
|
+
"name": "value",
|
|
6720
|
+
"description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
|
|
6721
|
+
"type": {
|
|
6722
|
+
"text": "number"
|
|
6723
|
+
},
|
|
6724
|
+
"default": "0",
|
|
6725
|
+
"fieldName": "value"
|
|
6726
|
+
}
|
|
6727
|
+
],
|
|
6728
|
+
"members": [
|
|
6729
|
+
{
|
|
6730
|
+
"kind": "field",
|
|
6731
|
+
"name": "showLabel",
|
|
6732
|
+
"description": "Shows the slotted label below the bar. When `false`, or when no content is slotted, the\nlabel wrapper isn't rendered at all. Defaults to `true`.",
|
|
6733
|
+
"type": {
|
|
6734
|
+
"text": "boolean"
|
|
6735
|
+
},
|
|
6736
|
+
"default": "true",
|
|
6737
|
+
"attribute": "show-label"
|
|
6738
|
+
},
|
|
6739
|
+
{
|
|
6740
|
+
"kind": "field",
|
|
6741
|
+
"name": "size",
|
|
6742
|
+
"description": "Bar height: `small` (4px) or `large` (8px).",
|
|
6743
|
+
"type": {
|
|
6744
|
+
"text": "\"large\" | \"small\"",
|
|
6745
|
+
"references": [
|
|
6746
|
+
{
|
|
6747
|
+
"name": "BsProgressLinearSize"
|
|
6748
|
+
}
|
|
6749
|
+
]
|
|
6750
|
+
},
|
|
6751
|
+
"default": "'large'",
|
|
6752
|
+
"attribute": "size"
|
|
6753
|
+
},
|
|
6754
|
+
{
|
|
6755
|
+
"kind": "field",
|
|
6756
|
+
"name": "type",
|
|
6757
|
+
"description": "`determinate` renders a static fill reflecting `value`; `indeterminate` renders a\ncontinuously sliding gradient bar and ignores `value`.",
|
|
6758
|
+
"type": {
|
|
6759
|
+
"text": "\"determinate\" | \"indeterminate\"",
|
|
6760
|
+
"references": [
|
|
6761
|
+
{
|
|
6762
|
+
"name": "BsProgressLinearType"
|
|
6763
|
+
}
|
|
6764
|
+
]
|
|
6765
|
+
},
|
|
6766
|
+
"default": "'determinate'",
|
|
6767
|
+
"attribute": "type"
|
|
6768
|
+
},
|
|
6769
|
+
{
|
|
6770
|
+
"kind": "field",
|
|
6771
|
+
"name": "value",
|
|
6772
|
+
"description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
|
|
6773
|
+
"type": {
|
|
6774
|
+
"text": "number"
|
|
6775
|
+
},
|
|
6776
|
+
"default": "0",
|
|
6777
|
+
"attribute": "value"
|
|
6778
|
+
}
|
|
6779
|
+
],
|
|
6780
|
+
"slots": [
|
|
6781
|
+
{
|
|
6782
|
+
"name": "",
|
|
6783
|
+
"description": "Free-form label content rendered below the bar (e.g. \"Uploading...\"), gated by\n`showLabel`. Unlike `bs-progress`'s label, this is not a computed `${value}%` string -- it's\nconsumer-supplied content, per the Figma spec's free-text \"Label\" placeholder."
|
|
6784
|
+
}
|
|
6785
|
+
],
|
|
6786
|
+
"cssParts": [
|
|
6787
|
+
{
|
|
6788
|
+
"name": "container",
|
|
6789
|
+
"description": "The outer wrapper (bar + optional label)."
|
|
6790
|
+
},
|
|
6791
|
+
{
|
|
6792
|
+
"name": "fill",
|
|
6793
|
+
"description": "The colored progress/sliding fill bar."
|
|
6794
|
+
},
|
|
6795
|
+
{
|
|
6796
|
+
"name": "label",
|
|
6797
|
+
"description": "The label wrapper (only rendered when `showLabel` is true and slotted content exists)."
|
|
6798
|
+
},
|
|
6799
|
+
{
|
|
6800
|
+
"name": "track",
|
|
6801
|
+
"description": "The background track bar."
|
|
6802
|
+
}
|
|
6803
|
+
],
|
|
6804
|
+
"cssProperties": [
|
|
6805
|
+
{
|
|
6806
|
+
"name": "--bs-progress-linear-fill",
|
|
6807
|
+
"description": "Determinate fill / indeterminate comet color. Aliased to --bs-color-primary-default (the same brand-blue accent bs-progress's arc and bs-button's primary variant already use)."
|
|
6808
|
+
},
|
|
6809
|
+
{
|
|
6810
|
+
"name": "--bs-progress-linear-gap",
|
|
6811
|
+
"description": "Gap between the bar and the label. Aliased to --bs-spacing-100."
|
|
6812
|
+
},
|
|
6813
|
+
{
|
|
6814
|
+
"name": "--bs-progress-linear-height-lg",
|
|
6815
|
+
"description": "Bar height, size=\"large\". Fixed at 8px per the Figma spec."
|
|
6816
|
+
},
|
|
6817
|
+
{
|
|
6818
|
+
"name": "--bs-progress-linear-height-sm",
|
|
6819
|
+
"description": "Bar height, size=\"small\". Fixed at 4px per the Figma spec."
|
|
6820
|
+
},
|
|
6821
|
+
{
|
|
6822
|
+
"name": "--bs-progress-linear-label-color",
|
|
6823
|
+
"description": "Label text color. Aliased to --bs-text-default."
|
|
6824
|
+
},
|
|
6825
|
+
{
|
|
6826
|
+
"name": "--bs-progress-linear-label-font-size",
|
|
6827
|
+
"description": "Label font size (body/md). Aliased to --bs-fontsize-body-md."
|
|
6828
|
+
},
|
|
6829
|
+
{
|
|
6830
|
+
"name": "--bs-progress-linear-label-line-height",
|
|
6831
|
+
"description": "Label line height (body/md). Aliased to --bs-line-height-body-md."
|
|
6832
|
+
},
|
|
6833
|
+
{
|
|
6834
|
+
"name": "--bs-progress-linear-radius",
|
|
6835
|
+
"description": "Track/fill border-radius (full pill). A fixed 120px, matching the Figma spec's \"rounded-full\" treatment."
|
|
6836
|
+
},
|
|
6837
|
+
{
|
|
6838
|
+
"name": "--bs-progress-linear-slide-duration",
|
|
6839
|
+
"description": "Indeterminate comet slide duration. Aliased to --bs-duration-slower if defined by brandsync-tokens, otherwise a plain 1.6s fallback."
|
|
6840
|
+
},
|
|
6841
|
+
{
|
|
6842
|
+
"name": "--bs-progress-linear-track",
|
|
6843
|
+
"description": "Track bar background color. Aliased to --bs-surface-container (matches the Figma spec's `--color/surface/container` token exactly)."
|
|
6844
|
+
},
|
|
6845
|
+
{
|
|
6846
|
+
"name": "--bs-progress-linear-transition-duration",
|
|
6847
|
+
"description": "Determinate fill width transition. Aliased to --bs-duration-default if defined by brandsync-tokens, otherwise a plain 0.3s fallback."
|
|
6848
|
+
}
|
|
6849
|
+
]
|
|
6850
|
+
}
|
|
6851
|
+
],
|
|
6852
|
+
"exports": [
|
|
6853
|
+
{
|
|
6854
|
+
"kind": "js",
|
|
6855
|
+
"name": "BsProgressLinear",
|
|
6856
|
+
"declaration": {
|
|
6857
|
+
"name": "BsProgressLinear"
|
|
6858
|
+
}
|
|
6859
|
+
},
|
|
6860
|
+
{
|
|
6861
|
+
"kind": "custom-element-definition",
|
|
6862
|
+
"name": "bs-progress-linear",
|
|
6863
|
+
"declaration": {
|
|
6864
|
+
"name": "BsProgressLinear"
|
|
6865
|
+
}
|
|
6866
|
+
}
|
|
6867
|
+
]
|
|
6868
|
+
},
|
|
6452
6869
|
{
|
|
6453
6870
|
"kind": "javascript-module",
|
|
6454
6871
|
"path": "src/components/bs-radio/bs-radio.tsx",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as o}from"./p-CvfB8CQv.js";export{s as setNonce}from"./p-CvfB8CQv.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await a(),o([["p-
|
|
1
|
+
import{p as e,g as a,b as o}from"./p-CvfB8CQv.js";export{s as setNonce}from"./p-CvfB8CQv.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await a(),o([["p-0c8050e8",[[785,"bs-input",{value:[1025],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4],required:[4],step:[2],min:[2],max:[2],options:[16],rows:[2],chips:[16],titleOptions:[16],initialsTitle:[1,"initials-title"],countryOptions:[16],country:[1],length:[2],open:[1540],hasIcon:[32],hasEndIcon:[32],passwordVisible:[32],chipDraft:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["p-0299e8e1",[[513,"bs-attachment",{type:[1],fileName:[1,"file-name"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],loading:[4],removable:[4]}]]],["p-7091f130",[[513,"bs-breadcrumb-overflow",{items:[16],overflowLabel:[1,"overflow-label"],size:[513],open:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["p-c4a16564",[[769,"bs-chatbot-header",{heading:[1],expanded:[1540]}]]],["p-b63362e7",[[769,"bs-dialog",{open:[1540],heading:[1],size:[1],centered:[516],hasFooter:[32],hasImage:[32],hasIcon:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["p-04c26826",[[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"]},null,{collapsed:[{onCollapsedChange:0}]}]]],["p-a16afeaa",[[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]]],["p-23758f81",[[257,"bs-ai-disclaimer"]]],["p-bf4a5b1b",[[513,"bs-ai-greeting",{assistantName:[1,"assistant-name"],productName:[1,"product-name"]}]]],["p-bcafba87",[[513,"bs-ai-thinking",{label:[1]}]]],["p-29c360f3",[[769,"bs-attachment-list",{ariaLabel:[1,"aria-label"],canScrollRight:[32]}]]],["p-f652d79c",[[513,"bs-avatar",{type:[1],size:[1],initials:[1],src:[1],alt:[1],ariaLabel:[1,"aria-label"],disabled:[516]}]]],["p-ca74c7d9",[[769,"bs-badge",{variant:[1]}]]],["p-72e02bd5",[[769,"bs-breadcrumb",{href:[1],current:[516],size:[513]}]]],["p-03676f8a",[[769,"bs-breadcrumbs",{label:[1],size:[1]},null,{size:[{onSizeChange:0}]}]]],["p-127d698d",[[785,"bs-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"],hasIcon:[32],hasEndIcon:[32],hasLabel:[32]}]]],["p-e58b1dbb",[[513,"bs-button-skeleton",{size:[1]}]]],["p-673546bf",[[769,"bs-card",{surface:[1],hasImage:[32]}]]],["p-8ec95da5",[[513,"bs-chatbot-feedback",{rating:[1538],submitted:[1540],comment:[1025],heading:[1],subtitle:[1]}]]],["p-35d98580",[[769,"bs-chatbot-response-action",{sourcesCount:[2,"sources-count"],menuOpen:[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["p-39204377",[[769,"bs-chatbot-sources-drawer",{heading:[1],count:[2],slottedCount:[32]}]]],["p-5d118af1",[[769,"bs-chatbot-suggestion-button",{disabled:[4]}]]],["p-2a7cc40c",[[785,"bs-checkbox",{size:[1],checked:[1540],indeterminate:[1540],disabled:[4],error:[4],ariaLabel:[1,"aria-label"]},null,{indeterminate:[{onIndeterminateChange:0}]}]]],["p-9ad278f4",[[513,"bs-checkbox-skeleton",{size:[1]}]]],["p-b2abd8d9",[[785,"bs-chip-filter",{size:[1],selected:[1540],dropdown:[4],disabled:[4],ariaLabel:[1,"aria-label"],hasIcon:[32]}]]],["p-fc9d52d4",[[769,"bs-chip-informative",{color:[1],size:[1],disabled:[516],hasIcon:[32]}]]],["p-8b5f4ca7",[[785,"bs-chip-input",{size:[1],selected:[1540],disabled:[516],hasIcon:[32],labelText:[32]}]]],["p-1780224d",[[785,"bs-composer",{variant:[1],placeholder:[1],value:[1],state:[1],ariaLabel:[1,"aria-label"],hasAttachments:[32]}]]],["p-18e0cff4",[[769,"bs-composer-status-banner",{type:[1],message:[1],showIcon:[4,"show-icon"],showButton:[4,"show-button"],actionLabel:[1,"action-label"],allowClose:[4,"allow-close"]}]]],["p-00d40aca",[[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32]}]]],["p-eae7587e",[[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],hasIcon:[32],hasLabel:[32]}]]],["p-d5d15d9f",[[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]]],["p-7de20530",[[513,"bs-pagination",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],siblingCount:[2,"sibling-count"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"]}]]],["p-5a4db480",[[513,"bs-progress",{type:[1],size:[1],strokeWidth:[2,"stroke-width"],value:[2],showLabel:[4,"show-label"]}]]],["p-0d5cc77f",[[769,"bs-progress-linear",{type:[1],size:[1],value:[2],showLabel:[4,"show-label"],hasLabelContent:[32]}]]],["p-b2704450",[[785,"bs-radio",{name:[1],value:[1],checked:[1540],disabled:[4]}]]],["p-d589fa72",[[529,"bs-slider",{type:[1],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[4],ariaLabel:[1,"aria-label"]}]]],["p-cd703364",[[769,"bs-snackbar",{variant:[1],loading:[4],actionLabel:[1,"action-label"]}]]],["p-9f9c1a1d",[[769,"bs-source-link",{fileName:[1,"file-name"],sourceName:[1,"source-name"],version:[1],href:[1],target:[1]}]]],["p-19c98e13",[[769,"bs-stepper",{currentStep:[2,"current-step"],direction:[513],showDescription:[4,"show-description"]},null,{currentStep:[{onPropChange:0}],direction:[{onPropChange:0}],showDescription:[{onPropChange:0}]}]]],["p-94266d72",[[513,"bs-stepper-step",{name:[1],description:[1],error:[4],disabled:[4],computedState:[1,"computed-state"],direction:[1],showDescription:[4,"show-description"]}]]],["p-f196642a",[[785,"bs-switch",{size:[1],checked:[1540],disabled:[4],ariaLabel:[1,"aria-label"]}]]],["p-be675b82",[[769,"bs-tab",{selected:[516],disabled:[4],iconPosition:[1,"icon-position"],ariaLabel:[1,"aria-label"],hasIcon:[32],hasLabel:[32],hasBadge:[32]}]]],["p-76d391d7",[[769,"bs-tabs",{type:[1],orientation:[1]},[[0,"bsSelect","onTabSelect"]]]]],["p-bd2cc2c6",[[769,"bs-toast",{state:[1]}]]],["p-7ea0133f",[[769,"bs-menu-item",{disabled:[4],hasIcon:[32]}]]],["p-8acb623e",[[769,"bs-tooltip",{placement:[1]}]]],["p-35bcb932",[[785,"bs-icon-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-a73bfd31",[[513,"bs-logo",{variant:[1],background:[1],src:[1],alt:[1]}]]],["p-96d1ce21",[[257,"bs-menu"]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,a as s,h as e}from"./p-CvfB8CQv.js";const r=class{constructor(s){a(this,s)}get el(){return s(this)}label="Breadcrumb";size="md";onSizeChange(a){this.propagateSize(a)}componentDidLoad(){this.propagateSize(this.size)}onSlotChange=()=>{this.propagateSize(this.size)};propagateSize(a){this.el.querySelectorAll(":scope > bs-breadcrumb, :scope > bs-breadcrumb-overflow").forEach((s=>{s.size=a}))}render(){return e("nav",{key:"1d2a884ed591fec3dd164c8bdf2a3050187f2fac","aria-label":this.label},e("ol",{key:"1b839b42f72a06a739733ca3a75303c0454f3a97",part:"list",class:"bs-breadcrumbs__list"},e("slot",{key:"58c829377cf81e2a429d103a7f372d2d5dadf8a5",onSlotchange:this.onSlotChange})))}static get watchers(){return{size:[{onSizeChange:0}]}}};r.style=":host{display:block;--bs-breadcrumbs-gap:var(--bs-spacing-50)}.bs-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;gap:var(--bs-breadcrumbs-gap)}";export{r as bs_breadcrumbs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as r,a as i,h as e}from"./p-CvfB8CQv.js";const n=class{constructor(i){a(this,i),this.bsCollapse=r(this,"bsCollapse"),this.bsSearchClick=r(this,"bsSearchClick")}get el(){return i(this)}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;onCollapsedChange(a){this.syncItemsCollapsed(a)}componentDidLoad(){this.syncItemsCollapsed(this.collapsed)}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((r=>{r.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){return e("nav",{key:"
|
|
1
|
+
import{r as a,c as r,a as i,h as e}from"./p-CvfB8CQv.js";const n=class{constructor(i){a(this,i),this.bsCollapse=r(this,"bsCollapse"),this.bsSearchClick=r(this,"bsSearchClick")}get el(){return i(this)}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;onCollapsedChange(a){this.syncItemsCollapsed(a)}componentDidLoad(){this.syncItemsCollapsed(this.collapsed)}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((r=>{r.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){return e("nav",{key:"5f9142beebc8a91756b5b081b8f5a1dec70cd0c4",class:"bs-navigation-drawer","aria-label":this.heading},this.showLogo&&e("div",{key:"5d09b42c51836937ff0abf74e82504a8bde1b6ff",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},e("bs-logo",{key:"3b4ada54adc5fcdceba8a78e502d2ed2b1f930b9",variant:"full",background:this.logoBackground})),this.showLogo&&e("div",{key:"b59e5b16a7dbf6fbc5af144d8b4f1d70be68d060",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},e("bs-logo",{key:"4c3192c228124af2f8413852e151977d4ad2427e",variant:"mark",background:this.logoBackground})),e("div",{key:"f2d8da6abcc2b1108df1b82cb829573e450aacc9",class:"bs-navigation-drawer__title-row"},e("span",{key:"11362835e58c41c5d4761218cf3b6fc1e902226f",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&e("button",{key:"a00926b34b406edde376ebf671f9fad790368c14",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},e(s,{key:"77f3c08e3d4fae996c99d940cce50d8757cd4c64"}))),e("div",{key:"947e14756be1455fe223e4e5f2601f1be7bc8c52",part:"search",class:"bs-navigation-drawer__search"},e("slot",{key:"79776006ffd5daa2b523c9827d8887abe2db0175",name:"search"})),e("button",{key:"427a7aa68d05f6d34d903ed93b2e1376e96a5fcb",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},e(t,{key:"28e2055df8fc91f43ed2df1e061d6e3b43538f31"})),e("div",{key:"b569bd43632d530ea8b6d898b636460f4e8f9868",part:"items",class:"bs-navigation-drawer__items"},e("slot",{key:"62feb03ea99fd499dd864cb931ccd44371a76ea8"})))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}},s=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),t=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),e("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));n.style=":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard), padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}";export{n as bs_navigation_drawer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,a as e,h as s}from"./p-CvfB8CQv.js";const n=class{constructor(e){i(this,e),this.bsInput=t(this,"bsInput"),this.bsChange=t(this,"bsChange"),this.bsOpen=t(this,"bsOpen"),this.bsChipAdd=t(this,"bsChipAdd"),this.bsChipRemove=t(this,"bsChipRemove"),this.bsTitleChange=t(this,"bsTitleChange"),this.bsCountryChange=t(this,"bsCountryChange")}get el(){return e(this)}value="";type="text";label;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";countryOptions=[];country="";length=4;open=!1;bsInput;bsChange;bsOpen;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";pinInputs=[];componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{this.bsInput.emit(i.target.value)};onChange=i=>{this.bsChange.emit(i.target.value)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=String(i),this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=String(i),this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){"dropdown"===this.type&&this.open&&"Escape"===i.key&&(this.open=!1)}onHostFocusOut(i){if("dropdown"!==this.type||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||(this.open=!1)}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};onTitleChange=i=>{this.bsTitleChange.emit(i.target.value)};onCountryChange=i=>{this.bsCountryChange.emit(i.target.value)};onPinInput=i=>t=>{const e=t.target;let s=e.value;s.length>1&&(s=s.slice(-1),e.value=s),s&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.bsChange.emit(this.pinInputs.map((i=>i?.value??"")).join(""))};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?s("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):s("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),s("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?s("span",{class:"bs-input__stepper"},s("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Increment",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},s("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},s("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),s("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Decrement",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},s("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},s("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?s("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?"Hide password":"Show password",disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?s("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),s("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):s("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),s("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"dropdown"===this.type?s("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?s("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):s("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}))}renderStandardControl(){return s("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":"dropdown"===this.type?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderSelectControl(){return s("select",{id:"control",part:"control",class:"bs-input__control",disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange},this.options.map((i=>s("option",{value:i.value,selected:i.value===this.value},i.label))))}renderTextareaControl(){return s("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return s("div",{class:"bs-input__chips"},this.chips.map((i=>s("span",{part:"chip",class:"bs-input__chip"},i,s("button",{type:"button",class:"bs-input__chip-remove","aria-label":`Remove ${i}`,onClick:this.onChipRemove(i)},"×")))),s("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsField(){const i=this.disabled?"bs-input__field--disabled":"";return s("div",{class:"bs-input__initials-row"},s("div",{part:"field",class:`bs-input__field bs-input__field--initials-title ${this.error?"bs-input__field--error":""} ${i}`},s("select",{part:"control",class:"bs-input__control bs-input__title-select",disabled:this.disabled,onChange:this.onTitleChange},this.titleOptions.map((i=>s("option",{value:i,selected:i===this.initialsTitle},i)))),this.renderSelectChevron()),s("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${this.error?"bs-input__field--error":""} ${i}`},s("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderSelectChevron(){return s("svg",{class:"bs-input__select-chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))}renderCountryControl(){return[s("select",{part:"control",class:"bs-input__control bs-input__country-select",disabled:this.disabled,onChange:this.onCountryChange},this.countryOptions.map((i=>s("option",{value:i.code,selected:i.code===this.country},i.flagIcon?`${i.flagIcon} `:"",i.code," ",i.label)))),this.renderSelectChevron(),s("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})]}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();case"country":return this.renderCountryControl();default:return this.renderStandardControl()}}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return s("div",{class:"bs-input__field-wrapper"},s("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0,"aria-haspopup":t?"listbox":void 0,"aria-expanded":t?String(this.open):void 0},s("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),s("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":"")},this.renderEndIconContent())),t&&this.open&&this.options.length>0&&s("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>s("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],s("div",{part:"field",class:`bs-input__field bs-input__field--pin ${this.error?"bs-input__field--error":""} ${this.disabled?"bs-input__field--disabled":""}`},Array.from({length:this.length}).map(((i,t)=>s("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return s("div",{key:"d9cf2c23e899ddf058e58e17856ff45fbc94aefe",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&s("label",{key:"717e519713f58bf226319378415e2c52fbfddfb1",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&s("span",{key:"e3352ca754e5d579bfbda81c14ea491d4091c80c",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():"initials"===this.type?this.renderInitialsField():this.renderField(),this.error?s("span",{id:"description-or-error",part:"error",class:"bs-input__error"},s("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),s("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?s("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}};n.style=":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-left:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;right:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));left:0;right:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}";export{n as bs_input}
|
|
1
|
+
import{r as i,c as t,a as e,h as s}from"./p-CvfB8CQv.js";const n=class{constructor(e){i(this,e),this.bsInput=t(this,"bsInput"),this.bsChange=t(this,"bsChange"),this.bsOpen=t(this,"bsOpen"),this.bsChipAdd=t(this,"bsChipAdd"),this.bsChipRemove=t(this,"bsChipRemove"),this.bsTitleChange=t(this,"bsTitleChange"),this.bsCountryChange=t(this,"bsCountryChange")}get el(){return e(this)}value="";type="text";label;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";countryOptions=[];country="";length=4;open=!1;bsInput;bsChange;bsOpen;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";pinInputs=[];componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{this.bsInput.emit(i.target.value)};onChange=i=>{this.bsChange.emit(i.target.value)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=String(i),this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=String(i),this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){"dropdown"===this.type&&this.open&&"Escape"===i.key&&(this.open=!1)}onHostFocusOut(i){if("dropdown"!==this.type||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||(this.open=!1)}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};onTitleChange=i=>{this.bsTitleChange.emit(i.target.value)};onCountryChange=i=>{this.bsCountryChange.emit(i.target.value)};onPinInput=i=>t=>{const e=t.target;let s=e.value;s.length>1&&(s=s.slice(-1),e.value=s),s&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.bsChange.emit(this.pinInputs.map((i=>i?.value??"")).join(""))};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?s("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):s("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),s("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?s("span",{class:"bs-input__stepper"},s("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Increment",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},s("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},s("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),s("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Decrement",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},s("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},s("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?s("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?"Hide password":"Show password",disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?s("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),s("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):s("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),s("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"dropdown"===this.type?s("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?s("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):s("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}))}renderStandardControl(){return s("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":"dropdown"===this.type?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderSelectControl(){return s("select",{id:"control",part:"control",class:"bs-input__control",disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange},this.options.map((i=>s("option",{value:i.value,selected:i.value===this.value},i.label))))}renderTextareaControl(){return s("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return s("div",{class:"bs-input__chips"},this.chips.map((i=>s("span",{part:"chip",class:"bs-input__chip"},i,s("button",{type:"button",class:"bs-input__chip-remove","aria-label":`Remove ${i}`,onClick:this.onChipRemove(i)},"×")))),s("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsField(){const i=this.disabled?"bs-input__field--disabled":"";return s("div",{class:"bs-input__initials-row"},s("div",{part:"field",class:`bs-input__field bs-input__field--initials-title ${this.error?"bs-input__field--error":""} ${i}`},s("select",{part:"control",class:"bs-input__control bs-input__title-select",disabled:this.disabled,onChange:this.onTitleChange},this.titleOptions.map((i=>s("option",{value:i,selected:i===this.initialsTitle},i)))),this.renderSelectChevron()),s("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${this.error?"bs-input__field--error":""} ${i}`},s("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderSelectChevron(){return s("svg",{class:"bs-input__select-chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))}renderCountryControl(){return[s("select",{part:"control",class:"bs-input__control bs-input__country-select",disabled:this.disabled,onChange:this.onCountryChange},this.countryOptions.map((i=>s("option",{value:i.code,selected:i.code===this.country},i.flagIcon?`${i.flagIcon} `:"",i.code," ",i.label)))),this.renderSelectChevron(),s("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})]}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();case"country":return this.renderCountryControl();default:return this.renderStandardControl()}}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return s("div",{class:"bs-input__field-wrapper"},s("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0,"aria-haspopup":t?"listbox":void 0,"aria-expanded":t?String(this.open):void 0},s("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),s("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":"")},this.renderEndIconContent())),t&&this.open&&this.options.length>0&&s("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>s("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],s("div",{part:"field",class:`bs-input__field bs-input__field--pin ${this.error?"bs-input__field--error":""} ${this.disabled?"bs-input__field--disabled":""}`},Array.from({length:this.length}).map(((i,t)=>s("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return s("div",{key:"29c5fb5ff9425d70dd8455a191c84812fdc44956",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&s("label",{key:"8da819da9b93e2aec33461677e62dc82021d7a02",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&s("span",{key:"0abd96f57861eb8a8c41cf7181e11f3b44e195e5",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():"initials"===this.type?this.renderInitialsField():this.renderField(),this.error?s("span",{id:"description-or-error",part:"error",class:"bs-input__error"},s("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},s("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),s("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),s("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?s("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}};n.style=":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-left:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;right:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));left:0;right:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}";export{n as bs_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,a as e,h as s}from"./p-CvfB8CQv.js";const a=class{constructor(e){r(this,e)}get el(){return e(this)}hasLabelContent=!1;type="determinate";size="large";value=0;showLabel=!0;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const r="determinate"===this.type,e=this.clampedValue;return s("div",{key:"5c8e982bad03ed994700f3021a2304f4b51b3f4a",part:"container",class:"bs-progress-linear"},s("div",{key:"e2327781cdfbec66cee4a09a0d518cd71f9a8fb7",part:"track",class:`bs-progress-linear__track bs-progress-linear__track--${this.size}`,role:"progressbar","aria-valuemin":r?"0":void 0,"aria-valuemax":r?"100":void 0,"aria-valuenow":r?String(e):void 0,"aria-busy":r?void 0:"true"},s("div",r?{part:"fill",class:"bs-progress-linear__fill",style:{width:`${e}%`}}:{part:"fill",class:"bs-progress-linear__fill bs-progress-linear__fill--indeterminate"})),this.showLabel&&this.hasLabelContent&&s("span",{key:"adbb34071dedfe8e164f1cf208e95c7f1f241399",part:"label",class:"bs-progress-linear__label"},s("slot",{key:"74020827d39b5d7d38feee377058c434f7e78f11"})))}componentWillLoad(){this.updateLabelVisibility(),this.mutationObserver=new MutationObserver((()=>this.updateLabelVisibility())),this.mutationObserver.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}mutationObserver;updateLabelVisibility(){this.hasLabelContent=Array.from(this.el.childNodes).some((r=>r.nodeType===Node.TEXT_NODE?(r.textContent??"").trim().length>0:r.nodeType===Node.ELEMENT_NODE))}};a.style=":host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-container);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}";export{a as bs_progress_linear}
|