@brandsync/wc 1.11.0 → 1.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +163 -0
- package/custom-elements.json +9 -13
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-22f8201a.entry.js +1 -0
- package/dist/brandsync-wc/{p-afb07368.entry.js → p-452f9c1c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5f27f04d.entry.js → p-83c90489.entry.js} +1 -1
- package/dist/brandsync-wc/{p-061ddc46.entry.js → p-b8d2ce91.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +5 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-composer.cjs.entry.js +1 -1
- package/dist/cjs/bs-input_3.cjs.entry.js +5 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/bs-attachment/bs-attachment.stories.js +4 -3
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +6 -3
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js +2 -2
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.css +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-composer/bs-composer.css +4 -2
- package/dist/collection/components/bs-input/bs-input.cmp.test.js +2 -2
- package/dist/collection/components/bs-input/bs-input.css +6 -21
- package/dist/collection/components/bs-input/bs-input.js +8 -4
- package/dist/collection/components/bs-input/bs-input.stories.js +7 -23
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/p-BGW5q5LZ.js +1 -0
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-breadcrumb.entry.js +5 -2
- package/dist/esm/bs-chatbot-header.entry.js +2 -2
- package/dist/esm/bs-composer.entry.js +1 -1
- package/dist/esm/bs-input_3.entry.js +5 -4
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-attachment/bs-attachment.stories.d.ts +1 -1
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.d.ts +4 -1
- package/dist/types/components/bs-input/bs-input.d.ts +4 -1
- package/dist/types/components.d.ts +6 -2
- package/package.json +3 -2
- package/dist/brandsync-wc/p-c0a92750.entry.js +0 -1
- package/dist/components/p-B_I4UEMp.js +0 -1
|
@@ -89,7 +89,7 @@ const GENIE_LOGO_SVG = `<svg width="99" height="35" viewBox="0 0 99 35" fill="no
|
|
|
89
89
|
</defs>
|
|
90
90
|
</svg>`;
|
|
91
91
|
|
|
92
|
-
const bsChatbotHeaderCss = () => `:host{display:block;--bs-chatbot-header-bg:var(--bs-surface-base);--bs-chatbot-header-border:var(--bs-border-default);--bs-chatbot-header-padding-top:var(--bs-spacing-200);--bs-chatbot-header-padding-bottom:var(--bs-spacing-100);--bs-chatbot-header-padding-x:var(--bs-
|
|
92
|
+
const bsChatbotHeaderCss = () => `:host{display:block;--bs-chatbot-header-bg:var(--bs-surface-base);--bs-chatbot-header-border:var(--bs-border-default);--bs-chatbot-header-padding-top:var(--bs-spacing-200);--bs-chatbot-header-padding-bottom:var(--bs-spacing-100);--bs-chatbot-header-padding-x:var(--bs-spacing-200);--bs-chatbot-header-gap:var(--bs-navigation-header-gap);--bs-chatbot-header-actions-gap:var(--bs-spacing-100);--bs-chatbot-header-button-size:var(--bs-spacing-600);--bs-chatbot-header-button-radius:var(--bs-border-radius-100);--bs-chatbot-header-button-hover:var(--bs-color-neutral-container);--bs-chatbot-header-button-pressed:var(--bs-color-neutral-container-pressed);--bs-chatbot-header-icon:var(--bs-icon-default)}.bs-chatbot-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--bs-chatbot-header-gap);background:var(--bs-chatbot-header-bg);border-bottom:1px solid var(--bs-chatbot-header-border);padding:var(--bs-chatbot-header-padding-top) var(--bs-chatbot-header-padding-x) var(--bs-chatbot-header-padding-bottom);font-family:inherit}.bs-chatbot-header__logo{display:block;width:99px;height:35px;flex-shrink:0}.bs-chatbot-header__logo svg{display:block;width:100%;height:100%}.bs-chatbot-header__actions{display:flex;align-items:center;gap:var(--bs-chatbot-header-actions-gap);flex-shrink:0}.bs-chatbot-header__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;background:transparent;color:var(--bs-chatbot-header-icon);font-family:inherit;border-radius:var(--bs-chatbot-header-button-radius);width:var(--bs-chatbot-header-button-size);height:var(--bs-chatbot-header-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-header__button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-chatbot-header__button svg{width:24px;height:24px}.bs-chatbot-header__button:hover{background:var(--bs-chatbot-header-button-hover)}.bs-chatbot-header__button:active{background:var(--bs-chatbot-header-button-pressed)}.bs-chatbot-header__tooltip-wrapper{position:relative;display:inline-flex}.bs-chatbot-header__tooltip{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:var(--bs-spacing-100);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--bs-duration-fast) var(--bs-easing-standard);transition-delay:0s;white-space:nowrap;z-index:1}.bs-chatbot-header__tooltip-wrapper:hover .bs-chatbot-header__tooltip,.bs-chatbot-header__tooltip-wrapper:focus-within .bs-chatbot-header__tooltip{opacity:1;visibility:visible;transition-delay:var(--bs-duration-slow)}`;
|
|
93
93
|
|
|
94
94
|
const BsChatbotHeader = class {
|
|
95
95
|
constructor(hostRef) {
|
|
@@ -132,7 +132,7 @@ const BsChatbotHeader = class {
|
|
|
132
132
|
this.bsClose.emit();
|
|
133
133
|
};
|
|
134
134
|
render() {
|
|
135
|
-
return (index.h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, index.h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, index.h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, index.h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), index.h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), index.h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, index.h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, index.h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), index.h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), index.h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '
|
|
135
|
+
return (index.h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, index.h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, index.h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, index.h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), index.h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), index.h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, index.h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, index.h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), index.h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), index.h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '26cb1a7436d213b1ce003f33abe419d8fab0deb9', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Exit fullscreen' : 'Fullscreen', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: 'e36dca1a33834d5f6a4f3a9434535b280de26e52', name: "expand-icon" }, index.h(ExpandIcon, { key: 'e045048d9044b29b2de00b529e5aa2d634c41520' }))), index.h("bs-tooltip", { key: '9e7911c8544776e6939b7e704a2206d95ff69126', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Exit fullscreen' : 'Fullscreen')), index.h("span", { key: '6d23ab86e5b21dbb44d7f21443d19f1a6b2b2727', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'a9d5765cf1db4f1278f922acbb54a41ad7477a10', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, index.h("slot", { key: '3570a4fadc9e52bc4b9db393f9351ae2dcb4c877', name: "close-icon" }, index.h(CloseIcon, { key: 'ca1ee8c7733e74db4b464e7e1af4addec847c950' }))), index.h("bs-tooltip", { key: '6fbdd96e577b485f7268501c2cfd3805dc3acefc', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
const NewChatIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 15H9V12L18 3L21 6L12 15Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M15.75 5.25L18.75 8.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M20.25 12V19.5C20.25 19.6989 20.171 19.8897 20.0303 20.0303C19.8897 20.171 19.6989 20.25 19.5 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V4.5C3.75 4.30109 3.82902 4.11032 3.96967 3.96967C4.11032 3.82902 4.30109 3.75 4.5 3.75H12", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-tFJjflK5.js');
|
|
4
4
|
|
|
5
|
-
const bsComposerCss = () => `:host{display:block;--bs-composer-radius:var(--bs-border-radius-150);--bs-composer-button-radius:var(--bs-border-radius-100);--bs-composer-button-size:var(--bs-spacing-
|
|
5
|
+
const bsComposerCss = () => `:host{display:block;--bs-composer-radius:var(--bs-border-radius-150);--bs-composer-button-radius:var(--bs-border-radius-100);--bs-composer-button-size:var(--bs-spacing-550);--bs-composer-bg:var(--bs-input-bg-default);--bs-composer-border:var(--bs-input-border-default);--bs-composer-border-focus:var(--bs-input-border-focus);--bs-composer-border-human:var(--bs-border-neutral-hover);--bs-composer-action-bg:var(--bs-color-primary-default);--bs-composer-action-bg-hover:var(--bs-color-primary-hover);--bs-composer-action-bg-pressed:var(--bs-color-primary-pressed);--bs-composer-action-bg-disabled:var(--bs-surface-action-disabled);--bs-composer-action-icon:var(--bs-text-on-action);--bs-composer-action-icon-disabled:var(--bs-text-on-disabled);--bs-composer-attach-icon:var(--bs-icon-default);--bs-composer-mic-icon:var(--bs-icon-default);--bs-composer-mic-icon-disabled:var(--bs-icon-disabled);--bs-composer-mic-recording-icon:var(--bs-icon-default);--bs-composer-subtle-hover:var(--bs-color-neutral-container);--bs-composer-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-composer-waveform-color:var(--bs-border-default);--bs-composer-input-max-lines:10}.bs-composer{box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--bs-composer-border);border-radius:var(--bs-composer-radius);background:var(--bs-composer-bg);font-family:inherit}.bs-composer--human{border-style:dashed;border-color:var(--bs-composer-border-human)}.bs-composer:focus-within{border-color:var(--bs-composer-border-focus)}.bs-composer__attachments-row{display:none}.bs-composer__attachments-row--visible{display:block}.bs-composer__text-row{display:flex;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-composer__input{flex:1;min-width:0;box-sizing:border-box;padding:0;border:none;outline:none;resize:none;background:transparent;color:var(--bs-input-text);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);max-height:calc(var(--bs-composer-input-max-lines) * var(--bs-line-height-body-md) * 1px);overflow-y:auto}.bs-composer__input::placeholder{color:var(--bs-input-placeholder)}.bs-composer__input:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-composer__waveform{display:inline-flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:3px;overflow:hidden}.bs-composer__waveform-bar{display:inline-block;flex-shrink:0;width:2.5px;border-radius:1.5px;background:var(--bs-composer-waveform-color);height:var(--bs-composer-bar-height, 6px)}.bs-composer__controls-row{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150)}.bs-composer__spacer{flex:1}.bs-composer__attach,.bs-composer__mic,.bs-composer__action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;font-family:inherit;border-radius:var(--bs-composer-button-radius);width:var(--bs-composer-button-size);height:var(--bs-composer-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-composer__attach:focus-visible,.bs-composer__mic:focus-visible,.bs-composer__action:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-composer__attach svg,.bs-composer__mic svg,.bs-composer__action svg{width:24px;height:24px}.bs-composer__attach,.bs-composer__mic{background:transparent}.bs-composer__attach:hover:not(:disabled),.bs-composer__mic:hover:not(:disabled){background:var(--bs-composer-subtle-hover)}.bs-composer__attach:active:not(:disabled),.bs-composer__mic:active:not(:disabled){background:var(--bs-composer-subtle-pressed)}.bs-composer__attach{color:var(--bs-composer-attach-icon)}.bs-composer__mic{color:var(--bs-composer-mic-icon)}.bs-composer__mic--recording{color:var(--bs-composer-mic-recording-icon)}.bs-composer__mic:disabled{color:var(--bs-composer-mic-icon-disabled);cursor:not-allowed}.bs-composer__action{background:var(--bs-composer-action-bg);color:var(--bs-composer-action-icon)}.bs-composer__action:hover:not(:disabled){background:var(--bs-composer-action-bg-hover)}.bs-composer__action:active:not(:disabled){background:var(--bs-composer-action-bg-pressed)}.bs-composer__action:disabled{background:var(--bs-composer-action-bg-disabled);color:var(--bs-composer-action-icon-disabled);cursor:not-allowed}`;
|
|
6
6
|
|
|
7
7
|
const DEFAULT_PLACEHOLDERS = {
|
|
8
8
|
ai: 'Ask Genie something...',
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-tFJjflK5.js');
|
|
4
4
|
|
|
5
|
-
const bsInputCss = () => `:host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-
|
|
5
|
+
const bsInputCss = () => `:host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-550);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-label-font-size:var(--bs-font-size-sm);--bs-input-label-font-weight:var(--bs-font-weight-medium);--bs-input-label-line-height:normal;--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-input-label-font-size);font-weight:var(--bs-input-label-font-weight);line-height:var(--bs-input-label-line-height);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-inline-start:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;inset-inline-end:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-150)}.bs-input__chip-remove{--bs-icon-button-size-xs:20px;--bs-icon-button-icon-size-xs:12px;margin-inline-end:calc(var(--bs-spacing-50) * -1)}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
|
|
6
6
|
|
|
7
7
|
const BsInput = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -300,7 +300,7 @@ const BsInput = class {
|
|
|
300
300
|
return (index.h("textarea", { id: "control", part: "control", class: "bs-input__control bs-input__control--textarea", rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
|
|
301
301
|
}
|
|
302
302
|
renderChipControl() {
|
|
303
|
-
return (index.h("div", { class: "bs-input__chips" }, this.chips.map(chip => (index.h("
|
|
303
|
+
return (index.h("div", { class: "bs-input__chips" }, this.chips.map(chip => (index.h("bs-chip-informative", { part: "chip", class: "bs-input__chip", size: "sm", disabled: this.disabled }, chip, index.h("bs-icon-button", { part: "chip-remove", class: "bs-input__chip-remove", variant: "subtle", size: "xs", ariaLabel: `Remove ${chip}`, disabled: this.disabled, onClick: this.onChipRemove(chip) }, index.h(ChipRemoveIcon, null))))), index.h("input", { id: "control", part: "control", class: "bs-input__control bs-input__chip-input", type: "text", value: this.chipDraft, placeholder: this.placeholder, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onChipDraftInput, onKeyDown: this.onChipDraftKeydown })));
|
|
304
304
|
}
|
|
305
305
|
// type="initials" renders two genuinely separate bordered boxes side by side (each with its own
|
|
306
306
|
// border/radius/background, a small gap between them), not one shared field wrapper -- Figma
|
|
@@ -360,10 +360,10 @@ const BsInput = class {
|
|
|
360
360
|
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) })))));
|
|
361
361
|
}
|
|
362
362
|
render() {
|
|
363
|
-
return (index.h("div", { key: '
|
|
363
|
+
return (index.h("div", { key: '6921873fb72be6f26a2389697f6b2f816d8011a9', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
364
364
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
365
365
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
366
|
-
index.h("label", { key: '
|
|
366
|
+
index.h("label", { key: '64ec1ba4a6c8c87db6b45dfd38731adbdfd5d6a8', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '5176edfc672132f1c6aaec978002851ff27179a0', 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));
|
|
367
367
|
}
|
|
368
368
|
static get delegatesFocus() { return true; }
|
|
369
369
|
static get formAssociated() { return true; }
|
|
@@ -382,6 +382,7 @@ const BsInput = class {
|
|
|
382
382
|
}]
|
|
383
383
|
}; }
|
|
384
384
|
};
|
|
385
|
+
const ChipRemoveIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M18.75 5.25L5.25 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M18.75 18.75L5.25 5.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
385
386
|
BsInput.style = bsInputCss();
|
|
386
387
|
|
|
387
388
|
const bsMenuCss = () => `:host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}`;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-tFJjflK5.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(JSON.parse("[[\"bs-session-timeout.cjs\",[[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-cookie-consent.cjs\",[[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.cjs\",[[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-onboarding-checklist.cjs\",[[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-timepicker.cjs\",[[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\"],\"hourLabel\":[1,\"hour-label\"],\"minuteLabel\":[1,\"minute-label\"],\"periodLabel\":[1,\"period-label\"],\"hour\":[32],\"minute\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"name\":[{\"onNameChange\":0}]}]]],[\"bs-qr-code.cjs\",[[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-datepicker.cjs\",[[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-product-tour.cjs\",[[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.cjs\",[[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.cjs\",[[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-file-upload-item.cjs\",[[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.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-file-upload.cjs\",[[769,\"bs-file-upload\",{\"direction\":[513],\"heading\":[1],\"description\":[1],\"buttonLabel\":[1,\"button-label\"],\"accept\":[1],\"multiple\":[4],\"disabled\":[516],\"dragging\":[1540]}]]],[\"bs-navigation-drawer.cjs\",[[769,\"bs-navigation-drawer\",{\"heading\":[1],\"collapsible\":[4],\"collapsed\":[1540],\"logoBackground\":[1,\"logo-background\"],\"showLogo\":[4,\"show-logo\"],\"open\":[1540],\"mobile\":[32]},[[4,\"keydown\",\"onDocumentKeydown\"],[4,\"focusin\",\"onDocumentFocusIn\"]],{\"collapsed\":[{\"onCollapsedChange\":0}],\"mobile\":[{\"onMobileChange\":0}],\"open\":[{\"onOpenChange\":0}]}]]],[\"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-accordion.cjs\",[[769,\"bs-accordion\",{\"expanded\":[516],\"size\":[1],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showPreview\":[4,\"show-preview\"]}]]],[\"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-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-skeleton.cjs\",[[513,\"bs-button-skeleton\",{\"size\":[1]}]]],[\"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\",[[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.cjs\",[[513,\"bs-checkbox-skeleton\",{\"size\":[1]}]]],[\"bs-chip-filter.cjs\",[[785,\"bs-chip-filter\",{\"size\":[1],\"selected\":[516],\"dropdown\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32]}]]],[\"bs-chip-input.cjs\",[[785,\"bs-chip-input\",{\"size\":[1],\"selected\":[1540],\"disabled\":[516],\"hasIcon\":[32],\"labelText\":[32]}]]],[\"bs-composer.cjs\",[[785,\"bs-composer\",{\"variant\":[1],\"placeholder\":[1],\"value\":[1025],\"state\":[513],\"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],\"clearSelection\":[64]}]]],[\"bs-inline-tab.cjs\",[[769,\"bs-inline-tab\",{\"selected\":[516],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"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-radio.cjs\",[[849,\"bs-radio\",{\"name\":[513],\"value\":[1],\"checked\":[1540],\"disabled\":[516],\"groupHasChecked\":[32]},[[4,\"bsChange\",\"onAnyRadioChange\"]],{\"checked\":[{\"onCheckedChange\":0}],\"value\":[{\"onCheckedChange\":0}]}]]],[\"bs-slider.cjs\",[[593,\"bs-slider\",{\"type\":[1],\"name\":[513],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[1026],\"valueStart\":[1026,\"value-start\"],\"valueEnd\":[1026,\"value-end\"],\"segments\":[2],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"value\":[{\"syncFormValue\":0}],\"valueStart\":[{\"syncFormValue\":0}],\"valueEnd\":[{\"syncFormValue\":0}],\"type\":[{\"syncFormValue\":0}]}]]],[\"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-toast.cjs\",[[769,\"bs-toast\",{\"state\":[1]}]]],[\"bs-snackbar.cjs\",[[769,\"bs-snackbar\",{\"variant\":[1],\"loading\":[4],\"actionLabel\":[1,\"action-label\"],\"actionVariant\":[1,\"action-variant\"],\"hideClose\":[4,\"hide-close\"]}]]],[\"bs-avatar.cjs\",[[513,\"bs-avatar\",{\"type\":[1],\"size\":[1],\"initials\":[1],\"src\":[1],\"alt\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[516]}]]],[\"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-tooltip.cjs\",[[769,\"bs-tooltip\",{\"placement\":[1]}]]],[\"bs-logo.cjs\",[[513,\"bs-logo\",{\"variant\":[1],\"background\":[1],\"src\":[1],\"alt\":[1]}]]],[\"bs-progress.cjs\",[[513,\"bs-progress\",{\"type\":[1],\"size\":[1],\"strokeWidth\":[2,\"stroke-width\"],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-switch.cjs\",[[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-progress-linear.cjs\",[[769,\"bs-progress-linear\",{\"type\":[1],\"size\":[1],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"],\"hasLabelContent\":[32]}]]],[\"bs-chip-informative.cjs\",[[769,\"bs-chip-informative\",{\"color\":[1],\"size\":[1],\"disabled\":[516],\"hasIcon\":[32]}]]],[\"bs-icon-tile.cjs\",[[769,\"bs-icon-tile\",{\"size\":[513],\"intent\":[513],\"label\":[1],\"hasCustomIcon\":[32],\"hasText\":[32]}]]],[\"bs-card.cjs\",[[769,\"bs-card\",{\"surface\":[513],\"hasImage\":[32]}]]],[\"bs-icon-button.cjs\",[[849,\"bs-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-button.cjs\",[[849,\"bs-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32],\"hasEndIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-tab_3.cjs\",[[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-input_3.cjs\",[[849,\"bs-input\",{\"name\":[513],\"value\":[1025],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"description\":[1],\"error\":[1],\"disabled\":[516],\"required\":[4],\"step\":[2],\"min\":[2],\"max\":[2],\"options\":[16],\"rows\":[2],\"chips\":[16],\"titleOptions\":[16],\"initialsTitle\":[1,\"initials-title\"],\"countryOptions\":[16],\"country\":[1],\"length\":[2],\"open\":[1540],\"hasIcon\":[32],\"hasEndIcon\":[32],\"passwordVisible\":[32],\"chipDraft\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]],{\"value\":[{\"onFormStateChange\":0}],\"type\":[{\"onFormStateChange\":0}],\"chips\":[{\"onFormStateChange\":0}],\"required\":[{\"onFormStateChange\":0}]}],[769,\"bs-menu-item\",{\"disabled\":[4],\"hasIcon\":[32]}],[257,\"bs-menu\",null,[[0,\"keydown\",\"onKeyDown\"]]]]]]"), options);
|
|
8
|
+
return index.bootstrapLazy(JSON.parse("[[\"bs-session-timeout.cjs\",[[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.cjs\",[[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\"],\"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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-file-upload-item.cjs\",[[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.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-file-upload.cjs\",[[769,\"bs-file-upload\",{\"direction\":[513],\"heading\":[1],\"description\":[1],\"buttonLabel\":[1,\"button-label\"],\"accept\":[1],\"multiple\":[4],\"disabled\":[516],\"dragging\":[1540]}]]],[\"bs-navigation-drawer.cjs\",[[769,\"bs-navigation-drawer\",{\"heading\":[1],\"collapsible\":[4],\"collapsed\":[1540],\"logoBackground\":[1,\"logo-background\"],\"showLogo\":[4,\"show-logo\"],\"open\":[1540],\"mobile\":[32]},[[4,\"keydown\",\"onDocumentKeydown\"],[4,\"focusin\",\"onDocumentFocusIn\"]],{\"collapsed\":[{\"onCollapsedChange\":0}],\"mobile\":[{\"onMobileChange\":0}],\"open\":[{\"onOpenChange\":0}]}]]],[\"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-accordion.cjs\",[[769,\"bs-accordion\",{\"expanded\":[516],\"size\":[1],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showPreview\":[4,\"show-preview\"]}]]],[\"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-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-skeleton.cjs\",[[513,\"bs-button-skeleton\",{\"size\":[1]}]]],[\"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\",[[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.cjs\",[[513,\"bs-checkbox-skeleton\",{\"size\":[1]}]]],[\"bs-chip-filter.cjs\",[[785,\"bs-chip-filter\",{\"size\":[1],\"selected\":[516],\"dropdown\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32]}]]],[\"bs-chip-input.cjs\",[[785,\"bs-chip-input\",{\"size\":[1],\"selected\":[1540],\"disabled\":[516],\"hasIcon\":[32],\"labelText\":[32]}]]],[\"bs-composer.cjs\",[[785,\"bs-composer\",{\"variant\":[1],\"placeholder\":[1],\"value\":[1025],\"state\":[513],\"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],\"clearSelection\":[64]}]]],[\"bs-inline-tab.cjs\",[[769,\"bs-inline-tab\",{\"selected\":[516],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"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-radio.cjs\",[[849,\"bs-radio\",{\"name\":[513],\"value\":[1],\"checked\":[1540],\"disabled\":[516],\"groupHasChecked\":[32]},[[4,\"bsChange\",\"onAnyRadioChange\"]],{\"checked\":[{\"onCheckedChange\":0}],\"value\":[{\"onCheckedChange\":0}]}]]],[\"bs-slider.cjs\",[[593,\"bs-slider\",{\"type\":[1],\"name\":[513],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[1026],\"valueStart\":[1026,\"value-start\"],\"valueEnd\":[1026,\"value-end\"],\"segments\":[2],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"value\":[{\"syncFormValue\":0}],\"valueStart\":[{\"syncFormValue\":0}],\"valueEnd\":[{\"syncFormValue\":0}],\"type\":[{\"syncFormValue\":0}]}]]],[\"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-toast.cjs\",[[769,\"bs-toast\",{\"state\":[1]}]]],[\"bs-snackbar.cjs\",[[769,\"bs-snackbar\",{\"variant\":[1],\"loading\":[4],\"actionLabel\":[1,\"action-label\"],\"actionVariant\":[1,\"action-variant\"],\"hideClose\":[4,\"hide-close\"]}]]],[\"bs-avatar.cjs\",[[513,\"bs-avatar\",{\"type\":[1],\"size\":[1],\"initials\":[1],\"src\":[1],\"alt\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[516]}]]],[\"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-tooltip.cjs\",[[769,\"bs-tooltip\",{\"placement\":[1]}]]],[\"bs-logo.cjs\",[[513,\"bs-logo\",{\"variant\":[1],\"background\":[1],\"src\":[1],\"alt\":[1]}]]],[\"bs-progress.cjs\",[[513,\"bs-progress\",{\"type\":[1],\"size\":[1],\"strokeWidth\":[2,\"stroke-width\"],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-switch.cjs\",[[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-progress-linear.cjs\",[[769,\"bs-progress-linear\",{\"type\":[1],\"size\":[1],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"],\"hasLabelContent\":[32]}]]],[\"bs-icon-tile.cjs\",[[769,\"bs-icon-tile\",{\"size\":[513],\"intent\":[513],\"label\":[1],\"hasCustomIcon\":[32],\"hasText\":[32]}]]],[\"bs-chip-informative.cjs\",[[769,\"bs-chip-informative\",{\"color\":[1],\"size\":[1],\"disabled\":[516],\"hasIcon\":[32]}]]],[\"bs-card.cjs\",[[769,\"bs-card\",{\"surface\":[513],\"hasImage\":[32]}]]],[\"bs-button.cjs\",[[849,\"bs-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32],\"hasEndIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-tab_3.cjs\",[[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-icon-button.cjs\",[[849,\"bs-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-input_3.cjs\",[[849,\"bs-input\",{\"name\":[513],\"value\":[1025],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"description\":[1],\"error\":[1],\"disabled\":[516],\"required\":[4],\"step\":[2],\"min\":[2],\"max\":[2],\"options\":[16],\"rows\":[2],\"chips\":[16],\"titleOptions\":[16],\"initialsTitle\":[1,\"initials-title\"],\"countryOptions\":[16],\"country\":[1],\"length\":[2],\"open\":[1540],\"hasIcon\":[32],\"hasEndIcon\":[32],\"passwordVisible\":[32],\"chipDraft\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]],{\"value\":[{\"onFormStateChange\":0}],\"type\":[{\"onFormStateChange\":0}],\"chips\":[{\"onFormStateChange\":0}],\"required\":[{\"onFormStateChange\":0}]}],[769,\"bs-menu-item\",{\"disabled\":[4],\"hasIcon\":[32]}],[257,\"bs-menu\",null,[[0,\"keydown\",\"onKeyDown\"]]]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -44,15 +44,16 @@ export const PdfLoading = {
|
|
|
44
44
|
name: 'PDF (loading)',
|
|
45
45
|
args: { type: 'pdf', loading: true },
|
|
46
46
|
};
|
|
47
|
-
export const
|
|
47
|
+
export const MultipleAttachments = {
|
|
48
|
+
name: 'Multiple attachments',
|
|
48
49
|
render: () => html `
|
|
49
|
-
<
|
|
50
|
+
<bs-attachment-list aria-label="Attachments" style="max-width: 360px">
|
|
50
51
|
<bs-attachment type="image" image-src=${SAMPLE_IMAGE}></bs-attachment>
|
|
51
52
|
<bs-attachment type="pdf" file-name="Dummy-pdf-in-here"></bs-attachment>
|
|
52
53
|
<bs-attachment type="document" file-name="Dummy-pdf-in-here"></bs-attachment>
|
|
53
54
|
<bs-attachment type="image" image-src=${SAMPLE_IMAGE} loading></bs-attachment>
|
|
54
55
|
<bs-attachment type="pdf" file-name="Dummy-pdf-in-here" loading></bs-attachment>
|
|
55
56
|
<bs-attachment type="document" file-name="Dummy-pdf-in-here" loading></bs-attachment>
|
|
56
|
-
</
|
|
57
|
+
</bs-attachment-list>
|
|
57
58
|
`,
|
|
58
59
|
};
|
|
@@ -28,7 +28,10 @@ import { Host, h } from "@stencil/core";
|
|
|
28
28
|
// comments in bs-breadcrumb.css, not here -- see bs-tab.tsx's identical note.
|
|
29
29
|
export class BsBreadcrumb {
|
|
30
30
|
/** Destination for a non-current crumb. Ignored when `current` is true -- the current page is
|
|
31
|
-
* never a link, even if `href` is set (see the class JSDoc).
|
|
31
|
+
* never a link, even if `href` is set (see the class JSDoc). A non-current crumb **without** `href`
|
|
32
|
+
* renders as plain text that looks identical to a link crumb at rest (only link crumbs get the
|
|
33
|
+
* hover/focus styles), so give every non-current crumb an `href` unless it is deliberately not
|
|
34
|
+
* navigable. */
|
|
32
35
|
href;
|
|
33
36
|
/** Whether this crumb is the current page. Renders as plain (non-link) text marked
|
|
34
37
|
* `aria-current="page"`, reflected as an attribute so consumers/CSS can target
|
|
@@ -56,7 +59,7 @@ export class BsBreadcrumb {
|
|
|
56
59
|
ev.preventDefault();
|
|
57
60
|
};
|
|
58
61
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'a9ccd034d839eb8c2b3e3dfb7536737cd0189b75', role: "listitem" }, h("span", { key: '5b10b00b1b2ac1a5246f8d658edb2f2a1110df56', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: 'c3d867d49f00e09a333116f9f87aeb6c9478379b' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
|
|
60
63
|
}
|
|
61
64
|
static get is() { return "bs-breadcrumb"; }
|
|
62
65
|
static get encapsulation() { return "shadow"; }
|
|
@@ -84,7 +87,7 @@ export class BsBreadcrumb {
|
|
|
84
87
|
"optional": true,
|
|
85
88
|
"docs": {
|
|
86
89
|
"tags": [],
|
|
87
|
-
"text": "Destination for a non-current crumb. Ignored when `current` is true -- the current page is\nnever a link, even if `href` is set (see the class JSDoc)."
|
|
90
|
+
"text": "Destination for a non-current crumb. Ignored when `current` is true -- the current page is\nnever a link, even if `href` is set (see the class JSDoc). A non-current crumb **without** `href`\nrenders as plain text that looks identical to a link crumb at rest (only link crumbs get the\nhover/focus styles), so give every non-current crumb an `href` unless it is deliberately not\nnavigable."
|
|
88
91
|
},
|
|
89
92
|
"getter": false,
|
|
90
93
|
"setter": false,
|
|
@@ -52,14 +52,14 @@ describe('bs-chatbot-header', () => {
|
|
|
52
52
|
const header = root;
|
|
53
53
|
expect(header.expanded).toBe(false);
|
|
54
54
|
const expandButton = root.shadowRoot.querySelector('[part="expand"]');
|
|
55
|
-
expect(expandButton).toEqualAttribute('aria-label', '
|
|
55
|
+
expect(expandButton).toEqualAttribute('aria-label', 'Fullscreen');
|
|
56
56
|
expect(expandButton).toEqualAttribute('aria-pressed', 'false');
|
|
57
57
|
expandButton.click();
|
|
58
58
|
await waitForChanges();
|
|
59
59
|
expect(header.expanded).toBe(true);
|
|
60
60
|
expect(expandSpy).toHaveReceivedEventTimes(1);
|
|
61
61
|
expect(expandSpy).toHaveReceivedEventDetail(true);
|
|
62
|
-
expect(expandButton).toEqualAttribute('aria-label', '
|
|
62
|
+
expect(expandButton).toEqualAttribute('aria-label', 'Exit fullscreen');
|
|
63
63
|
expect(expandButton).toEqualAttribute('aria-pressed', 'true');
|
|
64
64
|
expect(newChatSpy.length).toBe(0);
|
|
65
65
|
expect(historySpy.length).toBe(0);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--bs-chatbot-header-border: var(--bs-border-default);
|
|
5
5
|
--bs-chatbot-header-padding-top: var(--bs-spacing-200);
|
|
6
6
|
--bs-chatbot-header-padding-bottom: var(--bs-spacing-100);
|
|
7
|
-
--bs-chatbot-header-padding-x: var(--bs-
|
|
7
|
+
--bs-chatbot-header-padding-x: var(--bs-spacing-200);
|
|
8
8
|
--bs-chatbot-header-gap: var(--bs-navigation-header-gap);
|
|
9
9
|
--bs-chatbot-header-actions-gap: var(--bs-spacing-100);
|
|
10
10
|
--bs-chatbot-header-button-size: var(--bs-spacing-600);
|
|
@@ -74,7 +74,7 @@ export class BsChatbotHeader {
|
|
|
74
74
|
this.bsClose.emit();
|
|
75
75
|
};
|
|
76
76
|
render() {
|
|
77
|
-
return (h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '
|
|
77
|
+
return (h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '26cb1a7436d213b1ce003f33abe419d8fab0deb9', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Exit fullscreen' : 'Fullscreen', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'e36dca1a33834d5f6a4f3a9434535b280de26e52', name: "expand-icon" }, h(ExpandIcon, { key: 'e045048d9044b29b2de00b529e5aa2d634c41520' }))), h("bs-tooltip", { key: '9e7911c8544776e6939b7e704a2206d95ff69126', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Exit fullscreen' : 'Fullscreen')), h("span", { key: '6d23ab86e5b21dbb44d7f21443d19f1a6b2b2727', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a9d5765cf1db4f1278f922acbb54a41ad7477a10', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '3570a4fadc9e52bc4b9db393f9351ae2dcb4c877', name: "close-icon" }, h(CloseIcon, { key: 'ca1ee8c7733e74db4b464e7e1af4addec847c950' }))), h("bs-tooltip", { key: '6fbdd96e577b485f7268501c2cfd3805dc3acefc', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
|
|
78
78
|
}
|
|
79
79
|
static get is() { return "bs-chatbot-header"; }
|
|
80
80
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
display: block;
|
|
3
3
|
--bs-composer-radius: var(--bs-border-radius-150);
|
|
4
4
|
--bs-composer-button-radius: var(--bs-border-radius-100);
|
|
5
|
-
--bs-composer-button-size: var(--bs-spacing-
|
|
5
|
+
--bs-composer-button-size: var(--bs-spacing-550);
|
|
6
6
|
--bs-composer-bg: var(--bs-input-bg-default);
|
|
7
7
|
--bs-composer-border: var(--bs-input-border-default);
|
|
8
8
|
--bs-composer-border-focus: var(--bs-input-border-focus);
|
|
9
|
+
--bs-composer-border-human: var(--bs-border-neutral-hover);
|
|
9
10
|
|
|
10
11
|
--bs-composer-action-bg: var(--bs-color-primary-default);
|
|
11
12
|
--bs-composer-action-bg-hover: var(--bs-color-primary-hover);
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
|
|
39
40
|
.bs-composer--human {
|
|
40
41
|
border-style: dashed;
|
|
42
|
+
border-color: var(--bs-composer-border-human);
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
.bs-composer:focus-within {
|
|
@@ -118,7 +120,7 @@
|
|
|
118
120
|
.bs-composer__controls-row {
|
|
119
121
|
display: flex;
|
|
120
122
|
align-items: center;
|
|
121
|
-
gap: var(--bs-spacing-
|
|
123
|
+
gap: var(--bs-spacing-100);
|
|
122
124
|
padding: var(--bs-spacing-150);
|
|
123
125
|
}
|
|
124
126
|
|
|
@@ -310,7 +310,7 @@ describe('bs-input', () => {
|
|
|
310
310
|
describe('type="chip"', () => {
|
|
311
311
|
it('renders a chip per entry with a remove button', async () => {
|
|
312
312
|
const { root } = await render(h("bs-input", { type: "chip", chips: ['red', 'blue'] }));
|
|
313
|
-
const chips = root.shadowRoot.querySelectorAll('
|
|
313
|
+
const chips = root.shadowRoot.querySelectorAll('bs-chip-informative');
|
|
314
314
|
expect(chips.length).toBe(2);
|
|
315
315
|
expect(chips[0]).toHaveTextContent('red');
|
|
316
316
|
});
|
|
@@ -326,7 +326,7 @@ describe('bs-input', () => {
|
|
|
326
326
|
it('emits bsChipRemove when a chip remove button is clicked', async () => {
|
|
327
327
|
const { root, spyOnEvent } = await render(h("bs-input", { type: "chip", chips: ['red'] }));
|
|
328
328
|
const bsChipRemoveSpy = spyOnEvent('bsChipRemove');
|
|
329
|
-
const removeBtn = root.shadowRoot.querySelector('.bs-input__chip-remove');
|
|
329
|
+
const removeBtn = root.shadowRoot.querySelector('bs-icon-button.bs-input__chip-remove');
|
|
330
330
|
removeBtn.click();
|
|
331
331
|
expect(bsChipRemoveSpy).toHaveReceivedEventDetail('red');
|
|
332
332
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @prop --bs-input-radius: Corner radius of the field. Aliased to --bs-border-radius-100.
|
|
3
|
-
* @prop --bs-input-height: Height of the field. Aliased to --bs-spacing-
|
|
3
|
+
* @prop --bs-input-height: Height of the field. Aliased to --bs-spacing-550 (44px, per Figma).
|
|
4
4
|
* @prop --bs-input-padding-x: Horizontal padding inside the field. Aliased to --bs-spacing-150.
|
|
5
5
|
* @prop --bs-input-padding-y: Vertical padding inside the field. Aliased to --bs-spacing-100.
|
|
6
6
|
* @prop --bs-input-gap: Gap between the icon(s) and the native input. Aliased to --bs-spacing-200.
|
|
@@ -24,8 +24,6 @@
|
|
|
24
24
|
* @prop --bs-input-label-line-height: Label line height. `normal` by default (the label sizes to its font).
|
|
25
25
|
* @prop --bs-input-description-color: Description text color. Aliased to --bs-input-description.
|
|
26
26
|
* @prop --bs-input-error-color: Error message text color. Aliased to --bs-input-error.
|
|
27
|
-
* @prop --bs-input-chip-bg: Chip pill background for type="chip". Aliased to --bs-input-bg-disabled.
|
|
28
|
-
* @prop --bs-input-chip-text: Chip pill text color for type="chip". Aliased to --bs-input-text.
|
|
29
27
|
* @prop --bs-input-initials-title-width: Width of the title box for type="initials" (e.g.
|
|
30
28
|
* "Mrs."/"Mr."/"Dr."). A literal 80px, not aliased to a spacing token -- Figma specs this
|
|
31
29
|
* sub-field as a fixed, compact width regardless of option content (node 10306:101047), not
|
|
@@ -39,7 +37,7 @@
|
|
|
39
37
|
display: block;
|
|
40
38
|
|
|
41
39
|
--bs-input-radius: var(--bs-border-radius-100);
|
|
42
|
-
--bs-input-height: var(--bs-spacing-
|
|
40
|
+
--bs-input-height: var(--bs-spacing-550);
|
|
43
41
|
--bs-input-padding-x: var(--bs-spacing-150);
|
|
44
42
|
--bs-input-padding-y: var(--bs-spacing-100);
|
|
45
43
|
--bs-input-gap: var(--bs-spacing-200);
|
|
@@ -68,9 +66,6 @@
|
|
|
68
66
|
--bs-input-icon-color-error: var(--bs-input-icon-error);
|
|
69
67
|
--bs-input-icon-color-disabled: var(--bs-input-icon-disabled);
|
|
70
68
|
|
|
71
|
-
--bs-input-chip-bg: var(--bs-input-bg-disabled);
|
|
72
|
-
--bs-input-chip-text: var(--bs-input-text);
|
|
73
|
-
|
|
74
69
|
--bs-input-initials-title-width: 80px;
|
|
75
70
|
--bs-input-initials-gap: var(--bs-spacing-50);
|
|
76
71
|
}
|
|
@@ -323,23 +318,13 @@
|
|
|
323
318
|
}
|
|
324
319
|
|
|
325
320
|
.bs-input__chip {
|
|
326
|
-
|
|
327
|
-
align-items: center;
|
|
328
|
-
gap: 4px;
|
|
329
|
-
background: var(--bs-input-chip-bg);
|
|
330
|
-
color: var(--bs-input-chip-text);
|
|
331
|
-
border-radius: var(--bs-input-radius);
|
|
332
|
-
padding: 2px 6px;
|
|
333
|
-
font-size: var(--bs-font-size-sm);
|
|
321
|
+
--bs-chip-informative-padding-x-plain-side: var(--bs-spacing-150);
|
|
334
322
|
}
|
|
335
323
|
|
|
336
324
|
.bs-input__chip-remove {
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
cursor: pointer;
|
|
341
|
-
padding: 0;
|
|
342
|
-
line-height: 1;
|
|
325
|
+
--bs-icon-button-size-xs: 20px;
|
|
326
|
+
--bs-icon-button-icon-size-xs: 12px;
|
|
327
|
+
margin-inline-end: calc(var(--bs-spacing-50) * -1);
|
|
343
328
|
}
|
|
344
329
|
|
|
345
330
|
.bs-input__chip-input {
|
|
@@ -5,6 +5,8 @@ import { h } from "@stencil/core";
|
|
|
5
5
|
* select, textarea, chip input, initials, country, and pin) via the `type` prop, since they all
|
|
6
6
|
* share the same label/description/error/icon-slot chrome.
|
|
7
7
|
*
|
|
8
|
+
* Built from: `bs-menu`/`bs-menu-item` (`type="dropdown"`) and `bs-chip-informative` + `bs-icon-button` (`type="chip"`).
|
|
9
|
+
*
|
|
8
10
|
* ## When to use
|
|
9
11
|
* - Collecting a single line of free-text, email, password, or numeric input.
|
|
10
12
|
* - Any of the other supported `type`s (search, date, dropdown, select, textarea, chip, initials,
|
|
@@ -39,7 +41,8 @@ import { h } from "@stencil/core";
|
|
|
39
41
|
* @part control - The native control element (`<input>`, `<select>`, or `<textarea>` depending on
|
|
40
42
|
* `type`). Composite types (`initials`, `country`) render this part on more than one element.
|
|
41
43
|
* @part end-icon - The trailing icon wrapper element.
|
|
42
|
-
* @part chip - A single chip pill, when `type="chip"`.
|
|
44
|
+
* @part chip - A single chip pill (a `bs-chip-informative`), when `type="chip"`.
|
|
45
|
+
* @part chip-remove - A chip's remove button (a `bs-icon-button`), when `type="chip"`.
|
|
43
46
|
* @part description - The helper text element (hidden when `error` is set).
|
|
44
47
|
* @part error - The error message element.
|
|
45
48
|
* @part error-icon - The warning icon shown before the error message.
|
|
@@ -326,7 +329,7 @@ export class BsInput {
|
|
|
326
329
|
return (h("textarea", { id: "control", part: "control", class: "bs-input__control bs-input__control--textarea", rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
|
|
327
330
|
}
|
|
328
331
|
renderChipControl() {
|
|
329
|
-
return (h("div", { class: "bs-input__chips" }, this.chips.map(chip => (h("
|
|
332
|
+
return (h("div", { class: "bs-input__chips" }, this.chips.map(chip => (h("bs-chip-informative", { part: "chip", class: "bs-input__chip", size: "sm", disabled: this.disabled }, chip, h("bs-icon-button", { part: "chip-remove", class: "bs-input__chip-remove", variant: "subtle", size: "xs", ariaLabel: `Remove ${chip}`, disabled: this.disabled, onClick: this.onChipRemove(chip) }, h(ChipRemoveIcon, null))))), h("input", { id: "control", part: "control", class: "bs-input__control bs-input__chip-input", type: "text", value: this.chipDraft, placeholder: this.placeholder, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onChipDraftInput, onKeyDown: this.onChipDraftKeydown })));
|
|
330
333
|
}
|
|
331
334
|
// type="initials" renders two genuinely separate bordered boxes side by side (each with its own
|
|
332
335
|
// border/radius/background, a small gap between them), not one shared field wrapper -- Figma
|
|
@@ -386,10 +389,10 @@ export class BsInput {
|
|
|
386
389
|
return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (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) })))));
|
|
387
390
|
}
|
|
388
391
|
render() {
|
|
389
|
-
return (h("div", { key: '
|
|
392
|
+
return (h("div", { key: '6921873fb72be6f26a2389697f6b2f816d8011a9', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
390
393
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
391
394
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
392
|
-
h("label", { key: '
|
|
395
|
+
h("label", { key: '64ec1ba4a6c8c87db6b45dfd38731adbdfd5d6a8', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '5176edfc672132f1c6aaec978002851ff27179a0', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
393
396
|
}
|
|
394
397
|
static get is() { return "bs-input"; }
|
|
395
398
|
static get encapsulation() { return "shadow"; }
|
|
@@ -963,3 +966,4 @@ export class BsInput {
|
|
|
963
966
|
}
|
|
964
967
|
static get attachInternalsMemberName() { return "internals"; }
|
|
965
968
|
}
|
|
969
|
+
const ChipRemoveIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M18.75 5.25L5.25 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M18.75 18.75L5.25 5.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|