forstok-ui-lib 5.11.1 → 5.11.2
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 +10 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +10 -3
package/dist/index.js
CHANGED
|
@@ -1469,13 +1469,15 @@ 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.
|
|
|
1469
1469
|
${gy} {
|
|
1470
1470
|
width: 960px;
|
|
1471
1471
|
border-bottom: 1px solid var(--pri-clr-ln);
|
|
1472
|
-
|
|
1472
|
+
> * {
|
|
1473
1473
|
padding: 15px 10px;
|
|
1474
1474
|
}
|
|
1475
1475
|
&:first-child {
|
|
1476
1476
|
border-bottom: 1px solid var(--sec-clr-ln);
|
|
1477
1477
|
display: grid;
|
|
1478
|
-
> * {
|
|
1478
|
+
> * {
|
|
1479
|
+
padding: 0 10px 12px;
|
|
1480
|
+
}
|
|
1479
1481
|
}
|
|
1480
1482
|
&:last-child { border-bottom: none; }
|
|
1481
1483
|
&[role='rowheader'] {
|
|
@@ -1483,9 +1485,14 @@ 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.
|
|
|
1483
1485
|
color: var(--mt-clr);
|
|
1484
1486
|
}
|
|
1485
1487
|
}
|
|
1488
|
+
@media only screen and (min-width: 768px) {
|
|
1489
|
+
width: auto !important;
|
|
1490
|
+
}
|
|
1486
1491
|
@media only screen and (min-width: 1024px) {
|
|
1487
1492
|
overflow-x: unset;
|
|
1488
|
-
${gy} {
|
|
1493
|
+
${gy} {
|
|
1494
|
+
width: unset;
|
|
1495
|
+
}
|
|
1489
1496
|
}
|
|
1490
1497
|
${({$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}}
|
|
1491
1498
|
`,my=o.default.div`
|