@stonecrop/beam 0.2.67 → 0.3.1

package/dist/assets/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";.beam_action-footer[data-v-37933bd1]{margin-left:0;background:linear-gradient(180deg,transparent 0%,white 100%);color:var(--sc-primary-text-color);position:fixed;bottom:0;left:0;width:100%;padding:.625rem;text-align:center}.beam_metadata_arrow[data-v-94fbdac5]{align-self:center;flex-grow:1;position:relative;display:flex;align-items:center}.beam_metadata_arrow-body[data-v-94fbdac5]{width:100%;height:10px;background:#c4c4c4}.beam_metadata_arrow-head svg[data-v-94fbdac5]{width:20px;display:block}.beam_btn[data-v-bc768596]{font-size:.875rem;text-align:center;padding:.3125rem .75rem;border:1px solid var(--sc-btn-border);color:var(--sc-btn-label-color);background-color:var(--sc-btn-color);cursor:pointer;font-family:var(--sc-font-family)}.beam_btn[data-v-bc768596]:hover,.beam_btn[data-v-bc768596]:active{background-color:var(--sc-btn-hover)}.beam_btn a:link,.beam_btn a:visited,.beam_btn a:hover,.beam_btn a:active{text-decoration:none;color:var(--sc-btn-label-color)}.beam_day-divider[data-v-2ae47c24]{text-align:left;padding:1rem;background:var(--sc-cell-changed-color);border-bottom:1px solid var(--sc-row-border-color);box-sizing:border-box;margin-bottom:1rem;margin-left:calc(-1 * var(--sc-list-margin));margin-right:calc(-1 * var(--sc-list-margin))}.beam_day-divider h2[data-v-2ae47c24]{text-align:left;font-size:1rem;color:var(--sc-primary-text-color);margin:0;padding:0}.beam_day-divider[data-v-2ae47c24]:first-of-type{margin-top:0}.beam_filters[data-v-dffafb60]{overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;border-bottom:1px solid var(--sc-row-border-color);background:#fff}.beam_filters-heading[data-v-dffafb60]{background:var(--sc-primary-color);cursor:pointer;display:flex;align-items:center;padding-left:1rem;box-sizing:border-box;font-size:1rem;padding:0 2rem}.beam_filters-heading>h1[data-v-dffafb60]{font-size:1rem}.beam_filters-options[data-v-dffafb60]{background:#fff;margin:1rem 1rem 2rem;box-sizing:border-box;padding:0 2rem}.beam_filter-option[data-v-0a5bb982]{cursor:pointer;position:relative;margin-bottom:1rem}.beam_filter-option-heading[data-v-0a5bb982]{font-size:1rem;padding-bottom:.25rem}.beam_filter-option-select[data-v-0a5bb982]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--sc-row-border-color);font-weight:700;color:var(--sc-primary-text-color);font-size:.8rem;font-family:var(--sc-font-family);display:flex;align-items:stretch}label[data-v-0a5bb982]{cursor:pointer;padding:.5rem}.beam_filter-arrow[data-v-0a5bb982]{background:var(--sc-primary-color);color:var(--sc-primary-text-color);cursor:pointer;display:flex;align-items:center;width:5px;padding:.5rem .7rem}.beam_filter-label[data-v-0a5bb982]{display:flex;align-items:center}svg[data-v-0a5bb982]{fill:var(--sc-primary-text-color);width:5px;transform:rotate(90deg)}.beam_filter-select-menu[data-v-0a5bb982]{z-index:100;border-top:none;left:0;border:1px solid var(--sc-row-border-color);padding:0rem;list-style:none;width:100%;box-sizing:border-box;max-height:200px;overflow-y:scroll;margin:0}.beam_filter-select-option[data-v-0a5bb982]{font-size:.8rem;font-family:var(--sc-font-family);font-weight:700;color:var(--sc-primary-text-color);border-bottom:1px solid var(--sc-row-border-color);padding:.5rem}.beam_filter-select-option[data-v-0a5bb982]:hover{background:var(--sc-primary-color)}.selected[data-v-0a5bb982],.selected[data-v-0a5bb982]:hover{background:var(--sc-row-border-color)}.beam_header[data-v-5182a4d5]{border:1px solid transparent;text-align:left;font-size:1.125rem;color:var(--sc-primary-text-color);margin:0;padding:0;font-family:var(--sc-font-family)}.beam_metadata[data-v-80484331]{box-sizing:border-box;display:flex;flex-direction:column;max-height:100vh;color:var(--sc-primary-text-color);font-family:var(--sc-font-family)}.beam_metadata_content[data-v-80484331]{padding-top:10px}.beam_metadata_header[data-v-80484331]{display:flex;flex-direction:row;align-items:baseline;padding:0 30px;justify-content:space-between}.beam_metadata_count[data-v-80484331]{font-size:1.5rem}.beam_metadata_count p[data-v-80484331]{margin:0}.beam_metadata_header-order-num[data-v-80484331]{font-weight:700;font-size:1.5rem}.beam_metadata_block[data-v-80484331]{padding:0 30px;margin:10px 0}.beam_metadata_shipping[data-v-80484331]{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.beam_metadata_shipping p[data-v-80484331]{line-height:1.5rem}@media screen and (max-width: 600px){.beam_metadata_shipping[data-v-80484331]{flex-direction:column}}.beam_metadata_component_header[data-v-80484331]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.beam_metadata_components[data-v-80484331]{overflow:scroll}hr[data-v-80484331]{display:block;height:1px;border:0;border-top:1px solid var(--sc-row-border-color);margin:1em 0;padding:0}.beam_metadata_heading{font-size:1.125rem;font-weight:700;margin:.625rem 0;color:var(--sc-primary-text-color)}.beam_modal[data-v-4f3f0253]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;text-align:center;padding:1.25rem}.beam_modal-confirm[data-v-5b430dca]{background:#fff;padding:1.25rem;width:80%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam_modal-confirm button[data-v-5b430dca]{margin:.625rem}.beam_modal-confirm h2[data-v-5b430dca]{border-bottom:1px solid var(--sc-row-border-color);padding-bottom:.625rem;color:var(--sc-primary-text-color)}.fixed-top[data-v-a38a41d0]{position:sticky;top:0;left:0}.container[data-v-14a5f31b]{display:block;position:relative;padding-left:2.5ch;margin:0;margin-top:.5rem;cursor:pointer;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input[data-v-14a5f31b]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-14a5f31b]{position:absolute;top:0;left:0;height:2rem;width:2rem;background-color:#eee;outline:2px solid transparent;border:1px solid var(--sc-highlight)}.container:hover input~.checkmark[data-v-14a5f31b]{background-color:#fff}.container input:checked~.checkmark[data-v-14a5f31b]{background-color:var(--sc-brand-secondary)}.checkmark[data-v-14a5f31b]:after{content:"";position:absolute;display:none}.container input:checked~.checkmark[data-v-14a5f31b]:after{display:block}.container .checkmark[data-v-14a5f31b]:after{left:25%;top:50%;width:.5rem;height:1rem;border:solid var(--sc-text-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%,-50%)}.beam_item-count[data-v-692b322b]{font-size:1.3125rem;color:var(--sc-primary-text-color)}.beam_item-count span[data-v-692b322b]{margin:0;padding:0;outline:none}.beam_list-anchor[data-v-7e3ecf0d]{text-decoration:none;outline:none;color:var(--sc-primary-text-color)}.beam_list-item[data-v-12078127]{padding:.625rem;border-bottom:1px solid var(--sc-row-border-color);max-width:100%;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:1.25rem;cursor:pointer;outline:2px solid transparent;outline-offset:-1px}.beam_list-item[data-v-12078127]:focus{outline:2px solid var(--sc-focus-cell-outline);background-color:var(--sc-focus-cell-background)}.beam_list-text[data-v-12078127]{width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex-grow:1;font-size:.875rem;color:var(--sc-primary-text-color)}.beam_list-text label[data-v-12078127],.beam_list-text p[data-v-12078127]{overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.beam_list-item label[data-v-12078127]{display:block}.beam_list-item p[data-v-12078127]{margin:0}.beam_list-view[data-v-6ef00161]{font-family:var(--sc-font-family);list-style-type:none;margin-top:1px;margin-left:var(--sc-list-margin);margin-right:var(--sc-list-margin);padding:0}ul.beam_list-view[data-v-6ef00161]:last-of-type{padding-bottom:2.5em}.beam_navbar[data-v-cfc4c14e]{padding:.625rem;background-color:var(--sc-primary-color);margin-left:0;min-height:2em;max-height:2em;color:var(--sc-primary-text-color);display:flex;flex-flow:row nowrap;align-content:center;justify-content:space-between;align-items:center;position:sticky;top:0;font-family:var(--sc-font-family);border-bottom:1px solid var(--sc-row-border-color)}.beam_navbar h1[data-v-cfc4c14e]{margin-left:.625rem}.two-column[data-v-c65440c0]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:1rem}@media screen and (max-width: 400px){.two-column[data-v-c65440c0]{flex-direction:column;gap:0}}.column[data-v-c65440c0]{flex-grow:1;width:50%}@media screen and (max-width: 400px){.column[data-v-c65440c0]{width:100%}}.column-right[data-v-c65440c0]{text-align:right}@media screen and (max-width: 400px){.column-right[data-v-c65440c0]{text-align:left}}svg[data-v-05e7abed]{width:100%;overflow:visible;fill:var(--sc-primary-text-color)}.arrow-icon[data-v-05e7abed]{width:.4rem;transform:rotate(0);transform-origin:center;position:relative;transition:all .1s ease-in-out;margin:.5rem;cursor:pointer;display:flex;align-items:center}.open[data-v-05e7abed]{transform:rotate(90deg)}:root{--sc-primary-color: #f2f2f2;--sc-primary-text-color: #666666;--sc-alert: #e63c28;--sc-success: #155724;--sc-warning: #f0f34f;--sc-font-family: Arimo, Arial, sans-serif;--sc-row-border-color: #ccc;--sc-btn-color: white;--sc-btn-border: #ccc;--sc-btn-label-color: black;--sc-list-margin: .625rem;--sc-cell-changed-color: #d8edff}.beam_copy{color:var(--sc-primary-text-color);font-size:1rem;line-height:1.5rem;font-family:var(--sc-font-family)}.beam--bold{font-weight:700}.beam--normal{font-weight:400}.beam--alert{color:var(--sc-alert)}.beam--warning{color:var(--sc-warning)}.beam--success{color:var(--sc-success)}.v-toast__item{border-radius:0;color:#fff;font-family:var(--sc-font-family)}.v-toast__item--success{background-color:var(--sc-success)!important;color:#fff}.v-toast__item--info{background-color:var(--sc-primary-text-color)!important}.v-toast__item--warning{background-color:var(--sc-warning)!important;color:#fff}.v-toast__item--error{background-color:var(--sc-alert)!important;color:#fff}.v-toast__item--default{background-color:var(--sc-primary-text-color)!important}
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";.beam_action-footer[data-v-37933bd1]{margin-left:0;background:linear-gradient(180deg,transparent 0%,white 100%);color:var(--sc-primary-text-color);position:fixed;bottom:0;left:0;width:100%;padding:.625rem;text-align:center}.beam_metadata_arrow[data-v-94fbdac5]{align-self:center;flex-grow:1;position:relative;display:flex;align-items:center}.beam_metadata_arrow-body[data-v-94fbdac5]{width:100%;height:10px;background:#c4c4c4}.beam_metadata_arrow-head svg[data-v-94fbdac5]{width:20px;display:block}.beam_btn[data-v-bc768596]{font-size:.875rem;text-align:center;padding:.3125rem .75rem;border:1px solid var(--sc-btn-border);color:var(--sc-btn-label-color);background-color:var(--sc-btn-color);cursor:pointer;font-family:var(--sc-font-family)}.beam_btn[data-v-bc768596]:hover,.beam_btn[data-v-bc768596]:active{background-color:var(--sc-btn-hover)}.beam_btn a:link,.beam_btn a:visited,.beam_btn a:hover,.beam_btn a:active{text-decoration:none;color:var(--sc-btn-label-color)}.beam_day-divider[data-v-cfb94717]{text-align:left;padding:1rem;background:var(--sc-cell-changed-color);border-bottom:1px solid var(--sc-row-border-color);box-sizing:border-box;margin-bottom:1rem;margin-left:calc(-1 * var(--sc-list-margin));margin-right:calc(-1 * var(--sc-list-margin))}.beam_day-divider h2[data-v-cfb94717]{text-align:left;font-size:1rem;color:var(--sc-primary-text-color);margin:0;padding:0}.beam_day-divider[data-v-cfb94717]:first-of-type{margin-top:0}.beam_filters[data-v-dffafb60]{overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;border-bottom:1px solid var(--sc-row-border-color);background:#fff}.beam_filters-heading[data-v-dffafb60]{background:var(--sc-primary-color);cursor:pointer;display:flex;align-items:center;padding-left:1rem;box-sizing:border-box;font-size:1rem;padding:0 2rem}.beam_filters-heading>h1[data-v-dffafb60]{font-size:1rem}.beam_filters-options[data-v-dffafb60]{background:#fff;margin:1rem 1rem 2rem;box-sizing:border-box;padding:0 2rem}.beam_filter-option[data-v-0a5bb982]{cursor:pointer;position:relative;margin-bottom:1rem}.beam_filter-option-heading[data-v-0a5bb982]{font-size:1rem;padding-bottom:.25rem}.beam_filter-option-select[data-v-0a5bb982]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--sc-row-border-color);font-weight:700;color:var(--sc-primary-text-color);font-size:.8rem;font-family:var(--sc-font-family);display:flex;align-items:stretch}label[data-v-0a5bb982]{cursor:pointer;padding:.5rem}.beam_filter-arrow[data-v-0a5bb982]{background:var(--sc-primary-color);color:var(--sc-primary-text-color);cursor:pointer;display:flex;align-items:center;width:5px;padding:.5rem .7rem}.beam_filter-label[data-v-0a5bb982]{display:flex;align-items:center}svg[data-v-0a5bb982]{fill:var(--sc-primary-text-color);width:5px;transform:rotate(90deg)}.beam_filter-select-menu[data-v-0a5bb982]{z-index:100;border-top:none;left:0;border:1px solid var(--sc-row-border-color);padding:0rem;list-style:none;width:100%;box-sizing:border-box;max-height:200px;overflow-y:scroll;margin:0}.beam_filter-select-option[data-v-0a5bb982]{font-size:.8rem;font-family:var(--sc-font-family);font-weight:700;color:var(--sc-primary-text-color);border-bottom:1px solid var(--sc-row-border-color);padding:.5rem}.beam_filter-select-option[data-v-0a5bb982]:hover{background:var(--sc-primary-color)}.selected[data-v-0a5bb982],.selected[data-v-0a5bb982]:hover{background:var(--sc-row-border-color)}.beam_header[data-v-5182a4d5]{border:1px solid transparent;text-align:left;font-size:1.125rem;color:var(--sc-primary-text-color);margin:0;padding:0;font-family:var(--sc-font-family)}.beam_metadata[data-v-80484331]{box-sizing:border-box;display:flex;flex-direction:column;max-height:100vh;color:var(--sc-primary-text-color);font-family:var(--sc-font-family)}.beam_metadata_content[data-v-80484331]{padding-top:10px}.beam_metadata_header[data-v-80484331]{display:flex;flex-direction:row;align-items:baseline;padding:0 30px;justify-content:space-between}.beam_metadata_count[data-v-80484331]{font-size:1.5rem}.beam_metadata_count p[data-v-80484331]{margin:0}.beam_metadata_header-order-num[data-v-80484331]{font-weight:700;font-size:1.5rem}.beam_metadata_block[data-v-80484331]{padding:0 30px;margin:10px 0}.beam_metadata_shipping[data-v-80484331]{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.beam_metadata_shipping p[data-v-80484331]{line-height:1.5rem}@media screen and (max-width: 600px){.beam_metadata_shipping[data-v-80484331]{flex-direction:column}}.beam_metadata_component_header[data-v-80484331]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.beam_metadata_components[data-v-80484331]{overflow:scroll}hr[data-v-80484331]{display:block;height:1px;border:0;border-top:1px solid var(--sc-row-border-color);margin:1em 0;padding:0}.beam_metadata_heading{font-size:1.125rem;font-weight:700;margin:.625rem 0;color:var(--sc-primary-text-color)}.beam_modal[data-v-4f3f0253]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;text-align:center;padding:1.25rem}.beam_modal-confirm[data-v-5b430dca]{background:#fff;padding:1.25rem;width:80%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam_modal-confirm button[data-v-5b430dca]{margin:.625rem}.beam_modal-confirm h2[data-v-5b430dca]{border-bottom:1px solid var(--sc-row-border-color);padding-bottom:.625rem;color:var(--sc-primary-text-color)}.fixed-top[data-v-a38a41d0]{position:sticky;top:0;left:0}.container[data-v-14a5f31b]{display:block;position:relative;padding-left:2.5ch;margin:0;margin-top:.5rem;cursor:pointer;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input[data-v-14a5f31b]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-14a5f31b]{position:absolute;top:0;left:0;height:2rem;width:2rem;background-color:#eee;outline:2px solid transparent;border:1px solid var(--sc-highlight)}.container:hover input~.checkmark[data-v-14a5f31b]{background-color:#fff}.container input:checked~.checkmark[data-v-14a5f31b]{background-color:var(--sc-brand-secondary)}.checkmark[data-v-14a5f31b]:after{content:"";position:absolute;display:none}.container input:checked~.checkmark[data-v-14a5f31b]:after{display:block}.container .checkmark[data-v-14a5f31b]:after{left:25%;top:50%;width:.5rem;height:1rem;border:solid var(--sc-text-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%,-50%)}.beam_item-count[data-v-692b322b]{font-size:1.3125rem;color:var(--sc-primary-text-color)}.beam_item-count span[data-v-692b322b]{margin:0;padding:0;outline:none}.beam_list-anchor[data-v-7e3ecf0d]{text-decoration:none;outline:none;color:var(--sc-primary-text-color)}.beam_list-item[data-v-634dd647]{padding:.625rem;border-bottom:1px solid var(--sc-row-border-color);max-width:100%;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:1.25rem;cursor:pointer;outline:2px solid transparent;outline-offset:-1px}.beam_list-item[data-v-634dd647]:focus{outline:2px solid var(--sc-focus-cell-outline);background-color:var(--sc-focus-cell-background)}.beam_list-text[data-v-634dd647]{width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex-grow:1;font-size:.875rem;color:var(--sc-primary-text-color)}.beam_list-text label[data-v-634dd647],.beam_list-text p[data-v-634dd647]{overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.beam_list-item label[data-v-634dd647]{display:block}.beam_list-item p[data-v-634dd647]{margin:0}.beam_list-view[data-v-c15aac2a]{font-family:var(--sc-font-family);list-style-type:none;margin-top:1px;margin-left:var(--sc-list-margin);margin-right:var(--sc-list-margin);padding:0}ul.beam_list-view[data-v-c15aac2a]:last-of-type{padding-bottom:2.5em}.beam_navbar[data-v-cfc4c14e]{padding:.625rem;background-color:var(--sc-primary-color);margin-left:0;min-height:2em;max-height:2em;color:var(--sc-primary-text-color);display:flex;flex-flow:row nowrap;align-content:center;justify-content:space-between;align-items:center;position:sticky;top:0;font-family:var(--sc-font-family);border-bottom:1px solid var(--sc-row-border-color)}.beam_navbar h1[data-v-cfc4c14e]{margin-left:.625rem}.two-column[data-v-c65440c0]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:1rem}@media screen and (max-width: 400px){.two-column[data-v-c65440c0]{flex-direction:column;gap:0}}.column[data-v-c65440c0]{flex-grow:1;width:50%}@media screen and (max-width: 400px){.column[data-v-c65440c0]{width:100%}}.column-right[data-v-c65440c0]{text-align:right}@media screen and (max-width: 400px){.column-right[data-v-c65440c0]{text-align:left}}svg[data-v-05e7abed]{width:100%;overflow:visible;fill:var(--sc-primary-text-color)}.arrow-icon[data-v-05e7abed]{width:.4rem;transform:rotate(0);transform-origin:center;position:relative;transition:all .1s ease-in-out;margin:.5rem;cursor:pointer;display:flex;align-items:center}.open[data-v-05e7abed]{transform:rotate(90deg)}:root{--sc-primary-color: #f2f2f2;--sc-primary-text-color: #666666;--sc-alert: #e63c28;--sc-success: #155724;--sc-warning: #f0f34f;--sc-font-family: Arimo, Arial, sans-serif;--sc-row-border-color: #ccc;--sc-btn-color: white;--sc-btn-border: #ccc;--sc-btn-label-color: black;--sc-list-margin: .625rem;--sc-cell-changed-color: #d8edff}.beam_copy{color:var(--sc-primary-text-color);font-size:1rem;line-height:1.5rem;font-family:var(--sc-font-family)}.beam--bold{font-weight:700}.beam--normal{font-weight:400}.beam--alert{color:var(--sc-alert)}.beam--warning{color:var(--sc-warning)}.beam--success{color:var(--sc-success)}.v-toast__item{border-radius:0;color:#fff;font-family:var(--sc-font-family)}.v-toast__item--success{background-color:var(--sc-success)!important;color:#fff}.v-toast__item--info{background-color:var(--sc-primary-text-color)!important}.v-toast__item--warning{background-color:var(--sc-warning)!important;color:#fff}.v-toast__item--error{background-color:var(--sc-alert)!important;color:#fff}.v-toast__item--default{background-color:var(--sc-primary-text-color)!important}

