forstok-ui-lib 5.11.20 → 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 +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +12 -22
package/dist/index.js
CHANGED
|
@@ -1509,7 +1509,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.
|
|
|
1509
1509
|
width: unset;
|
|
1510
1510
|
}
|
|
1511
1511
|
}
|
|
1512
|
-
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${gy} {\n width: 100%;\n border-bottom: 1px solid var(--pri-clr-ln);\n &:first-child {\n border-bottom: 1px solid var(--sec-clr-ln);\n display: grid;\n > * { \n padding: 0 10px 12px; \n }\n }\n &:last-child { \n border-bottom: none; \n }\n > * {\n padding: 15px 10px;\n }\n &[role='rowheader'] {\n ${D}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${gy} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--warehouse) var(--status-big) var(--qty-pd20-big) repeat(2, var(--price-pd20)); \n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--ref-pd20) var(--ref) var(--status) var(--status) repeat(3, var(--qty-small));\n @media only screen and (min-width: 1366px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, var(--qty-small));\n }\n @media only screen and (min-width: 1512px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, minmax(88px, 103px));\n }\n @media only screen and (min-width: 1800px) {\n grid-template-columns: auto var(--store) var(--ref-pd20) minmax(105px, 155px) minmax(105px, 155px) repeat(3, minmax(88px, 103px));\n }\n >div {\n &:nth-child(n+6) { text-align: right; }\n }\n }\n `;else if("package"===e)r+=`\n ${gy} {\n grid-template-columns: auto repeat(2, var(--qty-pd20-big));\n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("shipment"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--ref-big) repeat(2, var(--qty-pd20-big)); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("payment-receive"===e)r+=`\n ${gy} {\n grid-template-columns: var(--id-big) var(--ref-pd20) var(--store) var(--ref-pd20) var(--time-pd20) 1fr;\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `;else if("item"===e)r+=`\n ${gy} {\n grid-template-columns: var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) repeat(2, var(--price-pd20)) var(--sku-pd20);\n }\n `;else if("bundle"===e)r+=`\n ${gy} {\n grid-template-columns: 1fr 145px 130px 130px 100px 130px 60px;\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n > section {\n display: grid;\n align-items: center;\n align-content: start;\n &.list-price {\n > div { \n padding-top: 8px; \n }\n }\n &:last-child {\n padding-top: 20px;\n }\n }\n > section, \n > div {\n text-align: right;\n &:first-child {\n text-align: left; \n }\n }\n @media only screen and (min-width: 1280px) {\n grid-template-columns: 1fr 145px 160px 150px 112px 130px 60px;\n }\n }\n `;else if("item-listing"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(var(--qty-small)) var(--price) var(--status-small) 90px":"auto var(--variant) var(--qty-big) var(--price) var(--status-small) minmax(90px, 100px)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${gy} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(--qty-small) var(--qty-big)":"auto var(--variant) var(--qty-pd20-big) var(--qty-pd20-big)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${gy} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--status) var(--qty-pd20-big) repeat(3, var(--price-pd20));\n > *:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("stock"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) var(--qty-pd20-big); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("inbound"===e)r+=`\n ${gy} {\n grid-template-columns: var(--time-pd20) auto var(--variant-pd20) var(--sku-pd20) var(--status-big) minmax(110px, 150px) minmax(110px, 150px); \n }\n `;else if("priceadjustment"===e)r+=`\n ${gy} {\n grid-template-columns: var(--sku) auto var(--store) var(--price-pd20) var(--price-pd20) var(--price) var(--price) var(--time) var(--time); \n }\n `;else if("add-item"===e)r+=`\n ${gy} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; \n margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${gy}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${gy} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0;\n margin-top: 0; \n }\n }\n ${gy}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${gy} {\n display: flex;\n &:first-child {\n display: flex;\n }\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n .column-batch-id {\n min-width: 95px;\n max-width: 110px;\n flex: 1;\n }\n .column-created-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-expiry-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-location {\n min-width: 85px;\n max-width: 100px;\n flex: 1;\n }\n .column-serial-numbers {\n min-width: 120px;\n max-width: 250px;\n flex: 1;\n }\n .column-qty-on-hand-total {\n min-width: 115px;\n max-width: 120px;\n flex: 1;\n }\n .column-qty-on-hand-damage {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-on-hand-normal {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-reserved {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-picked {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-packed {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-handover {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-promotions {\n min-width: 125px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-available-to-sell {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-in-transit {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-waiting-inbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-inbounded {\n min-width: 120px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-waiting-outbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n }\n `;else if("putaway"===e)r+=`\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 0 10px 12px;\n }\n }\n }\n &[role=row] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n > div[role=rowgroup] {\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 15px 10px;\n }\n }\n }\n }\n }\n `;else if("stock-adjustment"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) minmax(135px, 140px) var(--qty-pd20-big); \n }\n `;else if("confirm"===e)r+=`\n ${gy} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${gy} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){r+=`\n ${gy} {\n grid-template-columns: ${"add-item-price"===e||"add-item"===e?"30px auto 100px 156px 128px":"30px 115px 105px 130px 110px 110px"};\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${gy}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${gy} {\n grid-template-columns: auto var(--price-pd20) var(--price-pd20); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `:"link-master"===e?r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${gy} {\n grid-template-columns: auto var(--price) var(--price) minmax(150px, 175px) var(--qty-pd20-big); \n > *:not(:first-child) { \n text-align: right; \n }\n }\n `:"warehouse"===e?r+=`\n ${gy} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e?r+=`\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: 270px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 270px auto; \n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 1em;\n &:nth-child(n+2) {\n border-top: 1px solid rgb(245, 245, 245);\n padding-top: 16px;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\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: 270px var(--qty-pd20);\n }\n }\n @media only screen and (min-width: 1024px) {\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: 310px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 310px auto; \n }\n }\n }\n `:"account-role"===e?r+=`\n ${gy} {\n grid-template-columns: minmax(120px, 250px) var(--qty) minmax(80px, 130px) var(--time) minmax(110px, auto);\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `:"account-user"===e&&(r+=`\n ${gy} {\n grid-template-columns: var(--person) var(--email) minmax(80px, 120px) minmax(120px, 200px) var(--status) var(--time) minmax(110px, auto);\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `);return t&&(r+=`\n ${gy} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1512
|
+
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${gy} {\n width: 100%;\n border-bottom: 1px solid var(--pri-clr-ln);\n &:first-child {\n border-bottom: 1px solid var(--sec-clr-ln);\n display: grid;\n > * { \n padding: 0 10px 12px; \n }\n }\n &:last-child { \n border-bottom: none; \n }\n > * {\n padding: 15px 10px;\n }\n &[role='rowheader'] {\n ${D}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${gy} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--warehouse) var(--status-big) var(--qty-pd20-big) repeat(2, var(--price-pd20)); \n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--ref-pd20) var(--ref) var(--status) var(--status) repeat(3, var(--qty-small));\n @media only screen and (min-width: 1366px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, var(--qty-small));\n }\n @media only screen and (min-width: 1512px) {\n grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, minmax(88px, 103px));\n }\n @media only screen and (min-width: 1800px) {\n grid-template-columns: auto var(--store) var(--ref-pd20) minmax(105px, 155px) minmax(105px, 155px) repeat(3, minmax(88px, 103px));\n }\n >div {\n &:nth-child(n+6) { text-align: right; }\n }\n }\n `;else if("package"===e)r+=`\n ${gy} {\n grid-template-columns: auto repeat(2, var(--qty-pd20-big));\n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("shipment"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--ref-big) repeat(2, var(--qty-pd20-big)); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("payment-receive"===e)r+=`\n ${gy} {\n grid-template-columns: var(--id-big) var(--ref-pd20) var(--store) var(--ref-pd20) var(--time-pd20) 1fr;\n > div {\n &:last-child { \n text-align: right; \n }\n }\n }\n `;else if("item"===e)r+=`\n ${gy} {\n grid-template-columns: var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) repeat(2, var(--price-pd20)) var(--sku-pd20);\n }\n `;else if("bundle"===e)r+=`\n ${gy} {\n grid-template-columns: 1fr 145px 130px 130px 100px 130px 60px;\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n > section {\n display: grid;\n align-items: center;\n align-content: start;\n &.list-price {\n > div { \n padding-top: 8px; \n }\n }\n &:last-child {\n padding-top: 20px;\n }\n }\n > section, \n > div {\n text-align: right;\n &:first-child {\n text-align: left; \n }\n }\n @media only screen and (min-width: 1280px) {\n grid-template-columns: 1fr 145px 160px 150px 112px 130px 60px;\n }\n }\n `;else if("item-listing"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(var(--qty-small)) var(--price) var(--status-small) 90px":"auto var(--variant) var(--qty-big) var(--price) var(--status-small) minmax(90px, 100px)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${gy} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(--qty-small) var(--qty-big)":"auto var(--variant) var(--qty-pd20-big) var(--qty-pd20-big)"};\n &:last-child { \n ${n?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${gy} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--status) var(--qty-pd20-big) repeat(3, var(--price-pd20));\n > *:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("stock"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) var(--qty-pd20-big); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `;else if("inbound"===e)r+=`\n ${gy} {\n grid-template-columns: var(--time-pd20) auto var(--variant-pd20) var(--sku-pd20) var(--status-big) minmax(110px, 150px) minmax(110px, 150px); \n }\n `;else if("priceadjustment"===e)r+=`\n ${gy} {\n grid-template-columns: var(--sku) auto var(--store) var(--price-pd20) var(--price-pd20) var(--price) var(--price) var(--time) var(--time); \n }\n `;else if("add-item"===e)r+=`\n ${gy} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; \n margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${gy}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${gy} {\n grid-template-columns: 30px auto 100px 156px 128px;\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0;\n margin-top: 0; \n }\n }\n ${gy}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${gy} {\n display: flex;\n &:first-child {\n display: flex;\n }\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n .column-batch-id {\n min-width: 95px;\n max-width: 110px;\n flex: 1;\n }\n .column-created-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-expiry-date {\n min-width: var(--time-pd20-min);\n max-width: var(--time-pd20-max);\n flex: 1;\n }\n .column-location {\n min-width: 85px;\n max-width: 100px;\n flex: 1;\n }\n .column-serial-numbers {\n min-width: 120px;\n max-width: 250px;\n flex: 1;\n }\n .column-qty-on-hand-total {\n min-width: 115px;\n max-width: 120px;\n flex: 1;\n }\n .column-qty-on-hand-damage {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-on-hand-normal {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-reserved {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-picked {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-packed {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-handover {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-promotions {\n min-width: 125px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-available-to-sell {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-in-transit {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-waiting-inbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n .column-qty-inbounded {\n min-width: 120px;\n max-width: 130px;\n flex: 1;\n }\n .column-qty-waiting-outbound {\n min-width: var(--qty-pd20-big-min);\n max-width: var(--qty-pd20-big-max);\n flex: 1;\n }\n }\n `;else if("putaway"===e)r+=`\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 0 10px 12px;\n }\n }\n }\n &[role=row] {\n grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n > div[role=group] {\n padding: 0;\n > div[role=rowgroup] {\n display: grid;\n grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n > div {\n padding: 15px 10px;\n }\n }\n }\n }\n }\n `;else if("stock-adjustment"===e)r+=`\n ${gy} {\n grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) minmax(135px, 140px) var(--qty-pd20-big); \n }\n `;else if("confirm"===e)r+=`\n ${gy} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${gy} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){r+=`\n ${gy} {\n grid-template-columns: ${"add-item-price"===e||"add-item"===e?"30px auto 100px 156px 128px":"30px 115px 105px 130px 110px 110px"};\n &:first-child {\n > div { \n padding-bottom: 16px; \n }\n }\n > div:first-child { \n padding-left: 16px; \n > label {\n > span {\n top: 0; margin-top: 0;\n }\n }\n }\n ._refCheckboxMark { \n top: 0; \n margin-top: 0; \n }\n }\n ${gy}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${gy} {\n grid-template-columns: auto var(--price-pd20) var(--price-pd20); \n > div:not(:first-child) { \n text-align: right; \n }\n }\n `:"link-master"===e?r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${gy} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${gy} {\n grid-template-columns: auto var(--price) var(--price) minmax(150px, 175px) var(--qty-pd20-big); \n > *:not(:first-child) { \n text-align: right; \n }\n }\n `:"warehouse"===e?r+=`\n ${gy} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e&&(r+=`\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: 270px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 270px auto; \n }\n &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n ._refCollapse > div, \n ._refCollapseContainer > div {\n padding-bottom: 1em;\n &:nth-child(n+2) {\n border-top: 1px solid rgb(245, 245, 245);\n padding-top: 16px;\n }\n &:last-child {\n padding-bottom: 0;\n }\n }\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: 270px var(--qty-pd20);\n }\n }\n @media only screen and (min-width: 1024px) {\n ${gy} {\n &[role=rowheader] {\n grid-template-columns: 310px 270px var(--qty-pd20); \n }\n &[role=row] {\n grid-template-columns: 310px auto; \n }\n }\n }\n `);return t&&(r+=`\n ${gy} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1513
1513
|
`,my=o.default.div`
|
|
1514
1514
|
position: relative;
|
|
1515
1515
|
top: 0;
|
|
@@ -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;
|