npm - @otto-de/b2b-core-components - Versions diffs - 1.9.0-beta.2 → 1.10.0 - Mend

@otto-de/b2b-core-components 1.9.0-beta.2 → 1.10.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.

Files changed (1350) hide show

package/dist/cjs/b2b-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -2,91 +2,92 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-ceb9958a.js');
+const index = require('./index-668808fd.js');
-const checkboxGroupCss = ":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:400;--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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--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-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\")}.b2b-checkbox-group{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100)}.b2b-checkbox-group__options{display:flex;flex-wrap:wrap;align-items:stretch;margin-bottom:var(--b2b-size-3)}.b2b-checkbox-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-20)}.b2b-checkbox-group fieldset{border:none;margin:0;padding:0}.b2b-checkbox-group span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75)}.b2b-checkbox-group--error span{color:var(--b2b-color-error-100)}.b2b-checkbox-group--vertical .b2b-checkbox-group__options{flex-direction:column}.b2b-checkbox-group--horizontal .b2b-checkbox-group__options{flex-direction:row}";
+const checkboxGroupCss = ":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\")}.b2b-checkbox-group{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100)}.b2b-checkbox-group__options{display:flex;flex-wrap:wrap;align-items:stretch;margin-bottom:var(--b2b-size-3)}.b2b-checkbox-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-20)}.b2b-checkbox-group fieldset{border:none;margin:0;padding:0}.b2b-checkbox-group span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75)}.b2b-checkbox-group--error span{color:var(--b2b-color-error-100)}.b2b-checkbox-group--vertical .b2b-checkbox-group__options{flex-direction:column}.b2b-checkbox-group--horizontal .b2b-checkbox-group__options{flex-direction:row}";
+const B2bCheckboxGroupStyle0 = checkboxGroupCss;
 const CheckboxGroupComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.b2bGroupChange = index.createEvent(this, "b2b-group-change", 7);
