forstok-ui-lib 5.11.19 → 5.11.21
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +53 -53
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +12 -0
package/dist/index.js
CHANGED
|
@@ -1846,7 +1846,7 @@ r.version="2.30.1",i(qn),r.fn=la,r.min=Kn,r.max=er,r.now=tr,r.utc=g,r.unix=ca,r.
|
|
|
1846
1846
|
padding-bottom: 0;
|
|
1847
1847
|
}
|
|
1848
1848
|
}
|
|
1849
|
-
${({$mode:e})=>{let t="";return"item"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(--price) var(--status-small);\n }\n input[name=checkbox-list] {\n & + span { \n top: 8px;\n }\n }\n }\n `:"listing"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) minmax(88px, auto);\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: var(--variant) var(--sku) var(--sku) var(--qty-big) var(--price) var(--status-small);\n }\n input[name=checkbox-list] {\n & + span { \n top: 8px;\n }\n }\n }\n `:"quantity"===e?t+=`\n padding: 0 10px;\n > div {\n overflow: auto;\n }\n ${My} {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n grid-gap: 0;\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n &[role=row] > div[role=cellgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n display: flex;\n flex: 2;\n grid-gap: 0;\n }\n &[role=row] > div[role=cellgroup] {\n flex-direction: column;\n }\n &[role=rowheader] > div[role=columnheader], \n &[role=rowheader] > div[role=group] > div[role=cell], \n &[role=row] > div[role=cell], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell], \n ._refCollapse > div:not(._refCollapseContainer) > div[role=cell], \n ._refCollapseContainer > div > div[role=cell] {\n flex-direction: column;\n padding: 16px 6px;\n align-self: stretch;\n width: 100%;\n }\n &[role=rowheader] > div[role=columnheader], \n &[role=rowheader] > div[role=group] > div[role=cell] {\n padding: 27px 6px 18px;\n }\n &[role=rowheader] {\n padding: 0;\n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 0;\n padding-top: 0;\n &:nth-child(n+2) {\n padding-top: 0;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n .column-product {\n min-width: calc(var(--item-min) + 25px);\n max-width: calc(var(--item-max) + 25px);\n flex: 1;\n padding-left: 19px !important;\n }\n .column-master-sku {\n min-width: calc(var(--sku-min) + 12px);\n max-width: calc(var(--sku-max) + 12px);\n flex: 1;\n }\n .column-warehouse {\n min-width: calc(var(--warehouse-min) + 12px);\n max-width: calc(var(--warehouse-max) + 12px);\n flex: 3;\n }\n .column-on-hand-total {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-on-hand-damage {\n min-width: 97px;\n max-width: 102px;\n flex: 2;\n }\n .column-on-hand-normal {\n min-width: 97px;\n max-width: 102px;\n flex: 2;\n }\n .column-reserved-orders {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-picked {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-packed {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-handover {\n min-width: calc(var(--qty-big-min) + 12px);\n max-width: calc(var(--qty-big-max) + 12px);\n flex: 2;\n }\n .column-promotion-allocation {\n min-width: calc(var(--qty-big-min) + 12px);\n max-width: calc(var(--qty-big-max) + 12px);\n flex: 2;\n }\n .column-available-to-sell {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-in-transit {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-waiting-inbound {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-inbounded {\n min-width: 110px;\n max-width: 112px;\n flex: 2;\n }\n .column-waiting-outbound {\n min-width: 110px;\n max-width: 112px;\n flex: 2;\n }\n .column-last-updated {\n min-width: calc(var(--time-min) + 12px);\n max-width: calc(var(--time-max) + 12px);\n flex: 2;\n }\n .column-actions {\n min-width: 96px;\n flex: 1;\n padding-right: 12px !important;\n }\n }\n `:"picklist"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--ref) var(--time) minmax(185px, auto);\n }\n `:"package"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--person) var(--ref) var(--time) minmax(110px, auto);\n }\n `:"shipment"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id-big) var(--status) minmax(80px, 160px) minmax(80px, 160px) minmax(95px, 160px) var(--ref) minmax(140px, auto);\n }\n `:"invoice"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n grid-template-columns: var(--checkbox) var(--id-big) var(--status-small) var(--store) var(--price) var(--price) var(--ref) var(--person) var(--time) minmax(180px, auto);\n }\n `:"payment-receive"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) 155px var(--person) var(--qty) var(--price) minmax(110px, auto);\n }\n `:"sales-return"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-big) var(--status) var(--warehouse) var(--person) var(--person) var(--ref-big) var(--time) minmax(120px, auto);\n }\n `:"activity"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) var(--id-big) var(--item) var(--status) var(--email) var(--status) var(--status) minmax(110px, auto);\n }\n `:"putaway"===e?t+=`\n ${My} {\n grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--ref) var(--person) var(--time) minmax(60px, auto);\n }\n `:"inbound"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 160px) var(--person) var(--time) minmax(170px, auto);\n }\n `:"lowstock"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) var(--variant) var(--sku) var(--warehouse) var(--qty-big) var(--statusnow) var(--time) minmax(60px, auto);\n }\n `:"price"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) var(--id-big) var(--status) var(--qty) var(--email) var(--status) minmax(60px, auto);\n }\n `:"stock-adjustment"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 150px) var(--person) var(--time) minmax(160px, auto);\n }\n `:"stock-outbound"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(150px,160px) var(--person) var(--time) minmax(160px, auto);\n }\n `:"stock-transfer"===e?t+=`\n ${My} {\n grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--warehouse) minmax(120px, 130px) var(--person) var(--time) minmax(140px, auto);\n }\n `:"promotion"===e?t+=`\n ${My} {\n grid-template-columns: var(--store) var(--id-big) var(--ref-big) minmax(95px,150px) var(--status-small) var(--time) var(--time) minmax(50px, 88px) var(--time) minmax(88px, auto);\n }\n `:"stock-history"===e?t+=`\n ${My} {\n grid-template-columns: minmax(120px, 360px) var(--sku) var(--warehouse) minmax(85px,120px) minmax(105px,190px) var(--qty-small) var(--qty-small) var(--qty-big) var(--time) minmax(75px, 88px);\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n }\n `:"price-history"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(135px,145px) minmax(120px,360px) var(--sku) var(--store) var(--price) var(--price) minmax(75px,120px) minmax(80px,120px) var(--time) var(--status) minmax(75px,88px);\n }\n `:"turnover"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) repeat(4, var(--qty)) minmax(75px,88px);\n }\n `:"days-outofstock"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) var(--qty-big) var(--qty) var(--qty-big) var(--time) minmax(75px,88px);\n }\n `:"warehouses"===e?t+=`\n ${My} {\n grid-template-columns: var(--warehouse) var(--status) var(--id-big) var(--qty-big) var(--time) minmax(110px, auto);\n }\n `:"archived"===e?t+=`\n ${My} {\n grid-template-columns: var(--time-pd20) minmax(auto, max-content) minmax(88px, auto);\n &[role=rowheader] > div[role=group], &[role=row] > div[role=cellgroup] > div[role=rowgroup], ._refCollapse > div:not(._refCollapseContainer), ._refCollapseContainer > div {\n grid-template-columns: var(--sku) var(--item);\n }\n }\n `:"pos-order"===e&&(t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n grid-template-columns: var(--id-pd20) minmax(80px, 120px) var(--time) var(--person) var(--qty) var(--price) var(--status) minmax(180px, auto);\n }\n `),t}}
|
|
1849
|
+
${({$mode:e})=>{let t="";return"item"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(--price) var(--status-small);\n }\n input[name=checkbox-list] {\n & + span { \n top: 8px;\n }\n }\n }\n `:"listing"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) minmax(88px, auto);\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n grid-template-columns: var(--variant) var(--sku) var(--sku) var(--qty-big) var(--price) var(--status-small);\n }\n input[name=checkbox-list] {\n & + span { \n top: 8px;\n }\n }\n }\n `:"quantity"===e?t+=`\n padding: 0 10px;\n > div {\n overflow: auto;\n }\n ${My} {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n grid-gap: 0;\n &[role=rowheader] > div[role=group], \n &[role=row] > div[role=group], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n &[role=row] > div[role=cellgroup], \n ._refCollapse > div:not(._refCollapseContainer), \n ._refCollapseContainer > div {\n display: flex;\n flex: 2;\n grid-gap: 0;\n }\n &[role=row] > div[role=cellgroup] {\n flex-direction: column;\n }\n &[role=rowheader] > div[role=columnheader], \n &[role=rowheader] > div[role=group] > div[role=cell], \n &[role=row] > div[role=cell], \n &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell], \n ._refCollapse > div:not(._refCollapseContainer) > div[role=cell], \n ._refCollapseContainer > div > div[role=cell] {\n flex-direction: column;\n padding: 16px 6px;\n align-self: stretch;\n width: 100%;\n }\n &[role=rowheader] > div[role=columnheader], \n &[role=rowheader] > div[role=group] > div[role=cell] {\n padding: 27px 6px 18px;\n }\n &[role=rowheader] {\n padding: 0;\n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 0;\n padding-top: 0;\n &:nth-child(n+2) {\n padding-top: 0;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n .column-product {\n min-width: calc(var(--item-min) + 25px);\n max-width: calc(var(--item-max) + 25px);\n flex: 1;\n padding-left: 19px !important;\n }\n .column-master-sku {\n min-width: calc(var(--sku-min) + 12px);\n max-width: calc(var(--sku-max) + 12px);\n flex: 1;\n }\n .column-warehouse {\n min-width: calc(var(--warehouse-min) + 12px);\n max-width: calc(var(--warehouse-max) + 12px);\n flex: 3;\n }\n .column-on-hand-total {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-on-hand-damage {\n min-width: 97px;\n max-width: 102px;\n flex: 2;\n }\n .column-on-hand-normal {\n min-width: 97px;\n max-width: 102px;\n flex: 2;\n }\n .column-reserved-orders {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-picked {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-packed {\n min-width: 87px;\n max-width: 97px;\n flex: 2;\n }\n .column-handover {\n min-width: calc(var(--qty-big-min) + 12px);\n max-width: calc(var(--qty-big-max) + 12px);\n flex: 2;\n }\n .column-promotion-allocation {\n min-width: calc(var(--qty-big-min) + 12px);\n max-width: calc(var(--qty-big-max) + 12px);\n flex: 2;\n }\n .column-available-to-sell {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-in-transit {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-waiting-inbound {\n min-width: 95px;\n max-width: 97px;\n flex: 2;\n }\n .column-inbounded {\n min-width: 110px;\n max-width: 112px;\n flex: 2;\n }\n .column-waiting-outbound {\n min-width: 110px;\n max-width: 112px;\n flex: 2;\n }\n .column-last-updated {\n min-width: calc(var(--time-min) + 12px);\n max-width: calc(var(--time-max) + 12px);\n flex: 2;\n }\n .column-actions {\n min-width: 96px;\n flex: 1;\n padding-right: 12px !important;\n }\n }\n `:"picklist"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--ref) var(--time) minmax(185px, auto);\n }\n `:"package"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--person) var(--ref) var(--time) minmax(110px, auto);\n }\n `:"shipment"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--time) var(--id-big) var(--status) minmax(80px, 160px) minmax(80px, 160px) minmax(95px, 160px) var(--ref) minmax(140px, auto);\n }\n `:"invoice"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n grid-template-columns: var(--checkbox) var(--id-big) var(--status-small) var(--store) var(--price) var(--price) var(--ref) var(--person) var(--time) minmax(180px, auto);\n }\n `:"payment-receive"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) 155px var(--person) var(--qty) var(--price) minmax(110px, auto);\n }\n `:"sales-return"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-big) var(--status) var(--warehouse) var(--person) var(--person) var(--ref-big) var(--time) minmax(120px, auto);\n }\n `:"activity"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) var(--id-big) var(--item) var(--status) var(--email) var(--status) var(--status) minmax(110px, auto);\n }\n `:"putaway"===e?t+=`\n ${My} {\n grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--ref) var(--person) var(--time) minmax(60px, auto);\n }\n `:"inbound"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 160px) var(--person) var(--time) minmax(170px, auto);\n }\n `:"lowstock"===e?t+=`\n ${My} {\n grid-template-columns: var(--checkbox) var(--item) var(--variant) var(--sku) var(--warehouse) var(--qty-big) var(--statusnow) var(--time) minmax(60px, auto);\n }\n `:"price"===e?t+=`\n ${My} {\n grid-template-columns: var(--time) var(--id-big) var(--status) var(--qty) var(--email) var(--status) minmax(60px, auto);\n }\n `:"stock-adjustment"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 150px) var(--person) var(--time) minmax(160px, auto);\n }\n `:"stock-outbound"===e?t+=`\n ${My} {\n grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(150px,160px) var(--person) var(--time) minmax(160px, auto);\n }\n `:"stock-transfer"===e?t+=`\n ${My} {\n grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--warehouse) minmax(120px, 130px) var(--person) var(--time) minmax(140px, auto);\n }\n `:"promotion"===e?t+=`\n ${My} {\n grid-template-columns: var(--store) var(--id-big) var(--ref-big) minmax(95px,150px) var(--status-small) var(--time) var(--time) minmax(50px, 88px) var(--time) minmax(88px, auto);\n }\n `:"stock-history"===e?t+=`\n ${My} {\n grid-template-columns: minmax(120px, 360px) var(--sku) var(--warehouse) minmax(85px,120px) minmax(105px,190px) var(--qty-small) var(--qty-small) var(--qty-big) var(--time) minmax(75px, 88px);\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n }\n `:"price-history"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(135px,145px) minmax(120px,360px) var(--sku) var(--store) var(--price) var(--price) minmax(75px,120px) minmax(80px,120px) var(--time) var(--status) minmax(75px,88px);\n }\n `:"turnover"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) repeat(4, var(--qty)) minmax(75px,88px);\n }\n `:"days-outofstock"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n > *:last-child {\n display: unset;\n justify-content: unset;\n }\n grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) var(--qty-big) var(--qty) var(--qty-big) var(--time) minmax(75px,88px);\n }\n `:"warehouses"===e?t+=`\n ${My} {\n grid-template-columns: var(--warehouse) var(--status) var(--id-big) var(--qty-big) var(--time) minmax(110px, auto);\n }\n `:"archived"===e?t+=`\n ${My} {\n grid-template-columns: var(--time-pd20) minmax(auto, max-content) minmax(88px, auto);\n &[role=rowheader] > div[role=group], &[role=row] > div[role=cellgroup] > div[role=rowgroup], ._refCollapse > div:not(._refCollapseContainer), ._refCollapseContainer > div {\n grid-template-columns: var(--sku) var(--item);\n }\n }\n `:"pos-order"===e?t+=`\n ${My} {\n @media only screen and (max-width: 1279px) {\n width: unset;\n }\n grid-template-columns: var(--id-pd20) minmax(80px, 120px) var(--time) var(--person) var(--qty) var(--price) var(--status) minmax(180px, auto);\n }\n `:"account-user"===e?t+=`\n ${My} {\n grid-template-columns: var(--person) var(--email) minmax(80px, 120px) minmax(120px, 200px) var(--status) var(--time) minmax(110px, auto);\n }\n `:"account-role"===e&&(t+=`\n ${My} {\n grid-template-columns: minmax(120px, 250px) var(--qty) minmax(80px, 130px) var(--time) minmax(110px, auto);\n }\n `),t}}
|
|
1850
1850
|
`,Ny=o.default.div`
|
|
1851
1851
|
display: grid;
|
|
1852
1852
|
grid-template-columns: 16px 125px;
|