package/dist/beam.d.ts

@@ -1,28 +1,28 @@
-import ActionFooter from '@/components/ActionFooter.vue';
+import ActionFooter from './components/ActionFooter.vue';
 import { App } from 'vue';
-import BeamArrow from '@/components/BeamArrow.vue';
-import BeamBtn from '@/components/BeamBtn.vue';
-import BeamDayDivider from '@/components/BeamDayDivider.vue';
-import BeamFilter from '@/components/BeamFilter.vue';
-import BeamFilterOption from '@/components/BeamFilterOption.vue';
-import BeamHeading from '@/components/BeamHeading.vue';
-import BeamMetadata from '@/components/BeamMetadata.vue';
-import BeamModal from '@/components/BeamModal.vue';
-import BeamModalOutlet from '@/components/BeamModalOutlet.vue';
-import BeamProgress from '@/components/BeamProgress.vue';
-import Confirm from '@/components/Confirm.vue';
-import FixedTop from '@/components/FixedTop.vue';
+import BeamArrow from './components/BeamArrow.vue';
+import BeamBtn from './components/BeamBtn.vue';
+import BeamDayDivider from './components/BeamDayDivider.vue';
+import BeamFilter from './components/BeamFilter.vue';
+import BeamFilterOption from './components/BeamFilterOption.vue';
+import BeamHeading from './components/BeamHeading.vue';
+import BeamMetadata from './components/BeamMetadata.vue';
+import BeamModal from './components/BeamModal.vue';
+import BeamModalOutlet from './components/BeamModalOutlet.vue';
+import BeamProgress from './components/BeamProgress.vue';
+import Confirm from './components/Confirm.vue';
+import FixedTop from './components/FixedTop.vue';
 import type { IClientOptions } from 'mqtt';
