@otto-de/b2b-core-components 1.38.0 → 1.38.2

package/dist/components/icon-100.js

@@ -20,12 +20,15 @@ const iconTypes = [
     'b2b_icon-arrow-misdirected',
     'b2b_icon-arrow-right',
     'b2b_icon-arrow-up',
+    'b2b_icon-ascending-arrow-graph-axis',
     'b2b_icon-assembly',
     'b2b_icon-assortment',
     'b2b_icon-attachment',
+    'b2b_icon-audio-description',
     'b2b_icon-augmented-reality',
     'b2b_icon-autonomous-team',
     'b2b_icon-bank-details',
+    'b2b_icon-bar-graph-ascending-magnifying-glass',
     'b2b_icon-bar-graph-ascending',
     'b2b_icon-bar-graph-axis',
     'b2b_icon-barley',
@@ -34,12 +37,14 @@ const iconTypes = [
     'b2b_icon-basketball',
     'b2b_icon-bikini',
     'b2b_icon-blogs',
+    'b2b_icon-box-scale',
     'b2b_icon-brandshop',
     'b2b_icon-brazil-nut',
     'b2b_icon-browser-click',
     'b2b_icon-browser-content-skyscraper',
     'b2b_icon-browser-content',
     'b2b_icon-browser-duration',
+    'b2b_icon-browser-hand-pointing',
     'b2b_icon-browser-list-click',
     'b2b_icon-browser-magnifying-glass-info',
     'b2b_icon-browser-person-click',
@@ -69,15 +74,20 @@ const iconTypes = [
     'b2b_icon-clipboard-check',
     'b2b_icon-close-bold',
     'b2b_icon-close',
+    'b2b_icon-closed-captions',
     'b2b_icon-clover-four-leaf',
     'b2b_icon-code-management',
+    'b2b_icon-cogwheel-circular-arrow',
+    'b2b_icon-cogwheel-pen',
     'b2b_icon-contact-mail',
+    'b2b_icon-contrast',
     'b2b_icon-cookie',
     'b2b_icon-copy',
     'b2b_icon-cosmetics',
     'b2b_icon-cow',
     'b2b_icon-crab',
     'b2b_icon-critique',
+    'b2b_icon-crown-circle',
     'b2b_icon-curtain',
     'b2b_icon-cut-out',
     'b2b_icon-dashboard',
@@ -93,15 +103,20 @@ const iconTypes = [
     'b2b_icon-delivery-flat',
     'b2b_icon-delivery-on-hangers',
     'b2b_icon-delivery-preferred-place',
+    'b2b_icon-design-assets',
+    'b2b_icon-desktop-code',
     'b2b_icon-desktop-phone-ads-click',
     'b2b_icon-desktop-phone-ads',
     'b2b_icon-desktop-phone',
     'b2b_icon-desktop',
     'b2b_icon-devices-monitor-laptop-tablet',
+    'b2b_icon-diamond-circle',
     'b2b_icon-dish-feature-lactose-free',
     'b2b_icon-dislike',
     'b2b_icon-disposal',
+    'b2b_icon-document-magnifying-glass',
     'b2b_icon-document-sign',
+    'b2b_icon-document-speaker',
     'b2b_icon-downloads',
     'b2b_icon-dress',
     'b2b_icon-dungarees',
@@ -111,6 +126,7 @@ const iconTypes = [
     'b2b_icon-edit-pad',
     'b2b_icon-edit',
     'b2b_icon-egg',
+    'b2b_icon-ellipsis-vertical',
     'b2b_icon-ellipsis',
     'b2b_icon-email-verification-confirmed-safe',
     'b2b_icon-email-verification-confirmed',
@@ -121,6 +137,7 @@ const iconTypes = [
     'b2b_icon-error-article-image',
     'b2b_icon-error-hint',
     'b2b_icon-error',
+    'b2b_icon-euro-sale',
     'b2b_icon-euro',
     'b2b_icon-event',
     'b2b_icon-events',
@@ -141,6 +158,7 @@ const iconTypes = [
     'b2b_icon-gallery-view',
     'b2b_icon-gamepad',
     'b2b_icon-garlic',
+    'b2b_icon-gavel',
     'b2b_icon-gender-intersex',
     'b2b_icon-globe-hand',
     'b2b_icon-globe',
@@ -152,6 +170,7 @@ const iconTypes = [
     'b2b_icon-handshake',
     'b2b_icon-hashtag',
     'b2b_icon-hazelnut',
+    'b2b_icon-hearing-disability',
     'b2b_icon-hide',
     'b2b_icon-high-heels',
     'b2b_icon-home',
@@ -162,6 +181,7 @@ const iconTypes = [
     'b2b_icon-inplace-zoom',
     'b2b_icon-insurance',
     'b2b_icon-kamut',
+    'b2b_icon-keyboard',
     'b2b_icon-laptop-os',
     'b2b_icon-laptop-phone-ads',
     'b2b_icon-laptop-phone-youtube',
@@ -178,12 +198,14 @@ const iconTypes = [
     'b2b_icon-link',
     'b2b_icon-list-view',
     'b2b_icon-location',
+    'b2b_icon-lock-closed-check',
     'b2b_icon-lock-open',
     'b2b_icon-lupine',
     'b2b_icon-macadamia',
     'b2b_icon-material-samples',
     'b2b_icon-measurement',
     'b2b_icon-megaphone',
+    'b2b_icon-mental-disability',
     'b2b_icon-menu',
     'b2b_icon-mic',
     'b2b_icon-milk',
@@ -196,12 +218,14 @@ const iconTypes = [
     'b2b_icon-money-plus',
     'b2b_icon-money-stack',
     'b2b_icon-money',
+    'b2b_icon-moon',
     'b2b_icon-move',
     'b2b_icon-movie',
     'b2b_icon-mustard',
     'b2b_icon-nav',
     'b2b_icon-new',
     'b2b_icon-newsletter-sign-up',
+    'b2b_icon-notification-strikethrough',
     'b2b_icon-notification',
     'b2b_icon-nuts',
     'b2b_icon-oat',
@@ -264,6 +288,7 @@ const iconTypes = [
     'b2b_icon-person',
     'b2b_icon-phone-permission',
     'b2b_icon-phone-play',
+    'b2b_icon-phone-shopping-cart',
     'b2b_icon-phone',
     'b2b_icon-pig',
     'b2b_icon-pin',
@@ -316,6 +341,7 @@ const iconTypes = [
     'b2b_icon-shell',
     'b2b_icon-shirt',
     'b2b_icon-shopping-cart-euro',
+    'b2b_icon-shopping-cart-plus',
     'b2b_icon-shopping-cart',
     'b2b_icon-show',
     'b2b_icon-skip-link',
@@ -340,15 +366,19 @@ const iconTypes = [
     'b2b_icon-sort-descending',
     'b2b_icon-sort',
     'b2b_icon-soy',
+    'b2b_icon-sparkles',
     'b2b_icon-speech-bubble-eye',
     'b2b_icon-speech-bubble-sparkles',
+    'b2b_icon-speech-disability',
     'b2b_icon-spelt',
     'b2b_icon-sphere',
+    'b2b_icon-star-circle',
     'b2b_icon-stationary',
     'b2b_icon-studies',
     'b2b_icon-success-hint-filled',
     'b2b_icon-success',
     'b2b_icon-sulfur-dioxide-sulfite',
+    'b2b_icon-sun',
     'b2b_icon-sustainability',
     'b2b_icon-sustainable-animal-welfare',
     'b2b_icon-sustainable-delivery',
@@ -369,6 +399,8 @@ const iconTypes = [
     'b2b_icon-target-group',
     'b2b_icon-teddy',
     'b2b_icon-test-result',
+    'b2b_icon-text-scale',
+    'b2b_icon-theming',
     'b2b_icon-touch',
     'b2b_icon-town',
     'b2b_icon-trash',
@@ -391,6 +423,7 @@ const iconTypes = [
     'b2b_icon-vegetarian',
     'b2b_icon-viewtoggle-tiles',
     'b2b_icon-village',
+    'b2b_icon-visual-disability',
     'b2b_icon-voice-sparkles',
     'b2b_icon-volume-off',
     'b2b_icon-volume-on',

package/dist/components/multiselect-option.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { d as defineCustomElement$2 } from './checkbox.js';
 import { d as defineCustomElement$1 } from './input-label.js';
 
-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-hover-default)}";
+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;cursor:pointer}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-hover-default)}";
 const B2bMultiselectOptionStyle0 = multiselectOptionCss;
 
 const B2bMultiSelectOption = /*@__PURE__*/ proxyCustomElement(class B2bMultiSelectOption extends HTMLElement {
@@ -17,6 +17,18 @@ const B2bMultiSelectOption = /*@__PURE__*/ proxyCustomElement(class B2bMultiSele
                 selectedOption: this.option,
             });
         };
+        this.handleRowClick = (event) => {
+            const checkbox = this.hostElement.querySelector('b2b-checkbox');
+            if (!checkbox)
+                return;
+            if (checkbox.hasAttribute('disabled'))
+                return;
+            const target = event.target;
+            if (target.tagName.toLowerCase() === 'b2b-checkbox') {
+                return;
+            }
+            checkbox.click();
+        };
         this.option = undefined;
         this.label = undefined;
         this.selected = false;
@@ -24,10 +36,11 @@ const B2bMultiSelectOption = /*@__PURE__*/ proxyCustomElement(class B2bMultiSele
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f1a1faa0a97e00af9fbfa291aba3c53ea92ad44c', role: "option", class: {
+        return (h(Host, { key: 'b9d2434db50809b6a7118b82bdd23857963b9da9', role: "option", onClick: this.handleRowClick, class: {
                 'b2b-multiselect-dropdown__option': true,
-            } }, h("b2b-checkbox", { key: '251ccb65111ecb72b57c19786df65a11a1432ab7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
+            } }, h("b2b-checkbox", { key: '692eee7bee2b04768e8002a14422df19eeb43333', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
     }
+    get hostElement() { return this; }
     static get style() { return B2bMultiselectOptionStyle0; }
 }, [0, "b2b-multiselect-option", {
         "option": [1],

package/dist/custom-elements.json

@@ -3237,12 +3237,27 @@
             {
               "name": "b2b_icon-arrow-misdirected"
             },
+            {
+              "name": "b2b_icon-ascending-arrow-graph-axis"
+            },
+            {
+              "name": "b2b_icon-audio-description"
+            },
+            {
+              "name": "b2b_icon-bar-graph-ascending-magnifying-glass"
+            },
+            {
+              "name": "b2b_icon-box-scale"
+            },
             {
               "name": "b2b_icon-browser-content-skyscraper"
             },
             {
               "name": "b2b_icon-browser-duration"
             },
+            {
+              "name": "b2b_icon-browser-hand-pointing"
+            },
             {
               "name": "b2b_icon-browser-list-click"
             },
@@ -3267,15 +3282,30 @@
             {
               "name": "b2b_icon-clipboard-check"
             },
+            {
+              "name": "b2b_icon-closed-captions"
+            },
             {
               "name": "b2b_icon-clover-four-leaf"
             },
+            {
+              "name": "b2b_icon-cogwheel-circular-arrow"
+            },
+            {
+              "name": "b2b_icon-cogwheel-pen"
+            },
+            {
+              "name": "b2b_icon-contrast"
+            },
             {
               "name": "b2b_icon-cookie"
             },
             {
               "name": "b2b_icon-cosmetics"
             },
+            {
+              "name": "b2b_icon-crown-circle"
+            },
             {
               "name": "b2b_icon-data-filter"
             },
@@ -3285,6 +3315,27 @@
             {
               "name": "b2b_icon-delivery-curb"
             },
+            {
+              "name": "b2b_icon-design-assets"
+            },
+            {
+              "name": "b2b_icon-desktop-code"
+            },
+            {
+              "name": "b2b_icon-diamond-circle"
+            },
+            {
+              "name": "b2b_icon-document-magnifying-glass"
+            },
+            {
+              "name": "b2b_icon-document-speaker"
+            },
+            {
+              "name": "b2b_icon-ellipsis-vertical"
+            },
+            {
+              "name": "b2b_icon-euro-sale"
+            },
             {
               "name": "b2b_icon-factory"
             },
@@ -3294,6 +3345,9 @@
             {
               "name": "b2b_icon-flyer"
             },
+            {
+              "name": "b2b_icon-gavel"
+            },
             {
               "name": "b2b_icon-globe-hand"
             },
@@ -3306,9 +3360,15 @@
             {
               "name": "b2b_icon-hand-raised"
             },
+            {
+              "name": "b2b_icon-hearing-disability"
+            },
             {
               "name": "b2b_icon-iceberg"
             },
+            {
+              "name": "b2b_icon-keyboard"
+            },
             {
               "name": "b2b_icon-laptop-phone-ads"
             },
@@ -3324,18 +3384,30 @@
             {
               "name": "b2b_icon-link"
             },
+            {
+              "name": "b2b_icon-lock-closed-check"
+            },
             {
               "name": "b2b_icon-lock-open"
             },
+            {
+              "name": "b2b_icon-mental-disability"
+            },
             {
               "name": "b2b_icon-money-banknotes"
             },
             {
               "name": "b2b_icon-money-coins-arrow"
             },
+            {
+              "name": "b2b_icon-moon"
+            },
             {
               "name": "b2b_icon-movie"
             },
+            {
+              "name": "b2b_icon-notification-strikethrough"
+            },
             {
               "name": "b2b_icon-ogh-change"
             },
@@ -3372,6 +3444,9 @@
             {
               "name": "b2b_icon-phone-play"
             },
+            {
+              "name": "b2b_icon-phone-shopping-cart"
+            },
             {
               "name": "b2b_icon-plus-hint"
             },
@@ -3396,6 +3471,9 @@
             {
               "name": "b2b_icon-search-navigation"
             },
+            {
+              "name": "b2b_icon-shopping-cart-plus"
+            },
             {
               "name": "b2b_icon-skip-link"
             },
@@ -3429,21 +3507,33 @@
             {
               "name": "b2b_icon-smiley-worried"
             },
+            {
+              "name": "b2b_icon-sparkles"
+            },
             {
               "name": "b2b_icon-speech-bubble-eye"
             },
             {
               "name": "b2b_icon-speech-bubble-sparkles"
             },
+            {
+              "name": "b2b_icon-speech-disability"
+            },
             {
               "name": "b2b_icon-sphere"
             },
+            {
+              "name": "b2b_icon-star-circle"
+            },
             {
               "name": "b2b_icon-success-hint-filled"
             },
             {
               "name": "b2b_icon-sulfur-dioxide-sulfite"
             },
+            {
+              "name": "b2b_icon-sun"
+            },
             {
               "name": "b2b_icon-sustainability"
             },
@@ -3465,6 +3555,12 @@
             {
               "name": "b2b_icon-sustainable-social-initiatives"
             },
+            {
+              "name": "b2b_icon-text-scale"
+            },
+            {
+              "name": "b2b_icon-theming"
+            },
             {
               "name": "b2b_icon-touch"
             },
@@ -3480,6 +3576,9 @@
             {
               "name": "b2b_icon-universal-access"
             },
+            {
+              "name": "b2b_icon-visual-disability"
+            },
             {
               "name": "b2b_icon-voice-sparkles"
             },
@@ -3693,6 +3792,9 @@
             {
               "name": "b2b_icon-skip-link"
             },
+            {
+              "name": "b2b_icon-sparkles"
+            },
             {
               "name": "b2b_icon-arrow-return"
             },
@@ -3702,9 +3804,6 @@
             {
               "name": "b2b_icon-lock-closed"
             },
-            {
-              "name": "b2b_icon-sparkles"
-            },
             {
               "name": "b2b_icon-success-hint"
             }

package/dist/esm/b2b-chip-component_2.entry.js

@@ -46,7 +46,7 @@ const B2bChipComponent = class {
 };
 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-hover-default)}";
+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;cursor:pointer}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-hover-default)}";
 const B2bMultiselectOptionStyle0 = multiselectOptionCss;
 
 const B2bMultiSelectOption = class {
@@ -60,6 +60,18 @@ const B2bMultiSelectOption = class {
                 selectedOption: this.option,
             });
         };
+        this.handleRowClick = (event) => {
+            const checkbox = this.hostElement.querySelector('b2b-checkbox');
+            if (!checkbox)
+                return;
+            if (checkbox.hasAttribute('disabled'))
+                return;
+            const target = event.target;
+            if (target.tagName.toLowerCase() === 'b2b-checkbox') {
+                return;
+            }
+            checkbox.click();
+        };
         this.option = undefined;
         this.label = undefined;
         this.selected = false;
@@ -67,10 +79,11 @@ const B2bMultiSelectOption = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f1a1faa0a97e00af9fbfa291aba3c53ea92ad44c', role: "option", class: {
+        return (h(Host, { key: 'b9d2434db50809b6a7118b82bdd23857963b9da9', role: "option", onClick: this.handleRowClick, class: {
                 'b2b-multiselect-dropdown__option': true,
-            } }, h("b2b-checkbox", { key: '251ccb65111ecb72b57c19786df65a11a1432ab7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
+            } }, h("b2b-checkbox", { key: '692eee7bee2b04768e8002a14422df19eeb43333', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
     }
+    get hostElement() { return getElement(this); }
 };
 B2bMultiSelectOption.style = B2bMultiselectOptionStyle0;