@indigina/ui-kit 1.1.13 → 1.1.15
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/assets/icons/chart.svg +3 -0
- package/assets/icons/clip.svg +3 -0
- package/assets/icons/gear-1.svg +5 -0
- package/assets/icons/house.svg +5 -0
- package/assets/icons/mail.svg +5 -0
- package/assets/icons/menu.svg +3 -0
- package/assets/icons/message.svg +5 -0
- package/assets/icons/reload.svg +3 -0
- package/assets/icons/window-restore.svg +3 -0
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/kit-button/kit-button.component.mjs +2 -2
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +2 -2
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.component.mjs +53 -0
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.model.mjs +2 -0
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.module.mjs +36 -0
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +1 -1
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +10 -1
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +1 -1
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/indigina-ui-kit.mjs +100 -17
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-navigation-menu/kit-navigation-menu.component.d.ts +24 -0
- package/lib/components/kit-navigation-menu/kit-navigation-menu.model.d.ts +9 -0
- package/lib/components/kit-navigation-menu/kit-navigation-menu.module.d.ts +11 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +10 -1
- package/package.json +20 -20
- package/public-api.d.ts +3 -0
- package/styles/styles.scss +2 -0
- package/styles/theming.scss +1 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.42829 13.0006V13.0011H14.714C14.7923 13.0011 14.8563 13.0652 14.8563 13.1434V14.1434C14.8563 14.2217 14.7923 14.2857 14.714 14.2857H1.28544C1.20717 14.2857 1.14314 14.2217 1.14314 14.1434V1.8577C1.14314 1.77944 1.20717 1.7154 1.28544 1.7154H2.28544C2.3637 1.7154 2.42773 1.77944 2.42773 1.8577V13.0006H2.42829ZM4.99972 11.5714H3.99972C3.92146 11.5714 3.85742 11.5074 3.85742 11.4291V8.8577C3.85742 8.77944 3.92146 8.7154 3.99972 8.7154H4.99972C5.07799 8.7154 5.14202 8.77944 5.14202 8.8577V11.4291C5.14202 11.5074 5.07799 11.5714 4.99972 11.5714ZM7.71401 11.5714H6.71401C6.63574 11.5714 6.57171 11.5074 6.57171 11.4291V5.71484C6.57171 5.63658 6.63574 5.57254 6.71401 5.57254H7.71401C7.79227 5.57254 7.85631 5.63658 7.85631 5.71484V11.4291C7.85631 11.5074 7.79227 11.5714 7.71401 11.5714ZM10.4283 11.5714H9.42829C9.35003 11.5714 9.286 11.5074 9.286 11.4291V7.1077C9.286 7.02944 9.35003 6.9654 9.42829 6.9654H10.4283C10.5066 6.9654 10.5706 7.02944 10.5706 7.1077V11.4291C10.5706 11.5074 10.5066 11.5714 10.4283 11.5714ZM13.1426 11.5714H12.1426C12.0643 11.5714 12.0003 11.5074 12.0003 11.4291V4.28627C12.0003 4.20801 12.0643 4.14397 12.1426 4.14397H13.1426C13.2208 4.14397 13.2849 4.20801 13.2849 4.28627V11.4291C13.2849 11.5074 13.2208 11.5714 13.1426 11.5714Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12.7728 2.37089C11.0907 0.688751 8.35138 0.688751 6.67103 2.37089L2.01031 7.02804C1.97996 7.05839 1.96388 7.09947 1.96388 7.14232C1.96388 7.18518 1.97996 7.22625 2.01031 7.25661L2.66924 7.91554C2.69936 7.94553 2.74013 7.96236 2.78263 7.96236C2.82514 7.96236 2.86591 7.94553 2.89603 7.91554L7.55674 3.25839C8.13531 2.67982 8.90496 2.36197 9.72281 2.36197C10.5407 2.36197 11.3103 2.67982 11.8871 3.25839C12.4657 3.83697 12.7835 4.60661 12.7835 5.42268C12.7835 6.24054 12.4657 7.00839 11.8871 7.58697L7.1371 12.3352L6.36746 13.1048C5.64781 13.8245 4.47817 13.8245 3.75853 13.1048C3.41031 12.7566 3.21924 12.2941 3.21924 11.8013C3.21924 11.3084 3.41031 10.8459 3.75853 10.4977L8.47103 5.78697C8.59067 5.66911 8.74781 5.60304 8.91567 5.60304H8.91746C9.08531 5.60304 9.24067 5.66911 9.35853 5.78697C9.47817 5.90661 9.54246 6.06375 9.54246 6.23161C9.54246 6.39768 9.47638 6.55482 9.35853 6.67268L5.50674 10.5209C5.47638 10.5513 5.46031 10.5923 5.46031 10.6352C5.46031 10.678 5.47638 10.7191 5.50674 10.7495L6.16567 11.4084C6.19579 11.4384 6.23656 11.4552 6.27906 11.4552C6.32156 11.4552 6.36234 11.4384 6.39246 11.4084L10.2425 7.55839C10.5978 7.20304 10.7925 6.73161 10.7925 6.22982C10.7925 5.72804 10.596 5.25482 10.2425 4.90125C9.50853 4.16732 8.31567 4.16911 7.58174 4.90125L7.1246 5.36018L2.87103 9.61197C2.58233 9.89897 2.35349 10.2404 2.19777 10.6165C2.04205 10.9927 1.96255 11.396 1.96388 11.803C1.96388 12.6298 2.2871 13.4066 2.87103 13.9905C3.47638 14.5941 4.26924 14.8959 5.0621 14.8959C5.85496 14.8959 6.64781 14.5941 7.25138 13.9905L12.7728 8.47268C13.5853 7.65839 14.0353 6.57447 14.0353 5.42268C14.0371 4.26911 13.5871 3.18518 12.7728 2.37089Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_209_590)">
|
|
3
|
+
<path d="M15.3712 10.033L14.2016 9.03296C14.257 8.69367 14.2855 8.34725 14.2855 8.00082C14.2855 7.65439 14.257 7.30796 14.2016 6.96867L15.3712 5.96867C15.4595 5.89315 15.5226 5.79256 15.5523 5.68028C15.5819 5.568 15.5767 5.44935 15.5373 5.3401L15.5212 5.29367C15.1992 4.39372 14.7171 3.55945 14.098 2.83117L14.0659 2.79367C13.9908 2.70537 13.8907 2.6419 13.7788 2.61162C13.6669 2.58133 13.5485 2.58566 13.4391 2.62403L11.9873 3.1401C11.4516 2.70082 10.8534 2.35439 10.207 2.11153L9.92659 0.593674C9.90544 0.479463 9.85004 0.374392 9.76775 0.29242C9.68546 0.210447 9.58017 0.155454 9.46588 0.134745L9.41767 0.125817C8.48731 -0.0420406 7.50874 -0.0420406 6.57838 0.125817L6.53017 0.134745C6.41587 0.155454 6.31059 0.210447 6.2283 0.29242C6.146 0.374392 6.0906 0.479463 6.06945 0.593674L5.78731 2.11867C5.14604 2.36158 4.54886 2.70783 4.01945 3.14367L2.55695 2.62403C2.4476 2.58536 2.32908 2.58087 2.21712 2.61117C2.10516 2.64147 2.00508 2.70513 1.93017 2.79367L1.89802 2.83117C1.27971 3.55997 0.797622 4.3941 0.474808 5.29367L0.458737 5.3401C0.37838 5.56332 0.444451 5.81332 0.624808 5.96867L1.80874 6.97939C1.75338 7.3151 1.72659 7.65796 1.72659 7.99903C1.72659 8.34189 1.75338 8.68475 1.80874 9.01867L0.624808 10.0294C0.536586 10.1049 0.473445 10.2055 0.44378 10.3178C0.414115 10.4301 0.419331 10.5487 0.458737 10.658L0.474808 10.7044C0.798023 11.6044 1.27659 12.4347 1.89802 13.1669L1.93017 13.2044C2.00526 13.2927 2.10535 13.3562 2.21724 13.3864C2.32913 13.4167 2.44757 13.4124 2.55695 13.374L4.01945 12.8544C4.55159 13.2919 5.14624 13.6383 5.78731 13.8794L6.06945 15.4044C6.0906 15.5186 6.146 15.6237 6.2283 15.7056C6.31059 15.7876 6.41587 15.8426 6.53017 15.8633L6.57838 15.8722C7.51728 16.041 8.47876 16.041 9.41767 15.8722L9.46588 15.8633C9.58017 15.8426 9.68546 15.7876 9.76775 15.7056C9.85004 15.6237 9.90544 15.5186 9.92659 15.4044L10.207 13.8865C10.8531 13.6443 11.4547 13.2968 11.9873 12.858L13.4391 13.374C13.5484 13.4127 13.667 13.4172 13.7789 13.3869C13.8909 13.3566 13.991 13.2929 14.0659 13.2044L14.098 13.1669C14.7194 12.433 15.198 11.6044 15.5212 10.7044L15.5373 10.658C15.6177 10.4383 15.5516 10.1883 15.3712 10.033ZM12.9337 7.17939C12.9784 7.44903 13.0016 7.72582 13.0016 8.0026C13.0016 8.27939 12.9784 8.55617 12.9337 8.82582L12.8159 9.54189L14.1498 10.683C13.9476 11.1488 13.6923 11.5898 13.3891 11.9972L11.732 11.4097L11.1712 11.8705C10.7444 12.2205 10.2695 12.4955 9.75516 12.6883L9.07481 12.9437L8.75516 14.6758C8.25083 14.733 7.74165 14.733 7.23731 14.6758L6.91767 12.9401L6.24267 12.6812C5.73374 12.4883 5.26052 12.2133 4.83731 11.8651L4.27659 11.4026L2.60874 11.9955C2.30517 11.5865 2.05159 11.1455 1.84802 10.6812L3.19624 9.52939L3.08017 8.8151C3.03731 8.54903 3.01409 8.27403 3.01409 8.0026C3.01409 7.72939 3.03552 7.45617 3.08017 7.1901L3.19624 6.47582L1.84802 5.32403C2.04981 4.85796 2.30517 4.41867 2.60874 4.00975L4.27659 4.6026L4.83731 4.1401C5.26052 3.79189 5.73374 3.51689 6.24267 3.32403L6.91945 3.06867L7.23909 1.33296C7.74088 1.27582 8.25338 1.27582 8.75695 1.33296L9.07659 3.0651L9.75695 3.32046C10.2695 3.51332 10.7462 3.78832 11.173 4.13832L11.7337 4.59903L13.3909 4.01153C13.6945 4.42046 13.948 4.86153 14.1516 5.32582L12.8177 6.46689L12.9337 7.17939ZM7.99981 4.68117C6.26409 4.68117 4.85695 6.08832 4.85695 7.82403C4.85695 9.55975 6.26409 10.9669 7.99981 10.9669C9.73552 10.9669 11.1427 9.55975 11.1427 7.82403C11.1427 6.08832 9.73552 4.68117 7.99981 4.68117ZM9.41409 9.23832C9.2286 9.42435 9.00815 9.57187 8.76543 9.67238C8.52271 9.7729 8.26252 9.82444 7.99981 9.82403C7.46588 9.82403 6.96409 9.6151 6.58552 9.23832C6.39949 9.05282 6.25198 8.83237 6.15146 8.58965C6.05094 8.34694 5.9994 8.08674 5.99981 7.82403C5.99981 7.2901 6.20874 6.78832 6.58552 6.40975C6.96409 6.03117 7.46588 5.82403 7.99981 5.82403C8.53374 5.82403 9.03552 6.03117 9.41409 6.40975C9.60012 6.59524 9.74764 6.81569 9.84816 7.05841C9.94868 7.30113 10.0002 7.56132 9.99981 7.82403C9.99981 8.35796 9.79088 8.85975 9.41409 9.23832Z"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_296_51829)">
|
|
3
|
+
<path d="M8.8595 0.977895L8.91127 1.02964L8.00236 1.93782L1.39522 8.53961L1.39561 8.54L1.396 8.54039L1.39617 8.54056H3.10934V14.3561H3.10989V14.3566H5.85811V14.3561H5.85867V10.2846C5.85867 9.89031 6.17806 9.57092 6.57239 9.57092H9.42954C9.82387 9.57092 10.1433 9.89031 10.1433 10.2846V14.3561H10.1438V14.3566H12.892V14.3561H12.8926V8.54056H14.6081V8.54V8.53944V8.53921L8.41565 2.35032L8.00315 1.93782L8.9113 1.02967L15.7595 7.87432C15.9755 8.09029 16.095 8.37765 16.095 8.68107C16.0957 8.83122 16.0665 8.97999 16.0092 9.11878C15.9519 9.25756 15.8676 9.38361 15.7613 9.48961C15.5453 9.70557 15.258 9.82516 14.9528 9.82516H14.1778V9.82571H14.1772V15.6412H1.82474V9.82571H1.82418V9.82516H1.06525C0.436977 9.82516 -0.0859787 9.32361 -0.093118 8.69535C-0.094853 8.54303 -0.0660549 8.3919 -0.00842349 8.25088C0.0492079 8.10987 0.134505 7.98183 0.242432 7.87432L7.60493 0.515396C7.71021 0.410815 7.85257 0.352121 8.00097 0.352121C8.14936 0.352121 8.29173 0.410815 8.397 0.515395L8.8595 0.977895ZM7.00097 14.3561V14.3566H9.00097V14.3561H9.00152V10.7132H9.00097V10.7127H7.00097V10.7132H7.00041V14.3561H7.00097Z"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_271_34011)">
|
|
3
|
+
<path d="M17.8571 1.92493H1.14286C0.787277 1.92493 0.5 2.2122 0.5 2.56778V15.4249C0.5 15.7805 0.787277 16.0678 1.14286 16.0678H17.8571C18.2127 16.0678 18.5 15.7805 18.5 15.4249V2.56778C18.5 2.2122 18.2127 1.92493 17.8571 1.92493ZM17.0536 4.15082V14.6214H1.94643V4.15082L1.39196 3.7189L2.18147 2.70439L3.04129 3.37336H15.9607L16.8205 2.70439L17.61 3.7189L17.0536 4.15082ZM15.9607 3.37136L9.5 8.39368L3.03929 3.37136L2.17946 2.70238L1.38996 3.71689L1.94442 4.14881L8.80692 9.48453C9.00428 9.63785 9.24707 9.72108 9.49699 9.72108C9.7469 9.72108 9.9897 9.63785 10.1871 9.48453L17.0536 4.15082L17.608 3.7189L16.8185 2.70439L15.9607 3.37136Z"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M17.3748 1.92493H1.62483C1.53643 1.92493 1.46411 1.99725 1.46411 2.08564V3.37136C1.46411 3.45975 1.53643 3.53207 1.62483 3.53207H17.3748C17.4632 3.53207 17.5355 3.45975 17.5355 3.37136V2.08564C17.5355 1.99725 17.4632 1.92493 17.3748 1.92493ZM17.3748 14.4606H1.62483C1.53643 14.4606 1.46411 14.533 1.46411 14.6214V15.9071C1.46411 15.9955 1.53643 16.0678 1.62483 16.0678H17.3748C17.4632 16.0678 17.5355 15.9955 17.5355 15.9071V14.6214C17.5355 14.533 17.4632 14.4606 17.3748 14.4606ZM17.3748 8.19278H1.62483C1.53643 8.19278 1.46411 8.26511 1.46411 8.3535V9.63921C1.46411 9.72761 1.53643 9.79993 1.62483 9.79993H17.3748C17.4632 9.79993 17.5355 9.72761 17.5355 9.63921V8.3535C17.5355 8.26511 17.4632 8.19278 17.3748 8.19278Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_271_33867)">
|
|
3
|
+
<path d="M8.53583 9C8.53583 9.25574 8.63742 9.50101 8.81826 9.68185C8.9991 9.86269 9.24437 9.96429 9.50011 9.96429C9.75586 9.96429 10.0011 9.86269 10.182 9.68185C10.3628 9.50101 10.4644 9.25574 10.4644 9C10.4644 8.74426 10.3628 8.49899 10.182 8.31815C10.0011 8.13731 9.75586 8.03571 9.50011 8.03571C9.24437 8.03571 8.9991 8.13731 8.81826 8.31815C8.63742 8.49899 8.53583 8.74426 8.53583 9ZM12.5537 9C12.5537 9.25574 12.6553 9.50101 12.8361 9.68185C13.017 9.86269 13.2622 9.96429 13.518 9.96429C13.7737 9.96429 14.019 9.86269 14.1998 9.68185C14.3807 9.50101 14.4823 9.25574 14.4823 9C14.4823 8.74426 14.3807 8.49899 14.1998 8.31815C14.019 8.13731 13.7737 8.03571 13.518 8.03571C13.2622 8.03571 13.017 8.13731 12.8361 8.31815C12.6553 8.49899 12.5537 8.74426 12.5537 9ZM4.51797 9C4.51797 9.25574 4.61957 9.50101 4.8004 9.68185C4.98124 9.86269 5.22651 9.96429 5.48226 9.96429C5.738 9.96429 5.98327 9.86269 6.16411 9.68185C6.34495 9.50101 6.44654 9.25574 6.44654 9C6.44654 8.74426 6.34495 8.49899 6.16411 8.31815C5.98327 8.13731 5.738 8.03571 5.48226 8.03571C5.22651 8.03571 4.98124 8.13731 4.8004 8.31815C4.61957 8.49899 4.51797 8.74426 4.51797 9ZM17.801 5.5125C17.347 4.43371 16.6961 3.4654 15.8664 2.63371C15.0425 1.80682 14.0645 1.14955 12.9876 0.699107C11.8827 0.235045 10.7095 0 9.50011 0H9.45994C8.24253 0.00602679 7.06328 0.247098 5.95436 0.721205C4.88672 1.17627 3.91783 1.83471 3.10168 2.65982C2.28002 3.48951 1.63516 4.45379 1.18918 5.52857C0.727123 6.64152 0.494087 7.82478 0.500114 9.04219C0.506931 10.4373 0.836995 11.8119 1.4644 13.058V16.1116C1.4644 16.3567 1.56176 16.5917 1.73506 16.765C1.90837 16.9384 2.14342 17.0357 2.38851 17.0357H5.44409C6.69021 17.6631 8.06479 17.9932 9.45994 18H9.50212C10.7055 18 11.8727 17.767 12.9715 17.3109C14.043 16.8659 15.0174 16.2163 15.8403 15.3984C16.67 14.5768 17.3229 13.6165 17.7789 12.5458C18.253 11.4368 18.4941 10.2576 18.5001 9.04018C18.5061 7.81674 18.2691 6.62946 17.801 5.5125ZM14.7655 14.3116C13.3573 15.7058 11.489 16.4732 9.50011 16.4732H9.46596C8.25458 16.4672 7.05123 16.1658 5.98851 15.5993L5.81976 15.5089H2.99119V12.6804L2.90078 12.5116C2.33427 11.4489 2.03293 10.2455 2.0269 9.03415C2.01886 7.03125 2.78427 5.15089 4.18851 3.7346C5.59074 2.3183 7.46507 1.53482 9.46797 1.52679H9.50212C10.5066 1.52679 11.4809 1.72165 12.399 2.10737C13.295 2.48304 14.0986 3.02344 14.7896 3.71451C15.4787 4.40357 16.0211 5.20915 16.3968 6.10513C16.7865 7.03326 16.9814 8.01763 16.9773 9.03415C16.9653 11.035 16.1798 12.9094 14.7655 14.3116Z"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M17.4776 2.91897L16.3446 3.80491C14.7997 1.83013 12.397 0.5625 9.69905 0.5625C5.04034 0.5625 1.26958 4.32924 1.26356 8.98996C1.25753 13.6547 5.03633 17.4375 9.69905 17.4375C13.3412 17.4375 16.445 15.1272 17.6263 11.8909C17.6564 11.8065 17.6122 11.7121 17.5278 11.6839L16.3888 11.2922C16.3491 11.2786 16.3056 11.281 16.2677 11.2991C16.2298 11.3171 16.2004 11.3492 16.1859 11.3886C16.1497 11.4891 16.1095 11.5895 16.0674 11.6879C15.7198 12.5116 15.2216 13.2509 14.5868 13.8857C13.9571 14.5166 13.2115 15.02 12.391 15.3683C11.5412 15.7279 10.6352 15.9107 9.70307 15.9107C8.76891 15.9107 7.8649 15.7279 7.01512 15.3683C6.19382 15.0215 5.448 14.5179 4.81936 13.8857C4.18796 13.2561 3.68509 12.5096 3.33878 11.6879C2.97918 10.8362 2.79637 9.93214 2.79637 8.99799C2.79637 8.06384 2.97918 7.15982 3.33878 6.30804C3.68633 5.48438 4.18454 4.74509 4.81936 4.11027C5.45418 3.47545 6.19347 2.97723 7.01512 2.62768C7.8649 2.26808 8.77092 2.08527 9.70307 2.08527C10.6372 2.08527 11.5412 2.26808 12.391 2.62768C13.2123 2.97451 13.9581 3.4781 14.5868 4.11027C14.7857 4.30915 14.9725 4.52009 15.1453 4.74107L13.9359 5.68527C13.912 5.70378 13.8937 5.72867 13.8833 5.75707C13.8729 5.78548 13.8707 5.81624 13.877 5.84583C13.8833 5.87542 13.8978 5.90263 13.9189 5.92434C13.94 5.94604 13.9668 5.96136 13.9961 5.96853L17.5238 6.83237C17.6243 6.85647 17.7227 6.78013 17.7227 6.67768L17.7388 3.04353C17.7368 2.91094 17.5821 2.83661 17.4776 2.91897Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M16.4107 6.26666H12.2321V2.08809C12.2321 1.91131 12.0875 1.76666 11.9107 1.76666H2.58925C2.41247 1.76666 2.26782 1.91131 2.26782 2.08809V11.4095C2.26782 11.5863 2.41247 11.7309 2.58925 11.7309H6.76782V15.9095C6.76782 16.0863 6.91247 16.2309 7.08925 16.2309H16.4107C16.5875 16.2309 16.7321 16.0863 16.7321 15.9095V6.58809C16.7321 6.41131 16.5875 6.26666 16.4107 6.26666ZM6.76782 6.58809V10.3649H3.63389V3.13273H10.866V6.26666H7.08925C6.91247 6.26666 6.76782 6.41131 6.76782 6.58809ZM10.866 7.63273V10.3649H8.13389V7.63273H10.866ZM15.366 14.8649H8.13389V11.7309H11.9107C12.0875 11.7309 12.2321 11.5863 12.2321 11.4095V7.63273H15.366V14.8649Z"/>
|
|
3
|
+
</svg>
|
|
@@ -139,7 +139,7 @@ export class KitAutocompleteComponent {
|
|
|
139
139
|
provide: NG_VALUE_ACCESSOR,
|
|
140
140
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
141
141
|
multi: true,
|
|
142
|
-
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "component", type: i5.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
142
|
+
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "component", type: i5.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
143
143
|
}
|
|
144
144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
145
145
|
type: Component,
|
|
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
147
147
|
provide: NG_VALUE_ACCESSOR,
|
|
148
148
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
149
149
|
multi: true,
|
|
150
|
-
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
|
|
150
|
+
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
|
|
151
151
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
|
|
152
152
|
type: Input
|
|
153
153
|
}], placeholder: [{
|
|
@@ -36,11 +36,11 @@ export class KitButtonComponent {
|
|
|
36
36
|
this.clicked = new EventEmitter();
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
43
|
+
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
44
44
|
}], propDecorators: { disabled: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}], label: [{
|
|
@@ -106,7 +106,7 @@ export class KitDropdownComponent {
|
|
|
106
106
|
provide: NG_VALUE_ACCESSOR,
|
|
107
107
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
108
108
|
multi: true,
|
|
109
|
-
}], queries: [{ propertyName: "kitDropdownItemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template *ngIf=\"kitDropdownItemTemplate\" kendoDropDownListItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n </kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#fff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;width:16px;height:16px;fill:none;stroke:#002a3a}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-optionlabel:not(:last-of-type),.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], dependencies: [{ kind: "component", type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
109
|
+
}], queries: [{ propertyName: "kitDropdownItemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template *ngIf=\"kitDropdownItemTemplate\" kendoDropDownListItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n </kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#fff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;width:16px;height:16px;fill:none;stroke:#002a3a}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-optionlabel:not(:last-of-type),.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], dependencies: [{ kind: "component", type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
110
110
|
}
|
|
111
111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
112
112
|
type: Component,
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
114
114
|
provide: NG_VALUE_ACCESSOR,
|
|
115
115
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
116
116
|
multi: true,
|
|
117
|
-
}], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template *ngIf=\"kitDropdownItemTemplate\" kendoDropDownListItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n </kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#fff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;width:16px;height:16px;fill:none;stroke:#002a3a}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-optionlabel:not(:last-of-type),.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"] }]
|
|
117
|
+
}], template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template *ngIf=\"kitDropdownItemTemplate\" kendoDropDownListItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n </kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#fff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;width:16px;height:16px;fill:none;stroke:#002a3a}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-optionlabel:not(:last-of-type),.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"] }]
|
|
118
118
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
|
|
119
119
|
type: Input
|
|
120
120
|
}], selectedItem: [{
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import { NavigationEnd } from '@angular/router';
|
|
4
|
+
import { PanelBarExpandMode } from '@progress/kendo-angular-layout';
|
|
5
|
+
import { filter } from 'rxjs';
|
|
6
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/router";
|
|
9
|
+
import * as i2 from "@angular/common";
|
|
10
|
+
import * as i3 from "@progress/kendo-angular-layout";
|
|
11
|
+
import * as i4 from "../kit-svg-icon/kit-svg-icon.component";
|
|
12
|
+
export class KitNavigationMenuComponent {
|
|
13
|
+
constructor(router) {
|
|
14
|
+
this.router = router;
|
|
15
|
+
/**
|
|
16
|
+
* An items list which is going to be rendered as menu items
|
|
17
|
+
*/
|
|
18
|
+
this.items = [];
|
|
19
|
+
/**
|
|
20
|
+
* Defines whether the component will have an animation when collapsing/expanding the menu
|
|
21
|
+
*/
|
|
22
|
+
this.animate = true;
|
|
23
|
+
this.KitSvgIcon = KitSvgIcon;
|
|
24
|
+
this.PanelBarExpandMode = PanelBarExpandMode;
|
|
25
|
+
this.setExpandedStateOnRouterChange();
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() {
|
|
28
|
+
this.setExpandedState(this.items, this.router.url);
|
|
29
|
+
}
|
|
30
|
+
setExpandedStateOnRouterChange() {
|
|
31
|
+
this.router.events.pipe(filter(event => event instanceof NavigationEnd), takeUntilDestroyed()).subscribe(() => this.setExpandedState(this.items, this.router.url));
|
|
32
|
+
}
|
|
33
|
+
setExpandedState(items, url) {
|
|
34
|
+
items.forEach(item => {
|
|
35
|
+
item.expanded = !!(item.link && url.startsWith(item.link));
|
|
36
|
+
if (item.items) {
|
|
37
|
+
this.setExpandedState(item.items, url);
|
|
38
|
+
item.expanded = item.items.some(child => child.expanded);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\">\n <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n [animate]=\"animate\">\n @for (item of items; track item) {\n <kendo-panelbar-item class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [expanded]=\"item.expanded\"\n [routerLink]=\"item.link\">\n <ng-template kendoPanelBarItemTitle>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n <span class=\"item-text\">{{ item.title }}</span>\n </ng-template>\n\n @for (child of item.items; track child) {\n <kendo-panelbar-item *ngIf=\"child.items && child.items.length\"\n class=\"menu-child-item\"\n [title]=\"child.title\"\n [ngClass]=\"child.cssClass\"\n [expanded]=\"child.expanded\"\n [routerLink]=\"child.link\">\n @for (subChild of child.items; track subChild) {\n <kendo-panelbar-item class=\"menu-link\"\n routerLinkActive=\"menu-link-active\"\n [ngClass]=\"subChild.cssClass\"\n [routerLink]=\"subChild.link\">\n <ng-template kendoPanelBarItemTitle>\n <span class=\"item-text\">{{ subChild.title }}</span>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-panelbar-item>\n }\n </kendo-panelbar-item>\n }\n\n @for (child of item.items; track child) {\n <kendo-panelbar-item *ngIf=\"!child.items\"\n class=\"menu-link\"\n routerLinkActive=\"menu-link-active\"\n [ngClass]=\"child.cssClass\"\n [routerLink]=\"child.link\">\n <ng-template kendoPanelBarItemTitle>\n <span class=\"item-text\">{{ child.title }}</span>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-panelbar-item>\n }\n </kendo-panelbar-item>\n }\n </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{border:none;background:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-main);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-selected{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link ::ng-deep .k-selected .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
|
+
}
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\">\n <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n [animate]=\"animate\">\n @for (item of items; track item) {\n <kendo-panelbar-item class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [expanded]=\"item.expanded\"\n [routerLink]=\"item.link\">\n <ng-template kendoPanelBarItemTitle>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n <span class=\"item-text\">{{ item.title }}</span>\n </ng-template>\n\n @for (child of item.items; track child) {\n <kendo-panelbar-item *ngIf=\"child.items && child.items.length\"\n class=\"menu-child-item\"\n [title]=\"child.title\"\n [ngClass]=\"child.cssClass\"\n [expanded]=\"child.expanded\"\n [routerLink]=\"child.link\">\n @for (subChild of child.items; track subChild) {\n <kendo-panelbar-item class=\"menu-link\"\n routerLinkActive=\"menu-link-active\"\n [ngClass]=\"subChild.cssClass\"\n [routerLink]=\"subChild.link\">\n <ng-template kendoPanelBarItemTitle>\n <span class=\"item-text\">{{ subChild.title }}</span>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-panelbar-item>\n }\n </kendo-panelbar-item>\n }\n\n @for (child of item.items; track child) {\n <kendo-panelbar-item *ngIf=\"!child.items\"\n class=\"menu-link\"\n routerLinkActive=\"menu-link-active\"\n [ngClass]=\"child.cssClass\"\n [routerLink]=\"child.link\">\n <ng-template kendoPanelBarItemTitle>\n <span class=\"item-text\">{{ child.title }}</span>\n <kit-svg-icon class=\"item-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-panelbar-item>\n }\n </kendo-panelbar-item>\n }\n </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{border:none;background:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-main);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-selected{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link ::ng-deep .k-selected .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link ::ng-deep .k-selected:hover .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link-active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"] }]
|
|
48
|
+
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { items: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], animate: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBY3JDLFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFkeEI7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUNNLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFFeEIsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO1FBSzFFLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU8sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDckIsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxZQUFZLGFBQWEsQ0FBQyxFQUMvQyxrQkFBa0IsRUFBRSxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsR0FBVztRQUNsRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsMkdDZHZDLCtnRkF5REE7OzJGRDNDYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07MkVBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvbk1lbnVJdGVtIH0gZnJvbSAnLi9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IE5hdmlnYXRpb25FbmQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBQYW5lbEJhckV4cGFuZE1vZGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYXlvdXQnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1uYXZpZ2F0aW9uLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFuIGl0ZW1zIGxpc3Qgd2hpY2ggaXMgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgbWVudSBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdE5hdmlnYXRpb25NZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgaGF2ZSBhbiBhbmltYXRpb24gd2hlbiBjb2xsYXBzaW5nL2V4cGFuZGluZyB0aGUgbWVudVxuICAgKi9cbiAgQElucHV0KCkgYW5pbWF0ZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBQYW5lbEJhckV4cGFuZE1vZGU6IHR5cGVvZiBQYW5lbEJhckV4cGFuZE1vZGUgPSBQYW5lbEJhckV4cGFuZE1vZGU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgKSB7XG4gICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZShpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10sIHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhIShpdGVtLmxpbmsgJiYgdXJsLnN0YXJ0c1dpdGgoaXRlbS5saW5rKSk7XG4gICAgICBpZiAoaXRlbS5pdGVtcykge1xuICAgICAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUoaXRlbS5pdGVtcywgdXJsKTtcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9IGl0ZW0uaXRlbXMuc29tZShjaGlsZCA9PiBjaGlsZC5leHBhbmRlZCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi1tZW51XCI+XG4gIDxrZW5kby1wYW5lbGJhciBbZXhwYW5kTW9kZV09XCJQYW5lbEJhckV4cGFuZE1vZGUuU2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIj5cbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICA8a2VuZG8tcGFuZWxiYXItaXRlbSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0ubGlua1wiPlxuICAgICAgICA8bmctdGVtcGxhdGUga2VuZG9QYW5lbEJhckl0ZW1UaXRsZT5cbiAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiaXRlbS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10ZXh0XCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICBAZm9yIChjaGlsZCBvZiBpdGVtLml0ZW1zOyB0cmFjayBjaGlsZCkge1xuICAgICAgICAgIDxrZW5kby1wYW5lbGJhci1pdGVtICpuZ0lmPVwiY2hpbGQuaXRlbXMgJiYgY2hpbGQuaXRlbXMubGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtY2hpbGQtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cImNoaWxkLnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJjaGlsZC5jc3NDbGFzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cImNoaWxkLmV4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJjaGlsZC5saW5rXCI+XG4gICAgICAgICAgICBAZm9yIChzdWJDaGlsZCBvZiBjaGlsZC5pdGVtczsgdHJhY2sgc3ViQ2hpbGQpIHtcbiAgICAgICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwibWVudS1saW5rLWFjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInN1YkNoaWxkLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwic3ViQ2hpbGQubGlua1wiPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1BhbmVsQmFySXRlbVRpdGxlPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBzdWJDaGlsZC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fUklHSFRcIlxuICAgICAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2tlbmRvLXBhbmVsYmFyLWl0ZW0+XG4gICAgICAgIH1cblxuICAgICAgICBAZm9yIChjaGlsZCBvZiBpdGVtLml0ZW1zOyB0cmFjayBjaGlsZCkge1xuICAgICAgICAgIDxrZW5kby1wYW5lbGJhci1pdGVtICpuZ0lmPVwiIWNoaWxkLml0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtbGlua1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm91dGVyTGlua0FjdGl2ZT1cIm1lbnUtbGluay1hY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNoaWxkLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJjaGlsZC5saW5rXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUga2VuZG9QYW5lbEJhckl0ZW1UaXRsZT5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBjaGlsZC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIml0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5DSEVWUk9OX1JJR0hUXCJcbiAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L2tlbmRvLXBhbmVsYmFyLWl0ZW0+XG4gICAgICAgIH1cbiAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICB9XG4gIDwva2VuZG8tcGFuZWxiYXI+XG48L2Rpdj5cblxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tbWVudS9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TmF2aWdhdGlvbk1lbnVJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGluaz86IHN0cmluZztcbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG4gIGljb24/OiBLaXRTdmdJY29uO1xuICBleHBhbmRlZD86IGJvb2xlYW47XG4gIGl0ZW1zPzogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW107XG59XG4iXX0=
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { KitNavigationMenuComponent } from './kit-navigation-menu.component';
|
|
4
|
+
import { PanelBarModule } from '@progress/kendo-angular-layout';
|
|
5
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
6
|
+
import { RouterModule } from '@angular/router';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class KitNavigationMenuModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuModule, declarations: [KitNavigationMenuComponent], imports: [CommonModule,
|
|
11
|
+
PanelBarModule,
|
|
12
|
+
KitSvgIconModule,
|
|
13
|
+
RouterModule], exports: [KitNavigationMenuComponent] }); }
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuModule, imports: [CommonModule,
|
|
15
|
+
PanelBarModule,
|
|
16
|
+
KitSvgIconModule,
|
|
17
|
+
RouterModule] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [
|
|
23
|
+
KitNavigationMenuComponent,
|
|
24
|
+
],
|
|
25
|
+
imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
PanelBarModule,
|
|
28
|
+
KitSvgIconModule,
|
|
29
|
+
RouterModule,
|
|
30
|
+
],
|
|
31
|
+
exports: [
|
|
32
|
+
KitNavigationMenuComponent,
|
|
33
|
+
],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFnQi9DLE1BQU0sT0FBTyx1QkFBdUI7OEdBQXZCLHVCQUF1QjsrR0FBdkIsdUJBQXVCLGlCQVpoQywwQkFBMEIsYUFHMUIsWUFBWTtZQUNaLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsWUFBWSxhQUdaLDBCQUEwQjsrR0FHakIsdUJBQXVCLFlBVGhDLFlBQVk7WUFDWixjQUFjO1lBQ2QsZ0JBQWdCO1lBQ2hCLFlBQVk7OzJGQU1ILHVCQUF1QjtrQkFkbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMEJBQTBCO3FCQUMzQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvbk1lbnVDb21wb25lbnQgfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IFBhbmVsQmFyTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGF5b3V0JztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXROYXZpZ2F0aW9uTWVudUNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBQYW5lbEJhck1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXROYXZpZ2F0aW9uTWVudU1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -67,7 +67,7 @@ export class KitNumericTextboxComponent {
|
|
|
67
67
|
provide: NG_VALUE_ACCESSOR,
|
|
68
68
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
69
69
|
multi: true,
|
|
70
|
-
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-numerictextbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
70
|
+
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-numerictextbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
71
71
|
}
|
|
72
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
@@ -69,5 +69,14 @@ export var KitSvgIcon;
|
|
|
69
69
|
KitSvgIcon["CLOCK"] = "clock";
|
|
70
70
|
KitSvgIcon["FACTORY"] = "factory";
|
|
71
71
|
KitSvgIcon["COPY"] = "copy";
|
|
72
|
+
KitSvgIcon["GEAR_1"] = "gear-1";
|
|
73
|
+
KitSvgIcon["HOUSE"] = "house";
|
|
74
|
+
KitSvgIcon["CHART"] = "chart";
|
|
75
|
+
KitSvgIcon["CLIP"] = "clip";
|
|
76
|
+
KitSvgIcon["MAIL"] = "mail";
|
|
77
|
+
KitSvgIcon["MENU"] = "menu";
|
|
78
|
+
KitSvgIcon["MESSAGE"] = "message";
|
|
79
|
+
KitSvgIcon["RELOAD"] = "reload";
|
|
80
|
+
KitSvgIcon["WINDOW_RESTORE"] = "window-restore";
|
|
72
81
|
})(KitSvgIcon || (KitSvgIcon = {}));
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBK0VYO0FBL0VELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7QUFDbkMsQ0FBQyxFQS9FVyxVQUFVLEtBQVYsVUFBVSxRQStFckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBLaXRTdmdJY29uIHtcbiAgTE9HTyA9ICdsb2dvJyxcbiAgQ0hFVlJPTl9ET1dOID0gJ2NoZXZyb24tZG93bicsXG4gIENIRVZST05fVVAgPSAnY2hldnJvbi11cCcsXG4gIENIRVZST05fUklHSFQgPSAnY2hldnJvbi1yaWdodCcsXG4gIFBMVVMgPSAncGx1cycsXG4gIElORk8gPSAnaW5mbycsXG4gIENBTEVOREFSID0gJ2NhbGVuZGFyJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgRVJST1IgPSAnZXJyb3InLFxuICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxuICBFWUUgPSAnZXllJyxcbiAgU0VBUkNIID0gJ3NlYXJjaCcsXG4gIEVESVQgPSAnZWRpdCcsXG4gIExPQ0FUSU9OID0gJ2xvY2F0aW9uJyxcbiAgQ1JPU1MgPSAnY3Jvc3MnLFxuICBDSEVDSyA9ICdjaGVjaycsXG4gIENIRUNLX0NJUkNMRSA9ICdjaGVjay1jaXJjbGUnLFxuICBESVNLRVRURSA9ICdkaXNrZXR0ZScsXG4gIENMSVBCT0FSRCA9ICdjbGlwYm9hcmQnLFxuICBMQVlFUlMgPSAnbGF5ZXJzJyxcbiAgS05BVUYgPSAna25hdWYtbG9nbycsXG4gIEhPTUUgPSAnaG9tZScsXG4gIERPVUJMRV9DSVJDTEUgPSAnZG91YmxlLWNpcmNsZScsXG4gIFBFTkNJTCA9ICdwZW5jaWwnLFxuICBPUkRFUiA9ICdvcmRlcicsXG4gIFJFU0VUID0gJ3Jlc2V0JyxcbiAgQ0lSQ0xFX0NST1NTID0gJ2NpcmNsZS1jcm9zcycsXG4gIFRSVUNLID0gJ3RydWNrJyxcbiAgREVMSVZFUkVEID0gJ2RlbGl2ZXJlZCcsXG4gIEZUTCA9ICdmdGwnLFxuICBMVEwgPSAnbHRsJyxcbiAgT1JHID0gJ29yZycsXG4gIEFSQ0hJVkUgPSAnYXJjaGl2ZScsXG4gIExPR09VVCA9ICdsb2dvdXQnLFxuICBDT05UQUlORVIgPSAnY29udGFpbmVyJyxcbiAgQ0FSUklFUiA9ICdjYXJyaWVyJyxcbiAgRVhQT1JUID0gJ2V4cG9ydCcsXG4gIEdFQVIgPSAnZ2VhcicsXG4gIFNUT0NLID0gJ3N0b2NrJyxcbiAgU1RBVFVTID0gJ3N0YXR1cycsXG4gIENMT1NFX1NJR04gPSAnY2xvc2Utc2lnbicsXG4gIENMT1NFX1NJR05fUkVEID0gJ2Nsb3NlLXNpZ24tcmVkJyxcbiAgT1BFTl9TSUdOX0dSRUVOID0gJ29wZW4tc2lnbi1ncmVlbicsXG4gIEFSUk9XX0xFRlQgPSAnYXJyb3ctbGVmdCcsXG4gIFdBUk5JTkdfWUVMTE9XID0gJ3dhcm5pbmcteWVsbG93JyxcbiAgQ0lSQ0xFX01JTlVTID0gJ2NpcmNsZS1taW51cycsXG4gIENJUkNMRV9QTFVTID0gJ2NpcmNsZS1wbHVzJyxcbiAgVEhSRUVfQ0lSQ0xFX0FSUk9XX0xFRlQgPSAndGhyZWUtY2lyY2xlLWFycm93LWxlZnQnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfUklHSFQgPSAndGhyZWUtY2lyY2xlLWFycm93LXJpZ2h0JyxcbiAgU0VORCA9ICdzZW5kJyxcbiAgQ0FMRU5EQVJfQ0hFQ0sgPSAnY2FsZW5kYXItY2hlY2snLFxuICBDTElQQk9BUkRfVEhJTiA9ICdjbGlwYm9hcmQtdGhpbicsXG4gIFdBTExFVCA9ICd3YWxsZXQnLFxuICBDSVJDTEVfUFVMU0UgPSAnY2lyY2xlLXB1bHNlJyxcbiAgQ0lSQ0xFX0NST1NTX1RISU4gPSAnY2lyY2xlLWNyb3NzLXRoaW4nLFxuICBUUkFTSCA9ICd0cmFzaCcsXG4gIFdSRU5DSCA9ICd3cmVuY2gnLFxuICBUSU1FID0gJ3RpbWUnLFxuICBXQVJOSU5HX0RFRkFVTFQgPSAnd2FybmluZy1kZWZhdWx0JyxcbiAgUk9UQVRFX0xFRlQgPSAncm90YXRlLWxlZnQnLFxuICBET1dOTE9BRCA9ICdkb3dubG9hZCcsXG4gIEZJTEVfVEVYVCA9ICdmaWxlLXRleHQnLFxuICBBUlJPV19VUF9SSUdIVF9GUk9NX1NRVUFSRSA9ICdhcnJvdy11cC1yaWdodC1mcm9tLXNxdWFyZScsXG4gIENJUkNMRV9FWENMQU1BVElPTiA9ICdjaXJjbGUtZXhjbGFtYXRpb24nLFxuICBUUklBTkdMRV9FWENMQU1BVElPTiA9ICd0cmlhbmdsZS1leGNsYW1hdGlvbicsXG4gIFNISVAgPSAnc2hpcCcsXG4gIENMT0NLID0gJ2Nsb2NrJyxcbiAgRkFDVE9SWSA9ICdmYWN0b3J5JyxcbiAgQ09QWSA9ICdjb3B5JyxcbiAgR0VBUl8xID0gJ2dlYXItMScsXG4gIEhPVVNFID0gJ2hvdXNlJyxcbiAgQ0hBUlQgPSAnY2hhcnQnLFxuICBDTElQID0gJ2NsaXAnLFxuICBNQUlMID0gJ21haWwnLFxuICBNRU5VID0gJ21lbnUnLFxuICBNRVNTQUdFID0gJ21lc3NhZ2UnLFxuICBSRUxPQUQgPSAncmVsb2FkJyxcbiAgV0lORE9XX1JFU1RPUkUgPSAnd2luZG93LXJlc3RvcmUnLFxufVxuIl19
|