@otto-de/b2b-core-components 1.37.3 → 1.38.1

package/dist/b2b-core-components/{p-c07b563e.entry.js → p-9156d517.entry.js}

@@ -1 +1 @@
-import{r as b,h as o,H as i}from"./p-b6a753e8.js";import{i as e,f as n,b as c}from"./p-953fc46b.js";const r=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down-50","b2b_icon-arrow-down","b2b_icon-arrow-graph","b2b_icon-arrow-left-50","b2b_icon-arrow-left","b2b_icon-arrow-right-50","b2b_icon-arrow-right","b2b_icon-arrow-up-50","b2b_icon-arrow-up","b2b_icon-assembly","b2b_icon-assortment","b2b_icon-attachment","b2b_icon-augmented-reality","b2b_icon-autonomous-team","b2b_icon-bank-details","b2b_icon-bar-graph-ascending","b2b_icon-bar-graph-axis","b2b_icon-barley","b2b_icon-basket-50","b2b_icon-basket-sale","b2b_icon-basket","b2b_icon-basketball","b2b_icon-bikini","b2b_icon-blogs","b2b_icon-brandshop","b2b_icon-brazil-nut","b2b_icon-browser-click","b2b_icon-browser-content","b2b_icon-browser-psm","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chat","b2b_icon-chatbot","b2b_icon-check-50","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","b2b_icon-close-50","b2b_icon-close-bold","b2b_icon-close","b2b_icon-code-management","b2b_icon-contact-mail","b2b_icon-copy","b2b_icon-cow","b2b_icon-crab","b2b_icon-critique","b2b_icon-curtain","b2b_icon-cut-out","b2b_icon-dashboard","b2b_icon-deer","b2b_icon-delete-50","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","b2b_icon-delivery-flat","b2b_icon-delivery-on-hangers","b2b_icon-delivery-preferred-place","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-dish-feature-lactose-free","b2b_icon-dislike","b2b_icon-disposal","b2b_icon-document-sign","b2b_icon-downloads","b2b_icon-dress","b2b_icon-dungarees","b2b_icon-duplicate","b2b_icon-duration","b2b_icon-e-invoice","b2b_icon-edit-pad","b2b_icon-edit","b2b_icon-egg","b2b_icon-ellipsis","b2b_icon-email-verification-confirmed-safe","b2b_icon-email-verification-confirmed","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","b2b_icon-error-article-image","b2b_icon-error-hint-50","b2b_icon-error-hint","b2b_icon-error","b2b_icon-euro","b2b_icon-event","b2b_icon-events","b2b_icon-expand","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter-50","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gender-intersex","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-info-50","b2b_icon-info-hint-50","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","b2b_icon-inplace-zoom","b2b_icon-insurance","b2b_icon-kamut","b2b_icon-laptop-os","b2b_icon-laptop","b2b_icon-leaving-page-50","b2b_icon-leaving-page","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","b2b_icon-list-view","b2b_icon-location","b2b_icon-lupine","b2b_icon-macadamia","b2b_icon-material-samples","b2b_icon-measurement","b2b_icon-megaphone","b2b_icon-menu","b2b_icon-mic","b2b_icon-milk","b2b_icon-minus-50","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-coins","b2b_icon-money-document","b2b_icon-money-plus","b2b_icon-money-stack","b2b_icon-money","b2b_icon-move","b2b_icon-mustard","b2b_icon-nav","b2b_icon-new","b2b_icon-newsletter-sign-up","b2b_icon-notification","b2b_icon-nuts","b2b_icon-oat","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-female","b2b_icon-person-info","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-workshop","b2b_icon-person","b2b_icon-phone-permission","b2b_icon-phone","b2b_icon-pig","b2b_icon-pin-50","b2b_icon-pin","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus-50","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-50","b2b_icon-question-hint-50","b2b_icon-question-hint","b2b_icon-question","b2b_icon-rating-empty-50","b2b_icon-rating-empty","b2b_icon-rating-filled-50","b2b_icon-rating-filled","b2b_icon-rating-half-50","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-refresh-50","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply-50","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","b2b_icon-shell","b2b_icon-shirt","b2b_icon-shopping-cart-euro","b2b_icon-shopping-cart","b2b_icon-show","b2b_icon-smiley-angry","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-positive-50","b2b_icon-smiley-positive","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-50","b2b_icon-sort-ascending-50","b2b_icon-sort-ascending","b2b_icon-sort-descending-50","b2b_icon-sort-descending","b2b_icon-sort","b2b_icon-soy","b2b_icon-spelt","b2b_icon-stationary","b2b_icon-studies","b2b_icon-success-hint-50","b2b_icon-success","b2b_icon-sustainable-delivery","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-production","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","b2b_icon-target-group","b2b_icon-teddy","b2b_icon-test-result","b2b_icon-town","b2b_icon-trash","b2b_icon-trend-down-50","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up-50","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","b2b_icon-vegetarian","b2b_icon-viewtoggle-tiles","b2b_icon-village","b2b_icon-volume-off","b2b_icon-volume-on","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint-50","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-50","b2b_icon-wishlist-active-50","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>r.includes(this.icon),this.warnDeprecate=()=>{console.warn("B2B Icon is deprecated and will be removed on the next major release. Please use b2b-icon-100 or b2b-icon-50 instead.")},this.icon=void 0,this.color="inherit",this.size="100",this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData(),this.warnDeprecate()}render(){return this.isIconSupported()?o(i,null,o("div",{tabIndex:this.focusable?0:null,class:{"b2b-icon":!0,[`b2b-icon--${this.size}`]:Boolean(this.size),[`b2b-icon--${this.color}`]:!0,"b2b-icon--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");const b=c(this.icon,"icons");e.has(b)?this.pathData=e.get(b):n(b).then((()=>this.pathData=e.get(b)))}static get assetsDirs(){return["icons","logos"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon--clickable{cursor:pointer}:host .b2b-icon.b2b-icon--50{width:var(--b2b-size-40);height:var(--b2b-size-40)}:host .b2b-icon.b2b-icon--100{width:var(--b2b-size-60);height:var(--b2b-size-60)}:host .b2b-icon.b2b-icon--200{width:var(--b2b-size-80);height:var(--b2b-size-80)}:host .b2b-icon.b2b-icon--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon.b2b-icon--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon.b2b-icon--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon.b2b-icon--inherit{fill:currentcolor}';export{a as b2b_icon}
+import{r as b,h as o,H as i}from"./p-b6a753e8.js";import{i as e,f as n,b as c}from"./p-953fc46b.js";const r=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down-50","b2b_icon-arrow-down","b2b_icon-arrow-graph","b2b_icon-arrow-left-50","b2b_icon-arrow-left","b2b_icon-arrow-right-50","b2b_icon-arrow-right","b2b_icon-arrow-up-50","b2b_icon-arrow-up","b2b_icon-assembly","b2b_icon-assortment","b2b_icon-attachment","b2b_icon-augmented-reality","b2b_icon-autonomous-team","b2b_icon-bank-details","b2b_icon-bar-graph-ascending","b2b_icon-bar-graph-axis","b2b_icon-barley","b2b_icon-basket-50","b2b_icon-basket-sale","b2b_icon-basket","b2b_icon-basketball","b2b_icon-bikini","b2b_icon-blogs","b2b_icon-brandshop","b2b_icon-brazil-nut","b2b_icon-browser-click","b2b_icon-browser-content","b2b_icon-browser-psm","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chat","b2b_icon-chatbot","b2b_icon-check-50","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","b2b_icon-close-50","b2b_icon-close-bold","b2b_icon-close","b2b_icon-code-management","b2b_icon-contact-mail","b2b_icon-copy","b2b_icon-cow","b2b_icon-crab","b2b_icon-critique","b2b_icon-curtain","b2b_icon-cut-out","b2b_icon-dashboard","b2b_icon-deer","b2b_icon-delete-50","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","b2b_icon-delivery-flat","b2b_icon-delivery-on-hangers","b2b_icon-delivery-preferred-place","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-dish-feature-lactose-free","b2b_icon-dislike","b2b_icon-disposal","b2b_icon-document-sign","b2b_icon-downloads","b2b_icon-dress","b2b_icon-dungarees","b2b_icon-duplicate","b2b_icon-duration","b2b_icon-e-invoice","b2b_icon-edit-pad","b2b_icon-edit","b2b_icon-egg","b2b_icon-ellipsis","b2b_icon-email-verification-confirmed-safe","b2b_icon-email-verification-confirmed","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","b2b_icon-error-article-image","b2b_icon-error-hint-50","b2b_icon-error-hint","b2b_icon-error","b2b_icon-euro","b2b_icon-event","b2b_icon-events","b2b_icon-expand","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter-50","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gender-intersex","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-info-50","b2b_icon-info-hint-50","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","b2b_icon-inplace-zoom","b2b_icon-insurance","b2b_icon-kamut","b2b_icon-laptop-os","b2b_icon-laptop","b2b_icon-leaving-page-50","b2b_icon-leaving-page","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","b2b_icon-list-view","b2b_icon-location","b2b_icon-lupine","b2b_icon-macadamia","b2b_icon-material-samples","b2b_icon-measurement","b2b_icon-megaphone","b2b_icon-menu","b2b_icon-mic","b2b_icon-milk","b2b_icon-minus-50","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-coins","b2b_icon-money-document","b2b_icon-money-plus","b2b_icon-money-stack","b2b_icon-money","b2b_icon-move","b2b_icon-mustard","b2b_icon-nav","b2b_icon-new","b2b_icon-newsletter-sign-up","b2b_icon-notification","b2b_icon-nuts","b2b_icon-oat","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-female","b2b_icon-person-info","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-workshop","b2b_icon-person","b2b_icon-phone-permission","b2b_icon-phone","b2b_icon-pig","b2b_icon-pin-50","b2b_icon-pin","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus-50","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-50","b2b_icon-question-hint-50","b2b_icon-question-hint","b2b_icon-question","b2b_icon-rating-empty-50","b2b_icon-rating-empty","b2b_icon-rating-filled-50","b2b_icon-rating-filled","b2b_icon-rating-half-50","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-refresh-50","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply-50","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","b2b_icon-shell","b2b_icon-shirt","b2b_icon-shopping-cart-euro","b2b_icon-shopping-cart","b2b_icon-show","b2b_icon-smiley-angry","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-positive-50","b2b_icon-smiley-positive","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-50","b2b_icon-sort-ascending-50","b2b_icon-sort-ascending","b2b_icon-sort-descending-50","b2b_icon-sort-descending","b2b_icon-sort","b2b_icon-soy","b2b_icon-spelt","b2b_icon-stationary","b2b_icon-studies","b2b_icon-success-hint-50","b2b_icon-success","b2b_icon-sustainable-delivery","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-production","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","b2b_icon-target-group","b2b_icon-teddy","b2b_icon-test-result","b2b_icon-town","b2b_icon-trash","b2b_icon-trend-down-50","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up-50","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","b2b_icon-vegetarian","b2b_icon-viewtoggle-tiles","b2b_icon-village","b2b_icon-volume-off","b2b_icon-volume-on","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint-50","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-50","b2b_icon-wishlist-active-50","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>r.includes(this.icon),this.warnDeprecate=()=>{console.warn("B2B Icon is deprecated and will be removed on the next major release. Please use b2b-icon-100 or b2b-icon-50 instead.")},this.icon=void 0,this.color="inherit",this.size="100",this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData(),this.warnDeprecate()}render(){return this.isIconSupported()?o(i,null,o("div",{tabIndex:this.focusable?0:null,class:{"b2b-icon":!0,[`b2b-icon--${this.size}`]:Boolean(this.size),[`b2b-icon--${this.color}`]:!0,"b2b-icon--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");const b=c(this.icon,"icons");e.has(b)?this.pathData=e.get(b):n(b).then((()=>this.pathData=e.get(b)))}static get assetsDirs(){return["icons","logos"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon--clickable{cursor:pointer}:host .b2b-icon.b2b-icon--50{width:var(--b2b-size-40);height:var(--b2b-size-40)}:host .b2b-icon.b2b-icon--100{width:var(--b2b-size-60);height:var(--b2b-size-60)}:host .b2b-icon.b2b-icon--200{width:var(--b2b-size-80);height:var(--b2b-size-80)}:host .b2b-icon.b2b-icon--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon.b2b-icon--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon.b2b-icon--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon.b2b-icon--inherit{fill:currentcolor}';export{a as b2b_icon}

package/dist/b2b-core-components/p-9221a514.entry.js

@@ -0,0 +1 @@
+import{r as b,h as r,H as o}from"./p-b6a753e8.js";const e=class{constructor(r){b(this,r),this.href=void 0,this.download=null,this.target="self",this.size="inherit",this.hoverColor="default",this.underlineText=!0}render(){return r(o,{key:"60d94771fa6bf9cf9d8e688ecd7eba179a8e28a3"},r("a",{key:"f18239735b64a33cf80167e98a8cec01c0b42fb3",href:this.href,download:this.download,target:`_${this.target}`,class:{"b2b-anchor":!0,[`b2b-anchor--${this.size}`]:!0,[`b2b-anchor-hover--${this.hoverColor}`]:!0,"b2b-anchor--underline-text":this.underlineText}},r("slot",{key:"9bc35228a2265b620e8e32adf9ea8040cf259192"})))}};e.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{z-index:0;width:fit-content;height:fit-content;position:relative}:host .b2b-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);transition:all 0.3s ease;z-index:1001;position:relative}:host .b2b-anchor--100{font-size:var(--b2b-size-copy-100)}:host .b2b-anchor--inherit{font-size:inherit}:host .b2b-anchor-hover--default:hover{color:var(--b2b-color-red-100);cursor:pointer}:host .b2b-anchor-hover--inherit:hover{color:inherit;cursor:pointer}:host .b2b-anchor--underline-text{text-decoration:underline}:host .b2b-anchor:not(.b2b-anchor--underline-text){text-decoration:none}';export{e as b2b_anchor}

package/dist/b2b-core-components/p-9626c6e2.entry.js

@@ -0,0 +1 @@
+import{r as b,c as e,h as o,H as r,g as s}from"./p-b6a753e8.js";import{T as i,g as t,a}from"./p-19392020.js";const l=class{constructor(o){b(this,o),this.b2bSortChange=e(this,"b2b-sort-change",7),this.getAllCellsByRow=b=>Array.from(b.children),this.setRowGroupSize=()=>{const b=Array.from(this.host.querySelectorAll("b2b-table-rowgroup"));for(let e=0,o=b.length;e<o;e++)b[e].size=this.size},this.size=i.EXPAND}onColumnSelected(b){"B2B-TABLE-HEADER"===b.target.nodeName&&this.b2bSortChange.emit({sortedColumn:b.target.sortId||b.target.textContent.trim(),sortDirection:b.detail})}setCellSize(){const b=t(this.host);for(let e=0,o=b.length;e<o;e++){b[e].size=this.size;const o=this.getAllCellsByRow(b[e]);for(let b=0,e=o.length;b<e;b++)o[b].setAttribute("size",this.size)}}setFixedHeaders(){this.host.querySelector("b2b-table-rowgroup").fixed=!0}componentWillLoad(){this.isScrollable=null!==this.host.closest("b2b-scrollable-container"),this.setCellSize(),this.isScrollable||this.setRowGroupSize()}componentDidRender(){this.isScrollable&&this.setFixedHeaders()}componentDidLoad(){const b=this.host.querySelectorAll("b2b-table-header");Array.from(b).filter((b=>b.sortDirection!==a.NOT&&void 0!==b.sortDirection)).length>1&&(console.warn("<b2b-table> warning: Only one header can be sorted at the time. The others should be defined as 'not-sorted'. This issue was found in this table element:"),console.log(this.host))}render(){return o(r,{key:"4e54f9b98d02bed540e4748bbcf20837647ce796",class:{["b2b-table--"+this.size]:!0},role:"table"},o("slot",{key:"7e70f4f9b9ff302e7f3e283753591c5f4dd79312"}))}get host(){return s(this)}};l.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{text-align:left;width:100%}:host(.b2b-table--expand){display:table}:host(.b2b-table--equal){display:table;table-layout:fixed}:host(.b2b-table--colspan){display:block}';export{l as b2b_table}

package/dist/b2b-core-components/p-9a7ac38a.entry.js

@@ -0,0 +1 @@
+import{r as b,h as o,H as r,g as e}from"./p-b6a753e8.js";const i=class{constructor(o){b(this,o),this.maxWidth=!1,this.noPadding=!1,this.borderTop="default",this.borderRight="default",this.borderBottom="default",this.borderLeft="default"}render(){return o(r,{key:"3f5519f808f26a88fde93a7f933b11c9b3f96992",class:{"b2b-background-box":!0,"b2b-background-box--max-width":this.maxWidth,"b2b-background-box--no-padding":this.noPadding,"b2b-background-box--hide-border-top":"none"===this.borderTop,"b2b-background-box--hide-border-right":"none"===this.borderRight,"b2b-background-box--hide-border-bottom":"none"===this.borderBottom,"b2b-background-box--hide-border-left":"none"===this.borderLeft}},o("slot",{key:"35bd80fb92b66ab216db1cf86ce7817a9087fe19"}))}get host(){return e(this)}};i.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-background-box){display:block;background:var(--b2b-color-background-box);border:var(--b2b-size-1) solid var(--b2b-color-border-100);padding:1.5rem}:host(.b2b-background-box--max-width.b2b-background-box--no-padding){max-width:90rem;padding:unset}:host(.b2b-background-box--max-width){max-width:90rem}:host(.b2b-background-box--no-padding){padding:unset}:host(.b2b-background-box--hide-border-top){border-top:0}:host(.b2b-background-box--hide-border-right){border-right:0}:host(.b2b-background-box--hide-border-bottom){border-bottom:0}:host(.b2b-background-box--hide-border-left){border-left:0}';export{i as b2b_background_box}

package/dist/b2b-core-components/p-a1448a4a.entry.js

@@ -0,0 +1 @@
+import{r as b,h as r,H as o,g as e,c as i}from"./p-b6a753e8.js";import{p as t}from"./p-dbf44caf.js";const s=class{constructor(r){b(this,r),this.removeText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.toggleAllDisabled=()=>{this.getChildNodes().forEach((b=>{b.groupDisabled=this.disabled}))},this.getChildNodes=()=>Array.from(this.host.children),this.invalid=!1,this.disabled=!1,this.error=void 0,this.hint=void 0}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}connectedCallback(){this.removeText(),this.toggleAllError(),this.disabled&&this.toggleAllDisabled()}render(){return r(o,{key:"fa99a4e2f8a5923b14d6304378fc574e8fa0f451"},r("div",{key:"ac085ec1ba4ae6566e29192fcf41487a5aeaf2dd",class:{"b2b-input-wrapper":!0}},r("slot",{key:"9412332e469771720376b5d16b101b21867a29ad",name:"start"}),r("slot",{key:"eb2201d7243365abd486e6a17c99ba84e942415d"}),r("slot",{key:"c4d8b4c1b837de6bf80049d8b94e402dbb1e663d",name:"end"})),(this.hint||this.invalid&&!this.disabled)&&r("span",{class:{"b2b-input-wrapper__hint":!0,"b2b-input-wrapper__hint--error":this.invalid&&!this.disabled}},this.invalid&&!this.disabled?this.error:this.hint))}get host(){return e(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-wrapper{display:flex;align-items:flex-end;flex:0 0 auto;max-width:800px}:host .b2b-input-wrapper__hint{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-wrapper__hint--error{color:var(--b2b-color-error-100)}::slotted(*[slot=start]){--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0\n    var(--b2b-size-border-radius-100);--b2b-border-right:0}::slotted(*){--b2b-border-radius:0;--b2b-border-right:0}::slotted(*[slot=end]){--b2b-border-radius:0 var(--b2b-size-border-radius-100)\n    var(--b2b-size-border-radius-100) 0;--b2b-border-right:1px solid var(--b2b-color-grey-200)}';const a={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},l=class{constructor(r){b(this,r),this.b2bClear=i(this,"b2b-clear",7),this.onOptionSelected=b=>{this.setElementOnBlur(),this.value=b.detail.selectedOption,this.resetAllOptions()},this.onEscapePress=()=>{this.setElementOnBlur(),this.hostElement.shadowRoot.querySelector("b2b-input").setFocus(),this.resetAllOptions()},this.handleInput=b=>{this.value=b.detail.value;const r=b.target.value.toLowerCase(),o=t(this.optionsList);this.currentList=""===r?o:o.filter((b=>b.toLowerCase().includes(r))),this.searchValue=r,""===this.value&&this.setElementOnBlur(),this.setElementOnFocus()},this.setElementOnFocus=()=>{this.isElementFocused=!0},this.setElementOnBlur=()=>{this.isElementFocused=!1},this.getGroupOrderClassName=()=>{var b;if("B2B-INPUT-GROUP"===this.hostElement.parentNode.nodeName)return`b2b-group-input__${(null===(b=this.hostElement.assignedSlot)||void 0===b?void 0:b.name)||"middle"}`},this.getAllOptions=()=>Array.from(this.hostElement.shadowRoot.querySelectorAll("b2b-input-list-option")),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.setCurrentOption=b=>{this.getAllOptions().forEach((r=>{r.setAttribute("tabindex",r===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.resetInput=async b=>{const r=this.hostElement.shadowRoot.querySelector("b2b-input");b.preventDefault(),b.stopPropagation(),await r.setFocus(),("keydown"===b.type&&"Enter"===b.key||"mousedown"===b.type)&&(this.value="",this.b2bClear.emit(),await r.clearInput())},this.label=void 0,this.required=!1,this.placeholder=void 0,this.optionsList=[],this.value=null,this.disabled=!1,this.groupDisabled=!1,this.hasOptionList=this.optionsList.length>0,this.currentList=[],this.isElementFocused=!1,this.searchValue=""}componentWillLoad(){this.currentList=t(this.optionsList),this.hasOptionList=this.optionsList.length>0}handleKeyDown(b){if("Tab"===b.key)this.setElementOnBlur();else if(this.isElementFocused&&this.optionsList&&Object.values(a).includes(b.key)){const r=this.getAllOptions(),o=this.getCurrentOption();let e=r.indexOf(o);switch(b.preventDefault(),b.key){case a.ARROW_UP:e--;break;case a.ARROW_DOWN:e++;break;case a.HOME:e=0;break;case a.END:e=r.length-1;break;case a.ESC:return void this.onEscapePress();default:return}e<0&&(e=r.length-1),e>r.length-1&&(e=0),this.setCurrentOption(r[e]),r[e].focus()}}watchPropHandler(b){this.hasOptionList=b.length>0,this.currentList=[...b]}render(){const b=this.getGroupOrderClassName()||"";return r(o,{key:"a3b50598632e6a0a796a9eb141f26fe12b29e8be",onBlur:this.setElementOnBlur,onFocus:this.setElementOnFocus},r("div",{key:"9d7e4f051f2593947ce3cbf5602f6a4a602fbdfc",class:{"b2b-input-list":!0,"b2b-input-list__options-on":this.hasOptionList&&this.isElementFocused&&Boolean(this.value),[b]:!0}},r("b2b-input",{key:"654211622b3bc8094ce6b20edd2b3c19f2ac28c3",type:"text",label:this.label,value:this.value,disabled:this.disabled||this.groupDisabled,"onb2b-input":this.handleInput,placeholder:this.placeholder,required:this.required},!(this.disabled||this.groupDisabled)&&Boolean(this.value)&&r("b2b-icon-100",{icon:"b2b_icon-close","aria-label":"reset",slot:"end",tabIndex:0,onMouseDown:this.resetInput,onKeyDown:this.resetInput})),this.isElementFocused&&Boolean(this.value)?r("div",{class:"b2b-input-list__options-container"},this.hasOptionList?r("div",{class:"b2b-input-list__options",role:"listbox"},this.currentList.map((b=>r("b2b-input-list-option",{option:b,tabIndex:-1,"onb2b-option-selected":this.onOptionSelected})))):r("slot",null)):null))}get hostElement(){return e(this)}static get watchers(){return{optionsList:["watchPropHandler"]}}};l.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{width:100%}.b2b-input-list{position:relative;display:flex;flex-direction:column;min-width:7rem}.b2b-input-list.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-no-radius-bottom)}.b2b-input-list.b2b-group-input__start b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__start.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0 0}.b2b-input-list.b2b-group-input__middle b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end.b2b-input-list__options-on b2b-input{--b2b-border-radius:0 var(--b2b-size-border-radius-100) 0 0}.b2b-input-list.b2b-input-list__options-on:focus{outline:none}.b2b-input-list .b2b-input-list__options-container{position:relative}.b2b-input-list .b2b-input-list__options{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;cursor:pointer;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}.b2b-input-list .b2b-input-list__options .b2b-input-list__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:hover,.b2b-input-list .b2b-input-list__options .b2b-input-list__option:focus{background-color:var(--b2b-color-hover-default)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:first-child{padding-top:var(--b2b-size-20)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:last-child{padding-bottom:var(--b2b-size-20)}.b2b-input-list b2b-icon-100{--b2b-icon-cursor:pointer}.b2b-input-list{}.b2b-input-list .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}::slotted(*){font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}';export{s as b2b_input_group,l as b2b_input_list}

package/dist/b2b-core-components/p-a6f96e5e.entry.js

@@ -0,0 +1 @@
+import{r as b,h as o,H as i}from"./p-b6a753e8.js";import{i as e,f as n,b as c}from"./p-953fc46b.js";const r=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive-6m","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down","b2b_icon-arrow-graph-axis","b2b_icon-arrow-graph","b2b_icon-arrow-left","b2b_icon-arrow-long-down","b2b_icon-arrow-long-left","b2b_icon-arrow-long-right","b2b_icon-arrow-long-up","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","b2b_icon-basket-sale","b2b_icon-basket","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","b2b_icon-browser-psm","b2b_icon-browser-target","b2b_icon-browser-teaser","b2b_icon-bullet-list","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chat-ellipsis","b2b_icon-chat","b2b_icon-chatbot","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","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","b2b_icon-data-filter","b2b_icon-decision","b2b_icon-deer","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-curb","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","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","b2b_icon-duplicate","b2b_icon-duration","b2b_icon-e-invoice","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","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","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","b2b_icon-expand","b2b_icon-factory","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flame","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-flyer","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gavel","b2b_icon-gender-intersex","b2b_icon-globe-hand","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-hand-high-five","b2b_icon-hand-pointing-up","b2b_icon-hand-raised","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hearing-disability","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-iceberg","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","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","b2b_icon-laptop-phone","b2b_icon-laptop","b2b_icon-leaving-page-50","b2b_icon-leaving-page","b2b_icon-letter-opened","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","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","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-banknotes","b2b_icon-money-coins-arrow","b2b_icon-money-coins","b2b_icon-money-document","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","b2b_icon-ogh-change","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return-arrow","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-ordered-list","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-change","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-out-of-home-digital","b2b_icon-out-of-home","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-arrow-graph","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-exchange","b2b_icon-person-female","b2b_icon-person-influencer","b2b_icon-person-info","b2b_icon-person-magnifying-glass","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-wheelchair","b2b_icon-person-workshop","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","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus-hint","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag-premium","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-hint","b2b_icon-question","b2b_icon-radio","b2b_icon-rating-empty","b2b_icon-rating-filled","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-reach","b2b_icon-refresh","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-room","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-screenshot","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search-navigation","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","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","b2b_icon-smiley-angry","b2b_icon-smiley-confused","b2b_icon-smiley-dizzy","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-pensive","b2b_icon-smiley-positive","b2b_icon-smiley-relieved","b2b_icon-smiley-sad","b2b_icon-smiley-smiling-with-smiling-eyes","b2b_icon-smiley-smiling","b2b_icon-smiley-squinting","b2b_icon-smiley-winking","b2b_icon-smiley-worried","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-ascending","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","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-natural-cosmetics","b2b_icon-sustainable-organic-food","b2b_icon-sustainable-organic-materials","b2b_icon-sustainable-production","b2b_icon-sustainable-recyclable-design","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-sustainable-social-initiatives","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","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","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-tv-smart","b2b_icon-tv-target","b2b_icon-tv","b2b_icon-universal-access","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","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","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-webhook","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-youtube","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>r.includes(this.icon),this.isIconRightSize=()=>this.size>=24&&this.size<=96,this.icon=void 0,this.color="inherit",this.size=24,this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData()}render(){return this.isIconSupported()&&this.isIconRightSize()?o(i,null,o("div",{tabIndex:this.focusable?0:null,style:{width:`${this.size}px`,height:`${this.size}px`},class:{"b2b-icon-100":!0,[`b2b-icon-100--${this.color}`]:!0,"b2b-icon-100--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");this.isIconRightSize()||console.warn(`the icon ${this.icon} uses an unsupported size (${this.size}px). Please use a size between 24 and 96 pixels.`);const b=c(this.icon,"icons-100");e.has(b)?this.pathData=e.get(b):n(b).then((()=>this.pathData=e.get(b)))}static get assetsDirs(){return["icons-100"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon-100{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon-100--clickable{cursor:pointer}:host .b2b-icon-100.b2b-icon-100--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon-100.b2b-icon-100--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon-100.b2b-icon-100--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon-100.b2b-icon-100--inherit{fill:currentcolor}';export{a as b2b_icon_100}

package/dist/b2b-core-components/p-aef6ea16.entry.js

@@ -0,0 +1 @@
+import{r as b,c as e,h as r,H as o,g as a}from"./p-b6a753e8.js";import{s as i,d as t}from"./p-5f3ba5e6.js";const s=class{constructor(o){b(this,o),this.b2bDatePickerEscape=e(this,"b2b-date-picker-escape",7),this.b2bDateSelected=e(this,"b2b-date-selected",7),this.getAllDates=()=>Array.from(this.host.shadowRoot.querySelectorAll(".b2b-date-range-picker-day")),this.focusCurrentDate=b=>{this.getAllDates().forEach((e=>{b.className.includes("b2b-date-range-picker-day--disabled")||e.setAttribute("tabindex",e===b?"0":"-1")})),b.className.includes("b2b-date-range-picker-day--disabled")||b.focus()},this.renderDatePickerDays=()=>{const[b,e]=i(this.viewedDate),o=t([b,e,this.viewedDay]),a=t(new Date),s=t(this.firstDate),l=t(this.secondDate);let c=new Date(b,e-1+1,0).getDate(),n=[],d=(new Date(b,e-1,1).getDay()+6)%7;for(let b=0;b<d;b++)n.push(r("div",null));for(let i=1;i<=c;i++){const c=t([b,e,i]),d=this.disableDates(i);n.push(r("div",{class:{"b2b-date-range-picker-day":!0,"b2b-date-range-picker-day--disabled":d,"b2b-date-range-picker-day--today":c===a,"b2b-date-range-picker-day--selected":c===s||c===l,"b2b-date-range-picker-day--start":c===s&&null!=l&&s!==l,"b2b-date-range-picker-day--end":c===l&&s!==l,"b2b-date-range-picker-day--preview":null==l||this.preview,"b2b-date-range-picker-day--range":null!=s&&(s<c&&c<(null!=l?l:o)||s>c&&c>(null!=l?l:o))},onClick:()=>{d||this.b2bDateSelected.emit({selectedDate:new Date(b,e-1,i)})},onMouseEnter:b=>{this.viewedDay=i,b.target.focus(),b.preventDefault()},tabindex:c===o?0:-1,role:"gridcell","aria-label":`Date ${i} ${e} ${b}`},i))}return n},this.viewedDate=new Date,this.firstDate=void 0,this.secondDate=void 0,this.disableDates=()=>!1,this.preview=!1,this.viewedDay=0}handleKeyDown(b){b.preventDefault();const[e,r]=i(this.viewedDate);let o=this.viewedDay;switch(b.key){case"ArrowLeft":o-=1;break;case"ArrowRight":o+=1;break;case"ArrowUp":o-=7;break;case"ArrowDown":o+=7;break;case"Enter":return void(this.disableDates(o)||this.b2bDateSelected.emit({selectedDate:new Date(e,r-1,o)}));case"Escape":return void this.b2bDatePickerEscape.emit();default:return}const a=this.getAllDates();o<1&&(o=a.length),o>a.length&&(o=1),this.disableDates(o)||(this.viewedDay=o,this.focusCurrentDate(a[o-1]))}setFocusOnSelectedDayOrFirstDay(){var b;const e=this.getAllDates();if(e.length>0){const[r,o]=i(this.viewedDate),[a,t,s]=i(null!==(b=this.firstDate)&&void 0!==b?b:new Date);this.focusCurrentDate(r==a&&o==t&&this.viewedDay===s?e[this.viewedDay-1]:e[0])}}componentWillLoad(){let[,,b]=i(this.viewedDate);this.viewedDay=b}componentDidLoad(){this.setFocusOnSelectedDayOrFirstDay()}render(){return r(o,{key:"15def7fc64e3fc1793ab517d3f1a515462d68bdb"},r("div",{key:"f072b82124f611ae2e60a43eb7550fa008e52234",class:"b2b-date-range-picker-days"},this.renderDatePickerDays()))}get host(){return a(this)}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-date-range-picker-days{display:grid;grid-template-columns:repeat(7, 1fr);padding:0 var(--b2b-size-40) 0 var(--b2b-size-40)}.b2b-date-range-picker-days .b2b-date-range-picker-day{width:var(--b2b-size-90);height:var(--b2b-size-90);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:var(--b2b-font-weight-normal);color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);cursor:pointer}.b2b-date-range-picker-days .b2b-date-range-picker-day--disabled{color:var(--b2b-color-grey-200);pointer-events:none}.b2b-date-range-picker-days .b2b-date-range-picker-day--today{border:1px solid var(--b2b-color-black-50);box-sizing:border-box}.b2b-date-range-picker-days .b2b-date-range-picker-day--selected{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);width:38px;margin-left:-1px}.b2b-date-range-picker-days .b2b-date-range-picker-day--start{border-radius:5px 0 0 5px}.b2b-date-range-picker-days .b2b-date-range-picker-day--end{border-radius:0 5px 5px 0}.b2b-date-range-picker-days .b2b-date-range-picker-day--range{background-color:var(--b2b-color-grey-200);color:var(--b2b-color-black-100);width:38px;border-radius:0;margin-left:-1px}.b2b-date-range-picker-days .b2b-date-range-picker-day--preview.b2b-date-range-picker-day--range,.b2b-date-range-picker-days .b2b-date-range-picker-day:hover,.b2b-date-range-picker-days .b2b-date-range-picker-day:focus{background-color:var(--b2b-color-hover-default);color:var(--b2b-color-black-100);z-index:102}';const l=class{constructor(e){b(this,e),this.weight="normal",this.size="100",this.align="left",this.margin=!0,this.variant="black-100",this.display="block"}render(){return r("p",{key:"9372543c8a22d33c6ed0c53e3e8b277e0ce78883",style:{display:this.display},class:{"b2b-paragraph":!0,["b2b-paragraph--size-"+this.size]:!0,["b2b-paragraph--weight-"+this.weight]:!0,["b2b-paragraph--align-"+this.align]:!0,"b2b-paragraph--no-margin":!this.margin,["b2b-paragraph--variant-"+this.variant]:!0}},r("slot",{key:"ca3169be5b0239e40911fa2071c744404a6bbbae"}))}};l.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-paragraph{font-family:var(--b2b-font-family-default);margin:0 0 var(--b2b-size-30)}.b2b-paragraph--size-50{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}.b2b-paragraph--size-100{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}.b2b-paragraph--weight-normal{font-weight:var(--b2b-font-weight-normal)}.b2b-paragraph--weight-bold{font-weight:var(--b2b-font-weight-bold)}.b2b-paragraph--align-left{text-align:left}.b2b-paragraph--align-right{text-align:right}.b2b-paragraph--align-center{text-align:center}.b2b-paragraph--variant-black-100{color:var(--b2b-color-copy-default)}.b2b-paragraph--variant-grey-400{color:var(--b2b-color-grey-400)}.b2b-paragraph--no-margin{margin:0}';export{s as b2b_date_range_picker_days,l as b2b_paragraph}

package/dist/b2b-core-components/p-b5daea5d.entry.js

@@ -0,0 +1 @@
+import{r as b,c as r,h as o,H as e,g as i}from"./p-b6a753e8.js";const a=class{constructor(o){b(this,o),this.b2bChange=r(this,"b2b-selected",7),this.disabled=!1,this.href="",this.target="blank"}onClick(){this.b2bChange.emit()}onKeyDown(b){"Enter"===b.key&&this.b2bChange.emit()}getTabIndex(){return this.disabled?-1:""!=this.href?"":0}render(){return o(e,{key:"f9fd7890d85a2c69fb416cacd1038a3e50ba8ce2",tabIndex:this.getTabIndex(),"aria-disabled":this.disabled?"true":null,class:{"b2b-card":!0,"b2b-card--disabled":this.disabled}},""!=this.href&&o("a",{href:this.href,target:`_${this.target}`}),this.disabled&&o("div",{class:"b2b-card--disabled-overlay"}),o("slot",{key:"1258394d2cf138a0625c70af043d4590a45262db"}))}get host(){return i(this)}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{width:100%;cursor:pointer;display:block;overflow:hidden;box-sizing:border-box;box-shadow:var(--b2b-size-5) var(--b2b-size-5) 5px rgba(0, 0, 0, 0.15);padding:var(--b2b-size-45) var(--b2b-size-60) var(--b2b-size-60);background:var(--b2b-color-white-100);border:var(--b2b-size-1) solid var(--b2b-color-grey-100);border-radius:var(--b2b-size-25);position:relative}:host a{width:100%;height:100%;display:block;position:absolute;top:0;left:0}:host(.b2b-card:hover),:host(.b2b-card:focus){box-shadow:5px 5px var(--b2b-size-15) rgba(0, 0, 0, 0.15);transition:box-shadow 0.2s ease-in-out;outline:none}:host(.b2b-card:focus){outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}:host(.b2b-card--disabled){pointer-events:none;background:var(--b2b-color-grey-25);color:var(--b2b-color-grey-400)}:host(.b2b-card--disabled) .b2b-card--disabled-overlay{position:absolute;top:0;left:0;background-color:var(--b2b-color-grey-25);opacity:0.5;width:100%;height:100%}';export{a as b2b_card}

package/dist/b2b-core-components/p-bbdaefcd.entry.js

@@ -0,0 +1 @@
+import{r as b,c as e,h as r,H as o}from"./p-b6a753e8.js";import{t as i,s as a,d as t,a as s,i as c,b as l}from"./p-5f3ba5e6.js";const n=class{constructor(r){b(this,r),this.b2bSelected=e(this,"b2b-selected",7),this.b2bClear=e(this,"b2b-clear",7),this.label="Zeitraum auswählen",this.required=!1,this.dateRange=void 0,this.disableDates=()=>!1,this.presets={},this.invalid=!1,this.hint=void 0,this.error=void 0,this.language="de",this.open=!1,this.tempDate=void 0,this.internalDateRange=void 0,this.highlightDateRange=void 0,this.viewMode="Days",this.viewedYear=void 0,this.viewedMonth=void 0,this.viewedDay=void 0}updateDateRange(b){this.internalDateRange=i(b),this.resetViewedDate()}handleDatePickerViewChanged(b){this.viewMode=b.detail.value}previousMonth(){0===this.viewedMonth?(this.viewedMonth=11,this.viewedYear-=1):this.viewedMonth-=1}nextMonth(){11===this.viewedMonth?(this.viewedMonth=0,this.viewedYear+=1):this.viewedMonth+=1}handleMonthSelected(b){this.viewedMonth=b.detail.value+1,this.viewMode="Days"}handleYearSelected(b){this.viewedYear=b.detail.value,this.viewMode="Days"}handleEscapePress(){this.toggleOpen(!1)}handleDateSelected(b){b.preventDefault(),this.selectDate(b.detail.selectedDate)}selectDate(b){null==this.tempDate?this.tempDate=a(b):t(b)>=t(this.tempDate)?this.setDate([s(this.tempDate),s(b)]):this.setDate([s(b),s(this.tempDate)])}setDate(b){this.internalDateRange=b,this.toggleOpen(!1),null==b?this.b2bClear.emit():this.b2bSelected.emit({selected:b})}toggleOpen(b=!this.open){this.open=b,b||(this.tempDate=void 0,this.resetViewedDate())}resetViewedDate(){var b;const e=null===(b=this.internalDateRange)||void 0===b?void 0:b[0];if(null==e){const b=new Date;this.viewedYear=b.getFullYear(),this.viewedMonth=b.getMonth()+1,this.viewedDay=b.getDate()}else{const[b,r,o]=a(e);this.viewedYear=b,this.viewedMonth=r,this.viewedDay=o}this.viewMode="Days"}componentWillLoad(){this.internalDateRange=i(this.dateRange),this.resetViewedDate()}render(){var b,e,i,a,t,n,d;return r(o,{key:"36a6fd2d45a9019e57dda728f47961cf54bf2535"},r("div",{key:"26c3eca4579e092b68ddb76fdb72de3fb3e1d1a0",class:"b2b-date-range-picker"},r("b2b-input-label",{key:"c6324a8b0ec07dc719e44ae35ce6987a46e012e3",required:this.required},this.label),r("div",{key:"3f27ec4c6054966866d1184e80c0b1a9b5c50178",class:{"b2b-date-range-picker-input-wrapper":!0,"b2b-date-range-picker-input-wrapper--error":this.invalid,"b2b-date-range-picker-input-wrapper--open":this.open},onClick:()=>this.toggleOpen()},r("b2b-paragraph",{key:"23690e8fc98fd82699dbc1319fa26308af7ce23f",margin:!1},l(this.internalDateRange,"")),r("div",{key:"6665672a212e59d228aaf56f53ab03b27df857ea",class:"b2b-icons"},this.internalDateRange&&r("div",{tabIndex:0,onClick:()=>this.setDate(void 0),onKeyDown:b=>{"Enter"===b.key&&this.setDate(void 0)}},r("b2b-icon-100",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),r("div",{key:"c87f07fb2e73d9c250c26a92b77d4802f4f0a72f",tabindex:0,onClick:()=>this.toggleOpen(),onKeyDown:b=>{"Enter"===b.key&&this.toggleOpen()},class:"b2b-event-icon"},r("b2b-icon-100",{key:"cb2bdceb7a80747fd3e8efcf294189a7e7f0b6fb","aria-label":this.open?"close date picker":"open date picker",icon:"b2b_icon-event",clickable:!0}))))),r("div",{key:"84ba8c35eccb089f50a24134bcb5b9e447bdaa95",class:{"b2b-date-range-picker-body":!0,"b2b-date-range-picker-body--hidden":!this.open}},r("div",{key:"154bc92126a558f33be046de4a1e9cd0a2b3bfdb",class:"b2b-date-range-picker-body--calendar"},"Days"===this.viewMode&&r("div",null,r("b2b-date-picker-header",{language:this.language,selectedMonth:this.viewedMonth-1,selectedYear:this.viewedYear}),r("b2b-date-picker-days-header",{language:this.language}),r("b2b-date-range-picker-days",{viewedDate:[this.viewedYear,this.viewedMonth,this.viewedDay],firstDate:null!==(i=null!==(e=null===(b=this.highlightDateRange)||void 0===b?void 0:b[0])&&void 0!==e?e:this.tempDate)&&void 0!==i?i:null===(a=this.internalDateRange)||void 0===a?void 0:a[0],secondDate:null!==(n=null===(t=this.highlightDateRange)||void 0===t?void 0:t[1])&&void 0!==n?n:null==this.tempDate?null===(d=this.internalDateRange)||void 0===d?void 0:d[1]:void 0,disableDates:b=>this.disableDates(s([this.viewedYear,this.viewedMonth,b])),preview:null!=this.highlightDateRange})),"Months"===this.viewMode&&r("b2b-date-picker-months",{language:this.language,selectedMonth:this.viewedMonth-1}),"Years"===this.viewMode&&r("b2b-date-picker-years",{selectedYear:this.viewedYear})),Object.keys(this.presets).length>0&&r("div",{class:"b2b-date-range-picker-body--presets"},Object.entries(this.presets).map((([b,e])=>r("b2b-paragraph",{class:{"b2b-date-range-picker-body--presets--selected":c(this.internalDateRange,e)},margin:!1,onClick:()=>this.setDate(e),onMouseOver:()=>this.highlightDateRange=e,onMouseOut:()=>this.highlightDateRange=void 0},b))))),this.open&&r("div",{class:"b2b-date-range-picker--backdrop",onClick:()=>this.toggleOpen(!1)}),(null!=this.error||null!=this.hint)&&r("span",{class:{"b2b-date-range-picker-hint":!0,"b2b-date-range-picker-hint--error":this.invalid}},this.invalid?this.error:this.hint))}static get watchers(){return{dateRange:["updateDateRange"]}}};n.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{position:relative}.b2b-date-range-picker{position:relative}.b2b-date-range-picker--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.b2b-date-range-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:center;cursor:text;border-radius:var(--b2b-size-7);padding:var(--b2b-size-13) var(--b2b-size-25) var(--b2b-size-13);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-range-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-range-picker-input-wrapper--open{border-radius:var(--b2b-size-7) var(--b2b-size-7) 0 0}.b2b-date-range-picker-input-wrapper b2b-paragraph{width:100%;align-content:center}.b2b-date-range-picker-input-wrapper .b2b-icons{display:flex;width:48px;justify-content:end}.b2b-date-range-picker-hint{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)}.b2b-date-range-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-range-picker-body{position:absolute;display:flex;flex-direction:row;background-color:var(--b2b-color-white-100);z-index:101}.b2b-date-range-picker-body--hidden{display:none}.b2b-date-range-picker-body--calendar{border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);padding-bottom:var(--b2b-size-40);width:300px;box-sizing:border-box}.b2b-date-range-picker-body--presets{padding:var(--b2b-size-40);border:var(--b2b-size-1) solid var(--b2b-color-black-100);margin-top:-1px;border-left:none;display:flex;flex-direction:column;gap:4px}.b2b-date-range-picker-body--presets b2b-paragraph{cursor:pointer;width:max-content;border-radius:var(--b2b-size-7);padding:var(--b2b-size-5) var(--b2b-size-padding-50)}.b2b-date-range-picker-body--presets b2b-paragraph:hover{background-color:var(--b2b-color-hover-default);--b2b-color-copy-default:var(--b2b-color-black-100);color:var(--b2b-color-copy-default);}.b2b-date-range-picker-body--presets--selected{background-color:var(--b2b-color-black-100);--b2b-color-copy-default:var(--b2b-color-white-100);color:var(--b2b-color-copy-default);}';export{n as b2b_date_range_picker}

package/dist/b2b-core-components/p-c3cccd65.entry.js

@@ -0,0 +1 @@
+import{r as b,c as e,h as r,H as o}from"./p-b6a753e8.js";const i=class{constructor(r){b(this,r),this.b2bFocus=e(this,"b2b-focus",7),this.b2bBlur=e(this,"b2b-blur",7),this.b2bInput=e(this,"b2b-input",7),this.b2bChange=e(this,"b2b-selected",7),this.b2bClear=e(this,"b2b-clear",7),this.onFocus=b=>{this.hasFocus=!0,this.isOpen=!0,this.b2bFocus.emit(b)},this.onBlur=b=>{this.hasFocus=!1,this.isOpen=!1,this.b2bBlur.emit(b)},this.onInput=b=>{this.isOpen=!1,this.value=b.target.value,this.b2bInput.emit({value:this.value})},this.validateInput=b=>{const e=b.match(/^(\d{2}):(\d{2})$/);let r=!1;if(e){const b=parseInt(e[1],10),o=parseInt(e[2],10);r=b>=0&&b<=23&&o>=0&&o<=59}!r&&b.length>0?(this.internalErrorMessage="Invalid format",this.internalInvalid=!0):(this.internalErrorMessage="",this.internalInvalid=!1)},this.onSelect=b=>{var e;const r=b.target.getAttribute("data-value");null!==r&&(this.value=r,this.b2bChange.emit(r),this.internalInvalid=!1,this.internalErrorMessage="",this.hasFocus=!1,this.isOpen=!1,null===(e=this.inputRef)||void 0===e||e.blur())},this.onClear=()=>{this.value="",this.internalInvalid=!1,this.internalErrorMessage="",this.hasFocus=!1,this.b2bClear.emit()},this.toggleDropdown=()=>{var b;this.isOpen=!this.isOpen,this.isOpen&&(null===(b=this.inputRef)||void 0===b||b.focus())},this.label=void 0,this.required=!1,this.placeholder="hh:mm",this.invalid=!1,this.hint=void 0,this.interval=15,this.error=void 0,this.value=null,this.hasFocus=!1,this.isOpen=!1,this.availableTimes=[],this.internalErrorMessage="",this.internalInvalid=!1}componentWillLoad(){this.availableTimes=this.getAvailableTimes(),this.value&&this.validateInput(this.value)}handleIntervalChange(){this.availableTimes=this.getAvailableTimes()}validateValue(b){this.value=b,this.validateInput(b)}get isInvalid(){return this.invalid||this.internalInvalid}get currentErrorMessage(){return this.error||this.internalErrorMessage}getAvailableTimes(){const b=[],e=this.interval||15;for(let r=0;r<24;r++)for(let o=0;o<60;o+=e){const e=`${r.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;b.push(e)}return b}render(){return r(o,{key:"60186f73f9b29e97a12cae3d21677a93e9d2cc2e",class:{"b2b-time-picker":!0,"b2b-time-picker--error":this.isInvalid}},this.label&&r("b2b-input-label",{id:this.label,required:this.required},this.label),r("div",{key:"ba780bb83b8b29fbf954a3fcc9d3d24e1fb00d47",class:{"b2b-time-picker__wrapper":!0,"b2b-time-picker__wrapper--focused":this.hasFocus,"b2b-time-picker__wrapper--filled":!this.hasFocus&&!this.invalid&&""!==this.value,"b2b-time-picker__wrapper--error":this.isInvalid}},r("input",{key:"b7c954dcc95b39ba1243c0594af865aeb8f5e556",ref:b=>this.inputRef=b,class:{"b2b-time-picker__native-input":!0},type:"text",placeholder:this.placeholder,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput}),r("div",{key:"2174ef2f4795544c109934bba08b5bf5589ad970",class:"b2b-icons"},this.value&&r("div",{class:"b2b-close-icon",onClick:this.onClear},r("b2b-icon-100",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),r("div",{key:"6a0b79eeb95e89fd4e1ae7650fc6894fe9995716",class:"b2b-duration-icon",onMouseDown:b=>{b.preventDefault(),this.toggleDropdown()}},r("b2b-icon-100",{key:"4d2c4ac3c85e7186f02c1ace46e0f52b32b3867e",icon:"b2b_icon-duration",clickable:!0})))),r("div",{key:"05643f9d3d325a0d145b5f75a5295e3772b317a2",class:{"b2b-time-picker__options-container":!0,"b2b-time-picker__options-container--visible":this.isOpen&&this.hasFocus},onMouseDown:b=>b.preventDefault()},r("div",{key:"2f3d104f3c8b91f828195d17a493ae085098ffb2",class:"b2b-time-picker__options",role:"listbox","aria-label":this.label,tabIndex:-1},this.availableTimes.map((b=>r("div",{key:b,class:{"b2b-time-picker__option":!0,"b2b-time-picker__option--selected":b===this.value},"data-value":b,onClick:this.onSelect,role:"option","aria-selected":b===this.value?"true":"false"},b))))),(this.hint||this.currentErrorMessage)&&r("span",{class:{"b2b-time-picker__hint":!0,"b2b-time-picker__hint--error":this.isInvalid}},this.isInvalid?this.currentErrorMessage:this.hint))}static get watchers(){return{interval:["handleIntervalChange"],value:["validateValue"]}}};i.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-time-picker){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);max-width:600px;min-width:130px;display:block}:host(.b2b-time-picker) .b2b-time-picker__options-container{display:none;position:relative;z-index:1001}:host(.b2b-time-picker) .b2b-time-picker__options-container--visible{display:block}:host(.b2b-time-picker) .b2b-time-picker__options{position:absolute;background-color:var(--b2b-color-white-100);box-sizing:border-box;height:272px;width:var(--b2b-size-200);overflow-y:scroll;border:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:none;scrollbar-color:#7f7f7f transparent;scrollbar-gutter:stable}:host(.b2b-time-picker) .b2b-time-picker__option{width:100%;box-sizing:border-box;padding:7px var(--b2b-size-space-75) var(--b2b-size-15);cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}:host(.b2b-time-picker) .b2b-time-picker__option:hover,:host(.b2b-time-picker) .b2b-time-picker__option--selected{background-color:var(--b2b-color-blue-25)}:host(.b2b-time-picker) .b2b-time-picker__wrapper{box-sizing:border-box;height:36px;display:flex;align-items:center;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative;padding:var(--b2b-size-15) var(--b2b-size-25);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--focused{color:var(--b2b-color-black-100);border-radius:var(--b2b-border-radius);border:1px solid var(--b2b-color-black-100);z-index:9999}:host(.b2b-time-picker) .b2b-time-picker__wrapper--filled{color:var(--b2b-color-black-100)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);color:var(--b2b-color-black-100)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--error .b2b-time-picker__native-input{background-color:var(--b2b-color-error-50)}:host(.b2b-time-picker) .b2b-time-picker__wrapper .b2b-time-picker__native-input{width:100%;border:none;flex:1 1 auto;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}:host(.b2b-time-picker) .b2b-time-picker__wrapper .b2b-time-picker__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-time-picker) .b2b-time-picker-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100);font-size:var(b2b-size-copy-100)}.b2b-time-picker__hint{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)}.b2b-time-picker__hint--error{color:var(--b2b-color-error-100)}.b2b-icons{display:flex;align-items:center}.b2b-close-icon{display:block}.b2b-duration-icon{color:var(--b2b-color-black-100)}';export{i as b2b_time_picker}

package/dist/b2b-core-components/p-c4dabb68.entry.js

@@ -0,0 +1 @@
+import{r as b,c as o,h as r,H as e,g as i}from"./p-b6a753e8.js";const a=class{constructor(r){b(this,r),this.b2bGroupChange=o(this,"b2b-group-change",7),this.toggleAllDisabled=()=>{this.getChildNodes().forEach((b=>{b.disabled=!!this.disabled||b.disabled||!1}))},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.getChildNodes=()=>Array.from(this.host.querySelectorAll("b2b-radio-button")),this.removeChildText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.name=void 0,this.label=void 0,this.required=!1,this.alignment="vertical",this.disabled=!1,this.invalid=!1,this.hint=void 0,this.error=void 0,this.currentValue=void 0}handleRadioButtonChange(b){this.currentValue=b.detail.value,this.b2bGroupChange.emit({checked:b.detail.checked,value:b.detail.value})}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}componentWillLoad(){this.labelSlot=this.host.querySelector('[slot="label"]')}componentDidLoad(){this.toggleAllError(),this.toggleAllDisabled(),this.removeChildText()}render(){return r(e,{key:"0ae32b84f0c10b153284933bddbb15e0450723a9"},r("div",{key:"04f3fc2aa309f7e5b59ec15c2667620d1c4d4473",class:{"b2b-radio-group":!0,"b2b-radio-group--error":this.invalid&&!this.disabled,[`b2b-radio-group--${this.alignment}`]:!0}},(this.label||this.labelSlot)&&r("b2b-input-label",{id:this.name,required:this.required},r("slot",{name:"label"},this.label)),r("fieldset",{key:"219771596262fd4551efebb096fe3a1f84075155"},r("div",{key:"9fd874e3297a02c71f76fa533972276f09fb2d41",class:"b2b-radio-group-options"},r("slot",{key:"e912fcca4012b8512fbe4b4cc485bc66158ad26e"}))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?r("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?r("span",null,this.error):""))}get host(){return i(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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-radio-group{font-family:var(--b2b-font-family-default)}.b2b-radio-group-options{display:flex;flex-wrap:wrap}.b2b-radio-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-15)}.b2b-radio-group fieldset{border:none;margin:0;padding:0}.b2b-radio-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);margin-top:1px}.b2b-radio-group--error span{color:var(--b2b-color-error-100)}.b2b-radio-group--vertical .b2b-radio-group-options{flex-direction:column}.b2b-radio-group--vertical .b2b-radio{margin-bottom:5px}.b2b-radio-group--vertical .b2b-radio:last-child{margin-bottom:0}.b2b-radio-group--horizontal .b2b-radio-group-options{flex-direction:row}.b2b-radio-group--horizontal .b2b-radio{margin-bottom:0}';export{a as b2b_radio_group}

package/dist/b2b-core-components/p-c54525d6.entry.js

@@ -0,0 +1 @@
+import{r as b,h as r,H as e,g as o}from"./p-b6a753e8.js";const s=class{constructor(r){b(this,r),this.getProgress=()=>isNaN(this.progress)||this.progress<0?0:this.progress>100?100:this.progress,this.progress=void 0,this.label=void 0,this.labelType="below",this.labelPosition="left"}render(){const b=void 0!==this.label&&""!==this.label;return r(e,{key:"b0060404440e78b3a2331df11a2d56d4071c7e19"},r("div",{key:"031bd2160763920981cd6491bc1099636f3c21fd",class:{[`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]:!0}},r("div",{key:"945e5c7bf601cd8d34b0cd095245a8cc6b801cea",class:"b2b-progress-bar__wrapper"},r("div",{key:"93086dd441221a8ff681d9de2da8ff2f2d4ae0b5",class:"b2b-progress-bar__progress",style:{width:`${this.getProgress()}%`}})),r("div",{key:"82ce3cabe0897878d2715ca96a07ba8347f42590",class:{"b2b-progress-bar__label":b,"b2b-progress-bar__label-none":!b,[`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]:b}},this.label)))}get hostElement(){return o(this)}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{width:100%}:host .b2b-progress-bar{font-family:var(--b2b-font-family-default)}:host .b2b-progress-bar__left-side{display:flex;flex-direction:row-reverse}:host .b2b-progress-bar__right-side{display:flex;flex-direction:row}:host .b2b-progress-bar__wrapper{flex-basis:100%;height:var(--b2b-size-space-50);background-color:var(--b2b-color-grey-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__progress{height:var(--b2b-size-space-50);background-color:var(--b2b-color-success-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__label{font-size:var(--b2b-size-copy-100);color:var(--b2b-color-copy-default);line-height:var(--b2b-size-copy-line-height-100)}:host .b2b-progress-bar__label-none{display:none}:host .b2b-progress-bar__label__left-side{bottom:7px;position:relative;white-space:nowrap;margin-right:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__right-side{bottom:7px;position:relative;white-space:nowrap;margin-left:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__left-below{margin-top:var(--b2b-size-7)}:host .b2b-progress-bar__label__right-below{text-align:right;margin-top:var(--b2b-size-7)}';export{s as b2b_progress_bar}

package/dist/b2b-core-components/p-c9ed893d.entry.js

@@ -0,0 +1 @@
+import{r as b,c as o,h as e,H as r,g as t}from"./p-b6a753e8.js";import{i as l,b as a,T as i}from"./p-19392020.js";const s=class{constructor(r){b(this,r),this.b2bOpen=o(this,"b2b-open",7),this.b2bSelected=o(this,"b2b-row-selected",7),this.parentRowGroup=null,this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.setTotalCols=()=>{let b=Array.from(this.hostElement.children),o=0;b.forEach((b=>{o+=b.colspan?b.colspan:1})),b.forEach((b=>{b.totalCols=o}))},this.getRowColor=()=>this.isAccordionValue&&l(this.hostElement)&&!this.isHeader()?a.GROUP:this.color,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.isHeader=()=>"header"===this.getParentRowGroup().type,this.getCheckbox=()=>{const b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?e("b2b-table-header",{class:"b2b-table-row__control-cell--checkbox"},e("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):e("b2b-table-cell",{class:"b2b-table-row__control-cell--checkbox"},e("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>this.isAccordionValue&&!this.isHeader()?l(this.hostElement)?e("b2b-table-cell",null,e("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},e("b2b-icon-100",{icon:"b2b_icon-arrow-right",clickable:!0}))):e("b2b-table-cell",{class:"b2b-table-row__control-cell--accordion"}):this.isAccordionValue&&this.isHeader()?e("b2b-table-header",{class:"b2b-table-row__control-cell--accordion"}):void 0,this.highlight=!0,this.color="default",this.selectable=void 0,this.size=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isAccordionValue=!1,this.isOpen=!1}toggleSelected(b){var o;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(o=b.detail.value)&&void 0!==o?o:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.size===i.COLSPAN&&this.setTotalCols(),this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier."),this.findParentAndObserve()}findParentAndObserve(){var b;this.parentRowGroup=this.hostElement.closest("b2b-table-rowgroup"),null!=this.parentRowGroup?this.isAccordionValue=(null===(b=this.parentRowGroup)||void 0===b?void 0:b.hasAttribute("accordion"))||!1:console.warn("Parent b2b-table-rowgroup not found!")}render(){return e(r,{key:"8464ef3dedf1ef893088ccae661282c3552b52e7",class:{"b2b-table-row":!0,"b2b-table-row--colspan":this.size===i.COLSPAN,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),e("slot",{key:"f25f2457e0ff940f31b0a03cf528336448f5af5b"}))}get hostElement(){return t(this)}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-hover-default)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-hover-default)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-hover-default)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-hover-default)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}';export{s as b2b_table_row}

package/dist/b2b-core-components/p-d26ec4d5.entry.js

@@ -0,0 +1 @@
+import{r as b,h as e,H as r,g as o}from"./p-b6a753e8.js";import{W as i}from"./p-c500d93c.js";const s=class{constructor(e){b(this,e),this.MAX_STEP_AMOUNT=6,this.getChildSteps=()=>Array.from(this.host.querySelectorAll("b2b-wizard-step")),this.setStepsState=()=>{this.getChildSteps().map(((b,e)=>{b.state=this.getStepState(e+1),b.step=(e+1).toString(),b.checkIcon=this.checkIcon}))},this.getStepState=b=>{const e=Number(this.activeStep);return e==b?i.PENDING:b<e||0===e?i.COMPLETED:i.DEFAULT},this.activeStep="1",this.custom=!1,this.checkIcon=!0}componentWillLoad(){const b=this.getChildSteps();Number(this.activeStep)>b.length&&console.error("B2B WIZARD: Active step is higher than total steps."),b.length>this.MAX_STEP_AMOUNT&&console.warn(`B2B WIZARD: Please don't use more than ${this.MAX_STEP_AMOUNT} steps. If more needed get in touch with the B2B design team`)}componentWillRender(){this.custom||this.setStepsState()}render(){return e(r,{key:"dbfbc0987d3e4bd7b07b47451ea4096e53ea3d16"},e("div",{key:"3481034aa0be88d4bec040dac7ccfbbfe7485264",class:"b2b_wizard"},e("slot",{key:"6c8ebd923230dc7439191de20bd310486575725c"})))}get host(){return o(this)}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-35);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@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_wizard{display:flex;flex-wrap:wrap}.b2b_wizard__step{display:flex;align-items:center;gap:var(--b2b-size-space-50);padding:var(--b2b-size-space-50) 0}.b2b_wizard__step__label--default{color:var(--b2b-color-icon-secondary)}::slotted(b2b-wizard-step:not(:last-of-type)){display:flex;align-items:center}::slotted(b2b-wizard-step:not(:last-of-type))::after{content:" ";flex-grow:1;height:1px;min-width:var(--b2b-size-space-175);margin:0 var(--b2b-size-space-75) 0 var(--b2b-size-space-75);background:var(--b2b-color-icon-default)}';export{s as b2b_wizard}