-import ItemCheck from '@/components/ItemCheck.vue';
-import ItemCount from '@/components/ItemCount.vue';
-import ListAnchor from '@/components/ListAnchor.vue';
-import ListItem from '@/components/ListItem.vue';
-import ListView from '@/components/ListView.vue';
-import { MqttClient } from 'mqtt';
-import Navbar from '@/components/Navbar.vue';
-import ScanInput from '@/components/ScanInput.vue';
-import SplitColumn from '@/components/SplitColumn.vue';
-import ToggleArrow from '@/components/ToggleArrow.vue';
+import ItemCheck from './components/ItemCheck.vue';
+import ItemCount from './components/ItemCount.vue';
+import ListAnchor from './components/ListAnchor.vue';
+import ListItem from './components/ListItem.vue';
+import ListView from './components/ListView.vue';
+import Navbar from './components/Navbar.vue';
+import { Ref } from 'vue';
+import ScanInput from './components/ScanInput.vue';
+import SplitColumn from './components/SplitColumn.vue';
+import ToggleArrow from './components/ToggleArrow.vue';
 
 export { ActionFooter }
 
@@ -55,7 +55,7 @@ export { FixedTop }
  * @public
  */
 export declare interface IMqttStream extends IClientOptions {
-    	topics?: string[]
+    topics?: string[];
 }
 
 /**
@@ -79,21 +79,20 @@ export { ListView }
  * @beta
  */
 export declare type ListViewItem = {
-    	description: string
-    	label: string
-
-    	checked?: boolean
-    	count?: {
-        		count: number
-        		of: number
-        		uom: string
-        	}
-    	date?: string
-    	dateFormat?: string
-    	debounce?: number
-    	linkComponent?: string
-    	route?: string
-}
+    description: string;
+    label: string;
+    checked?: boolean;
+    count?: {
+        count: number;
+        of: number;
+        uom: string;
+    };
+    date?: string;
+    dateFormat?: string;
+    debounce?: number;
+    linkComponent?: string;
+    route?: string;
+};
 
 export { Navbar }
 