-    this.getChildNodes = () => {
-      return Array.from(this.host.querySelectorAll('b2b-checkbox'));
-    };
-    this.toggleAllDisabled = () => {
-      let nodes = this.getChildNodes();
-      if (this.disabled) {
-        nodes.forEach(node => {
-          node.disabled = true;
-        });
-      }
-      else {
-        nodes.forEach(node => {
-          node.groupDisabled = this.disabled;
-        });
-      }
-    };
-    this.toggleAllError = () => {
-      let nodes = this.getChildNodes();
-      if (this.invalid && !this.disabled) {
-        nodes.forEach(node => {
-          node.invalid = true;
-        });
-      }
-      else {
-        nodes.forEach(node => {
-          node.invalid = false;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.b2bGroupChange = index.createEvent(this, "b2b-group-change", 7);
+        this.getChildNodes = () => {
+            return Array.from(this.host.querySelectorAll('b2b-checkbox'));
+        };
+        this.toggleAllDisabled = () => {
+            let nodes = this.getChildNodes();
+            if (this.disabled) {
+                nodes.forEach(node => {
+                    node.disabled = true;
+                });
+            }
+            else {
+                nodes.forEach(node => {
+                    node.groupDisabled = this.disabled;
+                });
+            }
+        };
+        this.toggleAllError = () => {
+            let nodes = this.getChildNodes();
+            if (this.invalid && !this.disabled) {
+                nodes.forEach(node => {
+                    node.invalid = true;
+                });
+            }
+            else {
+                nodes.forEach(node => {
+                    node.invalid = false;
+                });
+            }
+        };
+        this.removeChildText = () => {
+            let nodes = this.getChildNodes();
+            nodes.forEach(node => {
+                node.error = undefined;
+                node.hint = undefined;
+            });
+        };
+        this.label = undefined;
+        this.required = false;
+        this.disabled = false;
+        this.invalid = false;
+        this.alignment = 'vertical';
+        this.hint = undefined;
+        this.error = undefined;
+    }
+    handleCheckboxChange(ev) {
+        this.b2bGroupChange.emit({
+            value: ev.detail.value,
+            checked: ev.detail.checked,
         });
-      }
-    };
-    this.removeChildText = () => {
-      let nodes = this.getChildNodes();
-      nodes.forEach(node => {
-        node.error = undefined;
-        node.hint = undefined;
-      });
-    };
-    this.label = undefined;
-    this.required = false;
-    this.disabled = false;
-    this.invalid = false;
-    this.alignment = 'vertical';
-    this.hint = undefined;
-    this.error = undefined;
-  }
-  handleCheckboxChange(ev) {
-    this.b2bGroupChange.emit({
-      value: ev.detail.value,
-      checked: ev.detail.checked,
-    });
-  }
-  disabledChanged() {
-    this.toggleAllDisabled();
-  }
-  invalidChanged() {
-    this.toggleAllError();
-  }
-  componentDidLoad() {
-    this.toggleAllError();
-    this.removeChildText();
-    if (this.disabled) {
-      this.toggleAllDisabled();
     }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: {
-        'b2b-checkbox-group': true,
-        'b2b-checkbox-group--error': this.invalid && !this.disabled,
-        [`b2b-checkbox-group--${this.alignment}`]: true,
-      } }, this.label && (index.h("b2b-input-label", { required: this.required }, this.label)), index.h("fieldset", null, index.h("div", { class: "b2b-checkbox-group__options" }, index.h("slot", null))), (this.hint !== undefined && !this.invalid) ||
-      (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "disabled": ["disabledChanged"],
-    "invalid": ["invalidChanged"]
-  }; }
+    disabledChanged() {
+        this.toggleAllDisabled();
+    }
+    invalidChanged() {
+        this.toggleAllError();
+    }
+    componentDidLoad() {
+        this.toggleAllError();
+        this.removeChildText();
+        if (this.disabled) {
+            this.toggleAllDisabled();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '17f56d642b6ef6a4157a51178c4e1d604755f698' }, index.h("div", { key: 'caf98c3c46fb753dad491e2b1e98ff212e7c6a93', class: {
+                'b2b-checkbox-group': true,
+                'b2b-checkbox-group--error': this.invalid && !this.disabled,
+                [`b2b-checkbox-group--${this.alignment}`]: true,
+            } }, this.label && (index.h("b2b-input-label", { required: this.required }, this.label)), index.h("fieldset", { key: '0b9b7dd931a8059a6ed0e53a49e799076e1d33ea' }, index.h("div", { key: '4385c56f2f7d570abfa58877b623b82f1006cafa', class: "b2b-checkbox-group__options" }, index.h("slot", { key: 'a15f2bd94e9167701a85cbf2981a268325bc4c85' }))), (this.hint !== undefined && !this.invalid) ||
+            (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"],
+        "invalid": ["invalidChanged"]
+    }; }
 };
-CheckboxGroupComponent.style = checkboxGroupCss;
+CheckboxGroupComponent.style = B2bCheckboxGroupStyle0;
 exports.b2b_checkbox_group = CheckboxGroupComponent;

package/dist/cjs/b2b-checkbox.cjs.entry.js ADDED Viewed

