forstok-ui-lib 6.6.2 → 6.6.4
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 +10 -2
package/dist/index.mjs
CHANGED
|
@@ -1112,7 +1112,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1112
1112
|
min-height: 30px;
|
|
1113
1113
|
align-items: center;
|
|
1114
1114
|
}
|
|
1115
|
-
${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n grid-gap: 16px;\n align-items: start;\n grid-template-columns: 30px 1fr;\n ${$t} { \n display: block; \n }\n @media only screen and (min-width: 768px) {\n ${$t} { \n display: grid; \n }\n }\n `:"store"===e?n+=`\n align-items: center;\n grid-gap: 4px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n align-self: start;\n }\n > *:nth-child(2) {\n ${B}\n }\n `:"store-static"===e?n+=`\n align-items: center;\n grid-gap: 6px;\n position: relative;\n padding-left: 24px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n position: absolute;\n top: 50%;\n left: 0;\n margin-top: -10px;\n }\n > *:nth-child(2) {\n ${P}\n }\n `:"amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 180px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${Zt} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"account-amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 360px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${Zt} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"product"===e?n+=`\n display: grid;\n grid-auto-flow: column;\n justify-content: left;\n grid-gap: ${"store"===t?"6px":"8px"};\n grid-template-columns: ${"store"===t?"28px 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n align-items: start;\n > div:first-child {\n height: ${"store"===t?"28px":"34px"};\n }\n > aside {\n align-items: center;\n display: grid;\n line-height: 15px;\n }\n ${Ut} {\n display: inline-grid;\n grid-auto-flow: row;\n grid-gap: 2px;\n align-self: center;\n > div:first-child { \n ${P} \n line-height: ${"store"===t?"14px":"17px"};\n }\n > span {\n ${B}\n }\n ${Xt} {\n > div:first-child {\n line-height: 8px;\n }\n }\n }\n `:"contra"===e?n+="\n grid-auto-flow: row;\n align-items: start;\n @media only screen and (min-width: 1024px) {\n grid-auto-flow: column;\n }\n ":"store-order"===e&&(n+="\n align-items: start;\n gap: 8px;\n "),"right"===t&&(n+="\n grid-gap: 10px;\n justify-content: end;\n align-items: center;\n > div {\n min-width: 170px;\n width: 170px;\n }\n "),n}}
|
|
1115
|
+
${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n grid-gap: 16px;\n align-items: start;\n grid-template-columns: 30px 1fr;\n ${$t} { \n display: block; \n }\n @media only screen and (min-width: 768px) {\n ${$t} { \n display: grid; \n }\n }\n `:"store"===e?n+=`\n align-items: center;\n grid-gap: 4px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n align-self: start;\n }\n > *:nth-child(2) {\n ${B}\n }\n `:"store-static"===e?n+=`\n align-items: center;\n grid-gap: 6px;\n position: relative;\n padding-left: 24px;\n > div > span {\n font-size: 10px;\n }\n > div:first-child {\n position: absolute;\n top: 50%;\n left: 0;\n margin-top: -10px;\n }\n > *:nth-child(2) {\n ${P}\n }\n `:"amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 180px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${Zt} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"account-amount"===e?n+=`\n width: 100%;\n grid-gap: 20px;\n grid-template-columns: 360px 1fr;\n justify-content: right;\n justify-items: right;\n font-size: 15px;\n ${Zt} {\n text-align: right;\n display: block;\n width: 100%;\n }\n `:"product"===e?n+=`\n display: grid;\n grid-auto-flow: column;\n justify-content: left;\n grid-gap: ${"store"===t?"6px":"8px"};\n grid-template-columns: ${"store"===t?"28px 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n align-items: start;\n > div:first-child {\n height: ${"store"===t?"28px":"34px"};\n }\n > aside {\n align-items: center;\n display: grid;\n line-height: 15px;\n }\n ${Ut} {\n display: inline-grid;\n grid-auto-flow: row;\n grid-gap: 2px;\n align-self: center;\n > div:first-child { \n ${P} \n line-height: ${"store"===t?"14px":"17px"};\n }\n > span {\n ${B}\n }\n ${Xt} {\n > div:first-child {\n line-height: 8px;\n }\n }\n }\n `:"contra"===e?n+="\n grid-auto-flow: row;\n align-items: start;\n @media only screen and (min-width: 1024px) {\n grid-auto-flow: column;\n }\n ":"status"===e?n+="\n align-items: baseline;\n grid-gap: 2px;\n i {\n opacity: .7;\n }\n ":"store-order"===e&&(n+="\n align-items: start;\n gap: 8px;\n "),"right"===t&&(n+="\n grid-gap: 10px;\n justify-content: end;\n align-items: center;\n > div {\n min-width: 170px;\n width: 170px;\n }\n "),n}}
|
|
1116
1116
|
`,Zt=x.span`
|
|
1117
1117
|
${({$mode:e})=>{if("correct"===e)return y`
|
|
1118
1118
|
text-decoration: line-through;
|
|
@@ -1288,7 +1288,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1288
1288
|
width: unset;
|
|
1289
1289
|
}
|
|
1290
1290
|
}
|
|
1291
|
-
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${tn} {\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 ${Y}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${tn} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${tn} {\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 ${tn} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${tn} {\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 ${tn}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${tn} {\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 ${tn} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1291
|
+
${({$mode:e,$isBorder:t,$isPopup:n})=>{let r=`\n ${tn} {\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 ${Y}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${tn} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\n width: ${n?"834px":"940px"};\n grid-template-columns: ${n?"auto var(--variant-small) var(--qty) var(--price) var(--status-small) 95px":"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 ${tn} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${tn} {\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 ${tn} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${tn} {\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 ${tn}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${tn} {\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 ${tn} {\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 ${tn}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${tn} {\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 ${tn} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\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 ${tn} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1292
1292
|
`,rn=x.section`
|
|
1293
1293
|
${L}
|
|
1294
1294
|
position: relative;
|