@brandsync/wc 1.13.0 → 1.14.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/CHANGELOG.md +6 -0
- package/REFERENCE.md +31 -0
- package/custom-elements.json +204 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-c3da3080.entry.js → p-056608f0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cd53bba9.entry.js → p-0e738622.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4ea9b6a1.entry.js → p-16c78ff6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3f6682f8.entry.js → p-204cc690.entry.js} +1 -1
- package/dist/brandsync-wc/p-221244a9.entry.js +1 -0
- package/dist/brandsync-wc/{p-ed5c2d97.entry.js → p-227a5182.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9b58c0c5.entry.js → p-2967240d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-68f0be29.entry.js → p-2c1efaa1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cceb8484.entry.js → p-2e68b76e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-23cc532f.entry.js → p-315b510c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-53362609.entry.js → p-31cd66e0.entry.js} +1 -1
- package/dist/brandsync-wc/p-3477539c.entry.js +1 -0
- package/dist/brandsync-wc/{p-0e940ee1.entry.js → p-3dabf202.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d64cae57.entry.js → p-4b40a596.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f134a502.entry.js → p-51f40972.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9cf8274a.entry.js → p-617bd76d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f8d47004.entry.js → p-686297f1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-86028548.entry.js → p-80700878.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b0b2e525.entry.js → p-833f9dc4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fb4d0093.entry.js → p-9fa67924.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fa34fe20.entry.js → p-a2e59aca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-95f034fc.entry.js → p-b793a0d6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ab07c9b5.entry.js → p-c488cc8b.entry.js} +1 -1
- package/dist/brandsync-wc/p-c67bc817.entry.js +1 -0
- package/dist/brandsync-wc/{p-4ea435a6.entry.js → p-cc1055e6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c679b631.entry.js → p-cc25ee67.entry.js} +1 -1
- package/dist/brandsync-wc/{p-07966676.entry.js → p-d892277f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e0504a4b.entry.js → p-dd52209a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-694fe468.entry.js → p-df3e7973.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7e24dbd7.entry.js → p-e0927a9a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4054a944.entry.js → p-e6fc2cd4.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-citation-preview.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input_3.cjs.entry.js +4 -4
- package/dist/cjs/bs-message-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-radio.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +2 -2
- package/dist/cjs/bs-split-pane.cjs.entry.js +193 -0
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bs-switch.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab_3.cjs.entry.js +3 -3
- package/dist/cjs/bs-timepicker.cjs.entry.js +2 -2
- package/dist/cjs/bs-toast.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip-trigger.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +1 -1
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +1 -1
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-message-list/bs-message-list.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-split-pane/bs-split-pane.cmp.test.js +107 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.css +108 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.js +404 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.stories.js +47 -0
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-timepicker/bs-timepicker.js +2 -2
- package/dist/collection/components/bs-toast/bs-toast.js +1 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js +1 -1
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +2 -2
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-accordion-group.js +1 -1
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-citation-preview.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-message-list.js +1 -1
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-split-pane.d.ts +11 -0
- package/dist/components/bs-split-pane.js +1 -0
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-stepper.js +1 -1
- package/dist/components/bs-switch.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-tooltip-trigger.js +1 -1
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/{p-Bfq5YVOv.js → p-BESyTlfT.js} +1 -1
- package/dist/components/{p-C9jIMBG3.js → p-BIW9eUic.js} +1 -1
- package/dist/components/{p-owdeCW0M.js → p-BJR8KVFc.js} +1 -1
- package/dist/components/{p-BVhF8cZQ.js → p-CDYw4Eyj.js} +1 -1
- package/dist/components/{p-C2NR1v3p.js → p-CiSEDtbE.js} +1 -1
- package/dist/components/{p-DfzrJKwN.js → p-Dm3TqgV_.js} +1 -1
- package/dist/components/{p-uHvS81XA.js → p-HAmR4gM2.js} +1 -1
- package/dist/components/{p-DqXI9V2A.js → p-HzaOqQ0U.js} +1 -1
- package/dist/components/{p-Dqg8l1y6.js → p-nC2VxRNo.js} +1 -1
- package/dist/components/{p-Cu-aeY9t.js → p-zscW5LNR.js} +1 -1
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-accordion-group.entry.js +1 -1
- package/dist/esm/bs-ai-disclaimer.entry.js +1 -1
- package/dist/esm/bs-ai-greeting.entry.js +1 -1
- package/dist/esm/bs-ai-thinking.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-citation-preview.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input_3.entry.js +4 -4
- package/dist/esm/bs-message-list.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +2 -2
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +2 -2
- package/dist/esm/bs-split-pane.entry.js +191 -0
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/esm/bs-stepper.entry.js +1 -1
- package/dist/esm/bs-switch.entry.js +1 -1
- package/dist/esm/bs-tab_3.entry.js +3 -3
- package/dist/esm/bs-timepicker.entry.js +2 -2
- package/dist/esm/bs-toast.entry.js +1 -1
- package/dist/esm/bs-tooltip-trigger.entry.js +1 -1
- package/dist/esm/bs-tooltip.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-split-pane/bs-split-pane.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.d.ts +85 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.stories.d.ts +15 -0
- package/dist/types/components.d.ts +216 -0
- package/package.json +1 -1
- package/reference.d.ts +3 -0
- package/reference.json +108 -0
- package/dist/brandsync-wc/p-4bbc4809.entry.js +0 -1
- package/dist/brandsync-wc/p-bf8bd386.entry.js +0 -1
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
|
|
2
|
+
|
|
3
|
+
const bsSplitPaneCss = () => `:host{display:block;height:100%;min-height:0;--bs-split-pane-radius:var(--bs-border-radius-100);--bs-split-pane-bg:var(--bs-surface-base);--bs-split-pane-color:var(--bs-text-default);--bs-split-pane-first-size:333px;--bs-split-pane-collapsed-size:106px;--bs-split-pane-min-size:96px;--bs-split-pane-divider-size:var(--bs-spacing-75);--bs-split-pane-divider-bg:var(--bs-surface-container);--bs-split-pane-divider-thumb:var(--bs-border-neutral-container);--bs-split-pane-divider-thumb-active:var(--bs-border-neutral-hover);--bs-split-pane-divider-thumb-length:250px;--bs-split-pane-border:var(--bs-border-neutral-container);--bs-split-pane-focus-ring:var(--bs-border-neutral-focus)}.bs-split-pane{box-sizing:border-box;display:flex;width:100%;height:100%;overflow:clip;border-radius:var(--bs-split-pane-radius);background:var(--bs-split-pane-bg);color:var(--bs-split-pane-color)}.bs-split-pane--vertical{flex-direction:column}.bs-split-pane__pane{box-sizing:border-box;min-width:0;min-height:0;overflow:auto;background:var(--bs-split-pane-bg)}.bs-split-pane--horizontal>.bs-split-pane__pane{min-width:min(var(--bs-split-pane-min-size), 100%)}.bs-split-pane--vertical>.bs-split-pane__pane{min-height:min(var(--bs-split-pane-min-size), 100%)}.bs-split-pane__divider{position:relative;flex:0 0 var(--bs-split-pane-divider-size);display:flex;background:var(--bs-split-pane-divider-bg);touch-action:none;outline:none}.bs-split-pane--horizontal>.bs-split-pane__divider{cursor:col-resize;flex-direction:column}.bs-split-pane--vertical>.bs-split-pane__divider{cursor:row-resize;flex-direction:row}.bs-split-pane__divider--static{cursor:default;pointer-events:none}.bs-split-pane__thumb{display:block;border-radius:var(--bs-border-radius-full);background:var(--bs-split-pane-divider-thumb);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-split-pane--horizontal>.bs-split-pane__divider>.bs-split-pane__thumb{width:100%;height:min(var(--bs-split-pane-divider-thumb-length), 100%)}.bs-split-pane--vertical>.bs-split-pane__divider>.bs-split-pane__thumb{height:100%;width:min(var(--bs-split-pane-divider-thumb-length), 100%)}.bs-split-pane__divider:hover>.bs-split-pane__thumb,.bs-split-pane__divider--active>.bs-split-pane__thumb,.bs-split-pane__divider:focus-visible>.bs-split-pane__thumb{background:var(--bs-split-pane-divider-thumb-active)}.bs-split-pane__divider:focus-visible{outline:2px solid var(--bs-split-pane-focus-ring);outline-offset:0}@media (prefers-reduced-motion: reduce){.bs-split-pane__thumb{transition:none}}`;
|
|
4
|
+
|
|
5
|
+
const MAX_PANES = 3;
|
|
6
|
+
const DEFAULT_MIN_SIZE = 96;
|
|
7
|
+
const BsSplitPane = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.bsResize = createEvent(this, "bsResize");
|
|
11
|
+
this.bsCollapsedChange = createEvent(this, "bsCollapsedChange");
|
|
12
|
+
}
|
|
13
|
+
get el() { return getElement(this); }
|
|
14
|
+
/** `horizontal` = panes side by side, `vertical` = panes stacked. */
|
|
15
|
+
orientation = 'horizontal';
|
|
16
|
+
/** Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it. */
|
|
17
|
+
collapsed = false;
|
|
18
|
+
/** Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators. */
|
|
19
|
+
resizable = true;
|
|
20
|
+
/** Accessible name of each divider. */
|
|
21
|
+
dividerLabel = 'Resize panes';
|
|
22
|
+
/** Pixels moved per arrow-key press (Shift multiplies by 4). */
|
|
23
|
+
step = 16;
|
|
24
|
+
/** Fires after a resize (pointer release or key press) with the pixel size of every pane except the last. */
|
|
25
|
+
bsResize;
|
|
26
|
+
/** Fires when `collapsed` changes through user interaction. */
|
|
27
|
+
bsCollapsedChange;
|
|
28
|
+
paneCount = 2;
|
|
29
|
+
sizes = [];
|
|
30
|
+
draggingIndex = -1;
|
|
31
|
+
observer;
|
|
32
|
+
dragStart;
|
|
33
|
+
/** Toggles `collapsed` and emits `bsCollapsedChange`. */
|
|
34
|
+
async toggleCollapsed() {
|
|
35
|
+
this.collapsed = !this.collapsed;
|
|
36
|
+
this.bsCollapsedChange.emit(this.collapsed);
|
|
37
|
+
}
|
|
38
|
+
componentWillLoad() {
|
|
39
|
+
this.countPanes();
|
|
40
|
+
}
|
|
41
|
+
connectedCallback() {
|
|
42
|
+
this.observer = new MutationObserver(() => this.countPanes());
|
|
43
|
+
this.observer.observe(this.el, { childList: true, attributes: true, attributeFilter: ['slot'], subtree: false });
|
|
44
|
+
}
|
|
45
|
+
disconnectedCallback() {
|
|
46
|
+
this.observer?.disconnect();
|
|
47
|
+
}
|
|
48
|
+
countPanes() {
|
|
49
|
+
let count = 1;
|
|
50
|
+
for (let i = 1; i <= MAX_PANES; i++) {
|
|
51
|
+
if (this.el.querySelector(`:scope > [slot="pane-${i}"]`))
|
|
52
|
+
count = i;
|
|
53
|
+
}
|
|
54
|
+
this.paneCount = Math.max(count, 1);
|
|
55
|
+
}
|
|
56
|
+
isRtl() {
|
|
57
|
+
return this.orientation === 'horizontal' && getComputedStyle(this.el).direction === 'rtl';
|
|
58
|
+
}
|
|
59
|
+
axisSize(pane) {
|
|
60
|
+
const rect = pane.getBoundingClientRect();
|
|
61
|
+
return this.orientation === 'horizontal' ? rect.width : rect.height;
|
|
62
|
+
}
|
|
63
|
+
minSize() {
|
|
64
|
+
const raw = parseFloat(getComputedStyle(this.el).getPropertyValue('--bs-split-pane-min-size'));
|
|
65
|
+
return Number.isFinite(raw) ? raw : DEFAULT_MIN_SIZE;
|
|
66
|
+
}
|
|
67
|
+
/** Largest size pane `index` may take: leave `minSize` for each pane after it, and the dividers. */
|
|
68
|
+
maxSize(index) {
|
|
69
|
+
const container = this.el.shadowRoot.querySelector('.bs-split-pane');
|
|
70
|
+
const total = this.axisSize(container);
|
|
71
|
+
const dividers = Array.from(container.querySelectorAll('.bs-split-pane__divider'));
|
|
72
|
+
const dividerTotal = dividers.reduce((sum, d) => sum + this.axisSize(d), 0);
|
|
73
|
+
const before = Array.from(container.querySelectorAll('.bs-split-pane__pane'))
|
|
74
|
+
.slice(0, index)
|
|
75
|
+
.reduce((sum, p) => sum + this.axisSize(p), 0);
|
|
76
|
+
const after = (this.paneCount - 1 - index) * this.minSize();
|
|
77
|
+
return Math.max(this.minSize(), total - dividerTotal - before - after);
|
|
78
|
+
}
|
|
79
|
+
paneEl(index) {
|
|
80
|
+
return this.el.shadowRoot.querySelectorAll('.bs-split-pane__pane')[index];
|
|
81
|
+
}
|
|
82
|
+
setSize(index, value) {
|
|
83
|
+
const clamped = Math.min(Math.max(value, this.minSize()), this.maxSize(index));
|
|
84
|
+
const next = this.sizes.slice();
|
|
85
|
+
next[index] = clamped;
|
|
86
|
+
this.sizes = next;
|
|
87
|
+
}
|
|
88
|
+
emitResize() {
|
|
89
|
+
const sizes = [];
|
|
90
|
+
// Prefer the size just committed to state: the DOM hasn't re-rendered yet when this runs.
|
|
91
|
+
for (let i = 0; i < this.paneCount - 1; i++)
|
|
92
|
+
sizes.push(Math.round(this.sizes[i] ?? this.axisSize(this.paneEl(i))));
|
|
93
|
+
this.bsResize.emit(sizes);
|
|
94
|
+
}
|
|
95
|
+
onPointerDown = (index) => (ev) => {
|
|
96
|
+
if (!this.resizable || (index === 0 && this.collapsed))
|
|
97
|
+
return;
|
|
98
|
+
ev.preventDefault();
|
|
99
|
+
ev.currentTarget.setPointerCapture(ev.pointerId);
|
|
100
|
+
this.dragStart = {
|
|
101
|
+
pointer: this.orientation === 'horizontal' ? ev.clientX : ev.clientY,
|
|
102
|
+
size: this.axisSize(this.paneEl(index)),
|
|
103
|
+
index,
|
|
104
|
+
};
|
|
105
|
+
this.draggingIndex = index;
|
|
106
|
+
};
|
|
107
|
+
onPointerMove = (ev) => {
|
|
108
|
+
if (!this.dragStart)
|
|
109
|
+
return;
|
|
110
|
+
const pointer = this.orientation === 'horizontal' ? ev.clientX : ev.clientY;
|
|
111
|
+
const delta = (pointer - this.dragStart.pointer) * (this.isRtl() ? -1 : 1);
|
|
112
|
+
this.setSize(this.dragStart.index, this.dragStart.size + delta);
|
|
113
|
+
};
|
|
114
|
+
onPointerUp = (ev) => {
|
|
115
|
+
if (!this.dragStart)
|
|
116
|
+
return;
|
|
117
|
+
ev.currentTarget.releasePointerCapture?.(ev.pointerId);
|
|
118
|
+
this.dragStart = undefined;
|
|
119
|
+
this.draggingIndex = -1;
|
|
120
|
+
this.emitResize();
|
|
121
|
+
};
|
|
122
|
+
onKeyDown = (index) => (ev) => {
|
|
123
|
+
if (!this.resizable)
|
|
124
|
+
return;
|
|
125
|
+
const horizontal = this.orientation === 'horizontal';
|
|
126
|
+
const grow = horizontal ? (this.isRtl() ? 'ArrowLeft' : 'ArrowRight') : 'ArrowDown';
|
|
127
|
+
const shrink = horizontal ? (this.isRtl() ? 'ArrowRight' : 'ArrowLeft') : 'ArrowUp';
|
|
128
|
+
const amount = this.step * (ev.shiftKey ? 4 : 1);
|
|
129
|
+
const current = this.axisSize(this.paneEl(index));
|
|
130
|
+
let handled = true;
|
|
131
|
+
if (ev.key === 'Enter' && index === 0) {
|
|
132
|
+
void this.toggleCollapsed();
|
|
133
|
+
}
|
|
134
|
+
else if (this.collapsed && index === 0) {
|
|
135
|
+
handled = false;
|
|
136
|
+
}
|
|
137
|
+
else if (ev.key === grow) {
|
|
138
|
+
this.setSize(index, current + amount);
|
|
139
|
+
}
|
|
140
|
+
else if (ev.key === shrink) {
|
|
141
|
+
this.setSize(index, current - amount);
|
|
142
|
+
}
|
|
143
|
+
else if (ev.key === 'Home') {
|
|
144
|
+
this.setSize(index, this.minSize());
|
|
145
|
+
}
|
|
146
|
+
else if (ev.key === 'End') {
|
|
147
|
+
this.setSize(index, this.maxSize(index));
|
|
148
|
+
}
|
|
149
|
+
else {
|
|
150
|
+
handled = false;
|
|
151
|
+
}
|
|
152
|
+
if (!handled)
|
|
153
|
+
return;
|
|
154
|
+
ev.preventDefault();
|
|
155
|
+
this.emitResize();
|
|
156
|
+
};
|
|
157
|
+
paneStyle(index) {
|
|
158
|
+
const last = index === this.paneCount - 1;
|
|
159
|
+
if (index === 0 && this.collapsed && this.paneCount > 1) {
|
|
160
|
+
return { flex: '0 0 var(--bs-split-pane-collapsed-size)' };
|
|
161
|
+
}
|
|
162
|
+
const size = this.sizes[index];
|
|
163
|
+
if (size !== undefined && !last)
|
|
164
|
+
return { flex: `0 0 ${size}px` };
|
|
165
|
+
if (index === 0 && !last)
|
|
166
|
+
return { flex: '0 0 var(--bs-split-pane-first-size)' };
|
|
167
|
+
return { flex: '1 1 0' };
|
|
168
|
+
}
|
|
169
|
+
percentFor(index) {
|
|
170
|
+
const container = this.el.shadowRoot?.querySelector('.bs-split-pane');
|
|
171
|
+
const pane = this.el.shadowRoot?.querySelectorAll('.bs-split-pane__pane')[index];
|
|
172
|
+
if (!container || !pane)
|
|
173
|
+
return 0;
|
|
174
|
+
const total = this.axisSize(container);
|
|
175
|
+
return total ? Math.round((this.axisSize(pane) / total) * 100) : 0;
|
|
176
|
+
}
|
|
177
|
+
render() {
|
|
178
|
+
const dividerOrientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
|
|
179
|
+
const nodes = [];
|
|
180
|
+
for (let i = 0; i < this.paneCount; i++) {
|
|
181
|
+
nodes.push(h("div", { part: `pane pane-${i + 1}`, class: `bs-split-pane__pane bs-split-pane__pane--${i + 1}`, style: this.paneStyle(i) }, h("slot", { name: `pane-${i + 1}` })));
|
|
182
|
+
if (i < this.paneCount - 1) {
|
|
183
|
+
nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
return (h("div", { key: '8ef79e5ccc0ac2e8d4204f82b3507bef387e95cc', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
|
|
187
|
+
}
|
|
188
|
+
};
|
|
189
|
+
BsSplitPane.style = bsSplitPaneCss();
|
|
190
|
+
|
|
191
|
+
export { BsSplitPane as bs_split_pane };
|
|
@@ -32,7 +32,7 @@ const BsStepperStep = class {
|
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
const state = this.state;
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'f51401da1a777c73fa70faa5a9f05f0234f517f1', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '30a1c060295b4addfc53ab67757661c7750ca781', class: "bs-stepper-step__top" }, h("span", { key: 'c4acc0a90fe006ed779072025c0aefc30a96c43f', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '2a03c4c0b2e07a3879b7dbbcfc2022c6d753072d', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'a6492fbd22bc9659fa7e71340bab908eee807dbb' }), state === 'error' && h(ExclamationIcon, { key: '5390c086f6c8314040862b5a4f680685d67a1f86' })), h("span", { key: '535e553bca360fe96538afb4baf0063e18b88fd8', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'a04809fbdb2a47a129cf1a499bf0f9956d425e95', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ff4b573a3f0b1bac78cabbc68d58d4ecfe330fe9', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '2cecc129a85da61efaa8c670754feca4a56fe717', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '5c06546a24247733d7df9c99c753074809272feb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
const CheckIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -42,7 +42,7 @@ const BsStepper = class {
|
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
44
|
// role="list" so each bs-stepper-step's role="listitem" has the required parent.
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '7956314c41e9add72583aa8e2bd7271e6cf1068b', role: "list" }, h("slot", { key: '0ace9928ce7f573d9202a11e489a50e976d0e351', onSlotchange: this.onSlotChange })));
|
|
46
46
|
}
|
|
47
47
|
static get watchers() { return {
|
|
48
48
|
"currentStep": [{
|
|
@@ -70,7 +70,7 @@ const BsSwitch = class {
|
|
|
70
70
|
const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
|
|
71
71
|
.filter(Boolean)
|
|
72
72
|
.join(' ');
|
|
73
|
-
return (h("label", { key: '
|
|
73
|
+
return (h("label", { key: '11ad9e104dabafbecba8395436f4f88fff141449', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '4a6c4400f9193f481b1134517ed7d53828cca27d', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'f6dca44c46b5412135cb43220ece5a8d161018d0', part: "track", class: trackClasses }, h("span", { key: '6a06911e7f17822a4b5df219f9c564cf8d130fbb', part: "knob", class: knobClasses })), h("span", { key: '6628c4ef4e1097d5b41b0b8eaac47eb0af627722', part: "label", class: "bs-switch__label" }, h("slot", { key: 'd1ce12e2a63a3a1a067c4080bae9c7612e8dd933' }))));
|
|
74
74
|
}
|
|
75
75
|
static get delegatesFocus() { return true; }
|
|
76
76
|
static get formAssociated() { return true; }
|
|
@@ -78,7 +78,7 @@ const BsTab = class {
|
|
|
78
78
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
79
79
|
const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
|
|
80
80
|
const showBadge = this.hasBadge && !iconOnly && !vertical;
|
|
81
|
-
return (h("button", { key: '
|
|
81
|
+
return (h("button", { key: '088ea367ad3b8b1afa36e8bb4cac7fb150aae7f2', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: 'a68c2b1a582dbdae20dad694e4d69b80aa5223ea', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '80a7d2856033c87f9f7cce7b3637e6a91106d76d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '77e038473baf0bd124c589ce24c25ba0bebe2cde', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'dd09813d9c8dcb66fd338ff238861b0b02a8df07', onSlotchange: this.onLabelSlotchange })), h("span", { key: '22f74bafa1ad5948c0e1f09e9eb6f20f3b8d16ae', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: '65b8f288b9fcbfdb492d594226ef5da09fe082dd', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: 'fcda37d86c4c799e97ec0bf60ea7edd647e9c45e', part: "indicator", class: "bs-tab__indicator" })));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
BsTab.style = bsTabCss();
|
|
@@ -198,7 +198,7 @@ const BsTabs = class {
|
|
|
198
198
|
}
|
|
199
199
|
render() {
|
|
200
200
|
const vertical = this.orientation === 'vertical';
|
|
201
|
-
return (h("div", { key: '
|
|
201
|
+
return (h("div", { key: '0bc0de64c29c4bca86e2709fd3f376e4c195eab2', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '0751673c06ae93234a987fd809a49c9d5517d29c', onSlotchange: () => this.syncRovingTabindex() })));
|
|
202
202
|
}
|
|
203
203
|
static get watchers() { return {
|
|
204
204
|
"value": [{
|
|
@@ -243,7 +243,7 @@ const BsWhatsNewEntry = class {
|
|
|
243
243
|
hasImage = false;
|
|
244
244
|
render() {
|
|
245
245
|
const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
|
|
246
|
-
return (h("div", { key: '
|
|
246
|
+
return (h("div", { key: 'c63cac0c83439a236c70326ad5a96c7f81937a9b', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: '3fd787ee36bc22757f2ed6afe14b722800ae2fc0', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '9df6bfdc16ed643a30eb41091e1fa3a3596afd72', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: 'dd69ccd630870d45a917141e354eacc58af2a0c6', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '953e0f25aa8eb15bf2a6b3dd314595ca89f07e4d', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '70b11972fd39cf3fdc5d75e77d78069f75be0d66', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '85e754c3c08e60fdf96e437c86fa04528a1bd685', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'd2af24357183cd5a2055a7629d9d0b6a521cd7c6', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '5faf816a5c7399c78ffefa0aa7fdce1263e0c541', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '48e4d51341ebb9b3f22891dc3143b0820b094e53', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: 'a7172c19eb22972e55fffdd3f655b98a891e07fb', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '125e1d135e8e02d986a3dd3c7bedc63c114c7562', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'aecdc16aeb47469208eda8429c40118236a54c29', d: "M5 12H19" }), h("path", { key: '5cc3567f128808906a1e688606fc1e3e5f6afd32', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '3207ac68a8ab88d6698110338d998a4d42a6caf2', part: "divider", class: "bs-whats-new-entry__divider" })));
|
|
247
247
|
}
|
|
248
248
|
};
|
|
249
249
|
BsWhatsNewEntry.style = bsWhatsNewEntryCss();
|
|
@@ -176,14 +176,14 @@ const BsTimepicker = class {
|
|
|
176
176
|
return (h("div", { part: "spinner", class: "bs-timepicker__spinner" }, h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (h("bs-card", { key: '
|
|
179
|
+
return (h("bs-card", { key: '74af930fdaa05b2d91f4ca447078175a1c978994', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'f67c4d6f522e5ee39dad612521324d87a1d2c48d', class: "bs-timepicker__body" }, h("div", { key: 'c9bef71e51c20f5a09ae38519f89b7823fd2f9ad', part: "header", class: "bs-timepicker__header" }, h("div", { key: '4c4aa31d8f11f92bb789d7720222a39914a283a7', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'db8fbe9176836ccf19d60079fd21655a6f078eed', class: "bs-timepicker__format" }, h("span", { key: '42dd4163160e475dc5b27ec99534edf5df1e5a3d' }, this.formatLabel), h("bs-switch", { key: '1eca77cb8284366630ec8a53c2e5ca00ecea4382', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: 'ec60756f323a04ddc74f9cf8bd6c84276cbe2a0b', class: "bs-timepicker__divider" }), h("div", { key: '15609379e051fe0eddbe491f0ccaeb7efad3ae81', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '40760ac8da6112c1c82554ed807f156c3998ceeb', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: 'b15b5bf4db3790c167b13caae40e1d1e7e92bfb7', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: 'cdc4cee6cd246b05be5f11939425b44160a65d54', cx: "2", cy: "10", r: "2" }), h("circle", { key: '65a5393d6f05c241d7c1aa3c8090c22266386b0e', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '4292168e81da8883d93b1ce9e3e60edd00726cfb', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
|
|
180
180
|
{ label: 'AM', value: 'AM' },
|
|
181
181
|
{ label: 'PM', value: 'PM' },
|
|
182
182
|
], onBsChange: (ev) => {
|
|
183
183
|
const pm = ev.detail === 'PM';
|
|
184
184
|
if (pm !== this.isPm)
|
|
185
185
|
this.hour = (this.hour + 12) % 24;
|
|
186
|
-
} }))), h("div", { key: '
|
|
186
|
+
} }))), h("div", { key: '9ceb4e065f2851ae0b4adc22fa6795d593df362a', class: "bs-timepicker__divider" }), h("div", { key: '8cbe32e5381d83e27ab7b97c50091fbf837428b8', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '17fb1f5fcb3b40033951d13c460500c0bbc3f5a1', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '4a3a6a6bb3ef01a66e6198c1bcb148b94a164f8d', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
|
|
187
187
|
}
|
|
188
188
|
static get formAssociated() { return true; }
|
|
189
189
|
static get watchers() { return {
|
|
@@ -19,7 +19,7 @@ const BsToast = class {
|
|
|
19
19
|
this.bsDismiss.emit();
|
|
20
20
|
};
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '759d3745ca8ffca53fa286408fa694ffe374b99d', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '7f46844194cbb5fa9efd7ac475c8a417fbde9f27', class: "bs-toast__content" }, h("span", { key: 'cc4ca41ce6060f7ad6b84a9d0400d0515d200877', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'dc3754b7390e54fd84bde93903c57326046a5d3f', state: this.state })), h("span", { key: '1fbecaf2d09591e08708ee99381d0acc1ded3a8f', part: "message", class: "bs-toast__message" }, h("slot", { key: 'b7aba4aee990aec06d3782ab38332825b74ed85a' }))), h("div", { key: '1a4bb03633bf3aa703005c44b4d0d807a20dd51d', class: "bs-toast__actions" }, h("button", { key: 'a8ca2bc51acd31d3b21a63e128d98d029d638030', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '97dc7540e08a0bff5784a8bb22830370513b930b' })))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
const StateIcon = ({ state }) => {
|
|
@@ -36,7 +36,7 @@ const BsTooltipTrigger = class {
|
|
|
36
36
|
};
|
|
37
37
|
render() {
|
|
38
38
|
const show = this.visible && !!this.text;
|
|
39
|
-
return (h("div", { key: '
|
|
39
|
+
return (h("div", { key: 'a0038c387bb975237a46686d49a8cab159809056', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, h("slot", { key: 'ab487b1303922867a4f36f148c504af7bc01f454' }), h("div", { key: '336ebebfd45f33b0a22c31af8d024d9c271e8793', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: '97ffe6cc68d68fd4716169dd7a158ac5586435f8' }, this.text))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
BsTooltipTrigger.style = bsTooltipTriggerCss();
|
|
@@ -14,7 +14,7 @@ const BsTooltip = class {
|
|
|
14
14
|
*/
|
|
15
15
|
placement = 'top';
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: 'f29c467c70eb488ef6d1d83af7a71be2d26307be', class: "bs-tooltip" }, h("span", { key: 'e74432210ae015c44a87f1d5f60c3e448f016893', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '10ef531bf6076636e890ae6f679c0bd368714802', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '0a634836408d120230bfed0c9dc11c014c4f0c4d' }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
BsTooltip.style = bsTooltipCss();
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-D3SkQJpw.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy(JSON.parse("[[\"bs-session-timeout\",[[769,\"bs-session-timeout\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"hideIcon\":[4,\"hide-icon\"],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"secondsLeft\":[1026,\"seconds-left\"],\"totalSeconds\":[2,\"total-seconds\"],\"countdown\":[4],\"timeLeftLabel\":[1,\"time-left-label\"],\"secondsLeftLabel\":[1,\"seconds-left-label\"],\"savedMessage\":[1,\"saved-message\"],\"accountName\":[1,\"account-name\"],\"accountEmail\":[1,\"account-email\"],\"accountInitials\":[1,\"account-initials\"],\"passwordLabel\":[1,\"password-label\"],\"passwordError\":[1,\"password-error\"],\"dividerLabel\":[1,\"divider-label\"],\"alternatives\":[16],\"cancelLabel\":[1,\"cancel-label\"],\"password\":[32],\"announcement\":[32],\"initialTotal\":[32]},null,{\"countdown\":[{\"onTimerInputsChange\":0}],\"type\":[{\"onTimerInputsChange\":0}]}]]],[\"bs-timepicker\",[[577,\"bs-timepicker\",{\"name\":[513],\"value\":[1537],\"format\":[1537],\"minuteStep\":[2,\"minute-step\"],\"heading\":[1],\"formatLabel\":[1,\"format-label\"],\"confirmLabel\":[1,\"confirm-label\"],\"cancelLabel\":[1,\"cancel-label\"],\"increaseLabel\":[1,\"increase-label\"],\"decreaseLabel\":[1,\"decrease-label\"],\"hourLabel\":[1,\"hour-label\"],\"minuteLabel\":[1,\"minute-label\"],\"periodLabel\":[1,\"period-label\"],\"hour\":[32],\"minute\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"name\":[{\"onNameChange\":0}]}]]],[\"bs-cookie-consent\",[[769,\"bs-cookie-consent\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"policyUrl\":[1,\"policy-url\"],\"policyLabel\":[1,\"policy-label\"],\"customiseLabel\":[1,\"customise-label\"],\"rejectLabel\":[1,\"reject-label\"],\"acceptLabel\":[1,\"accept-label\"],\"saveLabel\":[1,\"save-label\"],\"changeLabel\":[1,\"change-label\"],\"alwaysOnLabel\":[1,\"always-on-label\"],\"seeCookiesLabel\":[1,\"see-cookies-label\"],\"closeLabel\":[1,\"close-label\"],\"categories\":[16],\"choices\":[32],\"open\":[32]},null,{\"categories\":[{\"onCategoriesChange\":0}]}]]],[\"bs-whats-new\",[[769,\"bs-whats-new\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"closable\":[4],\"closeLabel\":[1,\"close-label\"],\"entries\":[16],\"filters\":[16],\"filter\":[1537],\"markAllReadLabel\":[1,\"mark-all-read-label\"],\"releaseNotesLabel\":[1,\"release-notes-label\"],\"releaseNotesUrl\":[1,\"release-notes-url\"],\"emptyLabel\":[1,\"empty-label\"],\"tag\":[1],\"tagColor\":[1,\"tag-color\"],\"image\":[1],\"points\":[16],\"step\":[2],\"total\":[2],\"stepLabel\":[1,\"step-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"primaryLabel\":[1,\"primary-label\"],\"date\":[1],\"description\":[1],\"actionLabel\":[1,\"action-label\"],\"hasHeroSlot\":[32]}]]],[\"bs-datepicker\",[[577,\"bs-datepicker\",{\"name\":[513],\"range\":[516],\"value\":[1537],\"start\":[1537],\"end\":[1537],\"min\":[1],\"max\":[1],\"locale\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"],\"viewDate\":[32],\"focusedIso\":[32],\"hoverIso\":[32],\"draft\":[32],\"openMenu\":[32]},null,{\"value\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"start\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"end\":[{\"onSelectionChange\":0}],\"range\":[{\"onSelectionChange\":0}],\"name\":[{\"onSelectionChange\":0}]}]]],[\"bs-onboarding-checklist\",[[769,\"bs-onboarding-checklist\",{\"type\":[513],\"launcherLayout\":[513,\"launcher-layout\"],\"steps\":[16],\"heading\":[1],\"description\":[1],\"headingLevel\":[2,\"heading-level\"],\"progressText\":[1,\"progress-text\"],\"closable\":[4],\"progressLabel\":[1,\"progress-label\"],\"skipLabel\":[1,\"skip-label\"],\"startLabel\":[1,\"start-label\"],\"seeAllLabel\":[1,\"see-all-label\"],\"afterLabel\":[1,\"after-label\"],\"doneLabel\":[1,\"done-label\"],\"hideLabel\":[1,\"hide-label\"],\"closeLabel\":[1,\"close-label\"],\"statusDoneLabel\":[1,\"status-done-label\"],\"statusTodoLabel\":[1,\"status-todo-label\"]}]]],[\"bs-qr-code\",[[769,\"bs-qr-code\",{\"type\":[513],\"size\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"url\":[1],\"amount\":[1],\"amountLabel\":[1,\"amount-label\"],\"expiry\":[1],\"matrix\":[16],\"codeLabel\":[1,\"code-label\"],\"closable\":[4],\"hideActions\":[4,\"hide-actions\"],\"hideDownload\":[4,\"hide-download\"],\"hideCopy\":[4,\"hide-copy\"],\"downloadLabel\":[1,\"download-label\"],\"copyLabel\":[1,\"copy-label\"],\"retryLabel\":[1,\"retry-label\"],\"refreshLabel\":[1,\"refresh-label\"],\"loadingLabel\":[1,\"loading-label\"],\"errorLabel\":[1,\"error-label\"],\"expiredLabel\":[1,\"expired-label\"],\"scannedLabel\":[1,\"scanned-label\"],\"closeLabel\":[1,\"close-label\"],\"hasLogo\":[32]}]]],[\"bs-product-tour\",[[769,\"bs-product-tour\",{\"type\":[513],\"direction\":[513],\"heading\":[1],\"description\":[1],\"step\":[2],\"total\":[2],\"progressLabel\":[1,\"progress-label\"],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"closable\":[4],\"closeLabel\":[1,\"close-label\"]}]]],[\"bs-carousel\",[[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}]}]]],[\"bs-error-page\",[[769,\"bs-error-page\",{\"type\":[513],\"code\":[1],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"reference\":[1]}]]],[\"bs-citation-preview\",[[769,\"bs-citation-preview\",{\"fileName\":[1,\"file-name\"],\"sourceName\":[1,\"source-name\"],\"page\":[8],\"href\":[1]}]]],[\"bs-file-upload-item\",[[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\"]}]]],[\"bs-attachment\",[[513,\"bs-attachment\",{\"uploadingLabel\":[1,\"uploading-label\"],\"removeLabel\":[1,\"remove-label\"],\"type\":[1],\"fileName\":[1,\"file-name\"],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"loading\":[4],\"removable\":[4]}]]],[\"bs-breadcrumb-overflow\",[[513,\"bs-breadcrumb-overflow\",{\"items\":[16],\"overflowLabel\":[1,\"overflow-label\"],\"size\":[513],\"open\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]]]]],[\"bs-chatbot-header\",[[769,\"bs-chatbot-header\",{\"heading\":[1],\"expanded\":[1540],\"hideNewChat\":[4,\"hide-new-chat\"],\"hideHistory\":[4,\"hide-history\"],\"hideExpand\":[4,\"hide-expand\"],\"hideClose\":[4,\"hide-close\"],\"newChatLabel\":[1,\"new-chat-label\"],\"historyLabel\":[1,\"history-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"closeLabel\":[1,\"close-label\"]}]]],[\"bs-dialog\",[[769,\"bs-dialog\",{\"open\":[1540],\"heading\":[1],\"closeLabel\":[1,\"close-label\"],\"size\":[1],\"centered\":[516],\"hasFooter\":[32],\"hasImage\":[32],\"hasIcon\":[32]},[[4,\"keydown\",\"onKeydown\"],[4,\"focusin\",\"onFocusIn\"]]]]],[\"bs-file-upload\",[[769,\"bs-file-upload\",{\"direction\":[513],\"heading\":[1],\"description\":[1],\"buttonLabel\":[1,\"button-label\"],\"accept\":[1],\"multiple\":[4],\"disabled\":[516],\"dragging\":[1540]}]]],[\"bs-message\",[[769,\"bs-message\",{\"role\":[513],\"timestamp\":[1],\"datetime\":[1],\"status\":[513]}]]],[\"bs-message-list\",[[769,\"bs-message-list\",{\"scrollToLatestLabel\":[1,\"scroll-to-latest-label\"],\"showScrollButton\":[32],\"scrollToLatest\":[64]}]]],[\"bs-navigation-drawer\",[[769,\"bs-navigation-drawer\",{\"heading\":[1],\"collapsible\":[4],\"collapseLabel\":[1,\"collapse-label\"],\"expandLabel\":[1,\"expand-label\"],\"searchLabel\":[1,\"search-label\"],\"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}]}]]],[\"bs-navigation-header\",[[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\"]}]]],[\"bs-side-panel\",[[769,\"bs-side-panel\",{\"open\":[1540],\"heading\":[1],\"side\":[513],\"closeLabel\":[1,\"close-label\"],\"overlay\":[516]},null,{\"open\":[{\"onOpenChange\":0}],\"overlay\":[{\"onOverlayChange\":0}]}]]],[\"bs-tooltip-trigger\",[[769,\"bs-tooltip-trigger\",{\"text\":[1],\"delay\":[2],\"placement\":[513],\"visible\":[32]}]]],[\"bs-accordion\",[[769,\"bs-accordion\",{\"expanded\":[516],\"size\":[1],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showPreview\":[4,\"show-preview\"]}]]],[\"bs-accordion-group\",[[769,\"bs-accordion-group\",{\"multiple\":[4]},[[0,\"bsToggle\",\"onToggle\"]]]]],[\"bs-ai-disclaimer\",[[257,\"bs-ai-disclaimer\"]]],[\"bs-ai-greeting\",[[513,\"bs-ai-greeting\",{\"assistantName\":[1,\"assistant-name\"],\"productName\":[1,\"product-name\"]}]]],[\"bs-ai-thinking\",[[513,\"bs-ai-thinking\",{\"label\":[1]}]]],[\"bs-attachment-list\",[[769,\"bs-attachment-list\",{\"ariaLabel\":[1,\"aria-label\"],\"canScrollRight\":[32]}]]],[\"bs-badge\",[[769,\"bs-badge\",{\"variant\":[1]}]]],[\"bs-breadcrumb\",[[769,\"bs-breadcrumb\",{\"href\":[1],\"current\":[516],\"size\":[513]}]]],[\"bs-breadcrumbs\",[[769,\"bs-breadcrumbs\",{\"label\":[1],\"size\":[1]},null,{\"size\":[{\"onSizeChange\":0}]}]]],[\"bs-button-skeleton\",[[513,\"bs-button-skeleton\",{\"size\":[1],\"loadingLabel\":[1,\"loading-label\"]}]]],[\"bs-chatbot-feedback\",[[513,\"bs-chatbot-feedback\",{\"rating\":[1538],\"submitted\":[1540],\"comment\":[1025],\"closeLabel\":[1,\"close-label\"],\"commentLabel\":[1,\"comment-label\"],\"commentPlaceholder\":[1,\"comment-placeholder\"],\"submitLabel\":[1,\"submit-label\"],\"newChatLabel\":[1,\"new-chat-label\"],\"ratingLabel\":[1,\"rating-label\"],\"starLabel\":[1,\"star-label\"],\"starsLabel\":[1,\"stars-label\"],\"heading\":[1],\"subtitle\":[1]}]]],[\"bs-chatbot-response-action\",[[769,\"bs-chatbot-response-action\",{\"sourcesCount\":[2,\"sources-count\"],\"menuOpen\":[1540,\"menu-open\"],\"liked\":[516],\"disliked\":[516],\"hideRegenerate\":[4,\"hide-regenerate\"],\"likeLabel\":[1,\"like-label\"],\"dislikeLabel\":[1,\"dislike-label\"],\"copyLabel\":[1,\"copy-label\"],\"regenerateLabel\":[1,\"regenerate-label\"],\"menuLabel\":[1,\"menu-label\"],\"sourceLabel\":[1,\"source-label\"],\"sourcesLabel\":[1,\"sources-label\"]},[[4,\"click\",\"onDocumentClick\"],[4,\"keydown\",\"onKeydown\"]]]]],[\"bs-chatbot-sources-drawer\",[[769,\"bs-chatbot-sources-drawer\",{\"heading\":[1],\"collapseLabel\":[1,\"collapse-label\"],\"count\":[2],\"slottedCount\":[32]}]]],[\"bs-chatbot-suggestion-button\",[[769,\"bs-chatbot-suggestion-button\",{\"disabled\":[4]}]]],[\"bs-checkbox\",[[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}]}]]],[\"bs-checkbox-skeleton\",[[513,\"bs-checkbox-skeleton\",{\"size\":[1],\"loadingLabel\":[1,\"loading-label\"]}]]],[\"bs-chip-filter\",[[785,\"bs-chip-filter\",{\"size\":[1],\"selected\":[516],\"dropdown\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32]}]]],[\"bs-chip-input\",[[785,\"bs-chip-input\",{\"size\":[1],\"removeLabel\":[1,\"remove-label\"],\"selected\":[1540],\"disabled\":[516],\"hasIcon\":[32],\"labelText\":[32]}]]],[\"bs-composer\",[[785,\"bs-composer\",{\"variant\":[1],\"placeholder\":[1],\"value\":[1025],\"state\":[513],\"ariaLabel\":[1,\"aria-label\"],\"loading\":[4],\"maxLength\":[2,\"max-length\"],\"hideAttach\":[4,\"hide-attach\"],\"hideMic\":[4,\"hide-mic\"],\"attachLabel\":[1,\"attach-label\"],\"micLabel\":[1,\"mic-label\"],\"stopRecordingLabel\":[1,\"stop-recording-label\"],\"sendLabel\":[1,\"send-label\"],\"stopLabel\":[1,\"stop-label\"],\"confirmLabel\":[1,\"confirm-label\"],\"hasAttachments\":[32]}]]],[\"bs-composer-status-banner\",[[769,\"bs-composer-status-banner\",{\"type\":[1],\"message\":[1],\"showIcon\":[4,\"show-icon\"],\"showButton\":[4,\"show-button\"],\"actionLabel\":[1,\"action-label\"],\"loading\":[4],\"closeLabel\":[1,\"close-label\"],\"allowClose\":[4,\"allow-close\"]}]]],[\"bs-data-table\",[[513,\"bs-data-table\",{\"columns\":[16],\"rows\":[16],\"sortColumn\":[1,\"sort-column\"],\"sortDirection\":[1,\"sort-direction\"],\"selectAllLabel\":[1,\"select-all-label\"],\"selectable\":[4],\"cellRenderer\":[16],\"selectedIds\":[32],\"clearSelection\":[64]}]]],[\"bs-inline-tab\",[[769,\"bs-inline-tab\",{\"selected\":[516],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"hasIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-navigation-drawer-item\",[[769,\"bs-navigation-drawer-item\",{\"selected\":[516],\"expandable\":[4],\"expanded\":[1540],\"nested\":[4],\"ariaLabel\":[1,\"aria-label\"],\"collapsed\":[516],\"hasIcon\":[32]}]]],[\"bs-popover\",[[769,\"bs-popover\",{\"open\":[1540],\"placement\":[513]},null,{\"open\":[{\"onOpenChange\":0}],\"placement\":[{\"onPlacementChange\":0}]}]]],[\"bs-radio\",[[849,\"bs-radio\",{\"name\":[513],\"value\":[1],\"checked\":[1540],\"disabled\":[516],\"groupHasChecked\":[32]},[[4,\"bsChange\",\"onAnyRadioChange\"]],{\"checked\":[{\"onCheckedChange\":0}],\"value\":[{\"onCheckedChange\":0}]}]]],[\"bs-skeleton\",[[513,\"bs-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"lines\":[2],\"animated\":[4],\"label\":[1]}]]],[\"bs-slider\",[[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],\"startValueLabel\":[1,\"start-value-label\"],\"endValueLabel\":[1,\"end-value-label\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"value\":[{\"syncFormValue\":0}],\"valueStart\":[{\"syncFormValue\":0}],\"valueEnd\":[{\"syncFormValue\":0}],\"type\":[{\"syncFormValue\":0}]}]]],[\"bs-spinner\",[[513,\"bs-spinner\",{\"size\":[1],\"label\":[1]}]]],[\"bs-stepper\",[[769,\"bs-stepper\",{\"currentStep\":[2,\"current-step\"],\"direction\":[513],\"showDescription\":[4,\"show-description\"]},null,{\"currentStep\":[{\"onPropChange\":0}],\"direction\":[{\"onPropChange\":0}],\"showDescription\":[{\"onPropChange\":0}]}]]],[\"bs-stepper-step\",[[513,\"bs-stepper-step\",{\"name\":[1],\"description\":[1],\"error\":[4],\"disabled\":[4],\"computedState\":[1,\"computed-state\"],\"direction\":[1],\"showDescription\":[4,\"show-description\"]}]]],[\"bs-toast\",[[769,\"bs-toast\",{\"state\":[1],\"dismissLabel\":[1,\"dismiss-label\"]}]]],[\"bs-snackbar\",[[769,\"bs-snackbar\",{\"variant\":[1],\"loading\":[4],\"actionLabel\":[1,\"action-label\"],\"actionVariant\":[1,\"action-variant\"],\"hideClose\":[4,\"hide-close\"]}]]],[\"bs-avatar\",[[513,\"bs-avatar\",{\"type\":[1],\"size\":[1],\"initials\":[1],\"src\":[1],\"alt\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[516]}]]],[\"bs-pagination\",[[513,\"bs-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"siblingCount\":[2,\"sibling-count\"],\"navLabel\":[1,\"nav-label\"],\"pageLabel\":[1,\"page-label\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"]}]]],[\"bs-source-link\",[[769,\"bs-source-link\",{\"fileName\":[1,\"file-name\"],\"sourceName\":[1,\"source-name\"],\"version\":[1],\"href\":[1],\"target\":[1]}]]],[\"bs-logo\",[[513,\"bs-logo\",{\"variant\":[1],\"background\":[1],\"src\":[1],\"alt\":[1]}]]],[\"bs-progress\",[[513,\"bs-progress\",{\"type\":[1],\"size\":[1],\"strokeWidth\":[2,\"stroke-width\"],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-switch\",[[849,\"bs-switch\",{\"name\":[513],\"value\":[1],\"size\":[1],\"checked\":[1540],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"checked\":[{\"syncFormValue\":0}],\"value\":[{\"syncFormValue\":0}]}]]],[\"bs-tooltip\",[[769,\"bs-tooltip\",{\"placement\":[1]}]]],[\"bs-chip-informative\",[[769,\"bs-chip-informative\",{\"color\":[1],\"size\":[1],\"disabled\":[516],\"hasIcon\":[32]}]]],[\"bs-tab_3\",[[769,\"bs-whats-new-entry\",{\"tag\":[1],\"tagColor\":[1,\"tag-color\"],\"date\":[1],\"unread\":[516],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"actionLabel\":[1,\"action-label\"],\"divider\":[4],\"unreadLabel\":[1,\"unread-label\"],\"hasImage\":[32]}],[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]}],[769,\"bs-tabs\",{\"type\":[1],\"orientation\":[1],\"value\":[1537]},[[0,\"bsSelect\",\"onTabSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[{\"onValueChange\":0}],\"orientation\":[{\"syncRovingTabindex\":0}]}]]],[\"bs-progress-linear\",[[769,\"bs-progress-linear\",{\"type\":[1],\"size\":[1],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"],\"hasLabelContent\":[32]}]]],[\"bs-icon-tile\",[[769,\"bs-icon-tile\",{\"size\":[513],\"intent\":[513],\"label\":[1],\"hasCustomIcon\":[32],\"hasText\":[32]}]]],[\"bs-card\",[[769,\"bs-card\",{\"surface\":[513],\"hasImage\":[32]}]]],[\"bs-icon-button\",[[849,\"bs-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-input_3\",[[849,\"bs-input\",{\"name\":[513],\"value\":[1025],\"showPasswordLabel\":[1,\"show-password-label\"],\"hidePasswordLabel\":[1,\"hide-password-label\"],\"incrementLabel\":[1,\"increment-label\"],\"decrementLabel\":[1,\"decrement-label\"],\"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}]}],[769,\"bs-menu-item\",{\"disabled\":[4],\"hasIcon\":[32]}],[257,\"bs-menu\",null,[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bs-button\",[[849,\"bs-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32],\"hasEndIcon\":[32],\"hasLabel\":[32]}]]]]"), options);
|
|
7
|
+
return bootstrapLazy(JSON.parse("[[\"bs-session-timeout\",[[769,\"bs-session-timeout\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"hideIcon\":[4,\"hide-icon\"],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"secondsLeft\":[1026,\"seconds-left\"],\"totalSeconds\":[2,\"total-seconds\"],\"countdown\":[4],\"timeLeftLabel\":[1,\"time-left-label\"],\"secondsLeftLabel\":[1,\"seconds-left-label\"],\"savedMessage\":[1,\"saved-message\"],\"accountName\":[1,\"account-name\"],\"accountEmail\":[1,\"account-email\"],\"accountInitials\":[1,\"account-initials\"],\"passwordLabel\":[1,\"password-label\"],\"passwordError\":[1,\"password-error\"],\"dividerLabel\":[1,\"divider-label\"],\"alternatives\":[16],\"cancelLabel\":[1,\"cancel-label\"],\"password\":[32],\"announcement\":[32],\"initialTotal\":[32]},null,{\"countdown\":[{\"onTimerInputsChange\":0}],\"type\":[{\"onTimerInputsChange\":0}]}]]],[\"bs-timepicker\",[[577,\"bs-timepicker\",{\"name\":[513],\"value\":[1537],\"format\":[1537],\"minuteStep\":[2,\"minute-step\"],\"heading\":[1],\"formatLabel\":[1,\"format-label\"],\"confirmLabel\":[1,\"confirm-label\"],\"cancelLabel\":[1,\"cancel-label\"],\"increaseLabel\":[1,\"increase-label\"],\"decreaseLabel\":[1,\"decrease-label\"],\"hourLabel\":[1,\"hour-label\"],\"minuteLabel\":[1,\"minute-label\"],\"periodLabel\":[1,\"period-label\"],\"hour\":[32],\"minute\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"name\":[{\"onNameChange\":0}]}]]],[\"bs-cookie-consent\",[[769,\"bs-cookie-consent\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"policyUrl\":[1,\"policy-url\"],\"policyLabel\":[1,\"policy-label\"],\"customiseLabel\":[1,\"customise-label\"],\"rejectLabel\":[1,\"reject-label\"],\"acceptLabel\":[1,\"accept-label\"],\"saveLabel\":[1,\"save-label\"],\"changeLabel\":[1,\"change-label\"],\"alwaysOnLabel\":[1,\"always-on-label\"],\"seeCookiesLabel\":[1,\"see-cookies-label\"],\"closeLabel\":[1,\"close-label\"],\"categories\":[16],\"choices\":[32],\"open\":[32]},null,{\"categories\":[{\"onCategoriesChange\":0}]}]]],[\"bs-whats-new\",[[769,\"bs-whats-new\",{\"type\":[513],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"closable\":[4],\"closeLabel\":[1,\"close-label\"],\"entries\":[16],\"filters\":[16],\"filter\":[1537],\"markAllReadLabel\":[1,\"mark-all-read-label\"],\"releaseNotesLabel\":[1,\"release-notes-label\"],\"releaseNotesUrl\":[1,\"release-notes-url\"],\"emptyLabel\":[1,\"empty-label\"],\"tag\":[1],\"tagColor\":[1,\"tag-color\"],\"image\":[1],\"points\":[16],\"step\":[2],\"total\":[2],\"stepLabel\":[1,\"step-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"primaryLabel\":[1,\"primary-label\"],\"date\":[1],\"description\":[1],\"actionLabel\":[1,\"action-label\"],\"hasHeroSlot\":[32]}]]],[\"bs-datepicker\",[[577,\"bs-datepicker\",{\"name\":[513],\"range\":[516],\"value\":[1537],\"start\":[1537],\"end\":[1537],\"min\":[1],\"max\":[1],\"locale\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"],\"viewDate\":[32],\"focusedIso\":[32],\"hoverIso\":[32],\"draft\":[32],\"openMenu\":[32]},null,{\"value\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"start\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"end\":[{\"onSelectionChange\":0}],\"range\":[{\"onSelectionChange\":0}],\"name\":[{\"onSelectionChange\":0}]}]]],[\"bs-onboarding-checklist\",[[769,\"bs-onboarding-checklist\",{\"type\":[513],\"launcherLayout\":[513,\"launcher-layout\"],\"steps\":[16],\"heading\":[1],\"description\":[1],\"headingLevel\":[2,\"heading-level\"],\"progressText\":[1,\"progress-text\"],\"closable\":[4],\"progressLabel\":[1,\"progress-label\"],\"skipLabel\":[1,\"skip-label\"],\"startLabel\":[1,\"start-label\"],\"seeAllLabel\":[1,\"see-all-label\"],\"afterLabel\":[1,\"after-label\"],\"doneLabel\":[1,\"done-label\"],\"hideLabel\":[1,\"hide-label\"],\"closeLabel\":[1,\"close-label\"],\"statusDoneLabel\":[1,\"status-done-label\"],\"statusTodoLabel\":[1,\"status-todo-label\"]}]]],[\"bs-qr-code\",[[769,\"bs-qr-code\",{\"type\":[513],\"size\":[513],\"state\":[513],\"heading\":[1],\"description\":[1],\"url\":[1],\"amount\":[1],\"amountLabel\":[1,\"amount-label\"],\"expiry\":[1],\"matrix\":[16],\"codeLabel\":[1,\"code-label\"],\"closable\":[4],\"hideActions\":[4,\"hide-actions\"],\"hideDownload\":[4,\"hide-download\"],\"hideCopy\":[4,\"hide-copy\"],\"downloadLabel\":[1,\"download-label\"],\"copyLabel\":[1,\"copy-label\"],\"retryLabel\":[1,\"retry-label\"],\"refreshLabel\":[1,\"refresh-label\"],\"loadingLabel\":[1,\"loading-label\"],\"errorLabel\":[1,\"error-label\"],\"expiredLabel\":[1,\"expired-label\"],\"scannedLabel\":[1,\"scanned-label\"],\"closeLabel\":[1,\"close-label\"],\"hasLogo\":[32]}]]],[\"bs-product-tour\",[[769,\"bs-product-tour\",{\"type\":[513],\"direction\":[513],\"heading\":[1],\"description\":[1],\"step\":[2],\"total\":[2],\"progressLabel\":[1,\"progress-label\"],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"closable\":[4],\"closeLabel\":[1,\"close-label\"]}]]],[\"bs-carousel\",[[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}]}]]],[\"bs-error-page\",[[769,\"bs-error-page\",{\"type\":[513],\"code\":[1],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"reference\":[1]}]]],[\"bs-citation-preview\",[[769,\"bs-citation-preview\",{\"fileName\":[1,\"file-name\"],\"sourceName\":[1,\"source-name\"],\"page\":[8],\"href\":[1]}]]],[\"bs-file-upload-item\",[[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\"]}]]],[\"bs-attachment\",[[513,\"bs-attachment\",{\"uploadingLabel\":[1,\"uploading-label\"],\"removeLabel\":[1,\"remove-label\"],\"type\":[1],\"fileName\":[1,\"file-name\"],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"loading\":[4],\"removable\":[4]}]]],[\"bs-breadcrumb-overflow\",[[513,\"bs-breadcrumb-overflow\",{\"items\":[16],\"overflowLabel\":[1,\"overflow-label\"],\"size\":[513],\"open\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]]]]],[\"bs-chatbot-header\",[[769,\"bs-chatbot-header\",{\"heading\":[1],\"expanded\":[1540],\"hideNewChat\":[4,\"hide-new-chat\"],\"hideHistory\":[4,\"hide-history\"],\"hideExpand\":[4,\"hide-expand\"],\"hideClose\":[4,\"hide-close\"],\"newChatLabel\":[1,\"new-chat-label\"],\"historyLabel\":[1,\"history-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"closeLabel\":[1,\"close-label\"]}]]],[\"bs-dialog\",[[769,\"bs-dialog\",{\"open\":[1540],\"heading\":[1],\"closeLabel\":[1,\"close-label\"],\"size\":[1],\"centered\":[516],\"hasFooter\":[32],\"hasImage\":[32],\"hasIcon\":[32]},[[4,\"keydown\",\"onKeydown\"],[4,\"focusin\",\"onFocusIn\"]]]]],[\"bs-file-upload\",[[769,\"bs-file-upload\",{\"direction\":[513],\"heading\":[1],\"description\":[1],\"buttonLabel\":[1,\"button-label\"],\"accept\":[1],\"multiple\":[4],\"disabled\":[516],\"dragging\":[1540]}]]],[\"bs-message\",[[769,\"bs-message\",{\"role\":[513],\"timestamp\":[1],\"datetime\":[1],\"status\":[513]}]]],[\"bs-message-list\",[[769,\"bs-message-list\",{\"scrollToLatestLabel\":[1,\"scroll-to-latest-label\"],\"showScrollButton\":[32],\"scrollToLatest\":[64]}]]],[\"bs-navigation-drawer\",[[769,\"bs-navigation-drawer\",{\"heading\":[1],\"collapsible\":[4],\"collapseLabel\":[1,\"collapse-label\"],\"expandLabel\":[1,\"expand-label\"],\"searchLabel\":[1,\"search-label\"],\"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}]}]]],[\"bs-navigation-header\",[[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\"]}]]],[\"bs-side-panel\",[[769,\"bs-side-panel\",{\"open\":[1540],\"heading\":[1],\"side\":[513],\"closeLabel\":[1,\"close-label\"],\"overlay\":[516]},null,{\"open\":[{\"onOpenChange\":0}],\"overlay\":[{\"onOverlayChange\":0}]}]]],[\"bs-tooltip-trigger\",[[769,\"bs-tooltip-trigger\",{\"text\":[1],\"delay\":[2],\"placement\":[513],\"visible\":[32]}]]],[\"bs-accordion\",[[769,\"bs-accordion\",{\"expanded\":[516],\"size\":[1],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showPreview\":[4,\"show-preview\"]}]]],[\"bs-accordion-group\",[[769,\"bs-accordion-group\",{\"multiple\":[4]},[[0,\"bsToggle\",\"onToggle\"]]]]],[\"bs-ai-disclaimer\",[[257,\"bs-ai-disclaimer\"]]],[\"bs-ai-greeting\",[[513,\"bs-ai-greeting\",{\"assistantName\":[1,\"assistant-name\"],\"productName\":[1,\"product-name\"]}]]],[\"bs-ai-thinking\",[[513,\"bs-ai-thinking\",{\"label\":[1]}]]],[\"bs-attachment-list\",[[769,\"bs-attachment-list\",{\"ariaLabel\":[1,\"aria-label\"],\"canScrollRight\":[32]}]]],[\"bs-badge\",[[769,\"bs-badge\",{\"variant\":[1]}]]],[\"bs-breadcrumb\",[[769,\"bs-breadcrumb\",{\"href\":[1],\"current\":[516],\"size\":[513]}]]],[\"bs-breadcrumbs\",[[769,\"bs-breadcrumbs\",{\"label\":[1],\"size\":[1]},null,{\"size\":[{\"onSizeChange\":0}]}]]],[\"bs-button-skeleton\",[[513,\"bs-button-skeleton\",{\"size\":[1],\"loadingLabel\":[1,\"loading-label\"]}]]],[\"bs-chatbot-feedback\",[[513,\"bs-chatbot-feedback\",{\"rating\":[1538],\"submitted\":[1540],\"comment\":[1025],\"closeLabel\":[1,\"close-label\"],\"commentLabel\":[1,\"comment-label\"],\"commentPlaceholder\":[1,\"comment-placeholder\"],\"submitLabel\":[1,\"submit-label\"],\"newChatLabel\":[1,\"new-chat-label\"],\"ratingLabel\":[1,\"rating-label\"],\"starLabel\":[1,\"star-label\"],\"starsLabel\":[1,\"stars-label\"],\"heading\":[1],\"subtitle\":[1]}]]],[\"bs-chatbot-response-action\",[[769,\"bs-chatbot-response-action\",{\"sourcesCount\":[2,\"sources-count\"],\"menuOpen\":[1540,\"menu-open\"],\"liked\":[516],\"disliked\":[516],\"hideRegenerate\":[4,\"hide-regenerate\"],\"likeLabel\":[1,\"like-label\"],\"dislikeLabel\":[1,\"dislike-label\"],\"copyLabel\":[1,\"copy-label\"],\"regenerateLabel\":[1,\"regenerate-label\"],\"menuLabel\":[1,\"menu-label\"],\"sourceLabel\":[1,\"source-label\"],\"sourcesLabel\":[1,\"sources-label\"]},[[4,\"click\",\"onDocumentClick\"],[4,\"keydown\",\"onKeydown\"]]]]],[\"bs-chatbot-sources-drawer\",[[769,\"bs-chatbot-sources-drawer\",{\"heading\":[1],\"collapseLabel\":[1,\"collapse-label\"],\"count\":[2],\"slottedCount\":[32]}]]],[\"bs-chatbot-suggestion-button\",[[769,\"bs-chatbot-suggestion-button\",{\"disabled\":[4]}]]],[\"bs-checkbox\",[[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}]}]]],[\"bs-checkbox-skeleton\",[[513,\"bs-checkbox-skeleton\",{\"size\":[1],\"loadingLabel\":[1,\"loading-label\"]}]]],[\"bs-chip-filter\",[[785,\"bs-chip-filter\",{\"size\":[1],\"selected\":[516],\"dropdown\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32]}]]],[\"bs-chip-input\",[[785,\"bs-chip-input\",{\"size\":[1],\"removeLabel\":[1,\"remove-label\"],\"selected\":[1540],\"disabled\":[516],\"hasIcon\":[32],\"labelText\":[32]}]]],[\"bs-composer\",[[785,\"bs-composer\",{\"variant\":[1],\"placeholder\":[1],\"value\":[1025],\"state\":[513],\"ariaLabel\":[1,\"aria-label\"],\"loading\":[4],\"maxLength\":[2,\"max-length\"],\"hideAttach\":[4,\"hide-attach\"],\"hideMic\":[4,\"hide-mic\"],\"attachLabel\":[1,\"attach-label\"],\"micLabel\":[1,\"mic-label\"],\"stopRecordingLabel\":[1,\"stop-recording-label\"],\"sendLabel\":[1,\"send-label\"],\"stopLabel\":[1,\"stop-label\"],\"confirmLabel\":[1,\"confirm-label\"],\"hasAttachments\":[32]}]]],[\"bs-composer-status-banner\",[[769,\"bs-composer-status-banner\",{\"type\":[1],\"message\":[1],\"showIcon\":[4,\"show-icon\"],\"showButton\":[4,\"show-button\"],\"actionLabel\":[1,\"action-label\"],\"loading\":[4],\"closeLabel\":[1,\"close-label\"],\"allowClose\":[4,\"allow-close\"]}]]],[\"bs-data-table\",[[513,\"bs-data-table\",{\"columns\":[16],\"rows\":[16],\"sortColumn\":[1,\"sort-column\"],\"sortDirection\":[1,\"sort-direction\"],\"selectAllLabel\":[1,\"select-all-label\"],\"selectable\":[4],\"cellRenderer\":[16],\"selectedIds\":[32],\"clearSelection\":[64]}]]],[\"bs-inline-tab\",[[769,\"bs-inline-tab\",{\"selected\":[516],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"hasIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-navigation-drawer-item\",[[769,\"bs-navigation-drawer-item\",{\"selected\":[516],\"expandable\":[4],\"expanded\":[1540],\"nested\":[4],\"ariaLabel\":[1,\"aria-label\"],\"collapsed\":[516],\"hasIcon\":[32]}]]],[\"bs-popover\",[[769,\"bs-popover\",{\"open\":[1540],\"placement\":[513]},null,{\"open\":[{\"onOpenChange\":0}],\"placement\":[{\"onPlacementChange\":0}]}]]],[\"bs-radio\",[[849,\"bs-radio\",{\"name\":[513],\"value\":[1],\"checked\":[1540],\"disabled\":[516],\"groupHasChecked\":[32]},[[4,\"bsChange\",\"onAnyRadioChange\"]],{\"checked\":[{\"onCheckedChange\":0}],\"value\":[{\"onCheckedChange\":0}]}]]],[\"bs-skeleton\",[[513,\"bs-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"lines\":[2],\"animated\":[4],\"label\":[1]}]]],[\"bs-slider\",[[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],\"startValueLabel\":[1,\"start-value-label\"],\"endValueLabel\":[1,\"end-value-label\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"value\":[{\"syncFormValue\":0}],\"valueStart\":[{\"syncFormValue\":0}],\"valueEnd\":[{\"syncFormValue\":0}],\"type\":[{\"syncFormValue\":0}]}]]],[\"bs-spinner\",[[513,\"bs-spinner\",{\"size\":[1],\"label\":[1]}]]],[\"bs-split-pane\",[[769,\"bs-split-pane\",{\"orientation\":[513],\"collapsed\":[1540],\"resizable\":[4],\"dividerLabel\":[1,\"divider-label\"],\"step\":[2],\"paneCount\":[32],\"sizes\":[32],\"draggingIndex\":[32],\"toggleCollapsed\":[64]}]]],[\"bs-stepper\",[[769,\"bs-stepper\",{\"currentStep\":[2,\"current-step\"],\"direction\":[513],\"showDescription\":[4,\"show-description\"]},null,{\"currentStep\":[{\"onPropChange\":0}],\"direction\":[{\"onPropChange\":0}],\"showDescription\":[{\"onPropChange\":0}]}]]],[\"bs-stepper-step\",[[513,\"bs-stepper-step\",{\"name\":[1],\"description\":[1],\"error\":[4],\"disabled\":[4],\"computedState\":[1,\"computed-state\"],\"direction\":[1],\"showDescription\":[4,\"show-description\"]}]]],[\"bs-toast\",[[769,\"bs-toast\",{\"state\":[1],\"dismissLabel\":[1,\"dismiss-label\"]}]]],[\"bs-snackbar\",[[769,\"bs-snackbar\",{\"variant\":[1],\"loading\":[4],\"actionLabel\":[1,\"action-label\"],\"actionVariant\":[1,\"action-variant\"],\"hideClose\":[4,\"hide-close\"]}]]],[\"bs-avatar\",[[513,\"bs-avatar\",{\"type\":[1],\"size\":[1],\"initials\":[1],\"src\":[1],\"alt\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[516]}]]],[\"bs-pagination\",[[513,\"bs-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"siblingCount\":[2,\"sibling-count\"],\"navLabel\":[1,\"nav-label\"],\"pageLabel\":[1,\"page-label\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"]}]]],[\"bs-source-link\",[[769,\"bs-source-link\",{\"fileName\":[1,\"file-name\"],\"sourceName\":[1,\"source-name\"],\"version\":[1],\"href\":[1],\"target\":[1]}]]],[\"bs-logo\",[[513,\"bs-logo\",{\"variant\":[1],\"background\":[1],\"src\":[1],\"alt\":[1]}]]],[\"bs-progress\",[[513,\"bs-progress\",{\"type\":[1],\"size\":[1],\"strokeWidth\":[2,\"stroke-width\"],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-switch\",[[849,\"bs-switch\",{\"name\":[513],\"value\":[1],\"size\":[1],\"checked\":[1540],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"checked\":[{\"syncFormValue\":0}],\"value\":[{\"syncFormValue\":0}]}]]],[\"bs-tooltip\",[[769,\"bs-tooltip\",{\"placement\":[1]}]]],[\"bs-chip-informative\",[[769,\"bs-chip-informative\",{\"color\":[1],\"size\":[1],\"disabled\":[516],\"hasIcon\":[32]}]]],[\"bs-tab_3\",[[769,\"bs-whats-new-entry\",{\"tag\":[1],\"tagColor\":[1,\"tag-color\"],\"date\":[1],\"unread\":[516],\"heading\":[1],\"headingLevel\":[2,\"heading-level\"],\"description\":[1],\"actionLabel\":[1,\"action-label\"],\"divider\":[4],\"unreadLabel\":[1,\"unread-label\"],\"hasImage\":[32]}],[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]}],[769,\"bs-tabs\",{\"type\":[1],\"orientation\":[1],\"value\":[1537]},[[0,\"bsSelect\",\"onTabSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[{\"onValueChange\":0}],\"orientation\":[{\"syncRovingTabindex\":0}]}]]],[\"bs-progress-linear\",[[769,\"bs-progress-linear\",{\"type\":[1],\"size\":[1],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"],\"hasLabelContent\":[32]}]]],[\"bs-icon-tile\",[[769,\"bs-icon-tile\",{\"size\":[513],\"intent\":[513],\"label\":[1],\"hasCustomIcon\":[32],\"hasText\":[32]}]]],[\"bs-card\",[[769,\"bs-card\",{\"surface\":[513],\"hasImage\":[32]}]]],[\"bs-icon-button\",[[849,\"bs-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-input_3\",[[849,\"bs-input\",{\"name\":[513],\"value\":[1025],\"showPasswordLabel\":[1,\"show-password-label\"],\"hidePasswordLabel\":[1,\"hide-password-label\"],\"incrementLabel\":[1,\"increment-label\"],\"decrementLabel\":[1,\"decrement-label\"],\"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}]}],[769,\"bs-menu-item\",{\"disabled\":[4],\"hasIcon\":[32]}],[257,\"bs-menu\",null,[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bs-button\",[[849,\"bs-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32],\"hasEndIcon\":[32],\"hasLabel\":[32]}]]]]"), options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export type BsSplitPaneOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
/**
|
|
4
|
+
* A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
|
|
5
|
+
* (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
|
|
6
|
+
* and (optionally) `pane-3`; the pane count follows which slots have content.
|
|
7
|
+
*
|
|
8
|
+
* `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
|
|
9
|
+
* them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
|
|
10
|
+
* the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
|
|
11
|
+
* the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
|
|
12
|
+
* attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
|
|
13
|
+
*
|
|
14
|
+
* ## When to use
|
|
15
|
+
* - Master/detail layouts: a navigation or list pane next to one or two detail panes.
|
|
16
|
+
*
|
|
17
|
+
* ## When not to use
|
|
18
|
+
* - A temporary overlay panel (use `bs-side-panel`).
|
|
19
|
+
* - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
|
|
20
|
+
* the dividers purely visual).
|
|
21
|
+
*
|
|
22
|
+
* @slot pane-1 - The first pane (the one that collapses).
|
|
23
|
+
* @slot pane-2 - The second pane.
|
|
24
|
+
* @slot pane-3 - Optional third pane.
|
|
25
|
+
* @part container - The flex wrapper around all panes and dividers.
|
|
26
|
+
* @part pane - Every pane wrapper (`pane-1`, `pane-2`, `pane-3` are also exposed as separate parts).
|
|
27
|
+
* @part divider - Every divider (the focusable `role="separator"` element).
|
|
28
|
+
* @part divider-thumb - The visible thumb on a divider.
|
|
29
|
+
* @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
|
|
30
|
+
* @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
|
|
31
|
+
* @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
|
|
32
|
+
* @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
|
|
33
|
+
* @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
|
|
34
|
+
* @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
|
|
35
|
+
* @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
|
|
36
|
+
* @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
|
|
37
|
+
* @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
|
|
38
|
+
* @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
|
|
39
|
+
* @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
|
|
40
|
+
* @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
|
|
41
|
+
* @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
|
|
42
|
+
*/
|
|
43
|
+
export declare class BsSplitPane {
|
|
44
|
+
el: HTMLElement;
|
|
45
|
+
/** `horizontal` = panes side by side, `vertical` = panes stacked. */
|
|
46
|
+
orientation: BsSplitPaneOrientation;
|
|
47
|
+
/** Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it. */
|
|
48
|
+
collapsed: boolean;
|
|
49
|
+
/** Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators. */
|
|
50
|
+
resizable: boolean;
|
|
51
|
+
/** Accessible name of each divider. */
|
|
52
|
+
dividerLabel: string;
|
|
53
|
+
/** Pixels moved per arrow-key press (Shift multiplies by 4). */
|
|
54
|
+
step: number;
|
|
55
|
+
/** Fires after a resize (pointer release or key press) with the pixel size of every pane except the last. */
|
|
56
|
+
bsResize: EventEmitter<number[]>;
|
|
57
|
+
/** Fires when `collapsed` changes through user interaction. */
|
|
58
|
+
bsCollapsedChange: EventEmitter<boolean>;
|
|
59
|
+
paneCount: number;
|
|
60
|
+
sizes: Array<number | undefined>;
|
|
61
|
+
draggingIndex: number;
|
|
62
|
+
private observer?;
|
|
63
|
+
private dragStart?;
|
|
64
|
+
/** Toggles `collapsed` and emits `bsCollapsedChange`. */
|
|
65
|
+
toggleCollapsed(): Promise<void>;
|
|
66
|
+
componentWillLoad(): void;
|
|
67
|
+
connectedCallback(): void;
|
|
68
|
+
disconnectedCallback(): void;
|
|
69
|
+
private countPanes;
|
|
70
|
+
private isRtl;
|
|
71
|
+
private axisSize;
|
|
72
|
+
private minSize;
|
|
73
|
+
/** Largest size pane `index` may take: leave `minSize` for each pane after it, and the dividers. */
|
|
74
|
+
private maxSize;
|
|
75
|
+
private paneEl;
|
|
76
|
+
private setSize;
|
|
77
|
+
private emitResize;
|
|
78
|
+
private onPointerDown;
|
|
79
|
+
private onPointerMove;
|
|
80
|
+
private onPointerUp;
|
|
81
|
+
private onKeyDown;
|
|
82
|
+
private paneStyle;
|
|
83
|
+
private percentFor;
|
|
84
|
+
render(): any;
|
|
85
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
+
interface BsSplitPaneArgs {
|
|
3
|
+
orientation: 'horizontal' | 'vertical';
|
|
4
|
+
collapsed: boolean;
|
|
5
|
+
resizable: boolean;
|
|
6
|
+
panes: 2 | 3;
|
|
7
|
+
}
|
|
8
|
+
declare const meta: Meta<BsSplitPaneArgs>;
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<BsSplitPaneArgs>;
|
|
11
|
+
export declare const Horizontal: Story;
|
|
12
|
+
export declare const HorizontalCollapsed: Story;
|
|
13
|
+
export declare const Vertical: Story;
|
|
14
|
+
export declare const TwoPanes: Story;
|
|
15
|
+
export declare const NotResizable: Story;
|