@@ -0,0 +1,94 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-668808fd.js');
+const checkboxCss = ":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\")}:root{--b2b-checkbox-margin-bottom:0}.b2b-checkbox{display:block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);width:fit-content;margin-bottom:var(--b2b-checkbox-margin-bottom)}.b2b-checkbox__items{display:flex;justify-content:flex-start;position:relative}.b2b-checkbox__icon{position:absolute;fill:var(--b2b-color-white-100);display:none;margin-top:var(--b2b-size-7);margin-left:var(--b2b-size-1);width:var(--b2b-size-35);height:var(--b2b-size-35);z-index:1000}.b2b-checkbox__input{margin:2px 6px 3px 0;appearance:none;background-color:var(--b2b-color-white-100);border:1px solid var(--b2b-color-grey-400);border-radius:var(--b2b-size-border-radius-100);display:inline-block;position:relative;vertical-align:top;width:var(--b2b-size-40);height:var(--b2b-size-40);flex-shrink:0}.b2b-checkbox--checked .b2b-checkbox__icon{display:inline-block}.b2b-checkbox--checked .b2b-checkbox__input{border-color:var(--b2b-color-black-100);background-color:var(--b2b-color-black-100)}.b2b-checkbox b2b-input-label{display:inline;vertical-align:bottom;user-select:none}.b2b-checkbox span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75);user-select:none}.b2b-checkbox--error{}.b2b-checkbox--error .b2b-checkbox__input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100)}.b2b-checkbox--error span{color:var(--b2b-color-error-100)}.b2b-checkbox--error.b2b-checkbox--checked .b2b-checkbox__input{background-color:var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-checkbox--disabled{pointer-events:none}.b2b-checkbox--disabled .b2b-checkbox__input{background-color:var(--b2b-color-grey-25);border-color:var(--b2b-color-grey-300)}.b2b-checkbox--standalone{margin:0}.b2b-checkbox--standalone .b2b-checkbox__input{margin:0}.b2b-checkbox--standalone .b2b-checkbox__icon{margin-top:var(--b2b-size-1)}.b2b-checkbox--indeterminate .b2b-checkbox__input{border-color:var(--b2b-color-black-100);background-color:var(--b2b-color-black-100)}.b2b-checkbox--indeterminate .b2b-checkbox__icon{margin-top:9px;margin-left:var(--b2b-size-7);display:inline-block}.b2b-checkbox--indeterminate.b2b-checkbox--standalone .b2b-checkbox__icon{margin-top:7px}.b2b-checkbox.b2b-checkbox--disabled.b2b-checkbox--checked .b2b-checkbox__input{background-color:var(--b2b-color-grey-300);border-color:var(--b2b-color-grey-300)}";
+const B2bCheckboxStyle0 = checkboxCss;
+const CheckboxComponent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.b2bFocus = index.createEvent(this, "b2b-focus", 7);
+        this.b2bBlur = index.createEvent(this, "b2b-blur", 7);
+        this.b2bChange = index.createEvent(this, "b2b-change", 7);
+        this.handleFormData = (event) => {
+            if (this.name != undefined && this.checked) {
+                const value = this.value || 'on';
+                event.formData.append(this.name, value);
+            }
+        };
+        this.emitDetail = () => {
+            this.b2bChange.emit({
+                checked: this.checked,
+                value: this.value,
+            });
+            // Dispatches the native change event because it is not propagated beyond the shadow boundary
+            // globalThis to target the lib.dom Event and not Stencil Event
+            const changeEvent = new globalThis.Event('change');
+            this.hostElement.dispatchEvent(changeEvent);
+        };
+        this.onFocus = (ev) => {
+            this.b2bFocus.emit(ev);
+        };
+        this.onBlur = (ev) => {
+            this.b2bBlur.emit(ev);
+        };
+        this.onClick = (ev) => {
+            ev.preventDefault();
+            if (this.disabled) {
+                return;
+            }
+            else if (this.indeterminate) {
+                this.indeterminate = false;
+                this.checked = true;
+            }
+            else {
+                this.checked = !this.checked;
+            }
+            this.emitDetail();
+        };
+        this.renderIcon = () => {
+            if (this.indeterminate) {
+                return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", class: "b2b-checkbox__icon" }, index.h("path", { d: "M8.5 0H0.5C0.223633 0 0 0.223633 0 0.5C0 0.776367 0.223633 1 0.5 1H8.5C8.77637 1 9 0.776367 9 0.5C9 0.223633 8.77637 0 8.5 0Z", fill: "white" })));
+            }
+            if (this.checked) {
+                return (index.h("svg", { class: "b2b-checkbox__icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" })));
+            }
+        };
+        this.label = undefined;
+        this.required = false;
+        this.checked = false;
+        this.disabled = false;
+        this.indeterminate = undefined;
+        this.error = undefined;
+        this.hint = undefined;
+        this.name = undefined;
+        this.value = undefined;
+        this.invalid = false;
+        this.standalone = false;
+        this.groupDisabled = false;
+    }
+    connectedCallback() {
+        const form = this.hostElement.closest('form');
+        if (form != null) {
+            form.addEventListener('formdata', this.handleFormData);
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c86d4e004efb5915b0599988694e0947e18c30d5', onClick: this.onClick }, index.h("div", { key: '7f24bbd3dc6c15c614c7c5c6b975b1e478bfd78c', class: {
+                'b2b-checkbox': true,
+                'b2b-checkbox--error': this.invalid && !this.disabled,
+                'b2b-checkbox--disabled': this.disabled || this.groupDisabled,
+                'b2b-checkbox--checked': this.checked,
+                'b2b-checkbox--standalone': this.standalone,
+                'b2b-checkbox--indeterminate': this.indeterminate,
+            } }, index.h("div", { key: '721592f4c6d92e644809e4dca7ec17f97f306178', class: "b2b-checkbox-items" }, this.renderIcon(), index.h("input", { key: '4961c34d17d578179cc368f4cad206ad955cade8', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (index.h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+CheckboxComponent.style = B2bCheckboxStyle0;
+exports.b2b_checkbox = CheckboxComponent;

package/dist/cjs/b2b-chip-component_2.cjs.entry.js ADDED Viewed

@@ -0,0 +1,75 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-668808fd.js');
+const chipCss = ":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{overflow:hidden;display:inline-flex;max-width:100%}:host .b2b-chip{white-space:nowrap;overflow:hidden;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-grey-50);border-radius:var(--b2b-size-50);padding:var(--b2b-size-10) var(--b2b-size-25);line-height:var(--b2b-size-copy-line-height-100);height:var(--b2b-size-50);display:inline-flex;align-items:center;cursor:default;margin-left:var(--b2b-size-20)}:host .b2b-chip__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}:host .b2b-chip__label--close-button{margin-right:var(--b2b-size-10)}:host .b2b-chip__clearIcon{display:flex;border:none;padding:0;background-color:transparent;fill:var(--b2b-color-grey-400);height:var(--b2b-size-copy-line-height-100);width:var(--b2b-size-50);align-items:center;justify-content:center;cursor:pointer;transform:rotate(180deg);position:relative}:host .b2b-chip__clearIcon:hover{fill:var(--b2b-color-icon-default)}:host .b2b-chip--disabled{pointer-events:none;background:var(--b2b-color-grey-25);color:var(--b2b-color-grey-400)}:host .b2b-chip--disabled__clearIcon{fill:var(--b2b-color-grey-400)}";
+const B2bChipComponentStyle0 = chipCss;
+const B2bChipComponent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.b2bClose = index.createEvent(this, "b2b-close", 7);
+        this.onClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.b2bClose.emit({ value: this.value });
+        };
+        this.onKeyDown = (event) => {
+            if (this.disabled || event.key !== 'Enter') {
+                return;
+            }
+            this.b2bClose.emit({ value: this.value });
+        };
+        this.clearIcon = (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M7.85352 3.14648C7.6582 2.95117 7.3418 2.95117 7.14648 3.14648L5.5 4.79297L3.85352 3.14648C3.6582 2.95117 3.3418 2.95117 3.14648 3.14648C2.95117 3.3418 2.95117 3.6582 3.14648 3.85352L4.79297 5.5L3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352C3.24414 7.95117 3.37207 8 3.5 8C3.62793 8 3.75586 7.95117 3.85352 7.85352L5.5 6.20703L7.14648 7.85352C7.24414 7.95117 7.37207 8 7.5 8C7.62793 8 7.75586 7.95117 7.85352 7.85352C8.04883 7.6582 8.04883 7.3418 7.85352 7.14648L6.20703 5.5L7.85352 3.85352C8.04883 3.6582 8.04883 3.3418 7.85352 3.14648ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z" })));
+        this.label = undefined;
+        this.disabled = false;
+        this.hasCloseButton = true;
+        this.value = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '77c42654e6a464ff77fccdf2b7a27827a4784aa5' }, index.h("div", { key: 'ce62139769921473a5447fffc8de5ce15adaf57b', class: {
+                'b2b-chip': true,
+                'b2b-chip--disabled': this.disabled,
+            } }, index.h("span", { key: 'c39e42b28b7ce72ae3e03dbd1c29e35c9a94ae57', class: {
+                'b2b-chip__label': true,
+                'b2b-chip__label--close-button': this.hasCloseButton,
+            } }, this.label), this.hasCloseButton && (index.h("button", { class: {
+                'b2b-chip__clearIcon': true,
+                'b2b-chip--disabled__clearIcon': this.disabled,
+            }, onClick: this.onClick, onKeyDown: this.onKeyDown }, this.clearIcon)))));
+    }
+    get host() { return index.getElement(this); }
+};
+B2bChipComponent.style = B2bChipComponentStyle0;
+const multiselectOptionCss = ".b2b-multiselect-dropdown__option{display:flex;flex-direction:row;gap:var(--b2b-size-15);padding:var(--b2b-size-20) var(--b2b-size-20) var(--b2b-size-25);align-items:center}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-table-selected-hover)}";
+const B2bMultiselectOptionStyle0 = multiselectOptionCss;
+const B2bMultiSelectOption = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.b2bOptionSelected = index.createEvent(this, "b2b-option-selected", 7);
+        this.handleCheckboxChange = event => {
+            this.selected = event.detail.checked;
+            this.b2bOptionSelected.emit({
+                selected: this.selected,
+                selectedOption: this.option,
+            });
+        };
+        this.option = undefined;
+        this.selected = false;
+        this.indeterminate = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd2bc7033245d75c15bacadc3a996ff262d0d3bc7', role: "option", class: {
+                'b2b-multiselect-dropdown__option': true,
+            } }, index.h("b2b-checkbox", { key: '993df3139e3f71d41c623c12814e46109f6c0df5', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: this.option, indeterminate: this.indeterminate, value: this.option })));
+    }
+};
+B2bMultiSelectOption.style = B2bMultiselectOptionStyle0;
+exports.b2b_chip_component = B2bChipComponent;
+exports.b2b_multiselect_option = B2bMultiSelectOption;

