@brandsync/wc 1.8.0 → 1.9.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 +139 -11
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-0eed6813.entry.js +1 -0
- package/dist/brandsync-wc/{p-ee7da23d.entry.js → p-107b1c5d.entry.js} +1 -1
- package/dist/brandsync-wc/p-2181378f.entry.js +1 -0
- package/dist/brandsync-wc/p-27bbed83.entry.js +1 -0
- package/dist/brandsync-wc/p-36bf37d9.entry.js +1 -0
- package/dist/brandsync-wc/p-3b64e3cd.entry.js +1 -0
- package/dist/brandsync-wc/p-6fd7dd6a.entry.js +1 -0
- package/dist/brandsync-wc/p-9f6fe37d.entry.js +1 -0
- package/dist/brandsync-wc/{p-03b08508.entry.js → p-c3f72584.entry.js} +1 -1
- package/dist/brandsync-wc/p-fc240aa0.entry.js +1 -0
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +13 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +15 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +18 -4
- package/dist/cjs/bs-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-inline-tab.cjs.entry.js +5 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +118 -5
- package/dist/cjs/bs-navigation-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab.cjs.entry.js +5 -1
- package/dist/cjs/bs-tabs.cjs.entry.js +47 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.cmp.test.js +63 -0
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +32 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.cmp.test.js +45 -0
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js +30 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.cmp.test.js +20 -0
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.css +21 -4
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +3 -2
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.stories.js +10 -0
- package/dist/collection/components/bs-data-table/bs-data-table.cmp.test.js +19 -0
- package/dist/collection/components/bs-data-table/bs-data-table.js +19 -5
- package/dist/collection/components/bs-data-table/bs-data-table.stories.js +8 -1
- package/dist/collection/components/bs-logo/bs-logo.cmp.test.js +52 -3
- package/dist/collection/components/bs-menu/bs-menu.stories.js +54 -0
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +24 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +24 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.cmp.test.js +88 -0
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +83 -2
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.stories.js +24 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.cmp.test.js +173 -5
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.css +106 -34
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +181 -5
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.stories.js +48 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.cmp.test.js +68 -0
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.css +31 -17
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-inline-tab.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-navigation-header.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/p-BoeorHNv.js +1 -0
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +14 -2
- package/dist/esm/bs-breadcrumb.entry.js +16 -2
- package/dist/esm/bs-data-table.entry.js +18 -4
- package/dist/esm/bs-icon-button.entry.js +2 -2
- package/dist/esm/bs-inline-tab.entry.js +5 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +119 -6
- package/dist/esm/bs-navigation-header.entry.js +1 -1
- package/dist/esm/bs-tab.entry.js +5 -1
- package/dist/esm/bs-tabs.entry.js +48 -3
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.d.ts +10 -0
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.d.ts +8 -0
- package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts +2 -1
- package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.stories.d.ts +1 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +16 -2
- package/dist/types/components/bs-menu/bs-menu.stories.d.ts +1 -0
- package/dist/types/components/bs-tab/bs-inline-tab/bs-inline-tab.d.ts +4 -0
- package/dist/types/components/bs-tab/bs-tab/bs-tab.d.ts +4 -0
- package/dist/types/components/bs-tab/bs-tabs/bs-tabs.d.ts +17 -0
- package/dist/types/components/bs-tab/bs-tabs/bs-tabs.stories.d.ts +1 -0
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.d.ts +50 -1
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.stories.d.ts +2 -0
- package/dist/types/components.d.ts +130 -2
- package/package.json +1 -1
- package/dist/brandsync-wc/p-002d258d.entry.js +0 -1
- package/dist/brandsync-wc/p-153da845.entry.js +0 -1
- package/dist/brandsync-wc/p-2e7a1082.entry.js +0 -1
- package/dist/brandsync-wc/p-612cf79c.entry.js +0 -1
- package/dist/brandsync-wc/p-652d4068.entry.js +0 -1
- package/dist/brandsync-wc/p-bc69a96c.entry.js +0 -1
- package/dist/brandsync-wc/p-bf53ad52.entry.js +0 -1
- package/dist/brandsync-wc/p-c7f4c114.entry.js +0 -1
- package/dist/components/p-BkHYJIyj.js +0 -1
package/custom-elements.json
CHANGED
|
@@ -1145,6 +1145,15 @@
|
|
|
1145
1145
|
"reflects": true
|
|
1146
1146
|
}
|
|
1147
1147
|
],
|
|
1148
|
+
"events": [
|
|
1149
|
+
{
|
|
1150
|
+
"name": "bsNavigate",
|
|
1151
|
+
"description": "Fires when the crumb's link is clicked, before the browser navigates. **Cancelable**: call\n`event.preventDefault()` to stop the native navigation and route it yourself (an SPA router).\nDetail is `{ href }`. Only a plain primary-button click emits it -- ctrl/cmd/shift/alt-clicks\nand middle-clicks (open in a new tab/window) are left to the browser. Bubbles and is composed,\nso one listener on the surrounding `<bs-breadcrumbs>` covers every crumb.",
|
|
1152
|
+
"type": {
|
|
1153
|
+
"text": "CustomEvent<{ href: string; }>"
|
|
1154
|
+
}
|
|
1155
|
+
}
|
|
1156
|
+
],
|
|
1148
1157
|
"slots": [
|
|
1149
1158
|
{
|
|
1150
1159
|
"name": "",
|
|
@@ -1317,6 +1326,15 @@
|
|
|
1317
1326
|
"reflects": true
|
|
1318
1327
|
}
|
|
1319
1328
|
],
|
|
1329
|
+
"events": [
|
|
1330
|
+
{
|
|
1331
|
+
"name": "bsNavigate",
|
|
1332
|
+
"description": "Fires when one of the popup's links is clicked, before the browser navigates. **Cancelable**\n-- see `bs-breadcrumb`'s `bsNavigate`, which this mirrors (same detail, same modified-click\nrule). Detail is `{ href }`.",
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "CustomEvent<{ href: string; }>"
|
|
1335
|
+
}
|
|
1336
|
+
}
|
|
1337
|
+
],
|
|
1320
1338
|
"slots": [
|
|
1321
1339
|
{
|
|
1322
1340
|
"name": "",
|
|
@@ -4378,7 +4396,7 @@
|
|
|
4378
4396
|
{
|
|
4379
4397
|
"kind": "field",
|
|
4380
4398
|
"name": "cellRenderer",
|
|
4381
|
-
"description": "Optional custom cell renderer, e.g. for
|
|
4399
|
+
"description": "Optional custom cell renderer, for rich cells such as a status badge, a link or an actions\ncolumn. It returns an **HTML string** that is inserted into the cell as real markup\n(`innerHTML`), so links, buttons, `<img>` and other web components (e.g. `<bs-badge>`) all render.\n\n**When set it renders every cell, not just the special ones** -- return the plain value for\nordinary columns too. And **the returned string is not escaped or sanitized** (same trust\nmodel as React's `dangerouslySetInnerHTML`): escape any untrusted row data you put in it, plain\ncolumns included, or it will be interpreted as HTML. Without a `cellRenderer`, values are\nrendered as escaped text.\n\nThe markup is static HTML -- attach behavior yourself, e.g. one `click` listener on the table\nthat reads `event.composedPath()[0]` (events from inside the shadow root are retargeted to the\ntable itself).\n\nFunction props are JS-property-only, same as array props -- there is no attribute equivalent.\nFalls back to the raw cell value (as escaped text) when unset.",
|
|
4382
4400
|
"type": {
|
|
4383
4401
|
"text": "(row: BsDataTableRow, column: BsDataTableColumn) => string",
|
|
4384
4402
|
"references": [
|
|
@@ -5481,7 +5499,7 @@
|
|
|
5481
5499
|
"slots": [
|
|
5482
5500
|
{
|
|
5483
5501
|
"name": "",
|
|
5484
|
-
"description": "Default slot: the icon content. Exactly one icon, no label."
|
|
5502
|
+
"description": "Default slot: the icon content. Exactly one icon, no label -- an inline SVG, or an icon-font\nglyph (sized by `font-size`, which this component sets from the `size` prop)."
|
|
5485
5503
|
}
|
|
5486
5504
|
],
|
|
5487
5505
|
"cssParts": [
|
|
@@ -5513,19 +5531,19 @@
|
|
|
5513
5531
|
},
|
|
5514
5532
|
{
|
|
5515
5533
|
"name": "--bs-icon-button-icon-size-lg",
|
|
5516
|
-
"description": "Slotted icon width/height at size=\"lg\". 24px."
|
|
5534
|
+
"description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"lg\". 24px."
|
|
5517
5535
|
},
|
|
5518
5536
|
{
|
|
5519
5537
|
"name": "--bs-icon-button-icon-size-md",
|
|
5520
|
-
"description": "Slotted icon width/height at size=\"md\". 20px."
|
|
5538
|
+
"description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"md\". 20px."
|
|
5521
5539
|
},
|
|
5522
5540
|
{
|
|
5523
5541
|
"name": "--bs-icon-button-icon-size-sm",
|
|
5524
|
-
"description": "Slotted icon width/height at size=\"sm\". 16px."
|
|
5542
|
+
"description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"sm\". 16px."
|
|
5525
5543
|
},
|
|
5526
5544
|
{
|
|
5527
5545
|
"name": "--bs-icon-button-icon-size-xs",
|
|
5528
|
-
"description": "Slotted icon width/height at size=\"xs\". 8px."
|
|
5546
|
+
"description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"xs\". 8px."
|
|
5529
5547
|
},
|
|
5530
5548
|
{
|
|
5531
5549
|
"name": "--bs-icon-button-info-default",
|
|
@@ -5760,6 +5778,14 @@
|
|
|
5760
5778
|
"text": "boolean"
|
|
5761
5779
|
},
|
|
5762
5780
|
"fieldName": "tabbable"
|
|
5781
|
+
},
|
|
5782
|
+
{
|
|
5783
|
+
"name": "value",
|
|
5784
|
+
"description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
|
|
5785
|
+
"type": {
|
|
5786
|
+
"text": "string"
|
|
5787
|
+
},
|
|
5788
|
+
"fieldName": "value"
|
|
5763
5789
|
}
|
|
5764
5790
|
],
|
|
5765
5791
|
"members": [
|
|
@@ -5802,6 +5828,16 @@
|
|
|
5802
5828
|
"text": "boolean"
|
|
5803
5829
|
},
|
|
5804
5830
|
"attribute": "tabbable"
|
|
5831
|
+
},
|
|
5832
|
+
{
|
|
5833
|
+
"kind": "field",
|
|
5834
|
+
"name": "value",
|
|
5835
|
+
"description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
|
|
5836
|
+
"type": {
|
|
5837
|
+
"text": "string"
|
|
5838
|
+
},
|
|
5839
|
+
"attribute": "value",
|
|
5840
|
+
"reflects": true
|
|
5805
5841
|
}
|
|
5806
5842
|
],
|
|
5807
5843
|
"events": [
|
|
@@ -6830,7 +6866,7 @@
|
|
|
6830
6866
|
"customElement": true,
|
|
6831
6867
|
"tagName": "bs-navigation-drawer",
|
|
6832
6868
|
"name": "BsNavigationDrawer",
|
|
6833
|
-
"description": "A left-side persistent navigation sidebar: the BrandSync logo, a \"Main Menu\" title with a\ncollapse toggle, a reserved slot for a search field, and a scrollable list of nav items.\n\n## When to use\n- The primary in-app navigation, shown alongside `bs-navigation-header` (typically that\n header's `with-navigation-drawer` alignment, which omits its own logo since this component\n already renders one -- or the reverse pairing, this drawer's own `showLogo={false}` alongside\n a header that keeps its logo instead, see that prop's own docs).\n\n## When not to use\n- The top navigation bar itself -- use `bs-navigation-header` instead.\n\nThis component renders a real `<nav>` landmark (no explicit `role` needed -- `<nav>` already\ncarries the implicit `navigation` role), labeled via `aria-label={heading}` so the landmark\nstill has a name even when collapsed (see below).\n\n`collapsed` narrows the drawer to a 96px icon-only rail, per Figma node 8028:135374\n(\"Type=Collapsed\"): the title text disappears, the logo swaps from the full \"EG BrandSync\"\nwordmark (`bs-logo variant=\"full\"`) to the real icon-only mark (`bs-logo variant=\"mark\"` -- a\nsecond, properly-designed asset, not a CSS crop of the full one) via CSS visibility toggling on\nboth, the same `:host([collapsed])` attribute-selector pattern already used for the\n`search`/`search-trigger` swap below, the `search` slot is replaced by a compact built-in\nsearch-trigger button (this component can't meaningfully shrink arbitrary slotted search-field\ncontent down to icon size itself, so it emits `bsSearchClick` instead -- e.g. to open a full\nsearch overlay), and every top-level\n`bs-navigation-drawer-item`'s layout switches from icon-beside-label to icon-above-caption.\nThat last part is real prop propagation, not a CSS trick: this component keeps each direct-child\nitem's own `collapsed` prop in sync with its own (see `syncItemsCollapsed` below), the same\ndirect-children-prop-sync approach `bs-tabs` already uses for coordinating `selected` across its\n`bs-tab` children. Clicking the toggle self-toggles `collapsed` (simple local UI state, not\nsomething needing cross-component coordination -- closer to `bs-switch`'s self-toggling\n`checked` than `bs-tab`'s non-self-toggling `selected`) and emits `bsCollapse` with the new\nvalue. The toggle's own caret icon does NOT rotate when collapsed -- Figma's collapsed mock\nreuses the identical left-pointing \"CaretLeft\" asset unchanged, confirmed by directly inspecting\nthat state, so this deliberately does not add the same \"flip on toggle\" idiom the drawer item's\nown disclosure chevron does (that one really is an unconfirmed addition; this one was checked).",
|
|
6869
|
+
"description": "A left-side persistent navigation sidebar: the BrandSync logo, a \"Main Menu\" title with a\ncollapse toggle, a reserved slot for a search field, and a scrollable list of nav items.\n\n## When to use\n- The primary in-app navigation, shown alongside `bs-navigation-header` (typically that\n header's `with-navigation-drawer` alignment, which omits its own logo since this component\n already renders one -- or the reverse pairing, this drawer's own `showLogo={false}` alongside\n a header that keeps its logo instead, see that prop's own docs).\n\n## When not to use\n- The top navigation bar itself -- use `bs-navigation-header` instead.\n\nThis component renders a real `<nav>` landmark (no explicit `role` needed -- `<nav>` already\ncarries the implicit `navigation` role), labeled via `aria-label={heading}` so the landmark\nstill has a name even when collapsed (see below).\n\n`collapsed` narrows the drawer to a 96px icon-only rail, per Figma node 8028:135374\n(\"Type=Collapsed\"): the title text disappears, the logo swaps from the full \"EG BrandSync\"\nwordmark (`bs-logo variant=\"full\"`) to the real icon-only mark (`bs-logo variant=\"mark\"` -- a\nsecond, properly-designed asset, not a CSS crop of the full one) via CSS visibility toggling on\nboth, the same `:host([collapsed])` attribute-selector pattern already used for the\n`search`/`search-trigger` swap below, the `search` slot is replaced by a compact built-in\nsearch-trigger button (this component can't meaningfully shrink arbitrary slotted search-field\ncontent down to icon size itself, so it emits `bsSearchClick` instead -- e.g. to open a full\nsearch overlay), and every top-level\n`bs-navigation-drawer-item`'s layout switches from icon-beside-label to icon-above-caption.\nThat last part is real prop propagation, not a CSS trick: this component keeps each direct-child\nitem's own `collapsed` prop in sync with its own (see `syncItemsCollapsed` below), the same\ndirect-children-prop-sync approach `bs-tabs` already uses for coordinating `selected` across its\n`bs-tab` children. Clicking the toggle self-toggles `collapsed` (simple local UI state, not\nsomething needing cross-component coordination -- closer to `bs-switch`'s self-toggling\n`checked` than `bs-tab`'s non-self-toggling `selected`) and emits `bsCollapse` with the new\nvalue. The toggle's own caret icon does NOT rotate when collapsed -- Figma's collapsed mock\nreuses the identical left-pointing \"CaretLeft\" asset unchanged, confirmed by directly inspecting\nthat state, so this deliberately does not add the same \"flip on toggle\" idiom the drawer item's\nown disclosure chevron does (that one really is an unconfirmed addition; this one was checked).\n\n**Small screens (768px and below)** switch to an off-canvas overlay instead of a permanent rail:\nthe drawer is hidden until `open` is set, then slides in over the page with a backdrop, fully\nexpanded (labels visible, nested items reachable). Escape or a click on the backdrop closes it and\nemits `bsClose`; focus moves into it on open and back to whatever opened it on close. The\ncollapse toggle and the compact search trigger are not shown in this mode (nothing sits behind\nthem). The drawer has no trigger of its own -- put a button in your header and set `open` from it.\nOn wider screens `open` is ignored and nothing changes.",
|
|
6834
6870
|
"attributes": [
|
|
6835
6871
|
{
|
|
6836
6872
|
"name": "collapsed",
|
|
@@ -6868,6 +6904,15 @@
|
|
|
6868
6904
|
"default": "'auto'",
|
|
6869
6905
|
"fieldName": "logoBackground"
|
|
6870
6906
|
},
|
|
6907
|
+
{
|
|
6908
|
+
"name": "open",
|
|
6909
|
+
"description": "Small screens only (768px and below): whether the off-canvas overlay is shown. Mutable and\nreflected -- the drawer sets it back to `false` itself when the user dismisses it (Escape or\nthe backdrop), and emits `bsClose`. Ignored on wider screens, where the drawer is always in\nthe page flow. There is no built-in trigger: set this from your own button.",
|
|
6910
|
+
"type": {
|
|
6911
|
+
"text": "boolean"
|
|
6912
|
+
},
|
|
6913
|
+
"default": "false",
|
|
6914
|
+
"fieldName": "open"
|
|
6915
|
+
},
|
|
6871
6916
|
{
|
|
6872
6917
|
"name": "show-logo",
|
|
6873
6918
|
"description": "Whether to render the BrandSync logo at all. Defaults to `true`. This drawer is normally the\none that owns the logo when paired with a `bs-navigation-header` (that header's own\n`with-navigation-drawer` alignment omits its logo for exactly this reason) -- but the reverse\npairing works too: a header that keeps its own logo (`alignment=\"default\"`) paired with this\ndrawer set to `showLogo={false}`, so the brand mark only ever appears once.",
|
|
@@ -6920,6 +6965,17 @@
|
|
|
6920
6965
|
"default": "'auto'",
|
|
6921
6966
|
"attribute": "logo-background"
|
|
6922
6967
|
},
|
|
6968
|
+
{
|
|
6969
|
+
"kind": "field",
|
|
6970
|
+
"name": "open",
|
|
6971
|
+
"description": "Small screens only (768px and below): whether the off-canvas overlay is shown. Mutable and\nreflected -- the drawer sets it back to `false` itself when the user dismisses it (Escape or\nthe backdrop), and emits `bsClose`. Ignored on wider screens, where the drawer is always in\nthe page flow. There is no built-in trigger: set this from your own button.",
|
|
6972
|
+
"type": {
|
|
6973
|
+
"text": "boolean"
|
|
6974
|
+
},
|
|
6975
|
+
"default": "false",
|
|
6976
|
+
"attribute": "open",
|
|
6977
|
+
"reflects": true
|
|
6978
|
+
},
|
|
6923
6979
|
{
|
|
6924
6980
|
"kind": "field",
|
|
6925
6981
|
"name": "showLogo",
|
|
@@ -6932,6 +6988,13 @@
|
|
|
6932
6988
|
}
|
|
6933
6989
|
],
|
|
6934
6990
|
"events": [
|
|
6991
|
+
{
|
|
6992
|
+
"name": "bsClose",
|
|
6993
|
+
"description": "Fires when the user dismisses the overlay (Escape, or a click on the backdrop), after `open`\nhas been set back to `false`. Does not fire when you set `open = false` yourself.",
|
|
6994
|
+
"type": {
|
|
6995
|
+
"text": "CustomEvent<void>"
|
|
6996
|
+
}
|
|
6997
|
+
},
|
|
6935
6998
|
{
|
|
6936
6999
|
"name": "bsCollapse",
|
|
6937
7000
|
"description": "Fires with the new `collapsed` value when the collapse toggle button is clicked.",
|
|
@@ -6958,6 +7021,10 @@
|
|
|
6958
7021
|
}
|
|
6959
7022
|
],
|
|
6960
7023
|
"cssParts": [
|
|
7024
|
+
{
|
|
7025
|
+
"name": "backdrop",
|
|
7026
|
+
"description": "The scrim behind the overlay (small screens only; clicking it closes the overlay)."
|
|
7027
|
+
},
|
|
6961
7028
|
{
|
|
6962
7029
|
"name": "collapse",
|
|
6963
7030
|
"description": "The collapse toggle button."
|
|
@@ -6984,6 +7051,10 @@
|
|
|
6984
7051
|
}
|
|
6985
7052
|
],
|
|
6986
7053
|
"cssProperties": [
|
|
7054
|
+
{
|
|
7055
|
+
"name": "--bs-navigation-drawer-backdrop",
|
|
7056
|
+
"description": "Scrim behind the small-screen overlay. Aliased to --bs-surface-overlay-level-2."
|
|
7057
|
+
},
|
|
6987
7058
|
{
|
|
6988
7059
|
"name": "--bs-navigation-drawer-bg",
|
|
6989
7060
|
"description": "Background of the drawer. Aliased to --bs-surface-base."
|
|
@@ -7024,6 +7095,18 @@
|
|
|
7024
7095
|
"name": "--bs-navigation-drawer-items-gap",
|
|
7025
7096
|
"description": "Gap between top-level item rows in the items list. Aliased to --bs-spacing-100."
|
|
7026
7097
|
},
|
|
7098
|
+
{
|
|
7099
|
+
"name": "--bs-navigation-drawer-overlay-duration",
|
|
7100
|
+
"description": "Slide/fade duration of the small-screen overlay. Aliased to --bs-duration-default."
|
|
7101
|
+
},
|
|
7102
|
+
{
|
|
7103
|
+
"name": "--bs-navigation-drawer-overlay-shadow",
|
|
7104
|
+
"description": "Shadow of the small-screen overlay panel. Aliased to --bs-shadow-lg."
|
|
7105
|
+
},
|
|
7106
|
+
{
|
|
7107
|
+
"name": "--bs-navigation-drawer-overlay-z-index",
|
|
7108
|
+
"description": "Stacking order of the small-screen overlay (the panel sits one above its backdrop). Aliased to --bs-z-index-modal."
|
|
7109
|
+
},
|
|
7027
7110
|
{
|
|
7028
7111
|
"name": "--bs-navigation-drawer-padding-left",
|
|
7029
7112
|
"description": "Left padding. Aliased to --bs-spacing-300 -- note this is deliberately different from --bs-navigation-drawer-padding-right (below), per the Figma spec. Both are ignored (set to 0) while `collapsed` -- see Figma node 8028:135374, which uses `px-0` for the collapsed rail."
|
|
@@ -7074,7 +7157,7 @@
|
|
|
7074
7157
|
},
|
|
7075
7158
|
{
|
|
7076
7159
|
"name": "--bs-navigation-drawer-width",
|
|
7077
|
-
"description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width.
|
|
7160
|
+
"description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width. At 768px and below the drawer is an off-canvas overlay (see `open`) of this same width (capped at the viewport width), so it stops reserving a permanent 280px of layout width on small screens."
|
|
7078
7161
|
}
|
|
7079
7162
|
]
|
|
7080
7163
|
}
|
|
@@ -7566,15 +7649,15 @@
|
|
|
7566
7649
|
},
|
|
7567
7650
|
{
|
|
7568
7651
|
"name": "--bs-navigation-header-max-width",
|
|
7569
|
-
"description": "Overall max-width of the bar.
|
|
7652
|
+
"description": "Overall max-width of the bar. Defaults to `none`, so an app-shell header spans its container (a 1920px default stopped the bar short on screens wider than that while the content below kept going). Set a length, e.g. `1920px`, to cap it. The global vendored --bs-breakpoints-max-width token is not used: it is malformed (`1920rem` instead of `1920px`)."
|
|
7570
7653
|
},
|
|
7571
7654
|
{
|
|
7572
7655
|
"name": "--bs-navigation-header-padding-bottom",
|
|
7573
|
-
"description": "Aliased to --bs-spacing-100."
|
|
7656
|
+
"description": "Aliased to --bs-spacing-100 (8px). See the top padding above for why it is smaller."
|
|
7574
7657
|
},
|
|
7575
7658
|
{
|
|
7576
7659
|
"name": "--bs-navigation-header-padding-top",
|
|
7577
|
-
"description": "Aliased to --bs-spacing-200."
|
|
7660
|
+
"description": "Aliased to --bs-spacing-200 (16px). Deliberately larger than the bottom padding to match the Figma design, so slotted content sits about 4px below the bar's vertical center. For true vertical centering set both paddings to --bs-spacing-150."
|
|
7578
7661
|
},
|
|
7579
7662
|
{
|
|
7580
7663
|
"name": "--bs-navigation-header-padding-x",
|
|
@@ -10046,6 +10129,14 @@
|
|
|
10046
10129
|
"text": "boolean"
|
|
10047
10130
|
},
|
|
10048
10131
|
"fieldName": "tabbable"
|
|
10132
|
+
},
|
|
10133
|
+
{
|
|
10134
|
+
"name": "value",
|
|
10135
|
+
"description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
|
|
10136
|
+
"type": {
|
|
10137
|
+
"text": "string"
|
|
10138
|
+
},
|
|
10139
|
+
"fieldName": "value"
|
|
10049
10140
|
}
|
|
10050
10141
|
],
|
|
10051
10142
|
"members": [
|
|
@@ -10103,6 +10194,16 @@
|
|
|
10103
10194
|
"text": "boolean"
|
|
10104
10195
|
},
|
|
10105
10196
|
"attribute": "tabbable"
|
|
10197
|
+
},
|
|
10198
|
+
{
|
|
10199
|
+
"kind": "field",
|
|
10200
|
+
"name": "value",
|
|
10201
|
+
"description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
|
|
10202
|
+
"type": {
|
|
10203
|
+
"text": "string"
|
|
10204
|
+
},
|
|
10205
|
+
"attribute": "value",
|
|
10206
|
+
"reflects": true
|
|
10106
10207
|
}
|
|
10107
10208
|
],
|
|
10108
10209
|
"events": [
|
|
@@ -10293,6 +10394,14 @@
|
|
|
10293
10394
|
},
|
|
10294
10395
|
"default": "'bs-tab'",
|
|
10295
10396
|
"fieldName": "type"
|
|
10397
|
+
},
|
|
10398
|
+
{
|
|
10399
|
+
"name": "value",
|
|
10400
|
+
"description": "The selected tab's `value`. Mutable and reflected: it follows the user's selection, and\nsetting it from outside (attribute or property) selects the matching tab -- without emitting\n`bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,\nor, for a tab without one, its zero-based position in the group as a string (`\"0\"`, `\"1\"`...).\nIf unset, it is read from whichever tab is already `selected` once the group loads.",
|
|
10401
|
+
"type": {
|
|
10402
|
+
"text": "string"
|
|
10403
|
+
},
|
|
10404
|
+
"fieldName": "value"
|
|
10296
10405
|
}
|
|
10297
10406
|
],
|
|
10298
10407
|
"members": [
|
|
@@ -10325,6 +10434,25 @@
|
|
|
10325
10434
|
},
|
|
10326
10435
|
"default": "'bs-tab'",
|
|
10327
10436
|
"attribute": "type"
|
|
10437
|
+
},
|
|
10438
|
+
{
|
|
10439
|
+
"kind": "field",
|
|
10440
|
+
"name": "value",
|
|
10441
|
+
"description": "The selected tab's `value`. Mutable and reflected: it follows the user's selection, and\nsetting it from outside (attribute or property) selects the matching tab -- without emitting\n`bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,\nor, for a tab without one, its zero-based position in the group as a string (`\"0\"`, `\"1\"`...).\nIf unset, it is read from whichever tab is already `selected` once the group loads.",
|
|
10442
|
+
"type": {
|
|
10443
|
+
"text": "string"
|
|
10444
|
+
},
|
|
10445
|
+
"attribute": "value",
|
|
10446
|
+
"reflects": true
|
|
10447
|
+
}
|
|
10448
|
+
],
|
|
10449
|
+
"events": [
|
|
10450
|
+
{
|
|
10451
|
+
"name": "bsChange",
|
|
10452
|
+
"description": "Fires when the user selects a different tab (click, or arrow/Home/End), with the new\n`value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab\nstill fires as before.",
|
|
10453
|
+
"type": {
|
|
10454
|
+
"text": "CustomEvent<{ value: string; }>"
|
|
10455
|
+
}
|
|
10328
10456
|
}
|
|
10329
10457
|
],
|
|
10330
10458
|
"slots": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as o}from"./p-AgoOSYvW.js";export{s as setNonce}from"./p-AgoOSYvW.js";(()=>{const a=import.meta.url,
|
|
1
|
+
import{p as e,g as a,b as o}from"./p-AgoOSYvW.js";export{s as setNonce}from"./p-AgoOSYvW.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((async e=>(await a(),o([["p-360452c2",[[769,"bs-carousel",{tracker:[1],slidesPerView:[2,"slides-per-view"],currentPage:[1538,"current-page"],autoplay:[4],interval:[2],paused:[1540],label:[1],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],pauseLabel:[1,"pause-label"],playLabel:[1,"play-label"],slideCount:[32],interacting:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}]]],["p-a0d5a620",[[769,"bs-file-upload-item",{state:[513],fileName:[1,"file-name"],fileSize:[1,"file-size"],progress:[2],message:[1],thumbnailSrc:[1,"thumbnail-src"],thumbnailAlt:[1,"thumbnail-alt"],cancelLabel:[1,"cancel-label"],removeLabel:[1,"remove-label"]}]]],["p-c10d2529",[[849,"bs-input",{name:[513],value:[1025],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[516],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"]],{value:[{onFormStateChange:0}],type:[{onFormStateChange:0}],chips:[{onFormStateChange:0}],required:[{onFormStateChange:0}]}]]],["p-fddc7bd1",[[769,"bs-snackbar",{variant:[1],loading:[4],actionLabel:[1,"action-label"]}]]],["p-1c0db4d6",[[513,"bs-attachment",{type:[1],fileName:[1,"file-name"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],loading:[4],removable:[4]}]]],["p-9f6fe37d",[[513,"bs-breadcrumb-overflow",{items:[16],overflowLabel:[1,"overflow-label"],size:[513],open:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["p-05c7de28",[[769,"bs-chatbot-header",{heading:[1],expanded:[1540]}]]],["p-1f7208cb",[[769,"bs-dialog",{open:[1540],heading:[1],size:[1],centered:[516],hasFooter:[32],hasImage:[32],hasIcon:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["p-33e44094",[[769,"bs-file-upload",{direction:[513],heading:[1],description:[1],buttonLabel:[1,"button-label"],accept:[1],multiple:[4],disabled:[516],dragging:[1540]}]]],["p-6fd7dd6a",[[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]]],["p-0eed6813",[[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-be2c1740",[[769,"bs-accordion",{expanded:[516],size:[1],disabled:[4],showIcon:[4,"show-icon"],showPreview:[4,"show-preview"]}]]],["p-a09e157f",[[257,"bs-ai-disclaimer"]]],["p-062cfa34",[[513,"bs-ai-greeting",{assistantName:[1,"assistant-name"],productName:[1,"product-name"]}]]],["p-cfcf3f0a",[[513,"bs-ai-thinking",{label:[1]}]]],["p-c4de155c",[[769,"bs-attachment-list",{ariaLabel:[1,"aria-label"],canScrollRight:[32]}]]],["p-a92eec48",[[513,"bs-avatar",{type:[1],size:[1],initials:[1],src:[1],alt:[1],ariaLabel:[1,"aria-label"],disabled:[516]}]]],["p-bbcc47b0",[[769,"bs-badge",{variant:[1]}]]],["p-2181378f",[[769,"bs-breadcrumb",{href:[1],current:[516],size:[513]}]]],["p-ae978c9a",[[769,"bs-breadcrumbs",{label:[1],size:[1]},null,{size:[{onSizeChange:0}]}]]],["p-051d3064",[[513,"bs-button-skeleton",{size:[1]}]]],["p-f006d962",[[769,"bs-card",{surface:[1],hasImage:[32]}]]],["p-de7c946d",[[513,"bs-chatbot-feedback",{rating:[1538],submitted:[1540],comment:[1025],heading:[1],subtitle:[1]}]]],["p-3176d1d3",[[769,"bs-chatbot-response-action",{sourcesCount:[2,"sources-count"],menuOpen:[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["p-6331de9c",[[769,"bs-chatbot-sources-drawer",{heading:[1],count:[2],slottedCount:[32]}]]],["p-8ee0153b",[[769,"bs-chatbot-suggestion-button",{disabled:[4]}]]],["p-835a8dc7",[[849,"bs-checkbox",{name:[513],value:[1],required:[4],size:[1],checked:[1540],indeterminate:[1540],disabled:[516],error:[4],ariaLabel:[1,"aria-label"]},null,{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],required:[{syncFormValue:0}],indeterminate:[{onIndeterminateChange:0}]}]]],["p-9f65f998",[[513,"bs-checkbox-skeleton",{size:[1]}]]],["p-9f8852a0",[[785,"bs-chip-filter",{size:[1],selected:[516],dropdown:[4],disabled:[4],ariaLabel:[1,"aria-label"],hasIcon:[32]}]]],["p-61c1a2a3",[[769,"bs-chip-informative",{color:[1],size:[1],disabled:[516],hasIcon:[32]}]]],["p-e9b43754",[[785,"bs-chip-input",{size:[1],selected:[1540],disabled:[516],hasIcon:[32],labelText:[32]}]]],["p-a5feaad4",[[785,"bs-composer",{variant:[1],placeholder:[1],value:[1025],state:[513],ariaLabel:[1,"aria-label"],hasAttachments:[32]}]]],["p-fc58c663",[[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-c3f72584",[[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32],clearSelection:[64]}]]],["p-fc240aa0",[[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],value:[513],tabbable:[4],hasIcon:[32],hasLabel:[32]}]]],["p-107b1c5d",[[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]]],["p-4574a707",[[513,"bs-progress",{type:[1],size:[1],strokeWidth:[2,"stroke-width"],value:[2],showLabel:[4,"show-label"],ariaLabel:[1,"aria-label"]}]]],["p-2891d40b",[[849,"bs-radio",{name:[513],value:[1],checked:[1540],disabled:[516],groupHasChecked:[32]},[[4,"bsChange","onAnyRadioChange"]],{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}]]],["p-0e39b9cc",[[593,"bs-slider",{type:[1],name:[513],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:[516],ariaLabel:[1,"aria-label"]},null,{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}]]],["p-7c94e6ae",[[769,"bs-source-link",{fileName:[1,"file-name"],sourceName:[1,"source-name"],version:[1],href:[1],target:[1]}]]],["p-3ec74d35",[[769,"bs-stepper",{currentStep:[2,"current-step"],direction:[513],showDescription:[4,"show-description"]},null,{currentStep:[{onPropChange:0}],direction:[{onPropChange:0}],showDescription:[{onPropChange:0}]}]]],["p-70f64b25",[[513,"bs-stepper-step",{name:[1],description:[1],error:[4],disabled:[4],computedState:[1,"computed-state"],direction:[1],showDescription:[4,"show-description"]}]]],["p-29027559",[[849,"bs-switch",{name:[513],value:[1],size:[1],checked:[1540],disabled:[516],ariaLabel:[1,"aria-label"]},null,{checked:[{syncFormValue:0}],value:[{syncFormValue:0}]}]]],["p-36bf37d9",[[769,"bs-tab",{selected:[516],disabled:[4],iconPosition:[1,"icon-position"],ariaLabel:[1,"aria-label"],value:[513],tabbable:[4],hasIcon:[32],hasLabel:[32],hasBadge:[32]}]]],["p-3b64e3cd",[[769,"bs-tabs",{type:[1],orientation:[1],value:[1537]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}]]],["p-235ae012",[[769,"bs-toast",{state:[1]}]]],["p-7b00dd36",[[769,"bs-menu-item",{disabled:[4],hasIcon:[32]}]]],["p-114d2fd8",[[513,"bs-pagination",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],siblingCount:[2,"sibling-count"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"]}]]],["p-f7d47c17",[[769,"bs-progress-linear",{type:[1],size:[1],value:[2],showLabel:[4,"show-label"],ariaLabel:[1,"aria-label"],hasLabelContent:[32]}]]],["p-6bf2f116",[[769,"bs-tooltip",{placement:[1]}]]],["p-275072dd",[[513,"bs-logo",{variant:[1],background:[1],src:[1],alt:[1]}]]],["p-4e5dcaff",[[257,"bs-menu",null,[[0,"keydown","onKeyDown"]]]]],["p-f074f94e",[[849,"bs-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"],hasIcon:[32],hasEndIcon:[32],hasLabel:[32]}]]],["p-27bbed83",[[849,"bs-icon-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as i}from"./p-AgoOSYvW.js";const e=class{constructor(i){a(this,i)}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return i("header",{key:"0dc99abb8f2db96f0befe1b838a2db037636a75c",class:`bs-navigation-header bs-navigation-header--${this.alignment}`,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&i("a",{key:"1f906366d5398aa62d2485afdb1c9cf350354f05",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&i("bs-logo",{key:"c735b4647acc92ff5b6725dc72bfbab421230a9c",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),i("div",{key:"845c1d60319daf2aa7aa57f0f8ba71e0f633598e",part:"left",class:"bs-navigation-header__left"},i("slot",{key:"67436745b63a843e86a79163f927f2b563b6e2e4",name:"left"})),i("div",{key:"4c6d514d7cf238b5be8476f9fede7292b1dc1c10",part:"right",class:"bs-navigation-header__right"},i("slot",{key:"a6c12231c6cc728314fdfc076a48fd1ce0f79ede",name:"right"})))}};e.style=":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}";export{e as bs_navigation_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,a as i,h as t}from"./p-AgoOSYvW.js";const n=class{constructor(i){e(this,i),this.bsSelect=a(this,"bsSelect"),this.bsToggle=a(this,"bsToggle")}get el(){return i(this)}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return t("div",{key:"ff4a72a5d5c8b37fa92ff244398153ca81b7f864",class:"bs-navigation-drawer-item__root"},t("button",{key:"f8c1d1e9c72aba5b6012f4f9d7fdc5956b919dff",type:"button",part:"item",class:e,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&t("span",{key:"cf46152a1d7e0f4783a3ee29fd9eb7ae2a566c68",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},t("slot",{key:"32a1ea999456bf584bebf03e73aab3e7c01281cc",name:"icon",onSlotchange:this.onIconSlotchange})),t("span",{key:"496a7d21f7a3878bd58fd4bdbb978b3bde40f588",part:"label",class:"bs-navigation-drawer-item__label"},t("slot",{key:"3b1d65cd36d19c3714174a3a05a1b68ec3910042"})),this.expandable&&t("span",{key:"041b8fc587482288c4adf7b023edc7b7057a2fda",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},t(r,{key:"0957e9218a1360b35726ee346e1e3718eb1b3eff"}))),this.expandable&&t("span",{key:"df4d3384410c6eaffd7e42aa17380740710db0ad",part:"children",class:"bs-navigation-drawer-item__children"},t("slot",{key:"273844338141f5429aa7b53f55a06fca4293fa2a",name:"children"})))}},r=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));n.style=":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}";export{n as bs_navigation_drawer_item}
|
|
1
|
+
import{r as e,c as a,a as i,h as t}from"./p-AgoOSYvW.js";const n=class{constructor(i){e(this,i),this.bsSelect=a(this,"bsSelect"),this.bsToggle=a(this,"bsToggle")}get el(){return i(this)}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return t("div",{key:"34d31ff7c612fa135b6dc14b757d66d4b00f99e4",class:"bs-navigation-drawer-item__root"},t("button",{key:"08e244c8ada605dc7705df5b1d45ebce80165f3e",type:"button",part:"item",class:e,"aria-expanded":this.expandable?String(this.expanded):void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&t("span",{key:"a6e09b5edb35ec8f76ed6d6a78ddd1eb141f87b6",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},t("slot",{key:"851289379dacae965639ed7963d800c8a92472c2",name:"icon",onSlotchange:this.onIconSlotchange})),t("span",{key:"4b46c2ca6a5bf4d5e777ae72c9ea826ffcffea02",part:"label",class:"bs-navigation-drawer-item__label"},t("slot",{key:"df214a2bcea435a678c18d0f461d9011c767a995"})),this.expandable&&t("span",{key:"d12e91043617e96567acd5497a53dd98c612c6af",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},t(r,{key:"c278774ae33cf86e7d1b3f70f4e99b8c7afc4d68"}))),this.expandable&&t("span",{key:"85081ed698d078b94225c7b984eaee1edfd22b49",part:"children",class:"bs-navigation-drawer-item__children"},t("slot",{key:"85c22788467a67f18b9cca6018c179a28d06fa19",name:"children"})))}},r=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));n.style=":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}";export{n as bs_navigation_drawer_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,h as a,H as s}from"./p-AgoOSYvW.js";const b=class{constructor(a){r(this,a),this.bsNavigate=e(this,"bsNavigate")}href;current=!1;size="md";bsNavigate;onLinkClick=r=>{r.defaultPrevented||0!==r.button||r.metaKey||r.ctrlKey||r.shiftKey||r.altKey||this.bsNavigate.emit({href:this.href}).defaultPrevented&&r.preventDefault()};render(){return a(s,{key:"92b78d6b9eeb98420ed6a42496d632d4d437ea78",role:"listitem"},a("span",{key:"0fbd23cacfecc6b5ea75c250d65875a1087913f7",part:"separator",class:"bs-breadcrumb__separator","aria-hidden":"true"},a(t,{key:"2799c66de6d3291622bd3dea39e4c1f7f97a1bc9"})),this.current?a("span",{part:"current",class:"bs-breadcrumb__current","aria-current":"page"},a("slot",null)):this.href?a("a",{part:"link",class:"bs-breadcrumb__link",href:this.href,onClick:this.onLinkClick},a("slot",null)):a("span",{part:"link",class:"bs-breadcrumb__link"},a("slot",null)))}},t=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));b.style=":host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}";export{b as bs_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,a as n,h as t}from"./p-AgoOSYvW.js";const s=class{constructor(n){o(this,n),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals)}get el(){return n(this)}internals;variant="primary";size="md";disabled=!1;type="button";ariaLabel=null;onClick=()=>{const o=this.internals?.form;o&&!this.disabled&&("submit"===this.type?o.requestSubmit():"reset"===this.type&&o.reset())};render(){return t("button",{key:"538cd121df25e20ea7e21a7b5269e73d275f8bff",class:`bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`,type:this.type,disabled:this.disabled,"aria-label":this.ariaLabel,onClick:this.onClick},t("span",{key:"35548fe082134edb85dbdcb0caf820ec3b5233c2",part:"icon",class:"bs-icon-button__icon"},t("slot",{key:"7f16ef5f2c08fc5d2bb852bd5c36598be5aa1175"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};s.style=":host{display:inline-block;--bs-icon-button-radius:var(--bs-border-radius-100);--bs-icon-button-size-sm:40px;--bs-icon-button-size-md:44px;--bs-icon-button-size-lg:48px;--bs-icon-button-icon-size-sm:16px;--bs-icon-button-icon-size-md:20px;--bs-icon-button-icon-size-lg:24px;--bs-icon-button-padding:var(--bs-spacing-150);--bs-icon-button-radius-xs:var(--bs-border-radius-50);--bs-icon-button-size-xs:16px;--bs-icon-button-icon-size-xs:8px;--bs-icon-button-padding-xs:var(--bs-spacing-50);--bs-icon-button-primary-default:var(--bs-color-primary-default);--bs-icon-button-primary-hover:var(--bs-color-primary-hover);--bs-icon-button-primary-pressed:var(--bs-color-primary-pressed);--bs-icon-button-primary-disabled:var(--bs-surface-action-disabled);--bs-icon-button-neutral-container:var(--bs-color-neutral-container);--bs-icon-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-icon-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-neutral-border:var(--bs-border-neutral-container);--bs-icon-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-icon-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-icon-button-subtle-hover:var(--bs-color-neutral-container);--bs-icon-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-subtle-focus:var(--bs-border-primary-focus);--bs-icon-button-outlined-border:var(--bs-color-primary-default);--bs-icon-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-icon-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-icon-button-outlined-text-hover:var(--bs-text-action-hover);--bs-icon-button-outlined-container:var(--bs-color-primary-container);--bs-icon-button-outlined-focus:var(--bs-border-primary-focus);--bs-icon-button-success-default:var(--bs-color-success-default);--bs-icon-button-success-hover:var(--bs-color-success-hover);--bs-icon-button-success-pressed:var(--bs-color-success-pressed);--bs-icon-button-success-disabled:var(--bs-surface-action-disabled);--bs-icon-button-success-focus:var(--bs-border-success-focus);--bs-icon-button-warning-default:var(--bs-color-warning-default);--bs-icon-button-warning-hover:var(--bs-color-warning-hover);--bs-icon-button-warning-pressed:var(--bs-color-warning-pressed);--bs-icon-button-warning-disabled:var(--bs-surface-action-disabled);--bs-icon-button-warning-focus:var(--bs-border-warning-focus);--bs-icon-button-info-default:var(--bs-color-info-default);--bs-icon-button-info-hover:var(--bs-color-info-hover);--bs-icon-button-info-pressed:var(--bs-color-info-pressed);--bs-icon-button-info-disabled:var(--bs-surface-action-disabled);--bs-icon-button-info-focus:var(--bs-border-info-focus);--bs-icon-button-error-default:var(--bs-color-error-default);--bs-icon-button-error-hover:var(--bs-color-error-hover);--bs-icon-button-error-pressed:var(--bs-color-error-pressed);--bs-icon-button-error-disabled:var(--bs-surface-action-disabled);--bs-icon-button-error-focus:var(--bs-border-error-focus)}.bs-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-icon-button-radius);padding:var(--bs-icon-button-padding);cursor:pointer;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-icon-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-icon-button:disabled{cursor:not-allowed}.bs-icon-button--xs{width:var(--bs-icon-button-size-xs);height:var(--bs-icon-button-size-xs);padding:var(--bs-icon-button-padding-xs);border-radius:var(--bs-icon-button-radius-xs)}.bs-icon-button--xs .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-xs);height:var(--bs-icon-button-icon-size-xs);font-size:var(--bs-icon-button-icon-size-xs)}.bs-icon-button--sm{width:var(--bs-icon-button-size-sm);height:var(--bs-icon-button-size-sm)}.bs-icon-button--sm .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-sm);height:var(--bs-icon-button-icon-size-sm);font-size:var(--bs-icon-button-icon-size-sm)}.bs-icon-button--md{width:var(--bs-icon-button-size-md);height:var(--bs-icon-button-size-md)}.bs-icon-button--md .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-md);height:var(--bs-icon-button-icon-size-md);font-size:var(--bs-icon-button-icon-size-md)}.bs-icon-button--lg{width:var(--bs-icon-button-size-lg);height:var(--bs-icon-button-size-lg)}.bs-icon-button--lg .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-lg);height:var(--bs-icon-button-icon-size-lg);font-size:var(--bs-icon-button-icon-size-lg)}.bs-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:1}.bs-icon-button__icon ::slotted(*){display:block;width:100%;height:100%;font-size:inherit;line-height:1}.bs-icon-button--primary{background:var(--bs-icon-button-primary-default);color:var(--bs-text-on-action)}.bs-icon-button--primary:hover:not(:disabled){background:var(--bs-icon-button-primary-hover)}.bs-icon-button--primary:active:not(:disabled){background:var(--bs-icon-button-primary-pressed)}.bs-icon-button--primary:disabled{background:var(--bs-icon-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--neutral{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-icon-button-neutral-border)}.bs-icon-button--neutral:hover:not(:disabled){background:var(--bs-icon-button-neutral-hover);border-color:var(--bs-icon-button-neutral-border-hover)}.bs-icon-button--neutral:active:not(:disabled){background:var(--bs-icon-button-neutral-pressed);border-color:var(--bs-icon-button-neutral-border-pressed)}.bs-icon-button--neutral:disabled{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-on-disabled);border-color:var(--bs-icon-button-neutral-border)}.bs-icon-button--error{background:var(--bs-icon-button-error-default);color:var(--bs-text-on-action)}.bs-icon-button--error:hover:not(:disabled){background:var(--bs-icon-button-error-hover)}.bs-icon-button--error:active:not(:disabled){background:var(--bs-icon-button-error-pressed)}.bs-icon-button--error:disabled{background:var(--bs-icon-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--error:focus-visible{outline-color:var(--bs-icon-button-error-focus)}.bs-icon-button--success{background:var(--bs-icon-button-success-default);color:var(--bs-text-on-action)}.bs-icon-button--success:hover:not(:disabled){background:var(--bs-icon-button-success-hover)}.bs-icon-button--success:active:not(:disabled){background:var(--bs-icon-button-success-pressed)}.bs-icon-button--success:disabled{background:var(--bs-icon-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--success:focus-visible{outline-color:var(--bs-icon-button-success-focus)}.bs-icon-button--warning{background:var(--bs-icon-button-warning-default);color:var(--bs-text-on-action)}.bs-icon-button--warning:hover:not(:disabled){background:var(--bs-icon-button-warning-hover)}.bs-icon-button--warning:active:not(:disabled){background:var(--bs-icon-button-warning-pressed)}.bs-icon-button--warning:disabled{background:var(--bs-icon-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--warning:focus-visible{outline-color:var(--bs-icon-button-warning-focus)}.bs-icon-button--info{background:var(--bs-icon-button-info-default);color:var(--bs-text-on-action)}.bs-icon-button--info:hover:not(:disabled){background:var(--bs-icon-button-info-hover)}.bs-icon-button--info:active:not(:disabled){background:var(--bs-icon-button-info-pressed)}.bs-icon-button--info:disabled{background:var(--bs-icon-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--info:focus-visible{outline-color:var(--bs-icon-button-info-focus)}.bs-icon-button--subtle{background:transparent;color:var(--bs-icon-neutral-default)}.bs-icon-button--subtle:hover:not(:disabled){background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--subtle:active:not(:disabled){background:var(--bs-icon-button-subtle-pressed)}.bs-icon-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-icon-button--subtle:focus-visible{outline-color:var(--bs-icon-button-subtle-focus);background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1px solid var(--bs-icon-button-outlined-border)}.bs-icon-button--outlined:hover:not(:disabled){background:var(--bs-icon-button-outlined-container);border-color:var(--bs-icon-button-outlined-border-hover);color:var(--bs-icon-button-outlined-text-hover)}.bs-icon-button--outlined:active:not(:disabled){background:var(--bs-icon-button-outlined-container);color:var(--bs-icon-button-outlined-text-hover);border-color:var(--bs-icon-button-outlined-border-pressed)}.bs-icon-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-icon-button--outlined:focus-visible{outline-color:var(--bs-icon-button-outlined-focus)}";export{s as bs_icon_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as t,a as b,h as s}from"./p-AgoOSYvW.js";const e=class{constructor(b){a(this,b),this.bsSelect=t(this,"bsSelect")}get el(){return b(this)}selected=!1;disabled=!1;iconPosition="start";ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;hasBadge=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null),this.hasBadge=this.hasSlottedContent("badge")}hasSlottedContent(a){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE?t.getAttribute("slot")===a:null===a))}onIconSlotchange=a=>{this.hasIcon=a.target.assignedNodes().length>0};onLabelSlotchange=a=>{this.hasLabel=a.target.assignedNodes().length>0};onBadgeSlotchange=a=>{this.hasBadge=a.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){const a=this.hasIcon&&!this.hasLabel,t=this.hasIcon&&this.hasLabel&&"top"===this.iconPosition,b=this.hasBadge&&!a&&!t;return s("button",{key:"383cf44dfcf1feb5404e6a392318c8ce5a8a1178",type:"button",part:"tab",role:"tab",class:`bs-tab ${this.selected?"bs-tab--selected":""} ${this.disabled?"bs-tab--disabled":""} ${a?"bs-tab--icon-only":""} ${t?"bs-tab--vertical":""}`,disabled:this.disabled,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},s("span",{key:"8b3a6b9ee663c2957c206024478ee76abf4fb905",part:"icon",class:"bs-tab__icon "+(this.hasIcon?"bs-tab__icon--has-content":"")},s("slot",{key:"b46fd73bac532345e747bb214f8c91f32b04810c",name:"icon",onSlotchange:this.onIconSlotchange})),s("span",{key:"9d3e69f4dc96e20a327ebccdbdf934f07a4892c0",part:"label",class:"bs-tab__label "+(this.hasLabel?"bs-tab__label--has-content":"")},s("slot",{key:"e724d44bec76845b64e8e0ebb5c883dc47ff11a3",onSlotchange:this.onLabelSlotchange})),s("span",{key:"1cb4e5a8056ebac8b1b098c350c4a5d89bd2968a",part:"badge",class:"bs-tab__badge "+(b?"bs-tab__badge--has-content":"")},s("slot",{key:"46a6bbf2c8702645b85062012294eedf3facceac",name:"badge",onSlotchange:this.onBadgeSlotchange})),s("span",{key:"38845ccafeddfe79af64c3e291197e88bbced150",part:"indicator",class:"bs-tab__indicator"}))}};e.style=":host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;inset-inline-start:var(--bs-tab-padding-x);inset-inline-end:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}";export{e as bs_tab}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,a,h as i}from"./p-AgoOSYvW.js";const n=class{constructor(a){t(this,a),this.bsChange=s(this,"bsChange")}get el(){return a(this)}type="bs-tab";orientation="horizontal";value;bsChange;onTabSelect(t){const s=this.tabs();s.forEach((s=>{s.selected=s===t.target})),this.syncRovingTabindex();const a=s.findIndex((s=>s===t.target));if(-1===a)return;const i=this.tabValue(s[a],a);i!==this.value&&(this.value=i,this.bsChange.emit({value:i}))}componentDidLoad(){if(void 0!==this.value)this.applyValue();else{const t=this.tabs(),s=t.findIndex((t=>t.selected));-1!==s&&(this.value=this.tabValue(t[s],s))}this.syncRovingTabindex()}tabValue(t,s){return t.value??String(s)}applyValue(){this.tabs().forEach(((t,s)=>{t.selected=this.tabValue(t,s)===this.value})),this.syncRovingTabindex()}onValueChange(){this.applyValue()}syncRovingTabindex(){const t=this.tabs(),s=t.some((t=>t.selected)),a=t.find((t=>!t.disabled));t.forEach((t=>{t.tabbable=s?t.selected:t===a}))}tabs(){return Array.from(this.el.querySelectorAll(":scope > bs-tab, :scope > bs-inline-tab"))}onKeyDown(t){const s="vertical"===this.orientation,a="rtl"===getComputedStyle(this.el).direction,i=s?"ArrowUp":a?"ArrowRight":"ArrowLeft",n=s?"ArrowDown":a?"ArrowLeft":"ArrowRight";if(![i,n,"Home","End"].includes(t.key))return;const e=this.tabs().filter((t=>!t.disabled)),b=e.findIndex((s=>s===t.target||s.contains(t.target)));if(-1===b||0===e.length)return;t.preventDefault();let r=b;r=t.key===n?(b+1)%e.length:t.key===i?(b-1+e.length)%e.length:"Home"===t.key?0:e.length-1;const o=e[r],l=o.shadowRoot?.querySelector("button");l?.focus(),l?.click()}render(){return i("div",{key:"251521d36dcf4d6960df344285bc9a060ff87abb",part:"tablist",role:"tablist","aria-orientation":this.orientation,class:`bs-tabs bs-tabs--${this.type} ${"vertical"===this.orientation?"bs-tabs--vertical":""}`},i("slot",{key:"02216f048eaedb13f00891c30e1c49d15a509c1d",onSlotchange:()=>this.syncRovingTabindex()}))}static get watchers(){return{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}}};n.style=":host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}";export{n as bs_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as i,a as r,h as e,H as n}from"./p-AgoOSYvW.js";const s=class{constructor(r){a(this,r),this.bsCollapse=i(this,"bsCollapse"),this.bsSearchClick=i(this,"bsSearchClick"),this.bsClose=i(this,"bsClose")}get el(){return r(this)}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return e(n,{key:"94c3fbfb2d9826979f2f90ec0c9571aadc484450","data-overlay":this.mobile?"":void 0},this.mobile&&e("div",{key:"cc8b62b02a561dfbb0a15918e4bbbf241919ea7d",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),e("nav",{key:"ad3e970438fca27636992cc434584bfae7888895",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&e("div",{key:"41552cc9bc1fd33081119b6b6a475e9a81281e97",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},e("bs-logo",{key:"96503cee7e467c535747171f46ab8b36f2d9262a",variant:"full",background:this.logoBackground})),this.showLogo&&e("div",{key:"6b4e91b0296772ea492a2e12c1f81933be1af02b",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},e("bs-logo",{key:"72c4cae8f25aebef923d2b346ee3a3224a1a4550",variant:"mark",background:this.logoBackground})),e("div",{key:"2fde5f92e629d34321e0e0e6eaf776027614836a",class:"bs-navigation-drawer__title-row"},e("span",{key:"fde5717eeec30bbade48f574e44f9eec841bab36",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&e("button",{key:"59d514aec296c5b4eb459de259aa29d77a435ecf",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(t,{key:"a992c1fcaa3e143ee9f1469958eeab12e03bce03"}))),e("div",{key:"1a74885abe2e50b3a6eccd7d4cacca4582dc5fa9",part:"search",class:"bs-navigation-drawer__search"},e("slot",{key:"ac98f9ca62a289e21fcbf0f005c6c0f7e02d9967",name:"search"})),e("button",{key:"c7c50e5cf2c81ec8445a557505faf2ea40add094",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},e(o,{key:"538bcfc474036d2c79fe821011490bf7cbd4d018"})),e("div",{key:"1a7aa824a99823b2d06309c5192a200afe378a7b",part:"items",class:"bs-navigation-drawer__items"},e("slot",{key:"1a79d4f0e809b16a9d19efb06d36052c0539bba2"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}},t=()=>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"})),o=()=>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"}));s.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-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-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}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;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);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}";export{s as bs_navigation_drawer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,a as o,h as s,H as a}from"./p-AgoOSYvW.js";const b=class{constructor(o){r(this,o),this.bsNavigate=e(this,"bsNavigate")}get el(){return o(this)}items=[];overflowLabel="Show hidden breadcrumbs";size="md";open=!1;bsNavigate;onItemClick=r=>e=>{e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||this.bsNavigate.emit({href:r}).defaultPrevented&&e.preventDefault()};onEllipsisToggle=()=>{this.open=!this.open};onHostKeydown(r){this.open&&"Escape"===r.key&&(this.open=!1)}onHostFocusOut(r){if(!this.open)return;const e=r.relatedTarget;e&&this.el.contains(e)||(this.open=!1)}render(){return s(a,{key:"4dd958f3f99f42072bb314654fc5a0856d8e41c4",role:"listitem"},s("span",{key:"ab7d01467e99b810b62e71d7ed289316470529f5",part:"separator",class:"bs-breadcrumb-overflow__separator","aria-hidden":"true"},s(i,{key:"6590de37057e39c4c914fde3dc3490e17566ad66"})),s("span",{key:"63081f592180f605716221c80dbb877acf926d48",class:"bs-breadcrumb-overflow__wrapper"},s("button",{key:"0ec87f47561dc329269b1fefef0ccb76dae4cdb4",type:"button",part:"ellipsis",class:"bs-breadcrumb-overflow__ellipsis","aria-haspopup":"menu","aria-expanded":String(this.open),"aria-label":this.overflowLabel,onClick:this.onEllipsisToggle},s(l,{key:"6da3c5bee9f532264e2e58227dccc4dfc3786782"})),this.open&&this.items.length>0&&s("bs-menu",{key:"66f772f0f53090e960d2a9b08e1283989dfc02f8",part:"menu",class:"bs-breadcrumb-overflow__menu"},this.items.map((r=>r.href?s("a",{part:"link",class:"bs-breadcrumb-overflow__link",href:r.href,onClick:this.onItemClick(r.href)},r.label):s("span",{part:"link",class:"bs-breadcrumb-overflow__link"},r.label))))))}},i=()=>s("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M6 3L11 8L6 13",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>s("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{fill:"currentColor",d:"M12 13.125C12.6213 13.125 13.125 12.6213 13.125 12C13.125 11.3787 12.6213 10.875 12 10.875C11.3787 10.875 10.875 11.3787 10.875 12C10.875 12.6213 11.3787 13.125 12 13.125Z"}),s("path",{fill:"currentColor",d:"M18.375 13.125C18.9963 13.125 19.5 12.6213 19.5 12C19.5 11.3787 18.9963 10.875 18.375 10.875C17.7537 10.875 17.25 11.3787 17.25 12C17.25 12.6213 17.7537 13.125 18.375 13.125Z"}),s("path",{fill:"currentColor",d:"M5.625 13.125C6.24632 13.125 6.75 12.6213 6.75 12C6.75 11.3787 6.24632 10.875 5.625 10.875C5.00368 10.875 4.5 11.3787 4.5 12C4.5 12.6213 5.00368 13.125 5.625 13.125Z"}));b.style=":host{display:inline-flex;align-items:center;--bs-breadcrumb-overflow-gap:var(--bs-spacing-50);--bs-breadcrumb-overflow-separator-color:var(--bs-icon-default);--bs-breadcrumb-overflow-ellipsis-color:var(--bs-icon-muted);--bs-breadcrumb-overflow-radius:var(--bs-border-radius-100);--bs-breadcrumb-overflow-padding-y:var(--bs-spacing-100);--bs-breadcrumb-overflow-padding-x:var(--bs-spacing-150);--bs-breadcrumb-overflow-hover:var(--bs-color-neutral-container-hover);--bs-breadcrumb-overflow-color:var(--bs-text-muted);--bs-breadcrumb-overflow-font-size:var(--bs-font-size-md);--bs-breadcrumb-overflow-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-overflow-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-overflow-line-height-sm:var(--bs-line-height-body-sm);gap:var(--bs-breadcrumb-overflow-gap)}:host(:first-child) .bs-breadcrumb-overflow__separator{display:none}:host([size='sm']) .bs-breadcrumb-overflow__link{font-size:var(--bs-breadcrumb-overflow-font-size-sm);line-height:calc(var(--bs-breadcrumb-overflow-line-height-sm) * 1px)}.bs-breadcrumb-overflow__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-overflow-separator-color)}.bs-breadcrumb-overflow__separator svg{width:16px;height:16px}.bs-breadcrumb-overflow__wrapper{position:relative;display:inline-flex}.bs-breadcrumb-overflow__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--bs-breadcrumb-overflow-ellipsis-color);border-radius:var(--bs-breadcrumb-overflow-radius)}.bs-breadcrumb-overflow__ellipsis:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-breadcrumb-overflow__ellipsis svg{width:24px;height:24px}.bs-breadcrumb-overflow__menu{position:absolute;top:calc(100% + var(--bs-breadcrumb-overflow-gap));inset-inline-start:0;z-index:1;white-space:nowrap}.bs-breadcrumb-overflow__link{display:block;box-sizing:border-box;padding:var(--bs-breadcrumb-overflow-padding-y) var(--bs-breadcrumb-overflow-padding-x);border-radius:var(--bs-breadcrumb-overflow-radius);color:var(--bs-breadcrumb-overflow-color);font-size:var(--bs-breadcrumb-overflow-font-size);line-height:calc(var(--bs-breadcrumb-overflow-line-height) * 1px);text-decoration:none;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb-overflow__link:hover,a.bs-breadcrumb-overflow__link:focus-visible{background:var(--bs-breadcrumb-overflow-hover)}a.bs-breadcrumb-overflow__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}";export{b as bs_breadcrumb_overflow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a}from"./p-AgoOSYvW.js";const s=class{constructor(a){t(this,a),this.bsSort=e(this,"bsSort"),this.bsRowSelect=e(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const a=e.target.checked,s=new Set(this.selectedIds);a?s.add(t.id):s.delete(t.id),this.selectedIds=s,this.bsRowSelect.emit({id:t.id,selected:a})};onSelectAllChange=t=>{const e=t.target.checked;this.selectedIds=e?new Set(this.rows.map((t=>t.id))):new Set;for(const t of this.rows)this.bsRowSelect.emit({id:t.id,selected:e})};async clearSelection(){const t=Array.from(this.selectedIds);this.selectedIds=new Set;for(const e of t)this.bsRowSelect.emit({id:e,selected:!1})}render(){return a("table",{key:"
|
|
1
|
+
import{r as t,c as e,h as a}from"./p-AgoOSYvW.js";const s=class{constructor(a){t(this,a),this.bsSort=e(this,"bsSort"),this.bsRowSelect=e(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const a=e.target.checked,s=new Set(this.selectedIds);a?s.add(t.id):s.delete(t.id),this.selectedIds=s,this.bsRowSelect.emit({id:t.id,selected:a})};onSelectAllChange=t=>{const e=t.target.checked;this.selectedIds=e?new Set(this.rows.map((t=>t.id))):new Set;for(const t of this.rows)this.bsRowSelect.emit({id:t.id,selected:e})};async clearSelection(){const t=Array.from(this.selectedIds);this.selectedIds=new Set;for(const e of t)this.bsRowSelect.emit({id:e,selected:!1})}render(){return a("table",{key:"7ea79a70148513512cdba2f8cb8d5a5c7ae09706",part:"table",class:"bs-data-table"},a("thead",{key:"e9cf73cbba196e9caf4b03a837866a5370c13e19",part:"head"},a("tr",{key:"a33fbd57f1925e34c6e7ce292b6945d2ee5c6113"},this.selectable&&a("th",{key:"876948b66e54ae68d6aa6148c962781223fa0441",class:"bs-data-table__select-col"},this.rows.length>0&&a("input",{key:"cf8f26258bcee486190e3ac4b3d5ce4715784d5f",type:"checkbox","aria-label":"Select all rows",checked:this.selectedIds.size>0&&this.selectedIds.size===this.rows.length,indeterminate:this.selectedIds.size>0&&this.selectedIds.size<this.rows.length,onChange:this.onSelectAllChange})),this.columns.map((t=>{const e=this.sortColumn===t.key;return a("th",{part:"header-cell",class:"bs-data-table__header-cell","aria-sort":t.sortable?e?"asc"===this.sortDirection?"ascending":"descending":"none":void 0},t.sortable?a("button",{type:"button",class:"bs-data-table__sort-button",onClick:()=>this.onHeaderClick(t)},t.label,e&&a("span",{class:"bs-data-table__sort-indicator"},"asc"===this.sortDirection?" ▲":" ▼")):t.label)})))),a("tbody",{key:"3a0c2ce6fea27797b855ee2b3c724d0e99471d28",part:"body"},this.rows.map((t=>a("tr",{part:"row",class:"bs-data-table__row"},this.selectable&&a("td",{class:"bs-data-table__select-col"},a("input",{type:"checkbox",checked:this.selectedIds.has(t.id),onChange:e=>this.onRowCheckboxChange(t,e)})),this.columns.map((e=>this.cellRenderer?a("td",{part:"cell",class:"bs-data-table__cell",innerHTML:this.cellRenderer(t,e)}):a("td",{part:"cell",class:"bs-data-table__cell"},String(t[e.key]??"")))))))))}};s.style=":host{display:block;--bs-data-table-cell-padding-y:var(--bs-spacing-200);--bs-data-table-cell-padding-x:var(--bs-spacing-300)}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:start;padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-data-table-cell-padding-y) var(--bs-data-table-cell-padding-x);border-bottom:1px solid var(--bs-border-default)}";export{s as bs_data_table}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as n,a as e,h as a}from"./p-AgoOSYvW.js";const b=class{constructor(e){i(this,e),this.bsSelect=n(this,"bsSelect")}get el(){return e(this)}selected=!1;disabled=!1;ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((n=>n.nodeType===Node.ELEMENT_NODE?n.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return a("button",{key:"0d6927b0b39a7d84add287e6473681e5052b5f2d",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},a("span",{key:"866660f0f79927cd018df42286719f2f48262cbb",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},a("slot",{key:"58e11c8a0a57646644cb0b7c950d73f5cee52310",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"38d2e1df2b4e494f68d3c4b9ea34d7a317401953",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},a("slot",{key:"51fb6ec04479b18af787bca4e64f8105a0b19311",onSlotchange:this.onLabelSlotchange})))}};b.style=":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-inline-start:var(--bs-inline-tab-padding-left-with-icon);padding-inline-end:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}";export{b as bs_inline_tab}
|