@brandsync/wc 0.1.0 → 1.0.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 +419 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-d3265e70.entry.js → p-16c960b5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1ce7dd64.entry.js → p-17a695af.entry.js} +1 -1
- package/dist/brandsync-wc/{p-321ed4d3.entry.js → p-196cfcf0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2063a6d6.entry.js → p-1fcc9f47.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d55bbcec.entry.js → p-27cce165.entry.js} +1 -1
- package/dist/brandsync-wc/p-37365a51.entry.js +1 -0
- package/dist/brandsync-wc/p-3efb76dd.entry.js +1 -0
- package/dist/brandsync-wc/{p-20c24179.entry.js → p-45016a37.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6b469b2d.entry.js → p-48000949.entry.js} +1 -1
- package/dist/brandsync-wc/{p-11f3fceb.entry.js → p-4ec24ccb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f4f22015.entry.js → p-4f8459ae.entry.js} +1 -1
- package/dist/brandsync-wc/p-613ff380.entry.js +1 -0
- package/dist/brandsync-wc/{p-18813680.entry.js → p-63167373.entry.js} +1 -1
- package/dist/brandsync-wc/{p-73217b90.entry.js → p-69c5bc2e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-171fed0c.entry.js → p-7e544766.entry.js} +1 -1
- package/dist/brandsync-wc/{p-79af762c.entry.js → p-9f1e4a91.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9876e83c.entry.js → p-ab8de9b6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-81d49240.entry.js → p-b18e4845.entry.js} +1 -1
- package/dist/brandsync-wc/{p-111974df.entry.js → p-b5cbe30b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-91551e7b.entry.js → p-baa4e2e0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9c4768aa.entry.js → p-c04cf1bb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-00bb9bda.entry.js → p-c90f5a74.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e93e944b.entry.js → p-d037b619.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0f3cb0c4.entry.js → p-d22990c0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6d85fba4.entry.js → p-e231e4cf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0847f5c0.entry.js → p-e2a37bda.entry.js} +1 -1
- package/dist/brandsync-wc/{p-eb04c578.entry.js → p-e3ce0c8c.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input.cjs.entry.js +2 -2
- package/dist/cjs/bs-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-menu.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-radio.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper-step.cjs.entry.js +44 -0
- package/dist/cjs/bs-stepper.cjs.entry.js +62 -0
- package/dist/cjs/bs-switch.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-tabs.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.cmp.test.js +42 -0
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.css +29 -0
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +162 -0
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.stories.js +59 -0
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.cmp.test.js +73 -0
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.css +258 -0
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +231 -0
- 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-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-stepper-step.d.ts +11 -0
- package/dist/components/bs-stepper-step.js +1 -0
- package/dist/components/bs-stepper.d.ts +11 -0
- package/dist/components/bs-stepper.js +1 -0
- 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-tooltip.js +1 -1
- package/dist/components/{p-BtX5URLk.js → p-Bs7nEbqK.js} +1 -1
- package/dist/components/{p-CgaPcyEJ.js → p-CPSCOLIf.js} +1 -1
- package/dist/components/{p-qK1XlpTA.js → p-CUa8zihb.js} +1 -1
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-ai-disclaimer.entry.js +1 -1
- package/dist/esm/bs-ai-greeting.entry.js +1 -1
- package/dist/esm/bs-ai-thinking.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input.entry.js +2 -2
- package/dist/esm/bs-menu-item.entry.js +1 -1
- package/dist/esm/bs-menu.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +2 -2
- package/dist/esm/bs-stepper-step.entry.js +42 -0
- package/dist/esm/bs-stepper.entry.js +60 -0
- package/dist/esm/bs-switch.entry.js +1 -1
- package/dist/esm/bs-tab.entry.js +1 -1
- package/dist/esm/bs-tabs.entry.js +1 -1
- package/dist/esm/bs-tooltip.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-stepper/bs-stepper/bs-stepper.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-stepper/bs-stepper/bs-stepper.d.ts +48 -0
- package/dist/types/components/bs-stepper/bs-stepper/bs-stepper.stories.d.ts +14 -0
- package/dist/types/components/bs-stepper/bs-stepper-step/bs-stepper-step.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-stepper/bs-stepper-step/bs-stepper-step.d.ts +55 -0
- package/dist/types/components.d.ts +298 -0
- package/package.json +1 -1
- package/dist/brandsync-wc/p-1b7c9928.entry.js +0 -1
|
@@ -78,7 +78,7 @@ const BsChatbotResponseAction = class {
|
|
|
78
78
|
};
|
|
79
79
|
render() {
|
|
80
80
|
const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
|
|
81
|
-
return (index.h("div", { key: '
|
|
81
|
+
return (index.h("div", { key: '36a3a372af16e57f0747d0afacede280c75e2baa', class: "bs-chatbot-response-action" }, index.h("button", { key: '5d67c3cb0b3488d3f3ac84fe593cacc66e119a3b', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, index.h("slot", { key: 'b9447e9cb87c841cb75b015324780a926275643d', name: "like-icon" }, index.h(ThumbsUpIcon, { key: 'd5b8b4cb03eb08d12ef92d6ef7e8747830f496f0' }))), index.h("button", { key: 'e510cc2d7edf1b85b9c298f7d988b994f716821b', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, index.h("slot", { key: '94aa62133ad644a1423539a2854e24bd809ae934', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: '5770a79e906a6ff99ca9e632a2dbcfccf3478756' }))), index.h("button", { key: 'b8477c11b99ba291406ebc8fcb953ca87d21e5d5', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, index.h("slot", { key: 'f2ebadfff852af1e1f1462257a1132ef16fd538d', name: "copy-icon" }, index.h(CopyIcon, { key: '57c470579a282b8fbd0aad5e1153e4e5666c8c04' }))), index.h("button", { key: 'd27f9d32f57296011f8c69848b678b745e068074', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, index.h("slot", { key: 'eb8dc45632ecf993cbdb78a4174eee93fc8a1df8', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: 'a1a72e6fdc499b4f76caeb747c4711b31985e5b8' }))), index.h("div", { key: 'e51c762ded01dcacbfcc554b858992ecf818b890', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: '43cb51c908e6e57f35d6ff84a0e7fba850c3c410', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("slot", { key: '515f26fb7b3c861c5fb67e6831fa0cff568006d2', name: "menu-icon" }, index.h(MenuIcon, { key: '93c50b2d7ed0d710c30d33a0483943e12111f479' }))), this.menuOpen && (index.h("div", { key: '098e59c3e121fe9565d349372d84cc8106762968', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: 'bc7a4ec19beeaf66d7dbd506914d185233677760', name: "menu" })))), hasSources && (index.h("button", { key: '703c714cf207a1475069cc8c93155b9be002310a', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: '8184596f5a98cbaaa276d337269aea27f3de5ba4', name: "sources-icon" }, index.h(SourcesIcon, { key: 'eb5984310dc77e1aa082c9275105bbca923cc7ab' })), index.h("span", { key: '52ba085dd94415e7ee36fce236375bd9d66f6145', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
const ThumbsUpIcon = () => (index.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 8.125H6.25V16.25H2.5C2.33424 16.25 2.17527 16.1842 2.05806 16.0669C1.94085 15.9497 1.875 15.7908 1.875 15.625V8.75C1.875 8.58424 1.94085 8.42527 2.05806 8.30806C2.17527 8.19085 2.33424 8.125 2.5 8.125Z", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M6.25 8.125L9.375 1.875C10.038 1.875 10.6739 2.13839 11.1428 2.60723C11.6116 3.07607 11.875 3.71196 11.875 4.375V6.25H16.875C17.0523 6.25005 17.2276 6.28782 17.3892 6.36081C17.5508 6.4338 17.695 6.54033 17.8123 6.67333C17.9295 6.80634 18.0172 6.96277 18.0693 7.13223C18.1215 7.3017 18.137 7.48033 18.1148 7.65625L17.1773 15.1562C17.1393 15.4583 16.9923 15.736 16.7641 15.9374C16.5358 16.1388 16.2419 16.2499 15.9375 16.25H6.25", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -29,7 +29,7 @@ const BsChatbotSourcesDrawer = class {
|
|
|
29
29
|
};
|
|
30
30
|
render() {
|
|
31
31
|
const displayCount = this.count ?? this.slottedCount;
|
|
32
|
-
return (index.h("div", { key: '
|
|
32
|
+
return (index.h("div", { key: 'bbec982298c928942775b7543865781a3fd0c555', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: '9e6e7c89bdf061c89a608fcdc9aa9e85a8de731c', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: '648efdba7da08457adf1e9fe5cb69b1a4d2f9266', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: '08557ea95eae88878c3c0971ce8aa5fa6a72bdcc', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: '3aaf595afc3170bf8f18cf06a119555ff386aaa4', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: 'ccf98e8772366e8c91e6cb6f824194d4ec8a8b35', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, index.h("slot", { key: 'd1f41711fd871e0f5ef0d23fd7ffb8ae0d6aa595', name: "collapse-icon" }, index.h(CaretRightIcon, { key: '55dea932bcfa2dcdb776cf452737362c52ea879e' })))), index.h("div", { key: 'f3f8e5fd96df856ecb965c7e75b706c1f8fe6488', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: '27f35d19a5f00275c983f17a2709932fdf2f2b61', onSlotchange: this.onSlotchange }))));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
const CaretRightIcon = () => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M7.5 4.375L13.125 10L7.5 15.625", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -17,7 +17,7 @@ const BsChatbotSuggestionButton = class {
|
|
|
17
17
|
this.bsSelect.emit();
|
|
18
18
|
};
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("button", { key: '
|
|
20
|
+
return (index.h("button", { key: '26a03adfaace4fffed0f3c371b665f49a68dbfae', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'e40d0b911d11329ea5f07cffe1a0f60acf777dd5' })));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();
|
|
@@ -12,7 +12,7 @@ const BsCheckboxSkeleton = class {
|
|
|
12
12
|
* (unusual) default `bs-checkbox` itself uses. */
|
|
13
13
|
size = 'lg';
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("span", { key: '
|
|
15
|
+
return (index.h("span", { key: 'c2a6166646dde6d30242d16582706d0e422eb4d6', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, index.h("span", { key: 'f1be3fc565db55eac147901c8035b9b83a75911d', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: '4dcce33b22c6930795d2c1ea3bc5d0aa84f3601b', part: "label", class: "bs-checkbox-skeleton__label" })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();
|
|
@@ -61,7 +61,7 @@ const BsInlineTab = class {
|
|
|
61
61
|
};
|
|
62
62
|
render() {
|
|
63
63
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
64
|
-
return (index.h("button", { key: '
|
|
64
|
+
return (index.h("button", { key: 'f500457efe9f3397d7137a3dc647758e59d601a1', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? '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' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: '8ebede54d5ebd8a4e67a721dfc62e9c7d022fef9', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, index.h("slot", { key: '1e742bf36b7342966829aad269ce21754653fd1f', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'b457e2134cde29157add1d315835e081727dbf17', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, index.h("slot", { key: '2d50e9691930fac8b0dada3614f3a19b52e6bb8d', onSlotchange: this.onLabelSlotchange }))));
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
BsInlineTab.style = bsInlineTabCss();
|
|
@@ -308,10 +308,10 @@ const BsInput = class {
|
|
|
308
308
|
return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
|
|
309
309
|
}
|
|
310
310
|
render() {
|
|
311
|
-
return (index.h("div", { key: '
|
|
311
|
+
return (index.h("div", { key: '453a7f62d3fc7f9127ad3cdd56d1ab5eb8ec443d', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
312
312
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
313
313
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
314
|
-
index.h("label", { key: '
|
|
314
|
+
index.h("label", { key: '3c416fdcd928a9c96d902b6367ee9a5eb0680f28', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: 'a22575f1ba2bbce601b9bf65d475bdd3abd4c4b9', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
315
315
|
}
|
|
316
316
|
static get delegatesFocus() { return true; }
|
|
317
317
|
};
|
|
@@ -26,7 +26,7 @@ const BsMenuItem = class {
|
|
|
26
26
|
this.bsSelect.emit();
|
|
27
27
|
};
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("button", { key: '
|
|
29
|
+
return (index.h("button", { key: 'ea5c64d6f4e5809b323cc55aeceb306666d57693', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("span", { key: '7e3ca7fcfabfc54151608b12a49c43d9192d449d', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '49e8e51c8521b5c5bc0d341a1b915b9ed9b4274b', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'e453517c12cea42f93c8eae4f663269984dffe59', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'b268cced23bebc40560209eaab856dab51c2cd38' }))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
BsMenuItem.style = bsMenuItemCss();
|
|
@@ -9,7 +9,7 @@ const BsMenu = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: '274c9fe8ed3c71e81758bbbc04880c365a79da14', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: '0011856560d7b7e7ef0e72ef54e151e26d192eaf' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
BsMenu.style = bsMenuCss();
|
|
@@ -93,7 +93,7 @@ const BsNavigationDrawerItem = class {
|
|
|
93
93
|
// incorrectly also toggle this parent row on every child click. Both are wrapped in a
|
|
94
94
|
// `display: contents` container so render() still returns a single root node (this codebase's
|
|
95
95
|
// convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
|
|
96
|
-
return (index.h("div", { key: '
|
|
96
|
+
return (index.h("div", { key: 'f7d7b69e1823f1ff5e2b4bbf8f7a4aeb916b73ad', class: "bs-navigation-drawer-item__root" }, index.h("button", { key: '7d89692e783e4c8a6615b315cdf37184188359c4', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: 'cc056e1618ec955127d8fb0f450325ea5fd7b9da', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: 'dbb065933d53aee6915d93c70f78c86ad06e9d51', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: 'b4e3af94dde1a32befe82b0b64ce527ae7d2ecbf', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: '0a944daf8a50fc82546ebf9afd0c3b4ca4b39fc7' })), this.expandable && (index.h("span", { key: '44b2637ba4f418dc6f5d57859d3cbe8fe61ba0b2', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: '40154d9ba61a237364938d976a47db6b1f96f29f' })))), this.expandable && (index.h("span", { key: 'a206e4304fceddb3decc6643e452ac5d58b7a917', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: '4a19fbc6a63bc4bef5edf7742eed82322c87b43d', name: "children" })))));
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
99
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|
|
@@ -71,7 +71,7 @@ const BsNavigationDrawer = class {
|
|
|
71
71
|
this.bsSearchClick.emit();
|
|
72
72
|
};
|
|
73
73
|
render() {
|
|
74
|
-
return (index.h("nav", { key: '
|
|
74
|
+
return (index.h("nav", { key: '42b4c661f9ac6b903f05689a8c7f896d4df5d410', class: "bs-navigation-drawer", "aria-label": this.heading }, this.showLogo && (index.h("div", { key: 'fac62a9fbb25b30fd1a407d5b7298d2d444f72f1', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: '9c7bb05d6dffa379d8c8ca630075e02a2247a924', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '4fd5ddb608bea958d8bea97f3ecdd61d595ba673', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: 'f8f3f79635b9b15f0a165d00ba50231e53b36102', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '22a67b0c1ef6f7ab431d7727332ec216f2f92afc', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: '64e3c8e3a4ac377b6b99fe5d4444d313671555bf', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: 'be0712ef51d7e90d82e272e069a2c2dbcf5914bd', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? 'Expand' : 'Collapse', "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: '98a33e8a3e654147ca4e412b6e5e07a19645962b' })))), index.h("div", { key: '945db8cdec027c252a5ea5900e70b9d937d239e4', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '4d0e1103e23fd92a63e1b5b6d9971687bd5abb70', name: "search" })), index.h("button", { key: '06f214ba7661974b1928c75216e7359205a1b86b', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '0f57bedd8a334059279b9416e475d25bd805aca5' })), index.h("div", { key: 'c7da235d6e116318707cf6f90cbad117edd9f336', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: '0fee6305ae2c06d6068dcddc7c4aed369bca6aa3' }))));
|
|
75
75
|
}
|
|
76
76
|
static get watchers() { return {
|
|
77
77
|
"collapsed": [{
|
|
@@ -70,7 +70,7 @@ const BsPagination = class {
|
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
72
|
const pageList = this.getPageList();
|
|
73
|
-
return (index.h("nav", { key: '
|
|
73
|
+
return (index.h("nav", { key: '0672f1f0264fb21d352bcdc1400d9cc712e703d0', "aria-label": "Pagination" }, index.h("ul", { key: '525ba6927de5a4b37a258a1513ac08d0e72ecef7', part: "list", class: "bs-pagination__list" }, index.h("li", { key: 'c40905f2ccf7fa9df67cde3c106d5f176f7bda4e', part: "item", class: "bs-pagination__item" }, index.h("button", { key: 'e09624f4c9a006a69d2c4dab14c744abb347b804', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h(ChevronLeftIcon, { key: '52e2a323c484f208c2dcbd0a783241eecdb6435d' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `Go to page ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), index.h("li", { key: '01a3a6e391db347827cad882dcd762a246b2dd38', part: "item", class: "bs-pagination__item" }, index.h("button", { key: 'cf7389e94bf91d3878caefe6053aaa923d509b29', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h(ChevronRightIcon, { key: 'a77f841c472840f7d1560715e88b823ce65c8e9b' }))))));
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
function range(start, end) {
|
|
@@ -40,7 +40,7 @@ const BsRadio = class {
|
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
render() {
|
|
43
|
-
return (index.h("label", { key: '
|
|
43
|
+
return (index.h("label", { key: '6d78b0c2ec41903227ff468952ac1972a1948f61', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '0d777f016ccc089ef96c66ae36bab7bdda398e4b', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("span", { key: '7fbcc84ffad6dfb7304b7d62396ef3733c8ac30c', class: "bs-radio__hit-area" }, index.h("span", { key: 'a818b5bea42ebdd0713c92a1e70db3c27fe1bd20', class: "bs-radio__state-layer" }, index.h("span", { key: 'ac42d940f1ad3f868e940ec8507a51595829f369', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: 'b56060d980c6579b31f8f9de0cd7367b0c145955', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '287cadc837f4477c12c46e01c94799d951746ce6', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '0230d91af5c327b7a941c6e5b0459f82fda2b516' }))));
|
|
44
44
|
}
|
|
45
45
|
static get delegatesFocus() { return true; }
|
|
46
46
|
};
|
|
@@ -26,8 +26,8 @@ const BsSourceLink = class {
|
|
|
26
26
|
};
|
|
27
27
|
render() {
|
|
28
28
|
const inner = [
|
|
29
|
-
index.h("span", { key: '
|
|
30
|
-
index.h("span", { key: '
|
|
29
|
+
index.h("span", { key: '753542a7656a7794bc572c25530f0a5eb1669d90', class: "bs-source-link__left" }, index.h("span", { key: 'fd80592c0236828d9a42c5e38136f8ef0534cb4c', class: "bs-source-link__filename-row" }, index.h("span", { key: '94343cc0f4defb5db6398758ae415dbf15b78496', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '3c07138dd24d92ee705185fa911aea7afff12a80', name: "icon" }, index.h(FileTextIcon, { key: 'ec9732d23d30f5b6a2300a25195369bd5f48db28' }))), index.h("p", { key: 'a74356f5ccc3afb88900b726432f3205d8a10fc5', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: '682fcd2ecc83004dc0f59f93c3cf7b60dd9c6399', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '6dc9967534fb2cf0d23f50a00e837d2979438af2', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '3e8679e0495224b3e178ec963da886c520880e74', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '9ccb6b36baebadb43531c58a1668838d3073fc05', part: "version", class: "bs-source-link__version" }, this.version)))),
|
|
30
|
+
index.h("span", { key: '0dd405de92bbda04ddf6aeb137cc2bfa4687bcb9', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '4b07b527923871b6ece0a48800a1bf30812c53df' })),
|
|
31
31
|
];
|
|
32
32
|
return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
|
|
33
33
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DHVw-IPK.js');
|
|
4
|
+
|
|
5
|
+
const bsStepperStepCss = () => `:host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-left:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-left:var(--bs-stepper-step-gap);text-align:left}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}`;
|
|
6
|
+
|
|
7
|
+
const BsStepperStep = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
/** This step's name/title. */
|
|
12
|
+
name = '';
|
|
13
|
+
/** Optional supporting text below the name. Only rendered when `showDescription` (propagated
|
|
14
|
+
* from the parent `<bs-stepper>`) is also true. */
|
|
15
|
+
description;
|
|
16
|
+
/** Shows the error treatment for this step, regardless of its `computedState`. */
|
|
17
|
+
error = false;
|
|
18
|
+
/** Shows the disabled treatment for this step, regardless of its `computedState`. Takes priority
|
|
19
|
+
* over `error` if both are somehow set. */
|
|
20
|
+
disabled = false;
|
|
21
|
+
/** Set automatically by the parent `<bs-stepper>` from this step's position relative to its
|
|
22
|
+
* `currentStep` -- see the class doc above. Can be set directly for a standalone step. */
|
|
23
|
+
computedState = 'enabled';
|
|
24
|
+
/** Set automatically by the parent `<bs-stepper>`, propagated to every slotted step. */
|
|
25
|
+
direction = 'horizontal';
|
|
26
|
+
/** Set automatically by the parent `<bs-stepper>`, propagated to every slotted step. */
|
|
27
|
+
showDescription = true;
|
|
28
|
+
get state() {
|
|
29
|
+
if (this.disabled)
|
|
30
|
+
return 'disabled';
|
|
31
|
+
if (this.error)
|
|
32
|
+
return 'error';
|
|
33
|
+
return this.computedState;
|
|
34
|
+
}
|
|
35
|
+
render() {
|
|
36
|
+
const state = this.state;
|
|
37
|
+
return (index.h(index.Host, { key: '434e05ca150a24b2c9d5e3017198b1c5938460ba', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: 'b9c924f3f834a6c4bb45f6f2b5a655c48f5439fb', class: "bs-stepper-step__top" }, index.h("span", { key: '89b61162775733afef65c862e60b66e3eb732382', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '7633c0612a65bbbc48fee9da55be642c22e8cc8f', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '608682cbba1ad1f3bff467b1139cbd76d703ac2f' }), state === 'error' && index.h(ExclamationIcon, { key: '51123ab8c6a73faad6905c52065af8b59325a819' })), index.h("span", { key: '93d157b4df08963ab5febcf0cf855575cc1ed53f', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '1af364efa632e94cf6e51a3e95f94b82dd1a51fd', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: '3fb8c121d7180d82000ce516955e2597a43cefff', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '07c716576b437a6e936be7746fa5db130bdf5e70', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '8240af6eca62f42101c3101e653d6e4b3c1470da', part: "description", class: "bs-stepper-step__description" }, this.description)))));
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
41
|
+
const ExclamationIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8 3V9.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("circle", { cx: "8", cy: "12.5", r: "1", fill: "currentColor" })));
|
|
42
|
+
BsStepperStep.style = bsStepperStepCss();
|
|
43
|
+
|
|
44
|
+
exports.bs_stepper_step = BsStepperStep;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DHVw-IPK.js');
|
|
4
|
+
|
|
5
|
+
const bsStepperCss = () => `:host{display:flex;width:100%;--bs-stepper-edge-padding:var(--bs-spacing-800)}:host([direction='vertical']){flex-direction:column}:host(:not([direction='vertical'])){flex-direction:row;align-items:flex-start;padding:0 var(--bs-stepper-edge-padding)}`;
|
|
6
|
+
|
|
7
|
+
const BsStepper = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
get el() { return index.getElement(this); }
|
|
12
|
+
/** 0-indexed: which step is current. Every step before this index reads as "done" (unless that
|
|
13
|
+
* step's own `error`/`disabled` overrides it), every step after reads as "enabled". */
|
|
14
|
+
currentStep = 0;
|
|
15
|
+
/** `horizontal` (icon above name/description, connected by a horizontal rail) or `vertical`
|
|
16
|
+
* (icon beside name/description, connected by a vertical rail). Propagated to every slotted
|
|
17
|
+
* `bs-stepper-step`, and reflected as an attribute so this container's own `:host` CSS can switch
|
|
18
|
+
* its `flex-direction` to match -- a bare `<slot>` with no wrapping element (see `render()`)
|
|
19
|
+
* means the slotted steps' flex-row/column layout comes directly from `:host` here, not from any
|
|
20
|
+
* wrapper div. */
|
|
21
|
+
direction = 'horizontal';
|
|
22
|
+
/** Whether each step's description renders at all. Propagated to every slotted
|
|
23
|
+
* `bs-stepper-step`. */
|
|
24
|
+
showDescription = true;
|
|
25
|
+
onPropChange() {
|
|
26
|
+
this.propagateToSteps();
|
|
27
|
+
}
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
this.propagateToSteps();
|
|
30
|
+
}
|
|
31
|
+
onSlotChange = () => {
|
|
32
|
+
this.propagateToSteps();
|
|
33
|
+
};
|
|
34
|
+
propagateToSteps() {
|
|
35
|
+
const steps = this.el.querySelectorAll(':scope > bs-stepper-step');
|
|
36
|
+
steps.forEach((step, index) => {
|
|
37
|
+
const computedState = index < this.currentStep ? 'done' : index === this.currentStep ? 'current' : 'enabled';
|
|
38
|
+
Object.assign(step, {
|
|
39
|
+
computedState,
|
|
40
|
+
direction: this.direction,
|
|
41
|
+
showDescription: this.showDescription,
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
return index.h("slot", { key: 'aed14a6d1d81b19d7d53fe9a536b2eb4912a2108', onSlotchange: this.onSlotChange });
|
|
47
|
+
}
|
|
48
|
+
static get watchers() { return {
|
|
49
|
+
"currentStep": [{
|
|
50
|
+
"onPropChange": 0
|
|
51
|
+
}],
|
|
52
|
+
"direction": [{
|
|
53
|
+
"onPropChange": 0
|
|
54
|
+
}],
|
|
55
|
+
"showDescription": [{
|
|
56
|
+
"onPropChange": 0
|
|
57
|
+
}]
|
|
58
|
+
}; }
|
|
59
|
+
};
|
|
60
|
+
BsStepper.style = bsStepperCss();
|
|
61
|
+
|
|
62
|
+
exports.bs_stepper = BsStepper;
|
|
@@ -48,7 +48,7 @@ const BsSwitch = class {
|
|
|
48
48
|
const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
|
|
49
49
|
.filter(Boolean)
|
|
50
50
|
.join(' ');
|
|
51
|
-
return (index.h("label", { key: '
|
|
51
|
+
return (index.h("label", { key: '166f681e2f776beda7d084c59437f1fff09a4ca8', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '15a147b4c9ce829ffd1a233331eb0dc177d95f87', 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 }), index.h("span", { key: '97e17ef669469c8b0751c2c950fcf9b17a12cb77', part: "track", class: trackClasses }, index.h("span", { key: '218b41fc9943769b41a8959d7715740dc3a14f4e', part: "knob", class: knobClasses })), index.h("span", { key: 'd967c820aeb62b522726ad7aff0aeb96ff59276f', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '507e82bc8eb6389c79cc27cd8ae98b583ec6bc1c' }))));
|
|
52
52
|
}
|
|
53
53
|
static get delegatesFocus() { return true; }
|
|
54
54
|
};
|
|
@@ -72,7 +72,7 @@ const BsTab = class {
|
|
|
72
72
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
73
73
|
const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
|
|
74
74
|
const showBadge = this.hasBadge && !iconOnly && !vertical;
|
|
75
|
-
return (index.h("button", { key: '
|
|
75
|
+
return (index.h("button", { key: '9459bb70d5a9d6152f8339505c9b2bdeac846040', 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, onClick: this.onClick }, index.h("span", { key: '270fc529b567e7acf1cd087d11ca1486a4f57398', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '679bbd689b8381b57e44ce12ecd7a0fc13bcdb28', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '48cc55b855d58ebefcb1aeed92e8d23c5245778a', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'f35e484c8d52507b81f96cad42f169a388f15a4d', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '637e767ef63781c97675bd296f45778025bd23bb', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: '66bd5e481528d69d5f6a15641bdd8f911ea7b2aa', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '5ecc8124efb448f67bc470bd2473e3e988619fbf', part: "indicator", class: "bs-tab__indicator" })));
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
BsTab.style = bsTabCss();
|
|
@@ -31,7 +31,7 @@ const BsTabs = class {
|
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
const vertical = this.orientation === 'vertical';
|
|
34
|
-
return (index.h("div", { key: '
|
|
34
|
+
return (index.h("div", { key: '0b871aaeed20b903217a2c458df5d507f4fed4e0', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '0d8f3a81a14b1225f4c1d1ef2c241b16b39122ad' })));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
BsTabs.style = bsTabsCss();
|
|
@@ -16,7 +16,7 @@ const BsTooltip = class {
|
|
|
16
16
|
*/
|
|
17
17
|
placement = 'top';
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: '85557db8e543c53d4fe18cdcd1a83249bd3ecfe5', class: "bs-tooltip" }, index.h("span", { key: '1ff57d8ef7b6e2e9314111efd2da1457baeb3815', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '9bb7cb09a1c3631b5bff6a08c28d549a6cadb408', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '75a4b424d1e8cac1caec42ec12ff1ba4ac1f72e2' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BsTooltip.style = bsTooltipCss();
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-DHVw-IPK.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy([["bs-input.cjs",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer.cjs",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header.cjs",[[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-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-inline-tab.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination.cjs",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-snackbar.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]]], options);
|
|
8
|
+
return index.bootstrapLazy([["bs-input.cjs",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-attachment.cjs",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow.cjs",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog.cjs",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer.cjs",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header.cjs",[[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-ai-disclaimer.cjs",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting.cjs",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking.cjs",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list.cjs",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar.cjs",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb.cjs",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs.cjs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback.cjs",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer.cjs",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox.cjs",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton.cjs",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner.cjs",[[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"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-inline-tab.cjs",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item.cjs",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination.cjs",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-radio.cjs",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider.cjs",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-snackbar.cjs",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-source-link.cjs",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper.cjs",[[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.cjs",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch.cjs",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab.cjs",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs.cjs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip.cjs",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-icon-button.cjs",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-logo.cjs",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu.cjs",[[257,"bs-menu"]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js",
|
|
18
18
|
"components/bs-slider/bs-slider.js",
|
|
19
19
|
"components/bs-snackbar/bs-snackbar.js",
|
|
20
|
+
"components/bs-stepper/bs-stepper-step/bs-stepper-step.js",
|
|
20
21
|
"components/bs-switch/bs-switch.js",
|
|
21
22
|
"components/bs-tab/bs-tab/bs-tab.js",
|
|
22
23
|
"components/bs-tab/bs-tabs/bs-tabs.js",
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
"components/bs-pagination/bs-pagination.js",
|
|
39
40
|
"components/bs-radio/bs-radio.js",
|
|
40
41
|
"components/bs-source-link/bs-source-link.js",
|
|
42
|
+
"components/bs-stepper/bs-stepper/bs-stepper.js",
|
|
41
43
|
"components/bs-tab/bs-inline-tab/bs-inline-tab.js",
|
|
42
44
|
"components/bs-tooltip/bs-tooltip.js",
|
|
43
45
|
"components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js",
|
|
@@ -25,7 +25,7 @@ import { h } from "@stencil/core";
|
|
|
25
25
|
export class BsAiDisclaimer {
|
|
26
26
|
render() {
|
|
27
27
|
https: //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: 'c44bbc0272293950aa599fc8545b4eb57692d63a', class: "bs-ai-disclaimer" }, h("p", { key: 'c63f21077091a0a5ada41f5f6f4c847f0ea9547f', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'b353844cd1f8303b6999651eb8cffd5422dbf42a' }))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "bs-ai-disclaimer"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -43,7 +43,7 @@ export class BsAiGreeting {
|
|
|
43
43
|
const subtext = this.productName
|
|
44
44
|
? `How can I help you with ${this.productName} today?`
|
|
45
45
|
: 'How can I help you today?';
|
|
46
|
-
return (h("div", { key: '
|
|
46
|
+
return (h("div", { key: '69e08b8582aff3735a05a0540845a99b908e88a0', class: "bs-ai-greeting" }, h("div", { key: '3903ca9e8520048698d0b448f3d9f84837b70036', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: 'b9897bb43a135cd3838b831ffdde5c5d339b12c1', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: 'ed0635b8e54bc608996fcdf9c062d496f5db8697', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: '5a25b1df421d47fa3262ced0a21b7c6c5bfbd5fb', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
|
|
47
47
|
}
|
|
48
48
|
static get is() { return "bs-ai-greeting"; }
|
|
49
49
|
static get encapsulation() { return "shadow"; }
|
|
@@ -29,7 +29,7 @@ export class BsAiThinking {
|
|
|
29
29
|
/** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
|
|
30
30
|
label = 'Thinking';
|
|
31
31
|
render() {
|
|
32
|
-
return (h("div", { key: '
|
|
32
|
+
return (h("div", { key: 'a0f235776315bfc8521ef1585c1d4d552a52e425', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: '1f722638f0df798dfcd12ca11d8110368a2ba589', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: 'a7cadb1e9ab1adbe54c91f6910389f57937a60dd', part: "label", class: "bs-ai-thinking__label" }, this.label)));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "bs-ai-thinking"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ export class BsAttachmentList {
|
|
|
58
58
|
this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
|
|
59
59
|
};
|
|
60
60
|
render() {
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: '8e24231c75ec3763cfa58b396122d3bd8f763c40', class: "bs-attachment-list" }, h("div", { key: '0e4fa8d3f36ba1f5fd0e44645bc2fd8ae2e489c5', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '811b7bed71e1a4222ff5cc147f72e53ebb86ad6b', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'e1e494aef40e8c3d19bd690af3a2ceb10889a1c6', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "bs-attachment-list"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -54,7 +54,7 @@ export class BsBreadcrumbs {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h("nav", { key: '
|
|
57
|
+
return (h("nav", { key: 'bbe4f667e651ac339bec4e231bb001b745ae9aa3', "aria-label": this.label }, h("ol", { key: 'f62635e3dc908c10e8610f5baef42d5499d69002', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '6914c7f742a435f32eecf65fc767ff2b6f645b10', onSlotchange: this.onSlotChange }))));
|
|
58
58
|
}
|
|
59
59
|
static get is() { return "bs-breadcrumbs"; }
|
|
60
60
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class BsButtonSkeleton {
|
|
|
25
25
|
/** Sizing scale, matching the `bs-button` size it stands in for. */
|
|
26
26
|
size = 'md';
|
|
27
27
|
render() {
|
|
28
|
-
return h("span", { key: '
|
|
28
|
+
return h("span", { key: '4643d43484ba7150e4bb1b6595eb6afe37277d28', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "bs-button-skeleton"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -123,7 +123,7 @@ export class BsChatbotFeedback {
|
|
|
123
123
|
}
|
|
124
124
|
render() {
|
|
125
125
|
const stars = [1, 2, 3, 4, 5];
|
|
126
|
-
return (h("div", { key: '
|
|
126
|
+
return (h("div", { key: '0b8ab60623060df54d86c8ff8e74420ec67f7624', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '1d0ac3c5e73dfda9643bb26f443fe335396085a1', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '0df4513da8ba214a2305f8e1cc69dd6fb2b1ebb8' })), h("div", { key: '87a3a0a30b86d0012185c2a415735aeef909027d', class: "bs-chatbot-feedback__top" }, h("div", { key: '79e9fd626f6a492a2f33108468e3591daef44af1', class: "bs-chatbot-feedback__text" }, h("p", { key: 'c263ab79f00b5d6ae075d65ccf4000894bcaf4e6', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'fdfaecaba5bc66e8d42c98fb01ee6ee1cb854c25', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '026942be351e900cc3edb53c43f2c22910738659', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: 'a3aef9bf37275ef5121fc17e666fe3bc0bd08cc1', class: "bs-chatbot-feedback__field" }, h("label", { key: 'df3867b4a6799215fb1c95df2d531c174d1099b9', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: '9b8213e3300cdd848a7a315cf08cebc098200085', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: 'e103acfb691fb7b1966abcc9139b5f549c13e19c', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '48aee021f29dd907ba9d7ee1c8edaa9ce9a14fab', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'bb9178271b30e9ecb7f8456d7c6eea66f54541b5', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '49250a1d36790fa99cd8fc1ab8af7556a6b61aff' }), "Submit feedback")), h("button", { key: '639cbe7d23344cc7dcfb9348b34161dfa73fde86', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '76d6ee82bf8120dea1bb402a74993174194ebe8c' }), "Start new chat"))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "bs-chatbot-feedback"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|