@otto-de/b2b-core-components 1.12.4 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-0e1e9948.entry.js +1 -0
- package/dist/b2b-core-components/p-d023d4a0.entry.js +1 -0
- package/dist/cjs/b2b-core-components.cjs.js +1 -1
- package/dist/cjs/b2b-icon-100.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input_2.cjs.entry.js +8 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -2
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/calendar/calendar-days-header.css +2 -2
- package/dist/collection/components/calendar/calendar-days.css +2 -2
- package/dist/collection/components/calendar/calendar-header.css +2 -2
- package/dist/collection/components/calendar/calendar.css +2 -2
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
- package/dist/collection/components/headline/headline.css +2 -2
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon-100/icon-100.css +2 -2
- package/dist/collection/components/icon-100/icon-100.js +1 -1
- package/dist/collection/components/icon-100/types.js +1 -1
- package/dist/collection/components/icon-50/icon-50.css +2 -2
- package/dist/collection/components/input/input.css +12 -3
- package/dist/collection/components/input/input.js +25 -3
- package/dist/collection/components/input-group/input-group.css +2 -2
- package/dist/collection/components/input-list/input-list.css +2 -2
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +2 -2
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/tab/tab.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/wizard/wizard.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/components/b2b-icon-100.js +1 -1
- package/dist/components/input.js +9 -4
- package/dist/custom-elements.json +18 -3
- package/dist/esm/b2b-core-components.js +1 -1
- package/dist/esm/b2b-icon-100.entry.js +1 -1
- package/dist/esm/b2b-input_2.entry.js +8 -4
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +2 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/web-types.json +13 -3
- package/package.json +2 -2
- package/dist/b2b-core-components/p-68c54639.entry.js +0 -1
- package/dist/b2b-core-components/p-8455554d.entry.js +0 -1
- /package/dist/b2b-core-components/icons-100/{b2b_icon-chat.svg → b2b_icon-chatbot.svg} +0 -0
- /package/dist/collection/components/icon-100/icons-100/{b2b_icon-chat.svg → b2b_icon-chatbot.svg} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Wed, 04 Sep 2024 06:58:58 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
package/dist/components/input.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$1 } from './input-label.js';
|
|
3
3
|
|
|
4
|
-
const inputCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 12px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host(.b2b-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
4
|
+
const inputCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host(.b2b-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
5
5
|
const B2bInputStyle0 = inputCss;
|
|
6
6
|
|
|
7
7
|
const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent extends HTMLElement {
|
|
@@ -59,6 +59,7 @@ const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent ext
|
|
|
59
59
|
this.error = undefined;
|
|
60
60
|
this.autofocus = false;
|
|
61
61
|
this.groupDisabled = false;
|
|
62
|
+
this.inputTextAlign = 'left';
|
|
62
63
|
this.hasFocus = false;
|
|
63
64
|
this.hasTextPrefix = false;
|
|
64
65
|
this.hasTextSuffix = false;
|
|
@@ -83,14 +84,17 @@ const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent ext
|
|
|
83
84
|
this.getSlottedText();
|
|
84
85
|
}
|
|
85
86
|
render() {
|
|
86
|
-
return (h(Host, { key: '
|
|
87
|
+
return (h(Host, { key: '22f14fab2036dd16b009ae60efe64d437331f5a7', class: {
|
|
87
88
|
'b2b-input': true,
|
|
88
89
|
'b2b-input--error': this.invalid && !this.disabled,
|
|
89
|
-
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '
|
|
90
|
+
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '2279e5df7e36354c70299289c638beb3ca64941a', class: {
|
|
90
91
|
'b2b-input__wrapper': true,
|
|
91
92
|
'b2b-input__wrapper--focused': this.hasFocus,
|
|
92
93
|
'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
|
|
93
|
-
} }, h("slot", { key: '
|
|
94
|
+
} }, h("slot", { key: '9ad9505c66f7df5ebc47834a1f6e3969c2dc302f', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'a612528e783ccf2cb1994a60bfa1c41948f0fb43', class: {
|
|
95
|
+
'b2b-input__native-input': true,
|
|
96
|
+
['b2b-input__native-input--align-' + this.inputTextAlign]: true,
|
|
97
|
+
}, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '52f090d08c33ada338519d017be8eb230a7ba0ea', name: "end" })), (this.hint !== undefined && !this.invalid) ||
|
|
94
98
|
(this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
|
|
95
99
|
}
|
|
96
100
|
get hostElement() { return this; }
|
|
@@ -108,6 +112,7 @@ const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent ext
|
|
|
108
112
|
"error": [1],
|
|
109
113
|
"autofocus": [4],
|
|
110
114
|
"groupDisabled": [4, "group-disabled"],
|
|
115
|
+
"inputTextAlign": [1, "input-text-align"],
|
|
111
116
|
"hasFocus": [32],
|
|
112
117
|
"hasTextPrefix": [32],
|
|
113
118
|
"hasTextSuffix": [32],
|
|
@@ -1975,9 +1975,6 @@
|
|
|
1975
1975
|
{
|
|
1976
1976
|
"name": "b2b_icon-chair"
|
|
1977
1977
|
},
|
|
1978
|
-
{
|
|
1979
|
-
"name": "b2b_icon-chat"
|
|
1980
|
-
},
|
|
1981
1978
|
{
|
|
1982
1979
|
"name": "b2b_icon-check-bold"
|
|
1983
1980
|
},
|
|
@@ -2808,6 +2805,9 @@
|
|
|
2808
2805
|
},
|
|
2809
2806
|
{
|
|
2810
2807
|
"name": "b2b_logo-carrier-ups"
|
|
2808
|
+
},
|
|
2809
|
+
{
|
|
2810
|
+
"name": "b2b_icon-chatbot"
|
|
2811
2811
|
}
|
|
2812
2812
|
]
|
|
2813
2813
|
},
|
|
@@ -2980,6 +2980,21 @@
|
|
|
2980
2980
|
"name": "hint",
|
|
2981
2981
|
"description": "The hint text that appears underneath the input field."
|
|
2982
2982
|
},
|
|
2983
|
+
{
|
|
2984
|
+
"name": "input-text-align",
|
|
2985
|
+
"description": "The alignment of the text.",
|
|
2986
|
+
"values": [
|
|
2987
|
+
{
|
|
2988
|
+
"name": "center"
|
|
2989
|
+
},
|
|
2990
|
+
{
|
|
2991
|
+
"name": "left"
|
|
2992
|
+
},
|
|
2993
|
+
{
|
|
2994
|
+
"name": "right"
|
|
2995
|
+
}
|
|
2996
|
+
]
|
|
2997
|
+
},
|
|
2983
2998
|
{
|
|
2984
2999
|
"name": "invalid",
|
|
2985
3000
|
"description": "Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false."
|
|
@@ -16,5 +16,5 @@ const patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-calendar",[[1,"b2b-calendar",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"label":[1],"showCalendar":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["b2b-multiselect-dropdown",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[16],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-icon-50",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-calendar-days_3",[[1,"b2b-calendar-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"]}],[1,"b2b-calendar-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-calendar",[[1,"b2b-calendar",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"label":[1],"showCalendar":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["b2b-multiselect-dropdown",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[16],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-icon-50",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-calendar-days_3",[[1,"b2b-calendar-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"]}],[1,"b2b-calendar-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab9eb36d.js';
|
|
2
2
|
|
|
3
|
-
const inputCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 12px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host(.b2b-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
3
|
+
const inputCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host(.b2b-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
4
4
|
const B2bInputStyle0 = inputCss;
|
|
5
5
|
|
|
6
6
|
const InputComponent = class {
|
|
@@ -56,6 +56,7 @@ const InputComponent = class {
|
|
|
56
56
|
this.error = undefined;
|
|
57
57
|
this.autofocus = false;
|
|
58
58
|
this.groupDisabled = false;
|
|
59
|
+
this.inputTextAlign = 'left';
|
|
59
60
|
this.hasFocus = false;
|
|
60
61
|
this.hasTextPrefix = false;
|
|
61
62
|
this.hasTextSuffix = false;
|
|
@@ -80,14 +81,17 @@ const InputComponent = class {
|
|
|
80
81
|
this.getSlottedText();
|
|
81
82
|
}
|
|
82
83
|
render() {
|
|
83
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: '22f14fab2036dd16b009ae60efe64d437331f5a7', class: {
|
|
84
85
|
'b2b-input': true,
|
|
85
86
|
'b2b-input--error': this.invalid && !this.disabled,
|
|
86
|
-
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '
|
|
87
|
+
} }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '2279e5df7e36354c70299289c638beb3ca64941a', class: {
|
|
87
88
|
'b2b-input__wrapper': true,
|
|
88
89
|
'b2b-input__wrapper--focused': this.hasFocus,
|
|
89
90
|
'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
|
|
90
|
-
} }, h("slot", { key: '
|
|
91
|
+
} }, h("slot", { key: '9ad9505c66f7df5ebc47834a1f6e3969c2dc302f', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'a612528e783ccf2cb1994a60bfa1c41948f0fb43', class: {
|
|
92
|
+
'b2b-input__native-input': true,
|
|
93
|
+
['b2b-input__native-input--align-' + this.inputTextAlign]: true,
|
|
94
|
+
}, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '52f090d08c33ada338519d017be8eb230a7ba0ea', name: "end" })), (this.hint !== undefined && !this.invalid) ||
|
|
91
95
|
(this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
|
|
92
96
|
}
|
|
93
97
|
get hostElement() { return getElement(this); }
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-calendar",[[1,"b2b-calendar",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"label":[1],"showCalendar":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["b2b-multiselect-dropdown",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[16],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-icon-50",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-calendar-days_3",[[1,"b2b-calendar-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"]}],[1,"b2b-calendar-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-calendar",[[1,"b2b-calendar",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"label":[1],"showCalendar":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["b2b-multiselect-dropdown",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[16],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-icon-50",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-calendar-days_3",[[1,"b2b-calendar-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"]}],[1,"b2b-calendar-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|