@@ -109,39 +108,8 @@ export { ToggleArrow }
  * @returns MQTT stream messages
  * @beta
  */
-export declare const useMqttStream = (options?: IMqttStream) => {
-    	const client = ref<MqttClient>(null)
-    	const messages = ref<Record<string, string[]>>({})
-
-    	onMounted(() => {
-        		client.value = mqtt.connect(options)
-
-        		if (!options.topics) {
-            			options.topics = ['#']
-            		}
-
-        		for (const topic of options.topics) {
-            			client.value.subscribe(topic, err => {
-                				if (err) {
-                    					throw err
-                    				}
-                			})
-            		}
-
-        		client.value.on('message', (topic, message) => {
-            			if (!messages.value[topic]) {
-                				messages.value[topic] = []
-                			}
-
-            			messages.value[topic].push(message.toString())
-            		})
-        	})
-
-    	onUnmounted(() => {
-        		client.value.end()
-        	})
-
-    	return { messages }
+export declare const useMqttStream: (options?: IMqttStream) => {
+    messages: Ref<Record<string, string[]>, Record<string, string[]>>;
 };
 
 export { }

package/dist/beam.js

@@ -97,7 +97,7 @@ const hl = /* @__PURE__ */ Ke(al, [["render", ul], ["__scopeId", "data-v-bc76859
       at(t.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Go = /* @__PURE__ */ Ke(fl, [["__scopeId", "data-v-2ae47c24"]]), dl = { class: "beam_filters-options" }, pl = /* @__PURE__ */ Ge({
+}), Go = /* @__PURE__ */ Ke(fl, [["__scopeId", "data-v-cfb94717"]]), dl = { class: "beam_filters-options" }, pl = /* @__PURE__ */ Ge({
   __name: "BeamFilter",
   setup(e) {
     const n = eo("beam-filters-header"), t = eo("beam-filters"), a = Ot(!1), u = Ot(), i = Ot(), r = () => {
@@ -451,7 +451,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
       }, null, 8, ["modelValue"])) : Dr("", !0)
     ]));
   }
-}), pn = /* @__PURE__ */ Ke(au, [["__scopeId", "data-v-12078127"]]), lu = { class: "beam_list-view" }, uu = /* @__PURE__ */ Ge({
+}), pn = /* @__PURE__ */ Ke(au, [["__scopeId", "data-v-634dd647"]]), lu = { class: "beam_list-view" }, uu = /* @__PURE__ */ Ge({
   __name: "ListView",
   props: {
     items: {}
@@ -495,7 +495,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
       ]))), 128))
     ]));
   }
-}), hu = /* @__PURE__ */ Ke(uu, [["__scopeId", "data-v-6ef00161"]]), cu = { class: "beam_navbar" }, fu = /* @__PURE__ */ Ge({
+}), hu = /* @__PURE__ */ Ke(uu, [["__scopeId", "data-v-c15aac2a"]]), cu = { class: "beam_navbar" }, fu = /* @__PURE__ */ Ge({
   __name: "Navbar",
   emits: ["click"],
   setup(e, { emit: n }) {