package/dist/cjs/b2b-core-components.cjs.js CHANGED Viewed

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-ceb9958a.js');
+const index = require('./index-668808fd.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 /*
- Stencil Client Patch Browser v4.7.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('b2b-core-components.cjs.js', document.baseURI).href));
@@ -16,8 +17,9 @@ const patchBrowser = () => {
     return index.promiseResolve(opts);
 };
-patchBrowser().then(options => {
-  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-table-row.cjs",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[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.cjs",[[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.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[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.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[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.cjs",[[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.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[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.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-chip-component.cjs",[[1,"b2b-chip-component",{"label":[1],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[1,"b2b-table-rowgroup",{"type":[1],"accordion":[4],"selectable":[4],"opened":[516],"selectedValues":[32],"indeterminate":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2.cjs",[[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-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-checkbox_3.cjs",[[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"]}],[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"contentAlign":[1,"content-align"],"active":[32],"iconAlign":[32]}]]],["b2b-input_2.cjs",[[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-button_2.cjs",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[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.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]]], options);
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-multiselect-dropdown.cjs",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"selectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row.cjs",[[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.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[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.cjs",[[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.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[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.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[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.cjs",[[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.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[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.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu.cjs",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option.cjs",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100.cjs",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar.cjs",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[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.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip.cjs",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch.cjs",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2.cjs",[[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-checkbox.cjs",[[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-chip-component_2.cjs",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2.cjs",[[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-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-input_2.cjs",[[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-button_2.cjs",[[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.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
 });
 exports.setNonce = index.setNonce;