@viur/shop-components 0.0.1-dev.2 → 0.0.1-dev.3

package/dist/style.css

@@ -0,0 +1 @@
+.logo[data-v-46c45785]{position:absolute;display:flex;align-items:center;justify-content:center;height:var(--93747d92);width:var(--93747d92);overflow:hidden;border-radius:50%;background-color:var(--sl-color-neutral-0);box-shadow:var(--284424e5)}.logo[data-v-46c45785] sl-icon[data-v-46c45785]{height:var(--6485ca5e);width:var(--6485ca5e);aspect-ratio:1;color:var(--vi-background-color);animation:zoom-46c45785 3.3s ease-in-out 0s infinite alternate}@keyframes zoom-46c45785{0%{scale:.75}to{scale:1}}.loader[data-v-46c45785]{font-size:var(--5d833915);--indicator-color: var(--d5b3feca);--track-color: var(--sl-color-neutral-0);--track-width: var(--2050b700);z-index:1}.loading[data-v-46c45785]{position:absolute;width:100%;height:100%;display:inline-grid;justify-items:center;align-items:center}.v-enter-active[data-v-46c45785],.v-leave-active[data-v-46c45785]{transition:opacity .5s ease}.v-enter-from[data-v-46c45785],.v-leave-to[data-v-46c45785]{opacity:0}.viur-shop-cart-wrap[data-v-44571029]{flex-direction:row;gap:var(--sl-spacing-x-large);align-items:flex-start}.viur-shop-cart-sidebar-btn-wrap[data-v-44571029]{display:flex;flex-direction:column;margin-top:var(--sl-spacing-large)}.viur-shop-cart-sidebar-btn-wrap[data-v-44571029] sl-button[data-v-44571029]{margin-bottom:var(--sl-spacing-x-small)}sl-alert[data-v-44571029]{margin-top:var(--sl-spacing-medium);margin-bottom:var(--sl-spacing-medium)}.viur-shop-cart-controlbar[data-v-44571029]{width:100%;display:flex;justify-content:space-between;align-items:center}.viur-shop-cart-controlbar[data-v-44571029] sl-input[data-v-44571029]{flex:1}.viur-shop-cart-controlbar[data-v-44571029] sl-input[data-v-44571029][data-v-44571029]::part(base){margin-bottom:0}.viur-shop-cart-button-list[data-v-44571029]{display:flex;flex-direction:row;gap:10px}.viur-shop-cart-button-list[data-v-44571029].left[data-v-44571029]{flex:1;margin-right:10px}.search[data-v-44571029]{flex:1 1 100%;margin-left:10px}.article-combobox[data-v-44571029]{float:left;width:75ch}.viur-shop-cart-card-img[data-v-44571029]{aspect-ratio:1}.viur-shop-cart-selection[data-v-44571029]{flex:1}.cart-wrap[data-v-44571029]{display:flex;flex-direction:column;width:100%}.soma-input[data-v-44571029]{display:grid;grid-template-columns:120px 1fr;align-items:center}.soma-label[data-v-44571029]{display:flex;flex-direction:row;align-items:center}.soma-label[data-v-44571029] sl-icon[data-v-44571029]{margin-left:5px;background-color:@highlightColor;color:#fff;aspect-ratio:1;border-radius:50%;padding:.3em;font-size:.6em;cursor:pointer}sl-tooltip[data-v-44571029][data-v-44571029]::part(body){line-height:1.2;font-weight:400;padding:10px}.cart-tab[data-v-44571029] sl-tab[data-v-44571029]{width:25%}.cart-tab[data-v-44571029] sl-tab[data-v-44571029][data-v-44571029]::part(base){width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;color:var(--sl-color-neutral-400)}.cart-tab[data-v-44571029] sl-tab[data-v-44571029][aria-selected=true][data-v-44571029]::part(base){color:var(--ignt-color-primary)!important}.cart-status-text[data-v-44571029]{font-size:.8em;color:inherit;text-align:center;margin-top:.6em;white-space:initial}.search-box[data-v-44571029]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;margin-bottom:30px}.search-box[data-v-44571029] sl-button[data-v-44571029][data-v-44571029]::part(base){height:100%}@media (--ignt-mq-max-break-medium){.search-box[data-v-44571029]{flex-wrap:wrap}}.article-combobox[data-v-44571029]{flex:1 1 100%;margin-bottom:10px}.article-combobox[data-v-44571029][data-v-44571029]::part(base){margin-bottom:0}@media (--ignt-mq-max-break-medium){.article-combobox[data-v-44571029]{margin-bottom:0}}.comission-box[data-v-44571029]{margin-right:10px}.comission-box[data-v-44571029][data-v-44571029]::part(base){margin-bottom:0}@media (--ignt-mq-max-break-medium){.comission-box[data-v-44571029]{flex:1}}.search-amt[data-v-44571029]{margin-right:10px}.search-amt[data-v-44571029][data-v-44571029]::part(base){margin-bottom:0;width:80px}.viur-shop-cart-headline[data-v-44571029][data-v-44571029]::part(base){background-color:transparent;transition:all ease .3s;border-bottom:1px solid transparent;height:auto}.viur-shop-cart-headline[data-v-44571029] [data-v-44571029] .input--focused{border-bottom:1px solid var(--sl-color-primary-500)!important}.viur-shop-cart-headline[data-v-44571029][data-v-44571029]::part(input){color:var(--sl-color-primary-500);font-weight:300;text-transform:uppercase;font-size:1.85em;padding:.1em 0;height:auto}.viur-shop-cart-headline[data-v-44571029][data-v-44571029]::part(suffix){pointer-events:none;width:1.5em;margin-left:-1em;font-size:1.5em}.viur-shop-cart-headline[data-v-44571029][data-v-44571029]:hover[data-v-44571029]::part(base){border-bottom:1px solid var(--sl-color-primary-500)}.viur-shop-cart-descr[data-v-44571029]{margin-top:10px}.viur-shop-cart-descr[data-v-44571029][data-v-44571029]::part(base){background-color:transparent;transition:all ease .3s;border-bottom:1px solid transparent;margin-bottom:0}.viur-shop-cart-descr[data-v-44571029][data-v-44571029]::part(input){padding:.1em 0;height:auto;color:var(--ignt-color-text)}.viur-shop-cart-descr[data-v-44571029][data-v-44571029]::part(suffix){pointer-events:none;width:1.5em;margin-left:-1em;font-size:1.5em}.viur-shop-cart-descr[data-v-44571029][data-v-44571029]:hover[data-v-44571029]::part(base){border-bottom:1px solid var(--ignt-color-text)}sl-menu-item[data-v-44571029][data-v-44571029]::part(base){padding:.2em .9em .2em .8em}sl-menu-item[data-v-44571029][data-v-44571029]::part(checked-icon){display:none}sl-menu-item[data-v-44571029][data-v-44571029]::part(prefix){margin-right:10px}sl-menu-item[data-v-44571029][data-v-44571029]::part(suffix){margin-right:-1.5em}.primary-icon[data-v-44571029]{color:var(--ignt-color-primary)}.delete-icon[data-v-44571029]{color:@warnColor}.dots[data-v-44571029]{color:var(--ignt-color-primary);width:1.5em;height:100%;font-size:1em;padding:.4em}.viur-shop-cart-sidebar-info-line[data-v-44571029]{display:flex;flex-direction:row;flex-wrap:nowrap;margin:var(--sl-spacing-2x-small) 0}.viur-shop-cart-sidebar-info-line[data-v-44571029].total[data-v-44571029]{font-weight:600;border-top:1px solid var(--sl-color-neutral-300);border-bottom:1px solid var(--sl-color-neutral-300);padding:var(--sl-spacing-x-small) 0;margin:var(--sl-spacing-small) 0}.viur-shop-cart-sidebar-info-line[data-v-44571029] span[data-v-44571029]{margin-right:auto}.viur-shop-cart-card[data-v-44571029]{margin-bottom:var(--sl-spacing-x-large)}.viur-shop-cart-card[data-v-44571029][data-v-44571029]::part(header){border-bottom:none;padding-top:0;padding-right:0}.viur-shop-cart-card[data-v-44571029][data-v-44571029]::part(image){flex-basis:25%;max-width:250px}.viur-shop-cart-card[data-v-44571029][data-v-44571029]::part(body){display:flex;flex:1;padding-top:0;padding-bottom:0;padding-right:0}.viur-shop-cart-card[data-v-44571029][data-v-44571029]::part(group){padding:var(--sl-spacing-small) 0}.viur-shop-cart-card-body-row[data-v-44571029]{display:grid;grid-template-columns:1fr auto auto;gap:var(--sl-spacing-large);flex:1}.viur-shop-cart-card-body-info[data-v-44571029]{display:flex;flex-direction:column;height:100%}.viur-shop-cart-card-descr[data-v-44571029]{margin-bottom:auto}.viur-shop-cart-card-body-footer[data-v-44571029]{display:flex;flex-direction:row;gap:var(--sl-spacing-2x-small);margin-top:var(--sl-spacing-large)}.amount-input[data-v-44571029]{width:5em}.viur-shop-cart-card-price-wrap[data-v-44571029]{display:flex;flex-direction:column}.viur-shop-cart-card-price-wrap[data-v-44571029] .viur-shop-cart-card-small-print[data-v-44571029]{font-size:.75em;margin-left:auto}.viur-shop-cart-card-price[data-v-44571029]{font-size:1.3em}.viur-shop-cart-card-price-label[data-v-44571029]{color:var(--ignt-color-primary);font-weight:600;margin-bottom:10px;font-size:1em;margin-left:auto}.viur-shop-item-card-card[data-v-dc32dd0b]{width:100%}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]::part(header){padding:var(--sl-spacing-medium) 0}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]::part(body){padding:var(--sl-spacing-medium) 0}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]::part(footer){padding:var(--sl-spacing-medium) 0}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]:hover .viur-shop-item-card-add-to-cart-btn[data-v-dc32dd0b]{opacity:1}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]:hover .viur-shop-item-card-headline[data-v-dc32dd0b]{color:var(--sl-color-primary-500)}.viur-shop-item-card-card[data-v-dc32dd0b][data-v-dc32dd0b]:hover .viur-shop-item-card-image[data-v-dc32dd0b]{transform:scale(1.02)}.viur-shop-item-card-footer[data-v-dc32dd0b]{display:flex;flex-direction:row;align-items:center;width:100%}.viur-shop-item-card-add-to-cart-btn[data-v-dc32dd0b]{transition:all ease .3s;margin-right:var(--sl-spacing-medium);opacity:0}.viur-shop-item-card-add-to-favourites-btn[data-v-dc32dd0b]{margin-left:auto}.viur-shop-item-card-image[data-v-dc32dd0b]{aspect-ratio:1;object-fit:cover;transition:all ease .3s}.viur-shop-item-card-headline[data-v-dc32dd0b]{font-size:1.1em;font-weight:700;color:var(--ignt-basic-color-text);margin-bottom:var(--sl-spacing-2x-small);transition:all ease .3s}.viur-shop-item-card-subline[data-v-dc32dd0b]{color:var(--ignt-basic-color-text);margin-bottom:var(--sl-spacing-2x-small)}.viur-shop-item-card-price[data-v-dc32dd0b]{font-size:1.1em;font-weight:700;color:var(--ignt-basic-color-text);margin-left:auto}.viur-shop-category-view-list[data-v-532e5cf3]{display:grid;width:100%;grid-gap:var(--sl-spacing-medium);grid-template-columns:repeat(4,1fr)}.viur-shop-loading-wrap[data-v-532e5cf3]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.viur-shop-loading-wrap[data-v-532e5cf3] sl-spinner[data-v-532e5cf3]{font-size:3.5em;--track-width: 4px}.viur-shop-cart-sidebar-btn-wrap[data-v-75e70e9a]{display:flex;flex-direction:column;margin-top:var(--sl-spacing-large)}.viur-shop-cart-sidebar-btn-wrap[data-v-75e70e9a] sl-button[data-v-75e70e9a]{margin-bottom:var(--sl-spacing-x-small)}sl-alert[data-v-75e70e9a]{margin-top:var(--sl-spacing-medium);margin-bottom:var(--sl-spacing-medium)}sl-tooltip[data-v-75e70e9a][data-v-75e70e9a]::part(body){line-height:1.2;font-weight:400;padding:10px}sl-menu-item[data-v-75e70e9a][data-v-75e70e9a]::part(base){padding:.2em .9em .2em .8em}sl-menu-item[data-v-75e70e9a][data-v-75e70e9a]::part(checked-icon){display:none}sl-menu-item[data-v-75e70e9a][data-v-75e70e9a]::part(prefix){margin-right:10px}sl-menu-item[data-v-75e70e9a][data-v-75e70e9a]::part(suffix){margin-right:-1.5em}.viur-shop-cart-sidebar-info-line[data-v-75e70e9a]{display:flex;flex-direction:row;flex-wrap:nowrap;margin:var(--sl-spacing-2x-small) 0}.viur-shop-cart-sidebar-info-line[data-v-75e70e9a] span[data-v-75e70e9a]{margin-right:auto}.viur-shop-cart-sidebar-info-line[data-v-75e70e9a].total[data-v-75e70e9a]{font-weight:600;border-top:1px solid var(--sl-color-neutral-300);border-bottom:1px solid var(--sl-color-neutral-300);padding:var(--sl-spacing-x-small) 0;margin:var(--sl-spacing-small) 0}.viur-shop-cart-mini-card[data-v-75e70e9a]{margin-bottom:var(--sl-spacing-x-large)}.viur-shop-cart-mini-card[data-v-75e70e9a][data-v-75e70e9a]::part(header){border-bottom:none;padding-top:0;padding-right:0}.viur-shop-cart-mini-card[data-v-75e70e9a][data-v-75e70e9a]::part(image){flex-basis:25%;max-width:90px}.viur-shop-cart-mini-card[data-v-75e70e9a][data-v-75e70e9a]::part(body){display:flex;flex:1;padding-top:0;padding-bottom:0;padding-right:0}.viur-shop-cart-mini-card[data-v-75e70e9a][data-v-75e70e9a]::part(group){padding:var(--sl-spacing-small) 0}.viur-shop-cart-mini-card-body-row[data-v-75e70e9a]{display:grid;grid-template-columns:1fr auto auto;gap:var(--sl-spacing-large);flex:1}.viur-shop-cart-mini-card-body-info[data-v-75e70e9a]{display:flex;flex-direction:column;height:100%}.viur-shop-cart-mini-card-info-wrap[data-v-75e70e9a]{display:flex;flex-wrap:nowrap;gap:var(--sl-spacing-medium)}.viur-shop-cart-mini-card-info[data-v-75e70e9a]{display:flex;flex-direction:row;flex-wrap:nowrap}.viur-shop-cart-mini-card-info[data-v-75e70e9a] span[data-v-75e70e9a]{margin-right:var(--sl-spacing-x-small);font-weight:600}.viur-shop-cart-address-wrap[data-v-75e70e9a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--sl-spacing-x-large);margin-bottom:var(--sl-spacing-x-large)}.viur-shop-cart-address-headline[data-v-75e70e9a]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-weight:600}.viur-shop-cart-payment[data-v-75e70e9a]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin-bottom:var(--sl-spacing-x-large)}.viur-shop-cart-payment[data-v-75e70e9a] span[data-v-75e70e9a]{font-weight:600}.viur-shop-category-list-item-link[data-v-f405011d]{display:flex;flex-direction:column;width:100%}.viur-shop-category-list-item-link[data-v-f405011d][data-v-f405011d]:hover .viur-shop-category-list-fake-link[data-v-f405011d]{text-decoration:underline}.viur-shop-category-list-item-link[data-v-f405011d][data-v-f405011d]:hover .viur-shop-category-list-item-img[data-v-f405011d]{transform:scale(1.02)}.viur-shop-category-list-item[data-v-f405011d]{width:100%}.viur-shop-category-list-item[data-v-f405011d][data-v-f405011d]::part(header){padding:var(--sl-spacing-medium) 0}.viur-shop-category-list-item[data-v-f405011d][data-v-f405011d]::part(body){padding:var(--sl-spacing-medium) 0}.viur-shop-category-list-item[data-v-f405011d][data-v-f405011d]::part(footer){padding:var(--sl-spacing-medium) 0}.viur-shop-category-list-item-headline[data-v-f405011d]{font-size:1.4em;margin-bottom:var(--sl-spacing-medium);color:var(--ignt-basic-color-text)}.viur-shop-category-list-item-img[data-v-f405011d]{aspect-ratio:1;object-fit:cover;transition:all ease .3s}.form-wrap[data-v-7f847de5]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--sl-spacing-medium);margin:var(--sl-spacing-large) 0 var(--sl-spacing-x-large) 0;padding-bottom:var(--sl-spacing-medium);border-bottom:1px solid var(--sl-color-neutral-400)}.grid-w-2[data-v-7f847de5]{grid-column:span 2}.grid-w-3[data-v-7f847de5]{grid-column:span 3}.grid-w-4[data-v-7f847de5]{grid-column:span 4}sl-input[data-v-0ebe5f0b]{width:100%}sl-input[data-v-0ebe5f0b][data-v-0ebe5f0b]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-0ebe5f0b][data-v-0ebe5f0b]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-input[data-v-b45a1311]{width:100%}sl-input[data-v-1ccbacc0]{width:100%}sl-input[data-v-1ccbacc0][data-v-1ccbacc0]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-1ccbacc0][data-v-1ccbacc0]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-input[data-v-4328e024]{width:100%}sl-input[data-v-4328e024][data-v-4328e024]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-4328e024][data-v-4328e024]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-input[data-v-f1b8af8c]{width:100%}sl-input[data-v-f1b8af8c][data-v-f1b8af8c]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-f1b8af8c][data-v-f1b8af8c]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-select[data-v-20ff76f5]{width:100%}sl-select[data-v-20ff76f5][data-v-20ff76f5]::part(combobox){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-select[data-v-20ff76f5][data-v-20ff76f5]::part(combobox){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-option[data-v-20ff76f5][data-v-20ff76f5]::part(base){transition:background-color ease .3s}sl-option[data-v-20ff76f5][data-v-20ff76f5]:hover[data-v-20ff76f5]::part(base){background-color:var(--sl-color-gray-200)}sl-switch[data-v-363598c8]{border:1px solid var(--sl-color-neutral-300);padding:.4em .1em .4em .4em;border-top-right-radius:var(--sl-input-border-radius-medium);border-bottom-right-radius:var(--sl-input-border-radius-medium);--height: calc(var(--sl-input-height-medium) - 1em);--width: calc(1.7 * (var(--sl-input-height-medium) - .8em));--thumb-size: calc(var(--sl-input-height-medium) - 1em)}@media (max-width: 900px){sl-switch[data-v-363598c8]{border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}sl-input[data-v-0ccf18c0]{width:100%}sl-input[data-v-0ccf18c0][data-v-0ccf18c0]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-0ccf18c0][data-v-0ccf18c0]::part(base){border-top-right-radius:0}}.has-check[data-v-0ccf18c0][data-v-0ccf18c0]::part(base){border-bottom-right-radius:0}.password-check[data-v-0ccf18c0]{margin-top:var(--sl-spacing-x-small)}.password-check[data-v-0ccf18c0][data-v-0ccf18c0]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}.pw-legend[data-v-0ccf18c0]{display:flex;justify-content:space-between;align-content:flex-start;align-items:flex-start;gap:0rem;font-size:.75rem;padding:.25em}span[data-v-0ccf18c0]{margin:0;padding:0;font-style:italic}.errors[data-v-0ccf18c0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px 7px;margin-top:var(--sl-spacing-x-small);font-size:.7em;font-weight:700}.requiredInfo[data-v-0ccf18c0]{color:var(--sl-color-danger-500)}.form[data-v-26bd4fa7]{width:100%}sl-input[data-v-84a761ce]{width:100%}sl-color-picker[data-v-534b9149][data-v-534b9149]::part(trigger){border-radius:0}sl-input[data-v-086ce547]{width:100%}sl-input[data-v-086ce547][data-v-086ce547]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 900px){sl-input[data-v-086ce547][data-v-086ce547]::part(base){border-top-right-radius:0;border-bottom-left-radius:var(--sl-border-radius-medium)}}.info[data-v-086ce547]{display:flex;gap:2px 7px;margin-top:var(--sl-spacing-x-small);font-size:.7em;font-weight:700}.single-entry[data-v-61dd72e0]{display:flex;gap:var(--sl-spacing-x-small)}.single-entry[data-v-61dd72e0] [data-v-61dd72e0] sl-combobox[data-v-61dd72e0]::part(input__base){border-top-left-radius:0;border-bottom-left-radius:0}sl-input[data-v-61dd72e0]{width:100%}sl-input[data-v-61dd72e0][data-v-61dd72e0]::part(base){border-top-left-radius:0;border-bottom-left-radius:0}sl-input[data-v-61dd72e0][data-v-61dd72e0]::part(base){background-color:var(--sl-color-neutral-0)}sl-combobox[data-v-61dd72e0]{width:100%}sl-combobox[data-v-61dd72e0][data-v-61dd72e0]::part(input){border-top-left-radius:0;border-bottom-left-radius:0}:is()[data-v-61dd72e0] :is()::part(base){border:1px solid red}.box[data-v-343aca69]{width:100%;border:1px solid var(--sl-color-gray-500);border-radius:5px;min-height:40px}.box[data-v-feddfc55]{display:flex;align-items:center;padding:0 var(--sl-spacing-small) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;border:1px solid var(--sl-color-gray-500);border-radius:5px;height:var(--sl-input-height-medium);background-color:transparent}.preview[data-v-feddfc55]{display:flex;justify-content:center;align-items:center;height:var(--sl-input-height-medium);width:var(--sl-input-height-medium);aspect-ratio:1;border-right:1px solid var(--sl-color-gray-500);margin-right:var(--sl-spacing-small);background-image:linear-gradient(to right,#ffffffde,#ffffffde),linear-gradient(to right,#000 50%,#fff 50%),linear-gradient(to bottom,#000 50%,#fff 50%);background-blend-mode:normal,difference,normal;background-size:.65em .65em}.preview[data-v-feddfc55].has-preview[data-v-feddfc55]{cursor:pointer}.preview[data-v-feddfc55] sl-icon[data-v-feddfc55]{font-size:1.1em;color:var(--sl-color-gray-400)}.preview[data-v-feddfc55] .preview-img[data-v-feddfc55]{width:100%;height:100%;object-fit:contain}.file-wrapper[data-v-feddfc55]{width:100%;display:flex;gap:var(--sl-spacing-x-small);position:relative}.droparea[data-v-feddfc55]{width:100%;height:100%;position:absolute;z-index:10;pointer-events:none;opacity:.9;border:1px solid var(--sl-color-info-500);background-color:var(--sl-color-info-300);color:var(--sl-color-info-900);display:flex;align-items:center;justify-content:center}.delete-btn[data-v-feddfc55][data-v-feddfc55]::part(base){aspect-ratio:1}.upload-btn[data-v-feddfc55][data-v-feddfc55]::part(base){aspect-ratio:1}.loader[data-v-feddfc55]{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#ffffffb3}.preview-overlay[data-v-feddfc55][data-v-feddfc55]::part(panel){width:auto;max-width:1200px}.preview-overlay[data-v-feddfc55][data-v-feddfc55]::part(body){display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to right,#ffffffde,#ffffffde),linear-gradient(to right,#000 50%,#fff 50%),linear-gradient(to bottom,#000 50%,#fff 50%);background-blend-mode:normal,difference,normal;background-size:1.2em 1.2em;padding:0}.preview-overlay[data-v-feddfc55] img[data-v-feddfc55]{width:auto;height:auto}.bone-inner-wrap .ck-editor{--ck-border-radius: 0px;--ck-font-size-base: 14px;--ck-custom-background: var(--sl-color-neutral-200);--ck-custom-foreground: var(--sl-color-neutral-900);--ck-custom-border: var(--sl-color-neutral-100);--ck-custom-white: var(--sl-color-neutral-50);--ck-color-base-foreground: var(--ck-custom-background);--ck-color-base-background: var(--ck-custom-background);--ck-color-base-border: var(--sl-color-neutral-300);--ck-color-focus-border: var(--sl-color-neutral-700);--ck-color-text: var(--sl-color-neutral-900);--ck-color-shadow-drop: hsla(0, 0%, 0%, .2);--ck-color-shadow-inner: hsla(0, 0%, 0%, .1);--ck-color-button-default-background: var(--ck-custom-background);--ck-color-button-default-hover-background: var(--sl-color-neutral-50);--ck-color-button-default-active-background: var(--sl-color-neutral-50);--ck-color-button-default-active-shadow: hsl(270, 2%, 23%);--ck-color-button-default-disabled-background: var(--ck-custom-background);--ck-color-button-on-hover-background: var(--sl-color-neutral-50);--ck-color-button-on-active-background: hsl(255, 4%, 14%);--ck-color-button-on-active-shadow: hsl(240, 3%, 19%);--ck-color-button-on-disabled-background: var(--ck-custom-foreground);--ck-color-button-on-color: var(--sl-color-primary-500);--ck-color-button-on-background: var(--sl-color-neutral-100);--ck-focus-ring: 1px solid var(--sl-color-primary-500);--ck-focus-outer-shadow: none;--ck-powered-by-text-color: var(--ck-custom-foreground);--ck-powered-by-background: var(--ck-custom-background);--ck-color-button-action-background: var(--sl-color-primary-600);--ck-color-button-action-hover-background: var(--sl-color-primary-500);--ck-color-button-action-active-background: var(--sl-color-primary-500);--ck-color-button-action-active-shadow: var(--sl-color-primary-500);--ck-color-button-action-disabled-background: var(--sl-color-primary-600);--ck-color-button-action-text: var(--ck-custom-white);--ck-color-dropdown-panel-background: var(--ck-custom-background);--ck-color-dropdown-panel-border: var(--sl-color-neutral-400);--ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);--ck-color-split-button-hover-border: var(--ck-custom-foreground);--ck-color-labeled-field-label-background: var(--ck-custom-background);--ck-color-list-background: var(--ck-custom-background);--ck-color-list-button-hover-background: var(--sl-color-neutral-50);--ck-color-list-button-on-background: var(--sl-color-primary-500);--ck-color-list-button-on-background-focus: var(--sl-color-primary-500);--ck-color-list-button-on-text: var(--ck-color-base-background);--ck-color-panel-background: var(--ck-custom-background);--ck-color-panel-border: var(--ck-custom-border);--ck-color-toolbar-background: var(--ck-custom-background);--ck-color-toolbar-border: var(--ck-custom-border);--ck-color-tooltip-background: hsl(252, 7%, 14%);--ck-color-tooltip-text: hsl(0, 0%, 93%);--ck-color-image-caption-background: var(--ck-custom-background);--ck-color-image-caption-text: var(--ck-custom-foreground);--ck-color-link-default: var(--sl-color-primary-500);width:100%!important}.bone-inner-wrap .ck-editor .ck-content{background:transparent!important;border:1px solid var(--vi-border-color)!important;width:100%;border-bottom-left-radius:var(--sl-border-radius-medium)!important;border-bottom-right-radius:var(--sl-border-radius-medium)!important}.bone-inner-wrap .ck-editor .ck-content.ck-focused,.bone-inner-wrap .ck-editor .ck-content.ck-focused .ck-source-editing-area textarea,.bone-inner-wrap .ck-editor .ck-content.ck-focused .ck-source-editing-area td{border:1px solid var(--sl-color-neutral-600)!important}.bone-inner-wrap .ck-editor .ck-toolbar{height:var(--sl-input-height-medium);border-color:var(--vi-border-color);background-color:var(--vi-background-color)}.bone-inner-wrap .ck-editor .ck-button{border-color:none;background-color:var(--vi-background-color);cursor:pointer}.bone-inner-wrap .ck-editor .ck-button:hover{background-color:var(--sl-color-neutral-200)!important}.bone-inner-wrap .ck-editor .ck-button.ck-on{background-color:var(--vi-background-color)!important;border:1px solid var(--sl-color-primary-500)!important;color:var(--sl-color-primary-500)!important}.bone-inner-wrap .ck-editor .ck-source-editing-area{width:100%}.bone-inner-wrap .ck-editor .ck-source-editing-area textarea{background-color:transparent;color:var(--ck-custom-foreground);border:1px solid var(--vi-border-color)!important;border-bottom-left-radius:var(--sl-border-radius-medium)!important;border-bottom-right-radius:var(--sl-border-radius-medium)!important}.bone-inner-wrap .ck-content .table{margin:.9em 0}.ck-body-wrapper .ck-link-form{width:500px!important;max-width:37vw!important;min-width:180px!important}.ck-body-wrapper .ck-link-form .ck-labeled-field-view,.ck-body-wrapper .ck-link-form .ck-input{width:100%}sl-textarea::part(base){box-shadow:none!important;background-color:transparent}sl-textarea::part(textarea){background-color:transparent;border:1px solid var(--vi-border-color);border-radius:var(--sl-border-radius-medium);border-top-left-radius:0;border-bottom-left-radius:0}sl-input[data-v-7bc31020]{width:100%}sl-input[data-v-7bc31020][data-v-7bc31020]:first-child{margin-bottom:10px}sl-input[data-v-7bc31020][data-v-7bc31020]:first-child[data-v-7bc31020]::part(base){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:var(--sl-border-radius-medium)}@media (max-width: 900px){sl-input[data-v-7bc31020][data-v-7bc31020]:first-child[data-v-7bc31020]::part(base){border-top-right-radius:0}}sl-input[data-v-7bc31020][data-v-7bc31020]::part(base){border-top-left-radius:0;border-top-right-radius:0}.actionbar[data-v-63e75dee]{display:flex;flex-direction:row;flex-wrap:nowrap}.add-btn[data-v-63e75dee]{margin-left:auto}.actionbar[data-v-eeea51c6]{display:flex;flex-direction:row;flex-wrap:nowrap}sl-combobox[data-v-eeea51c6]{width:100%}.delete-btn[data-v-eeea51c6]{margin-right:var(--sl-spacing-x-small)}.add-btn[data-v-eeea51c6]{margin-left:var(--sl-spacing-x-small)}.actionbar[data-v-34f8f5a4]{display:flex;position:relative;flex-wrap:nowrap}sl-combobox[data-v-34f8f5a4]{width:100%}.droparea[data-v-34f8f5a4]{width:100%;height:100%;position:absolute;z-index:10;pointer-events:none;opacity:.9;border:1px solid var(--sl-color-info-500);background-color:var(--sl-color-info-300);color:var(--sl-color-info-900);display:flex;align-items:center;justify-content:center}.add-btn[data-v-34f8f5a4]{margin-left:var(--sl-spacing-x-small)}.upload-btn[data-v-34f8f5a4]{margin-left:auto}.viur-shop-form-footer[data-v-afafe54d]{display:flex;justify-content:space-between;margin-top:var(--sl-spacing-large)}.viur-shop-form-adress-wrapper[data-v-afafe54d]{display:flex;flex-direction:column;gap:1rem;width:100%;justify-content:space-around;align-items:flex-start}.viur-shop-form-adress-column[data-v-afafe54d]{align-self:flex-start;flex-grow:1}.viur-shop-form-wrap[data-v-afafe54d]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--sl-spacing-medium);margin:var(--sl-spacing-large) 0}.viur-shop-form-grid-w-2[data-v-afafe54d]{grid-column:span 2}.viur-shop-form-grid-w-3[data-v-afafe54d]{grid-column:span 3}.viur-shop-form-grid-w-4[data-v-afafe54d]{grid-column:span 4}.viur-shop-form-btn-wrap[data-v-afafe54d]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;margin-top:var(--sl-spacing-x-large)}.viur-shop-form-adress-wrapper[data-v-25f20336]{display:flex;flex-direction:column;gap:1rem;width:100%;justify-content:space-around;align-items:flex-start}.viur-shop-form-adress-column[data-v-25f20336]{align-self:flex-start;flex-grow:1}.viur-shop-form-wrap[data-v-25f20336]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--sl-spacing-medium);margin:var(--sl-spacing-large) 0}.viur-shop-form-grid-w-2[data-v-25f20336]{grid-column:span 2}.viur-shop-form-grid-w-3[data-v-25f20336]{grid-column:span 3}.viur-shop-form-grid-w-4[data-v-25f20336]{grid-column:span 4}.wrap[data-v-720fb199]{display:grid;grid-template-columns:45% minmax(0,1fr)}.viur-shop-item-view-info-wrap[data-v-720fb199]{padding:var(--sl-spacing-x-large)}.viur-shop-item-view-image-wrap[data-v-720fb199]{display:flex;flex-direction:column}sl-carousel[data-v-720fb199]{aspect-ratio:1;background-color:var(--sl-color-neutral-200)}sl-carousel[data-v-720fb199][data-v-720fb199]::part(base){display:flex;gap:0}sl-carousel[data-v-720fb199][data-v-720fb199]::part(scroll-container){border-radius:0}sl-carousel[data-v-720fb199][data-v-720fb199]::part(navigation-button){position:absolute;background-color:color-mix(in hsl,var(--sl-color-neutral-0) 85%,transparent);color:var(--app-primary-color);border-radius:0;transition:all ease.3s;opacity:0}sl-carousel[data-v-720fb199][data-v-720fb199]::part(navigation-button--previous){left:0}sl-carousel[data-v-720fb199][data-v-720fb199]::part(navigation-button--next){right:0}sl-carousel[data-v-720fb199][data-v-720fb199]:hover[data-v-720fb199]::part(navigation-button){opacity:1}.viur-shop-item-view-thumbnails[data-v-720fb199]{display:flex;justify-content:start;margin-top:vaR(--sl-spacing-medium)}.viur-shop-item-view-thumbnails-scroller[data-v-720fb199]{display:flex;gap:var(--sl-spacing-small);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-padding:var(--sl-spacing-small)}.viur-shop-item-view-thumbnails-scroller[data-v-720fb199][data-v-720fb199]::-webkit-scrollbar{display:none}.viur-shop-item-view-thumbnails-image[data-v-720fb199]{width:64px;height:64px;object-fit:cover;opacity:.3;will-change:opacity;transition:.25s opacity;cursor:pointer}.viur-shop-item-view-thumbnails-image[data-v-720fb199].active[data-v-720fb199]{opacity:1}.viur-shop-item-view-headline[data-v-720fb199],.viur-shop-item-view-subline[data-v-720fb199]{margin-bottom:var(--sl-spacing-small)}.viur-shop-item-view-price[data-v-720fb199]{font-size:1.4em;margin-bottom:var(--sl-spacing-small)}.viur-shop-item-view-paragraph[data-v-720fb199]{margin-bottom:var(--sl-spacing-x-large)}.viur-shop-item-view-btn-wrap[data-v-720fb199]{display:flex;flex-direction:column}.viur-shop-item-view-btn-wrap[data-v-720fb199] sl-button[data-v-720fb199]{margin-bottom:var(--sl-spacing-x-small)}.viur-shop-item-view-item-grid[data-v-720fb199]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--sl-spacing-medium)}.btn-wrap[data-v-36ccc280]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;margin-top:var(--sl-spacing-x-large)}.viur-shop-wrap[data-v-61488015]{flex-direction:row;gap:var(--sl-spacing-x-large);align-items:flex-start}.viur-shop-sidebar[data-v-61488015]{display:flex;flex-direction:column;background-color:var(--sl-color-neutral-100);min-width:300px;padding:var(--sl-spacing-medium);position:sticky;top:0}.viur-shop-order-tab[data-v-61488015] sl-tab[data-v-61488015]{width:25%}.viur-shop-order-tab[data-v-61488015] sl-tab[data-v-61488015][data-v-61488015]::part(base){width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;color:var(--sl-color-neutral-400)}.viur-shop-order-tab[data-v-61488015] sl-tab[data-v-61488015][aria-selected=true][data-v-61488015]::part(base){color:var(--ignt-color-primary)!important}.viur-shop-order-step[data-v-61488015]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (--ignt-mq-max-break-small){.viur-shop-order-step[data-v-61488015]{justify-content:center}}.viur-shop-order-step[data-v-61488015] sl-icon[data-v-61488015]{font-size:2.5em;margin-bottom:10px}@media (--ignt-mq-max-break-small){.viur-shop-order-step[data-v-61488015] sl-icon[data-v-61488015]{display:none}}.viur-shop-order-tab-check[data-v-61488015]{position:absolute;right:-.5em}@media (--ignt-mq-max-break-small){.viur-shop-order-tab-check[data-v-61488015]{font-size:.7em;right:-.35em;top:calc(50% - .35em)}}.viur-shop-order-status-text[data-v-61488015]{font-size:.8em;color:inherit;text-align:center;margin-top:.6em;white-space:initial}.viur-shop-form-footer[data-v-61488015]{display:flex;justify-content:space-between;margin-top:var(--sl-spacing-large)}.flex-end[data-v-61488015]{justify-content:flex-end}

package/package.json

@@ -1,8 +1,20 @@
 {
   "name": "@viur/shop-components",
-  "version": "0.0.1-dev.2",
+  "type": "module",
+  "version": "0.0.1-dev.3",
   "description": "Frontend Vue components for the shop module of ViUR",
-  "main": "./src/index.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/shop-components.umd.cjs",
+  "module": "./dist/shop-components.js",
+  "exports": {
+    ".": {
+      "import": "./dist/shop-components.js",
+      "require": "./dist/shop-components.umd.cjs"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
   "scripts": {
     "build": "vite build",
     "dev": "vite",
@@ -24,31 +36,27 @@
   },
   "homepage": "https://github.com/viur-framework/shop-components#readme",
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.10.1",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard-with-typescript": "^36.0.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.24.0",
     "postcss-custom-media": "^10.0.4",
-    "postcss-nesting": "^12.1.1",
+    "postcss-nesting": "^12.1.2",
     "prettier": "^3.2.5",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-visualizer": "^5.12.0",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.8",
-    "vue-tsc": "^2.0.7"
+    "vite": "^5.2.10",
+    "vue-router": "^4.3.2",
+    "vue-tsc": "^2.0.14"
   },
   "dependencies": {
-    "@viur/ignite": "^5.0.2",
-    "@viur/viur-shoelace": "^2.4.0-viur-0.5.17",
-    "@viur/viur-shop-client": "^0.1.0-dev.4",
-    "@viur/vue-utils": "^1.4.1",
+    "@viur/shoelace": "^1.0.6-v2.15.0",
+    "@viur/vue-utils": "^1.4.4",
+    "vue-i18n": "^9.13.1",
     "pinia": "^2.1.7",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.11.0",
-    "vue-router": "^4.3.0"
+    "@viur/ignite": "^5.0.2",
+    "@viur/viur-shop-client": "^0.1.0-dev.8",
+    "ckeditor5-vue": "^0.0.7",
+    "vue": "^3.4.00"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.00"
   }
 }

package/src/App.vue

@@ -1,30 +0,0 @@
-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>