forstok-ui-lib 8.5.11 → 8.5.13
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 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +1 -1
- package/src/components/button/styles.ts +115 -83
package/dist/index.mjs
CHANGED
|
@@ -1514,7 +1514,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
|
|
|
1514
1514
|
width: unset;
|
|
1515
1515
|
}
|
|
1516
1516
|
}
|
|
1517
|
-
${({$mode:e,$isBorder:t,$isPopup:i})=>{let r=`\n ${fr} {\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 ${at}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${fr} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${fr} {\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)r+=`\n ${fr} {\n grid-template-columns: ${i?"auto 200px var(--qty-pd20-big) repeat(3, var(--price-pd20))":"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)r+=`\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n width: ${i?"834px":"940px"};\n grid-template-columns: ${i?"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 ${i?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${fr} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${fr} {\n width: ${i?"834px":"940px"};\n grid-template-columns: ${i?"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 ${i?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${fr} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${fr} {\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 ${fr}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${fr} {\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 ${fr} {\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 ${fr}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${fr} {\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 ${fr} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1517
|
+
${({$mode:e,$isBorder:t,$isPopup:i})=>{let r=`\n ${fr} {\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 ${at}\n color: var(--mt-clr);\n }\n }\n @media only screen and (min-width: 1024px) {\n overflow-x: unset;\n ${fr} { \n width: unset \n }\n }\n `;if("order"===e)r+=`\n ${fr} {\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)r+=`\n ${fr} {\n grid-template-columns: ${i?"auto 150px var(--qty-pd20-big) repeat(3, var(--price-pd20))":"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)r+=`\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n width: ${i?"834px":"940px"};\n grid-template-columns: ${i?"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 ${i?"border-bottom: 0 !important":""} \n }\n > *:nth-child(6) { \n text-align: right; \n }\n }\n @media only screen and (min-width: 1024px) {\n ${fr} { \n width: unset;\n }\n }\n `;else if("item-bundle"===e)r+=`\n &:not(:first-child) {\n margin-top: 30px;\n }\n ${fr} {\n width: ${i?"834px":"940px"};\n grid-template-columns: ${i?"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 ${i?"border-bottom: 0 !important":""} \n }\n }\n @media only screen and (min-width: 768px) {\n ${fr} { \n width: unset; \n }\n }\n `;else if("invoice"===e)r+=`\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr}, \n ._refProductList {\n width: 700px;\n }\n `;else if("add-item-price"===e)r+=`\n ${fr} {\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 ${fr}, ._refProductList {\n width: 700px;\n }\n `;else if("inventory-qty"===e)r+=`\n overflow: auto;\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n grid-template-columns: auto 120px 120px 100px 120px; \n }\n `;else if("confirm-adjustment"===e)r+=`\n ${fr} {\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 ${fr} {\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 ${fr}._refProductList {\n width: 700px;\n }\n `}else"priceadjustment"===e?r+=`\n ${fr} {\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 ${fr} {\n grid-template-columns: 1fr 120px 105px; \n }\n `:"promotion"===e?r+=`\n padding-top: 16px;\n ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\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 ${fr} {\n &:last-child { \n border-bottom: 1px solid var(--pri-clr-ln); \n }\n }\n `),r}}
|
|
1518
1518
|
`,Ar=r.section`
|
|
1519
1519
|
${et}
|
|
1520
1520
|
position: relative;
|
|
@@ -3835,7 +3835,6 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
|
|
|
3835
3835
|
}
|
|
3836
3836
|
&._refButtonLoading {
|
|
3837
3837
|
padding-right: 30px !important;
|
|
3838
|
-
|
|
3839
3838
|
}
|
|
3840
3839
|
> span {
|
|
3841
3840
|
white-space: nowrap;
|
|
@@ -3848,8 +3847,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
|
|
|
3848
3847
|
top: 50%;
|
|
3849
3848
|
margin-top: -8px;
|
|
3850
3849
|
}
|
|
3851
|
-
${({$mode:e,$isIndicatorArrow:t,$isShown:i,$isLoading:r,$activated:n,$size:a,disabled:o,$iconLeft:l})=>{let d="";return i?(a&&("xsmall"===a?d+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===a?d+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===a&&(d+="\n height: 32px;\n ")),"red"===e?d+="\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--act-clr-bg__hvr);\n }\n & svg {\n fill: #ffffff;\n stroke: #ffffff;\n }\n ":"green"===e?d+=`\n color: var(--act-clr);\n background-color: rgb(33, 186, 69);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--sw-clr-bg__fc);\n }\n & ${Kn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?d+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?d+=`\n &, \n &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${Kn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"clearL"===e?d+="\n width: auto;\n height: auto;\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, \n &:hover, \n &:active { \n background-color: transparent; \n color: var(--pri-clr-lnk__hvr);\n box-shadow: none;\n }\n &:hover {\n opacity: .9;\n }\n &:disabled {\n background-color: transparent !important; \n color: var(--mt-clr);\n }\n ":"clearB"===e?d+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n &:disabled {\n span {\n color: var(--mt-clr);\n }\n }\n & ${Kn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n `:"clear"===e?(d+="\n box-shadow: none !important;\n &, \n &:hover { \n background-color: transparent; \n }\n ",n&&(d+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?d+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${Zn}\n }\n `:"round-close"===e?d+=`\n background-color: transparent;\n box-shadow: none;\n &:before { \n content: url(${Wn});\n width: 12px;\n ${Zn}\n } \n `:"small-white-round-close"===e?d+=`\n &, \n &:hover, \n &:active {\n background-color: transparent;\n box-shadow: none;\n }\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${Zn}\n } \n `:"page-option"===e?d+=`\n font-weight: 600;\n cursor: pointer;\n padding: 6px 12px;\n height: 28px;\n & ${Kn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `:"sortBy"===e&&(d+="\n > span {\n display: none;\n }\n "),o&&(d+="\n &, \n &:hover {\n background-color: rgba(0, 0, 0, .17) !important;\n box-shadow: none !important;\n cursor: default;\n color: var(--sec-clr);\n }\n "),l&&(d+=" padding-left: 35px; ","export"===l?d+=`\n &:before {\n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2041.712%2041.712%22%20style%3D%22enable-background%3Anew%200%200%2041.712%2041.712%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23000000%3B%22%20d%3D%22M31.586%2C21.8c0.444-0.444%2C0.444-1.143%2C0-1.587c-0.429-0.444-1.143-0.444-1.571%2C0l-8.047%2C8.032V1.706%20c0-0.619-0.492-1.127-1.111-1.127c-0.619%2C0-1.127%2C0.508-1.127%2C1.127v26.539l-8.031-8.032c-0.444-0.444-1.159-0.444-1.587%2C0%20c-0.444%2C0.444-0.444%2C1.143%2C0%2C1.587l9.952%2C9.952c0.429%2C0.429%2C1.143%2C0.429%2C1.587%2C0L31.586%2C21.8z%20M39.474%2C29.086%20c0-0.619%2C0.492-1.111%2C1.111-1.111c0.619%2C0%2C1.127%2C0.492%2C1.127%2C1.111v10.92c0%2C0.619-0.508%2C1.127-1.127%2C1.127H1.111%20C0.492%2C41.133%2C0%2C40.625%2C0%2C40.006v-10.92c0-0.619%2C0.492-1.111%2C1.111-1.111s1.127%2C0.492%2C1.127%2C1.111v9.809h37.236V29.086z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n ${Zn}\n }\n `:"import"===l?d+=`\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%20%20%3Cg%3E%20%20%20%20%3Cg%20fill%3D%22%231D1D1B%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22m63.824%2C41.771c0-1.341-1.086-2.428-2.427-2.428-1.342%2C0-2.428%2C1.087-2.428%2C2.428v14.07h-54.014v-14.07c1.77636e-15-1.341-1.085-2.428-2.428-2.428-1.341%2C0-2.427%2C1.087-2.427%2C2.428v15.486c0%2C0.179%200.065%2C0.337%200.103%2C0.505-0.037%2C0.168-0.103%2C0.326-0.103%2C0.506%200%2C1.34%201.086%2C2.427%202.427%2C2.427h58.87c1.341%2C0%202.427-1.087%202.427-2.427%200-0.18-0.063-0.338-0.103-0.506%200.039-0.168%200.103-0.327%200.103-0.505v-15.486z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%20%20%20%20%20%3Cpath%20d%3D%22m32.114%2C49.306c1.341%2C0%202.428-1.087%202.428-2.427v-35.464l10.573%2C10.573c0.474%2C0.474%201.096%2C0.712%201.717%2C0.712%200.62%2C0%201.242-0.238%201.715-0.712%200.95-0.948%200.95-2.484%200-3.432l-14.717-14.717c-0.947-0.95-2.483-0.95-3.432-4.44089e-16l-14.717%2C14.717c-0.947%2C0.948-0.947%2C2.484%200%2C3.432%200.474%2C0.474%201.096%2C0.712%201.717%2C0.712s1.242-0.238%201.716-0.712l10.573-10.573v35.464c0%2C1.34%201.085%2C2.427%202.427%2C2.427z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 50%;\n top: 8px;\n width: 1rem;\n margin-left: -8px;\n ${Zn}\n }\n `:"filter"===l?d+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3EFilter%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Filter%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill-rule%3D%22nonzero%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%224%22%20y1%3D%225%22%20x2%3D%2216%22%20y2%3D%225%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2212%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%2214%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%228%22%20y1%3D%2219%22%20x2%3D%2220%22%20y2%3D%2219%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ":"calendar"===l?d+=`\n &:before { \n content: url(${Gn}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"add"===l?d+="\n &:before { \n content: '+'; \n color: #118EC5;\n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n height: 16px;\n font-size: 16px;\n }\n ":"agent"===l?d+=`\n &:before { \n content: url(${Vn}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"report"===l?d+=`\n &:before { \n content: url(${Un}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"tag"===l&&(d+="\n &:before { \n content: url(data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-3%20-3%2036.00%2036.00%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23000000%22%20stroke-width%3D%226%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%20.st1%7Bfill%3A%23ffffff%3B%7D%20.st2%7Bfill%3A%238797EE%3B%7D%20.st3%7Bfill%3A%2341A6F9%3B%7D%20.st4%7Bfill%3A%2337E0FF%3B%7D%20.st5%7Bfill%3A%232FD9B9%3B%7D%20.st6%7Bfill%3A%23ffffff%3B%7D%20.st7%7Bfill%3A%23FFDF1D%3B%7D%20.st8%7Bfill%3A%23000000%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M24.1%2C4h-9c-0.5%2C0-1%2C0.2-1.3%2C0.5L3.6%2C14.8c-0.7%2C0.7-0.7%2C1.9%2C0%2C2.6l9%2C9c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0l10.3-10.3%20c0.3-0.3%2C0.5-0.8%2C0.5-1.3v-9C26%2C4.8%2C25.2%2C4%2C24.1%2C4z%20M20%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2s2%2C0.9%2C2%2C2C22%2C11.1%2C21.1%2C12%2C20%2C12z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%20.st1%7Bfill%3A%23ffffff%3B%7D%20.st2%7Bfill%3A%238797EE%3B%7D%20.st3%7Bfill%3A%2341A6F9%3B%7D%20.st4%7Bfill%3A%2337E0FF%3B%7D%20.st5%7Bfill%3A%232FD9B9%3B%7D%20.st6%7Bfill%3A%23ffffff%3B%7D%20.st7%7Bfill%3A%23FFDF1D%3B%7D%20.st8%7Bfill%3A%23000000%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M24.1%2C4h-9c-0.5%2C0-1%2C0.2-1.3%2C0.5L3.6%2C14.8c-0.7%2C0.7-0.7%2C1.9%2C0%2C2.6l9%2C9c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0l10.3-10.3%20c0.3-0.3%2C0.5-0.8%2C0.5-1.3v-9C26%2C4.8%2C25.2%2C4%2C24.1%2C4z%20M20%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2s2%2C0.9%2C2%2C2C22%2C11.1%2C21.1%2C12%2C20%2C12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 15px;\n height: 16px;\n }\n ")),t&&(d+=" \n padding-right: 25px; \n "),r&&(d+=" \n padding-right: 30px !important; \n "),d):"display:none;"}}
|
|
3852
|
-
|
|
3850
|
+
${({$mode:e,$isIndicatorArrow:t,$isShown:i,$isLoading:r,$activated:n,$size:a,disabled:o,$iconLeft:l})=>{let d="";return i?(a&&("xsmall"===a?d+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===a?d+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===a&&(d+="\n height: 32px;\n ")),"red"===e?d+="\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--act-clr-bg__hvr);\n }\n & svg {\n fill: #ffffff;\n stroke: #ffffff;\n }\n ":"green"===e?d+=`\n color: var(--act-clr);\n background-color: rgb(33, 186, 69);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--sw-clr-bg__fc);\n }\n & ${Kn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?d+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?d+=`\n &, \n &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n &:hover {\n text-decoration: underline;\n }\n & ${Kn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"clearL"===e?d+="\n width: auto;\n height: auto;\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, \n &:hover, \n &:active { \n background-color: transparent; \n color: var(--pri-clr-lnk__hvr);\n box-shadow: none;\n }\n &:hover {\n opacity: .9;\n }\n &:disabled {\n background-color: transparent !important; \n color: var(--mt-clr);\n }\n ":"clearB"===e?d+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n &:disabled {\n span {\n color: var(--mt-clr);\n }\n }\n & ${Kn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n `:"clear"===e?(d+="\n box-shadow: none !important;\n &, \n &:hover { \n background-color: transparent; \n }\n ",n&&(d+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?d+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${Zn}\n }\n `:"round-close"===e?d+=`\n background-color: transparent;\n box-shadow: none;\n &:before { \n content: url(${Wn});\n width: 12px;\n ${Zn}\n } \n `:"small-white-round-close"===e?d+=`\n &, \n &:hover, \n &:active {\n background-color: transparent;\n box-shadow: none;\n }\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${Zn}\n } \n `:"page-option"===e?d+=`\n font-weight: 600;\n cursor: pointer;\n padding: 6px 12px;\n height: 28px;\n & ${Kn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `:"sortBy"===e&&(d+="\n > span {\n display: none;\n }\n "),o&&(d+="\n &, \n &:hover {\n background-color: rgba(0, 0, 0, .17) !important;\n box-shadow: none !important;\n cursor: default;\n color: var(--sec-clr);\n }\n "),l&&(d+=" padding-left: 35px; ","export"===l?d+=`\n &:before {\n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2041.712%2041.712%22%20style%3D%22enable-background%3Anew%200%200%2041.712%2041.712%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23000000%3B%22%20d%3D%22M31.586%2C21.8c0.444-0.444%2C0.444-1.143%2C0-1.587c-0.429-0.444-1.143-0.444-1.571%2C0l-8.047%2C8.032V1.706%20c0-0.619-0.492-1.127-1.111-1.127c-0.619%2C0-1.127%2C0.508-1.127%2C1.127v26.539l-8.031-8.032c-0.444-0.444-1.159-0.444-1.587%2C0%20c-0.444%2C0.444-0.444%2C1.143%2C0%2C1.587l9.952%2C9.952c0.429%2C0.429%2C1.143%2C0.429%2C1.587%2C0L31.586%2C21.8z%20M39.474%2C29.086%20c0-0.619%2C0.492-1.111%2C1.111-1.111c0.619%2C0%2C1.127%2C0.492%2C1.127%2C1.111v10.92c0%2C0.619-0.508%2C1.127-1.127%2C1.127H1.111%20C0.492%2C41.133%2C0%2C40.625%2C0%2C40.006v-10.92c0-0.619%2C0.492-1.111%2C1.111-1.111s1.127%2C0.492%2C1.127%2C1.111v9.809h37.236V29.086z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n ${Zn}\n }\n `:"import"===l?d+=`\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%20%20%3Cg%3E%20%20%20%20%3Cg%20fill%3D%22%231D1D1B%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22m63.824%2C41.771c0-1.341-1.086-2.428-2.427-2.428-1.342%2C0-2.428%2C1.087-2.428%2C2.428v14.07h-54.014v-14.07c1.77636e-15-1.341-1.085-2.428-2.428-2.428-1.341%2C0-2.427%2C1.087-2.427%2C2.428v15.486c0%2C0.179%200.065%2C0.337%200.103%2C0.505-0.037%2C0.168-0.103%2C0.326-0.103%2C0.506%200%2C1.34%201.086%2C2.427%202.427%2C2.427h58.87c1.341%2C0%202.427-1.087%202.427-2.427%200-0.18-0.063-0.338-0.103-0.506%200.039-0.168%200.103-0.327%200.103-0.505v-15.486z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%20%20%20%20%20%3Cpath%20d%3D%22m32.114%2C49.306c1.341%2C0%202.428-1.087%202.428-2.427v-35.464l10.573%2C10.573c0.474%2C0.474%201.096%2C0.712%201.717%2C0.712%200.62%2C0%201.242-0.238%201.715-0.712%200.95-0.948%200.95-2.484%200-3.432l-14.717-14.717c-0.947-0.95-2.483-0.95-3.432-4.44089e-16l-14.717%2C14.717c-0.947%2C0.948-0.947%2C2.484%200%2C3.432%200.474%2C0.474%201.096%2C0.712%201.717%2C0.712s1.242-0.238%201.716-0.712l10.573-10.573v35.464c0%2C1.34%201.085%2C2.427%202.427%2C2.427z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 50%;\n top: 8px;\n width: 1rem;\n margin-left: -8px;\n ${Zn}\n }\n `:"filter"===l?d+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3EFilter%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Filter%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill-rule%3D%22nonzero%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%224%22%20y1%3D%225%22%20x2%3D%2216%22%20y2%3D%225%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2212%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%2214%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20x1%3D%228%22%20y1%3D%2219%22%20x2%3D%2220%22%20y2%3D%2219%22%20id%3D%22Path%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20stroke%3D%22%230C0310%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%222%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ":"calendar"===l?d+=`\n &:before { \n content: url(${Gn}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"add"===l?d+="\n &:before { \n content: '+'; \n color: #118EC5;\n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n height: 16px;\n font-size: 16px;\n }\n ":"agent"===l?d+=`\n &:before { \n content: url(${Vn}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"report"===l?d+=`\n &:before { \n content: url(${Un}); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n `:"tag"===l&&(d+="\n &:before { \n content: url(data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-3%20-3%2036.00%2036.00%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23000000%22%20stroke-width%3D%226%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%20.st1%7Bfill%3A%23ffffff%3B%7D%20.st2%7Bfill%3A%238797EE%3B%7D%20.st3%7Bfill%3A%2341A6F9%3B%7D%20.st4%7Bfill%3A%2337E0FF%3B%7D%20.st5%7Bfill%3A%232FD9B9%3B%7D%20.st6%7Bfill%3A%23ffffff%3B%7D%20.st7%7Bfill%3A%23FFDF1D%3B%7D%20.st8%7Bfill%3A%23000000%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M24.1%2C4h-9c-0.5%2C0-1%2C0.2-1.3%2C0.5L3.6%2C14.8c-0.7%2C0.7-0.7%2C1.9%2C0%2C2.6l9%2C9c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0l10.3-10.3%20c0.3-0.3%2C0.5-0.8%2C0.5-1.3v-9C26%2C4.8%2C25.2%2C4%2C24.1%2C4z%20M20%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2s2%2C0.9%2C2%2C2C22%2C11.1%2C21.1%2C12%2C20%2C12z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%20.st1%7Bfill%3A%23ffffff%3B%7D%20.st2%7Bfill%3A%238797EE%3B%7D%20.st3%7Bfill%3A%2341A6F9%3B%7D%20.st4%7Bfill%3A%2337E0FF%3B%7D%20.st5%7Bfill%3A%232FD9B9%3B%7D%20.st6%7Bfill%3A%23ffffff%3B%7D%20.st7%7Bfill%3A%23FFDF1D%3B%7D%20.st8%7Bfill%3A%23000000%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M24.1%2C4h-9c-0.5%2C0-1%2C0.2-1.3%2C0.5L3.6%2C14.8c-0.7%2C0.7-0.7%2C1.9%2C0%2C2.6l9%2C9c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0l10.3-10.3%20c0.3-0.3%2C0.5-0.8%2C0.5-1.3v-9C26%2C4.8%2C25.2%2C4%2C24.1%2C4z%20M20%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2s2%2C0.9%2C2%2C2C22%2C11.1%2C21.1%2C12%2C20%2C12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 15px;\n height: 16px;\n }\n ")),t&&(d+=" \n padding-right: 25px; \n "),r&&(d+=" \n padding-right: 30px !important; \n "),d):"display:none;"}}
|
|
3853
3851
|
`,Kn=r.svg`
|
|
3854
3852
|
display: inline-block;
|
|
3855
3853
|
fill: currentColor;
|