forstok-ui-lib 8.5.7 → 8.5.9
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
CHANGED
|
@@ -1514,7 +1514,7 @@ function M(e,t){if(!1===e||null==e)throw new Error(t)}function L(e,t){if(!e){"un
|
|
|
1514
1514
|
width: unset;
|
|
1515
1515
|
}
|
|
1516
1516
|
}
|
|
1517
|
-
${({$mode:e,$isBorder:t,$isPopup:r})=>{let i=`\n ${kr} {\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 ${rt}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${kr} { \n width: unset \n }\n }\n `;if("order"===e)i+=`\n ${kr} {\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("quotation"===e)i+=`\n ${kr} {\n grid-template-columns: auto minmax(100px, 300px) var(--qty-pd20-big) repeat(3, var(--price-pd20)); \n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3),\n &:nth-last-child(4) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n width: ${r?"834px":"940px"};\n grid-template-columns: ${r?"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 ${r?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${kr} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n width: ${r?"834px":"940px"};\n grid-template-columns: ${r?"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 ${r?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${kr} { \n width: unset; \n }\n }\n `;else if("invoice"===e)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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 ${kr}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)i+=`\n ${kr} {\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 ${kr}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)i+=`\n overflow: auto;\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)i+=`\n ${kr} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){i+=`\n ${kr} {\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 ${kr}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?i+=`\n ${kr} {\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?i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?i+=`\n padding-top: 16px;\n ${kr} {\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?i+=`\n ${kr} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e&&(i+=`\n ${kr} {\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 ${kr} {\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&&(i+=`\n ${kr} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),i}}
|
|
1517
|
+
${({$mode:e,$isBorder:t,$isPopup:r})=>{let i=`\n ${kr} {\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 ${rt}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${kr} { \n width: unset \n }\n }\n `;if("order"===e)i+=`\n ${kr} {\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("quotation"===e)i+=`\n ${kr} {\n grid-template-columns: ${r?"auto 150px var(--qty) var(--price) var(--status-small) 95px":"auto minmax(100px, 300px) var(--qty-pd20-big) repeat(3, var(--price-pd20))"};\n > div {\n &:last-child, \n &:nth-last-child(2), \n &:nth-last-child(3),\n &:nth-last-child(4) { \n text-align: right; \n }\n }\n }\n `;else if("picklist"===e)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n width: ${r?"834px":"940px"};\n grid-template-columns: ${r?"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 ${r?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${kr} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n width: ${r?"834px":"940px"};\n grid-template-columns: ${r?"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 ${r?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${kr} { \n width: unset; \n }\n }\n `;else if("invoice"===e)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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 ${kr}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)i+=`\n ${kr} {\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 ${kr}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)i+=`\n overflow: auto;\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\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)i+=`\n ${kr} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)i+=`\n ${kr} {\n grid-template-columns: auto 120px 120px 90px 90px 90px; \n }\n `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){i+=`\n ${kr} {\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 ${kr}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?i+=`\n ${kr} {\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?i+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${kr} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?i+=`\n padding-top: 16px;\n ${kr} {\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?i+=`\n ${kr} {\n >*:last-child { text-align: right; }\n grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n }\n `:"item-stock"===e&&(i+=`\n ${kr} {\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 ${kr} {\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&&(i+=`\n ${kr} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),i}}
|
|
1518
1518
|
`,Lr=m.default.section`
|
|
1519
1519
|
${Je}
|
|
1520
1520
|
position: relative;
|
|
@@ -4448,7 +4448,7 @@ function M(e,t){if(!1===e||null==e)throw new Error(t)}function L(e,t){if(!e){"un
|
|
|
4448
4448
|
display: block;
|
|
4449
4449
|
}
|
|
4450
4450
|
}
|
|
4451
|
-
`,ha=t=>{var{children:i,title:n,subTitle:a,$externalWidth:o,$externalMinWidth:l,$internalWidth:s,$area:d,$openPosition:C,$placement:c,$top:p,onClick:h,$alias:g,type:x,portalId:m,$bottom:u,$isPopup:v}=t,w=D(t,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom","$isPopup"]);const f=r.useRef(null),F=(e,t)=>{const r=Number.parseInt(e||"",10);return Number.isNaN(r)?t:r},y=e=>null==e?void 0:e.querySelector("._refDropdownWrapper"),A=(e,t)=>{if("top"===c)return"top";const r=e.getBoundingClientRect(),i=t.getBoundingClientRect().height||t.offsetHeight,n=F(p,40),a=F(u,35),o=(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)-r.bottom,l=r.top,s=i+Math.max(n-r.height,0),d=i+Math.max(a-r.height,0);return o>=s?"bottom":l>=d||l>o?"top":"bottom"},b=(e,t)=>{if("top"===t)return e.style.top="auto",void(e.style.bottom=`${F(u,35)}px`);e.style.top=`${F(p,40)}px`,e.style.bottom="auto"},E=e=>{const t=y(e);t&&(t.style.top="",t.style.bottom="",t.style.left="",t.style.right="",t.style.transform="",t.style.visibility="")},B=(e,t)=>{const r=y(e);r&&(r.style.visibility=t)},j=e=>{if(!m)return;const t=document.querySelector(`#${m} ._refDropdownPortal`),r=y(t);if(!t||!r)return;const i=e.getBoundingClientRect(),n=A(e,r),a=r.getBoundingClientRect().width||r.offsetWidth,o=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;let l=i.left+i.width-a;"left"===C?l=i.left:"center"===C&&(l=i.left+i.width/2-a/2),l=Math.max(0,Math.min(l,Math.max(o-a,0))),r.style.left="0",r.style.right="auto",r.style.transform="none",b(r,n),t.style.left=`${l}px`,t.style.top=`${"top"===n?i.bottom:i.top}px`,t.style.zIndex=v?"101":"8"},k=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];e&&m&&j(e)},M=()=>{const e=document.getElementsByClassName("_refContainer is-shown"),t=document.getElementsByTagName("BODY")[0];if(e.length){t.classList.remove("is-immuned");for(let t=0;t<e.length;t++){e[t].querySelector("._refDropdownOverlay").style.display="none",e[t].classList.remove("is-shown"),E(e[t])}}const r=document.querySelector("._refScrollContainer");r&&r.removeEventListener("scroll",k,!0),setTimeout((()=>{if(m){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)E(e[t]),e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},L=e=>{const t=f.current;if(t){const r=e.target.closest(`.${t.classList[0]}`);if(!r)return;const i=r.closest("._refContainer"),n=document.getElementsByTagName("BODY")[0];if(i){const t=i.querySelector("._refDropdownOverlay");i.classList.contains("is-shown")?(t.style.display="none",n.classList.remove("is-immuned"),i.classList.remove("is-shown"),setTimeout((()=>{if(m){const e=document.querySelector(`#${m} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer");e&&(E(e),e.classList.remove("is-shown"),e.style.left="0px",e.style.top="0px",t&&t.removeEventListener("scroll",k,!0))}}),10),E(i)):(M(),t.style.display="block",n.classList.add("is-immuned"),m||B(i,"hidden"),i.classList.add("is-shown"),setTimeout((()=>{if(m){const e=document.querySelector(`#${m} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer");e&&(e.classList.add("is-shown"),setTimeout((()=>{j(i),t&&t.addEventListener("scroll",k,!0)}),10))}else e=()=>{(e=>{const t=y(e);if(!t)return;const r=A(e,t);b(t,r)})(i),B(i,"visible")},window.requestAnimationFrame((()=>e()));var e}),10),h&&h(e))}}};r.useEffect((()=>(setTimeout((()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.addEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")})),t&&t.addEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}))}),1),()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.removeEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")}),!0),t&&t.removeEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}),!0)})),[m]);const O=a?e.jsx(da,{children:a}):null,z=n?e.jsxs(sa,{children:[n," ",O]}):null,I=i.filter((e=>r.isValidElement(e)?"control"===e.props["aria-label"]:null)),P=I&&r.isValidElement(I[0])?"hover"===x?e.jsxs(oa,{children:[e.jsx(aa,Object.assign({className:"_refDropdownControl"},m&&{onMouseEnter:e=>{const t=f.current;if(t){const r=e.target.closest(`.${t.classList[0]}`);if(!r)return;const i=document.querySelectorAll("._refDropdownPortal");for(const e of i)e.classList.remove("is-shown"),e.style.left="0",e.style.top="0";const n=r.closest("._refContainer");if(n){const e=document.querySelector(`#${m} ._refDropdownPortal`);e&&(e.classList.add("is-shown"),setTimeout((()=>{j(n)}),10))}}},onMouseLeave:e=>{const t=f.current;if(t){if(!e.target.closest(`.${t.classList[0]}`))return;setTimeout((()=>{const e=document.querySelector(`#${m} ._refDropdownPortal`);e&&!e.classList.contains("unhiddenable")&&(E(e),e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}),150)}}},{children:I[0].props.children})),e.jsx(aa,{className:"_refDropdownControlMobile",ref:f,onClick:L,children:I[0].props.children})]}):e.jsx(aa,{ref:f,onClick:L,children:I[0].props.children}):null,Q=i.filter((e=>r.isValidElement(e)?"body"===e.props["aria-label"]:null)),T=Q&&r.isValidElement(Q[0])?e.jsx(Ca,{$area:d,children:Q[0].props.children}):null,S=i.filter((e=>r.isValidElement(e)?"action"===e.props["aria-label"]:null)),H=S&&r.isValidElement(S[0])?e.jsx(ca,{$position:S[0].props["data-position"],className:S[0].props.className,children:S[0].props.children}):null,Y=e.jsxs(ia,Object.assign({className:"_refDropdownWrapper"},s&&{$internalWidth:s},p&&{$top:p},C&&{$openPosition:C},c&&{$placement:c},u&&{$bottom:u},{children:[z,T,H]}));return e.jsxs(la,Object.assign({className:"_refContainer "+(x?`_refContainer${x}`:"")},o&&{$externalWidth:o},l&&{$externalMinWidth:l},d&&{$area:d},p&&{$top:p},g&&{$alias:g},C&&{$openPosition:C},c&&{$placement:c},u&&{$bottom:u},w,{children:[P,e.jsx(na,{className:"_refDropdownOverlay",onClick:()=>{M()}}),m?e.jsx(ra,{wrapperId:m,children:e.jsx(pa,{className:"_refDropdownPortal "+("hover"===x?"_refHover":""),children:Y})}):Y]}))},ga=t.css`
|
|
4451
|
+
`,ha=t=>{var{children:i,title:n,subTitle:a,$externalWidth:o,$externalMinWidth:l,$internalWidth:s,$area:d,$openPosition:C,$placement:c,$top:p,onClick:h,$alias:g,type:x,portalId:m,$bottom:u,$isPopup:v}=t,w=D(t,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom","$isPopup"]);const f=r.useRef(null),F=(e,t)=>{const r=Number.parseInt(e||"",10);return Number.isNaN(r)?t:r},y=e=>null==e?void 0:e.querySelector("._refDropdownWrapper"),A=(e,t)=>{if("top"===c)return"top";const r=e.getBoundingClientRect(),i=t.getBoundingClientRect().height||t.offsetHeight,n=F(p,40),a=F(u,35),o=(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)-r.bottom,l=r.top,s=i+Math.max(n-r.height,0),d=i+Math.max(a-r.height,0);return o>=s?"bottom":l>=d||l>o?"top":"bottom"},b=(e,t)=>{if("top"===t)return e.style.animation="none",e.style.top="auto",void(e.style.bottom=`${F(u,35)}px`);e.style.top=`${F(p,40)}px`,e.style.bottom="auto"},E=e=>{const t=y(e);t&&(t.style.top="",t.style.bottom="",t.style.left="",t.style.right="",t.style.transform="",t.style.visibility="",t.style.animation="")},B=(e,t)=>{const r=y(e);r&&(r.style.visibility=t)},j=e=>{if(!m)return;const t=document.querySelector(`#${m} ._refDropdownPortal`),r=y(t);if(!t||!r)return;const i=e.getBoundingClientRect(),n=A(e,r),a=r.getBoundingClientRect().width||r.offsetWidth,o=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;let l=i.left+i.width-a;"left"===C?l=i.left:"center"===C&&(l=i.left+i.width/2-a/2),l=Math.max(0,Math.min(l,Math.max(o-a,0))),r.style.left="0",r.style.right="auto",r.style.transform="none",b(r,n),t.style.left=`${l}px`,t.style.top=`${"top"===n?i.bottom:i.top}px`,t.style.zIndex=v?"101":"8"},k=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];e&&m&&j(e)},M=()=>{const e=document.getElementsByClassName("_refContainer is-shown"),t=document.getElementsByTagName("BODY")[0];if(e.length){t.classList.remove("is-immuned");for(let t=0;t<e.length;t++){e[t].querySelector("._refDropdownOverlay").style.display="none",e[t].classList.remove("is-shown"),E(e[t])}}const r=document.querySelector("._refScrollContainer");r&&r.removeEventListener("scroll",k,!0),setTimeout((()=>{if(m){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)E(e[t]),e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},L=e=>{const t=f.current;if(t){const r=e.target.closest(`.${t.classList[0]}`);if(!r)return;const i=r.closest("._refContainer"),n=document.getElementsByTagName("BODY")[0];if(i){const t=i.querySelector("._refDropdownOverlay");i.classList.contains("is-shown")?(t.style.display="none",n.classList.remove("is-immuned"),i.classList.remove("is-shown"),setTimeout((()=>{if(m){const e=document.querySelector(`#${m} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer");e&&(E(e),e.classList.remove("is-shown"),e.style.left="0px",e.style.top="0px",t&&t.removeEventListener("scroll",k,!0))}}),10),E(i)):(M(),t.style.display="block",n.classList.add("is-immuned"),m||B(i,"hidden"),i.classList.add("is-shown"),setTimeout((()=>{if(m){const e=document.querySelector(`#${m} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer");e&&(e.classList.add("is-shown"),setTimeout((()=>{j(i),t&&t.addEventListener("scroll",k,!0)}),10))}else e=()=>{(e=>{const t=y(e);if(!t)return;const r=A(e,t);b(t,r)})(i),B(i,"visible")},window.requestAnimationFrame((()=>e()));var e}),10),h&&h(e))}}};r.useEffect((()=>(setTimeout((()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.addEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")})),t&&t.addEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}))}),1),()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.removeEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")}),!0),t&&t.removeEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}),!0)})),[m]);const O=a?e.jsx(da,{children:a}):null,z=n?e.jsxs(sa,{children:[n," ",O]}):null,I=i.filter((e=>r.isValidElement(e)?"control"===e.props["aria-label"]:null)),P=I&&r.isValidElement(I[0])?"hover"===x?e.jsxs(oa,{children:[e.jsx(aa,Object.assign({className:"_refDropdownControl"},m&&{onMouseEnter:e=>{const t=f.current;if(t){const r=e.target.closest(`.${t.classList[0]}`);if(!r)return;const i=document.querySelectorAll("._refDropdownPortal");for(const e of i)e.classList.remove("is-shown"),e.style.left="0",e.style.top="0";const n=r.closest("._refContainer");if(n){const e=document.querySelector(`#${m} ._refDropdownPortal`);e&&(e.classList.add("is-shown"),setTimeout((()=>{j(n)}),10))}}},onMouseLeave:e=>{const t=f.current;if(t){if(!e.target.closest(`.${t.classList[0]}`))return;setTimeout((()=>{const e=document.querySelector(`#${m} ._refDropdownPortal`);e&&!e.classList.contains("unhiddenable")&&(E(e),e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}),150)}}},{children:I[0].props.children})),e.jsx(aa,{className:"_refDropdownControlMobile",ref:f,onClick:L,children:I[0].props.children})]}):e.jsx(aa,{ref:f,onClick:L,children:I[0].props.children}):null,Q=i.filter((e=>r.isValidElement(e)?"body"===e.props["aria-label"]:null)),T=Q&&r.isValidElement(Q[0])?e.jsx(Ca,{$area:d,children:Q[0].props.children}):null,S=i.filter((e=>r.isValidElement(e)?"action"===e.props["aria-label"]:null)),H=S&&r.isValidElement(S[0])?e.jsx(ca,{$position:S[0].props["data-position"],className:S[0].props.className,children:S[0].props.children}):null,Y=e.jsxs(ia,Object.assign({className:"_refDropdownWrapper"},s&&{$internalWidth:s},p&&{$top:p},C&&{$openPosition:C},c&&{$placement:c},u&&{$bottom:u},{children:[z,T,H]}));return e.jsxs(la,Object.assign({className:"_refContainer "+(x?`_refContainer${x}`:"")},o&&{$externalWidth:o},l&&{$externalMinWidth:l},d&&{$area:d},p&&{$top:p},g&&{$alias:g},C&&{$openPosition:C},c&&{$placement:c},u&&{$bottom:u},w,{children:[P,e.jsx(na,{className:"_refDropdownOverlay",onClick:()=>{M()}}),m?e.jsx(ra,{wrapperId:m,children:e.jsx(pa,{className:"_refDropdownPortal "+("hover"===x?"_refHover":""),children:Y})}):Y]}))},ga=t.css`
|
|
4452
4452
|
background-color: var(--mt-clr-bg__fc);
|
|
4453
4453
|
width: 30px;
|
|
4454
4454
|
height: 30px;
|