@stonecrop/beam 0.2.51 → 0.2.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/beam.d.ts +12 -0
- package/dist/beam.js +1775 -1659
- package/dist/beam.js.map +1 -1
- package/dist/beam.umd.cjs +7 -7
- package/dist/beam.umd.cjs.map +1 -1
- package/dist/index.js +9 -1
- package/dist/src/index.d.ts +5 -1
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BeamArrow.vue +4 -3
- package/src/components/BeamBtn.vue +0 -1
- package/src/components/BeamFilter.vue +74 -0
- package/src/components/BeamFilterOption.vue +139 -0
- package/src/components/BeamProgress.vue +12 -18
- package/src/components/FixedTop.vue +13 -0
- package/src/components/SplitColumn.vue +7 -3
- package/src/components/ToggleArrow.vue +35 -0
- package/src/index.ts +12 -0
package/dist/assets/index.css
CHANGED
|
@@ -1 +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_metadata_arrow[data-v-
|
|
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_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_filters[data-v-7112a526]{overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;border-bottom:1px solid var(--row-border-color);background:#fff}.beam_filters-heading[data-v-7112a526]{background:var(--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-7112a526]{font-size:1rem}.beam_filters-options[data-v-7112a526]{background:#fff;margin:1rem 1rem 2rem;box-sizing:border-box;padding:0 2rem}.beam_filter-option[data-v-af0d9c81]{cursor:pointer;position:relative;margin-bottom:1rem}.beam_filter-option-heading[data-v-af0d9c81]{font-size:1rem;padding-bottom:.25rem}.beam_filter-option-select[data-v-af0d9c81]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--row-border-color);font-weight:700;color:var(--primary-text-color);font-size:.8rem;font-family:var(--font-family);display:flex;align-items:stretch}label[data-v-af0d9c81]{cursor:pointer;padding:.5rem}.beam_filter-arrow[data-v-af0d9c81]{background:var(--primary-color);color:var(--primary-text-color);cursor:pointer;display:flex;align-items:center;width:5px;padding:.5rem .7rem}.beam_filter-label[data-v-af0d9c81]{display:flex;align-items:center}svg[data-v-af0d9c81]{fill:var(--primary-text-color);width:5px;transform:rotate(90deg)}.beam_filter-select-menu[data-v-af0d9c81]{z-index:100;border-top:none;left:0;border:1px solid var(--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-af0d9c81]{font-size:.8rem;font-family:var(--font-family);font-weight:700;color:var(--primary-text-color);border-bottom:1px solid var(--row-border-color);padding:.5rem}.beam_filter-select-option[data-v-af0d9c81]:hover{background:var(--primary-color)}.selected[data-v-af0d9c81],.selected[data-v-af0d9c81]:hover{background:var(--row-border-color)}.fixed-top[data-v-a38a41d0]{position:sticky;top:0;left:0}.container[data-v-f44a510e]{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-f44a510e]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-f44a510e]{position:absolute;top:0;left:0;height:2rem;width:2rem;background-color:#eee;outline:2px solid transparent;border:1px solid var(--highlight)}.container:hover input~.checkmark[data-v-f44a510e]{background-color:#fff}.container input:checked~.checkmark[data-v-f44a510e]{background-color:var(--brand-secondary)}.checkmark[data-v-f44a510e]:after{content:"";position:absolute;display:none}.container input:checked~.checkmark[data-v-f44a510e]:after{display:block}.container .checkmark[data-v-f44a510e]:after{left:25%;top:50%;width:.5rem;height:1rem;border:solid var(--text-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) translate(-50%,-50%)}.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-fb512459]{width:100%;overflow:visible;fill:var(--primary-text-color)}.arrow-icon[data-v-fb512459]{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-fb512459]{transform:rotate(90deg)}:root{--sc-primary-color: #f2f2f2;--sc-primary-text-color: #666666;--sc-alert: #e63c28;--sc-success: #155724;--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: 0rem .625rem}body{font-family:var(--sc-font-family);background-color:#fff;margin:0;padding:0;display:flex;flex-direction:column;flex:1 0 auto;height:100%;box-sizing:border-box}.beam_header{border:1px solid transparent;text-align:left;font-size:1.125rem;color:var(--sc-primary-text-color);margin:0;padding:0}.beam_copy{color:var(--sc-primary-text-color);font-size:1rem;line-height:1.5rem}.beam--bold{font-weight:700}.beam--normal{font-weight:400}.beam--alert{color:var(--sc-alert)}.beam--success{color:var(--sc-success)}.beam_navbar{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;border-bottom:1px solid var(--sc-row-border-color)}.beam_navbar h1{margin-left:.625rem}.beam_list-view{list-style-type:none;margin:var(--sc-list-margin);padding:0 0 2.5em;margin-top:1px}.beam_list-item{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:focus{outline:2px solid var(--sc-focus-cell-outline);background-color:var(--sc-focus-cell-background)}.beam_list-text{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,.beam_list-text p{overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.beam_list-item label{display:block}.beam_list-item p{margin:0}.beam_list-anchor{text-decoration:none;outline:none;color:var(--sc-primary-text-color)}.beam_item-count{font-size:1.3125rem;color:var(--sc-primary-text-color)}.beam_item-count span{margin:0;padding:0;outline:none}.beam_btn{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}.beam_btn:hover,.beam_btn:active{background-color:var(--sc-btn-hover)}.beam_action-footer{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_modal{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{background:#fff;padding:1.25rem;width:80%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam_modal-confirm button{margin:.625rem}.beam_modal-confirm h2{border-bottom:1px solid var(--sc-row-border-color);padding-bottom:.625rem;color:var(--sc-primary-text-color)}.beam_metadata{box-sizing:border-box;border:1px solid black;display:flex;flex-direction:column;max-height:100vh;color:var(--sc-primary-text-color)}.beam_metadata_content{padding-top:10px}.beam_metadata_header{display:flex;flex-direction:row;align-items:baseline;padding:0 30px;justify-content:space-between}.beam_metadata_count{font-size:1.5rem}.beam_metadata_count p{margin:0}.beam_metadata_header-order-num{font-weight:700;font-size:1.5rem}.beam_metadata_block{padding:0 30px;margin:10px 0}.beam_metadata_shipping{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.beam_metadata_shipping p{line-height:1.5rem}@media screen and (max-width: 600px){.beam_metadata_shipping{flex-direction:column}}.beam_metadata_component_header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.beam_metadata_components{overflow:scroll}.beam_metadata_heading{font-size:1.125rem;font-weight:700;margin:.625rem 0}
|
package/dist/beam.d.ts
CHANGED
|
@@ -2,12 +2,15 @@ import ActionFooter from '@/components/ActionFooter.vue';
|
|
|
2
2
|
import { App } from 'vue';
|
|
3
3
|
import BeamArrow from '@/components/BeamArrow.vue';
|
|
4
4
|
import BeamBtn from '@/components/BeamBtn.vue';
|
|
5
|
+
import BeamFilter from '@/components/BeamFilter.vue';
|
|
6
|
+
import BeamFilterOption from '@/components/BeamFilterOption.vue';
|
|
5
7
|
import BeamHeading from '@/components/BeamHeading.vue';
|
|
6
8
|
import BeamMetadata from '@/components/BeamMetadata.vue';
|
|
7
9
|
import BeamModal from '@/components/BeamModal.vue';
|
|
8
10
|
import BeamModalOutlet from '@/components/BeamModalOutlet.vue';
|
|
9
11
|
import BeamProgress from '@/components/BeamProgress.vue';
|
|
10
12
|
import Confirm from '@/components/Confirm.vue';
|
|
13
|
+
import FixedTop from '@/components/FixedTop.vue';
|
|
11
14
|
import ItemCheck from '@/components/ItemCheck.vue';
|
|
12
15
|
import ItemCount from '@/components/ItemCount.vue';
|
|
13
16
|
import ListAnchor from '@/components/ListAnchor.vue';
|
|
@@ -16,6 +19,7 @@ import ListView from '@/components/ListView.vue';
|
|
|
16
19
|
import Navbar from '@/components/Navbar.vue';
|
|
17
20
|
import ScanInput from '@/components/ScanInput.vue';
|
|
18
21
|
import SplitColumn from '@/components/SplitColumn.vue';
|
|
22
|
+
import ToggleArrow from '@/components/ToggleArrow.vue';
|
|
19
23
|
import { useMqttStream } from '@/composables/mqtt';
|
|
20
24
|
|
|
21
25
|
export { ActionFooter }
|
|
@@ -24,6 +28,10 @@ export { BeamArrow }
|
|
|
24
28
|
|
|
25
29
|
export { BeamBtn }
|
|
26
30
|
|
|
31
|
+
export { BeamFilter }
|
|
32
|
+
|
|
33
|
+
export { BeamFilterOption }
|
|
34
|
+
|
|
27
35
|
export { BeamHeading }
|
|
28
36
|
|
|
29
37
|
export { BeamMetadata }
|
|
@@ -36,6 +44,8 @@ export { BeamProgress }
|
|
|
36
44
|
|
|
37
45
|
export { Confirm }
|
|
38
46
|
|
|
47
|
+
export { FixedTop }
|
|
48
|
+
|
|
39
49
|
/**
|
|
40
50
|
* Install all Beam components
|
|
41
51
|
* @param app - Vue app instance
|
|
@@ -59,6 +69,8 @@ export { ScanInput }
|
|
|
59
69
|
|
|
60
70
|
export { SplitColumn }
|
|
61
71
|
|
|
72
|
+
export { ToggleArrow }
|
|
73
|
+
|
|
62
74
|
export { useMqttStream }
|
|
63
75
|
|
|
64
76
|
export { }
|