@kirbydesign/extensions-angular 4.2.0 → 4.3.0
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/spot-illustrations/device.arrow-download.dot.circle.xlarge.svg +3 -3
- package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs +6 -6
- package/fesm2022/kirbydesign-extensions-angular-localization.mjs +30 -30
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs +111 -76
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs +3 -3
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs +7 -7
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs.map +1 -1
- package/package.json +2 -1
- package/types/kirbydesign-extensions-angular-sidebar-menu.d.ts +16 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<svg width="136" height="136" viewBox="0 0 136 136" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path part="background" d="M68 2.
|
|
3
|
-
<path part="highlight" d="M68 43C76.2843 43 83 49.7157 83 58C83 66.2843 76.2843 73 68 73C67.
|
|
4
|
-
<path part="outline" d="M56.8037 58.5986C58.0267 58.0763 59.5423 57.9647 60.8076 58.9541C61.9999 59.8867 62.2796 61.2039 62.1592 62.3301C62.0564 63.2911 61.6638 64.2004 61.2188 64.877C61.2557 64.8791 61.2934 64.8783 61.3311 64.8818C62.1099 64.9565 62.8721 65.3287 63.6328 65.9824C64.4714 66.7033 64.9766 67.611 65.0527 68.6094C65.1277 69.5941 64.774 70.5125 64.1934 71.2549C64.1782 71.2743 64.1481 71.3159 64.1016 71.3779C64.151 71.375 64.201 71.3697 64.252 71.3691C65.1042 71.3594 65.9738 71.6914 66.8652 72.415C67.638 73.0425 67.8257 73.9388 67.8467 74.5713C67.8679 75.2163 67.7302 75.8227 67.5967 76.2051C67.3016 77.0497 66.8654 77.8076 66.3965 78.4736C66.9701 78.6819 67.5458 79.0175 68.0693 79.4756C68.8742 80.1801 68.7941 81.23 68.6885 81.8018C68.5644 82.473 68.2759 83.1966 67.9648 83.8477C67.3373 85.161 66.4632 86.4878 65.9824 87.1025C65.8726 87.2428 65.3253 87.8367 64.6631 88.5518C63.9651 89.3054 63.0586 90.2796 62.1582 91.2451C60.3594 93.174 58.5785 95.0762 58.5127 95.1465C58.3395 95.3314 56.1559 97.6038 51.4746 101.171C51.2358 101.353 50.8935 101.586 50.5635 101.779C50.7322 102.555 50.6425 103.446 50.0566 104.169L49.6377 104.684C50.624 106.026 50.6254 107.914 49.5273 109.269L49.5176 109.279L30.5967 132.075C30.1558 132.606 29.3681 132.679 28.8369 132.238C28.3061 131.797 28.2324 131.01 28.6729 130.479L47.5859 107.691C48.02 107.154 47.9374 106.366 47.4004 105.931L29.8984 91.7412C29.3608 91.3054 28.5708 91.3873 28.1348 91.9248L10.7959 113.312C10.3612 113.848 9.57434 113.931 9.03809 113.496C8.50194 113.061 8.41977 112.274 8.85449 111.737L26.1934 90.3506C27.4361 88.8181 29.6376 88.5212 31.2354 89.6221L31.584 89.1934C32.215 88.4152 33.1558 88.1584 33.999 88.208C34.0567 88.2114 34.1142 88.2184 34.1719 88.2246L34.7568 86.6299L34.7803 86.5732C34.7854 86.5611 34.788 86.5513 34.7891 86.5459L34.7061 80.7705C34.6979 80.1996 34.8855 79.6421 35.2373 79.1924L42.2227 70.2617C42.957 69.3231 44.1427 69.1862 45.0547 69.3584C45.7089 69.482 46.3712 69.7796 46.9541 70.2344L53.7295 61.1826L53.7305 61.1836C54.5088 60.0747 55.6028 59.1116 56.8037 58.5986ZM33.8516 90.7031C33.721 90.6954 33.6331 90.7145 33.585 90.7324C33.5425 90.7483 33.5301 90.763 33.5264 90.7676L33.1855 91.1875L47.7734 103.014L48.1143 102.595C48.1178 102.59 48.1299 102.575 48.1367 102.53C48.1443 102.48 48.1447 102.389 48.1104 102.264C48.0396 102.005 47.8412 101.669 47.4844 101.38L34.8447 91.1328C34.488 90.8436 34.119 90.719 33.8516 90.7031ZM91.1133 29.1562C94.5647 29.1565 97.3631 31.9548 97.3633 35.4062V96.5996C97.3633 100.051 94.5648 102.849 91.1133 102.85H58.9424C58.252 102.85 57.6924 102.29 57.6924 101.6C57.6926 100.909 58.2522 100.35 58.9424 100.35H91.1133C93.1841 100.349 94.8633 98.6705 94.8633 96.5996V35.4062C94.8631 33.3355 93.184 31.6565 91.1133 31.6562H44.9189C42.848 31.6562 41.1691 33.3354 41.1689 35.4062V65.8594C41.1688 66.5497 40.6092 67.1094 39.9189 67.1094C39.2286 67.1094 38.669 66.5497 38.6689 65.8594V35.4062C38.6692 31.9546 41.4673 29.1562 44.9189 29.1562H91.1133ZM59.2676 60.9238C58.9551 60.6796 58.487 60.5991 57.7861 60.8984C57.0762 61.2017 56.3168 61.8363 55.7568 62.6436L55.7441 62.6631L55.7305 62.6807L43.3447 79.2305C42.931 79.7829 42.1473 79.895 41.5947 79.4814C41.0423 79.0677 40.9292 78.284 41.3428 77.7314L45.4541 72.2373C45.1703 72.0059 44.8589 71.8672 44.5898 71.8164C44.3106 71.7637 44.1976 71.8137 44.1729 71.8271L37.2051 80.7344L37.2891 86.5117C37.2936 86.8521 37.224 87.1852 37.1025 87.4912L37.1045 87.4922L36.4658 89.2285L49.0596 99.4385C49.1369 99.5012 49.2105 99.5679 49.2832 99.6348C49.4641 99.5292 49.728 99.3587 49.959 99.1826C54.5324 95.6978 56.6117 93.5184 56.6875 93.4375C56.7525 93.368 58.5335 91.4675 60.3311 89.54C61.2309 88.5751 62.1342 87.6039 62.8291 86.8535C63.1767 86.4782 63.4707 86.1587 63.6855 85.9238C63.9091 85.6794 64.0046 85.5711 64.0127 85.5625C64.3869 85.0841 65.1636 83.9119 65.709 82.7705C65.9843 82.1943 66.1641 81.701 66.2295 81.3477C66.2392 81.2949 66.2441 81.2504 66.248 81.2148C65.9205 80.9661 65.6014 80.8228 65.3467 80.7607C65.174 80.7187 65.0704 80.7213 65.0234 80.7256C64.9993 80.7477 64.9636 80.7802 64.917 80.8262C64.7914 80.95 64.6296 81.1198 64.4395 81.3271C64.0599 81.741 63.6006 82.2684 63.1484 82.7949C62.6975 83.32 62.2611 83.8358 61.9277 84.2295C61.7625 84.4246 61.6195 84.5931 61.5146 84.7148C61.463 84.7749 61.4145 84.8301 61.376 84.873C61.3576 84.8935 61.3349 84.919 61.3115 84.9434C61.3001 84.9552 61.2814 84.9746 61.2588 84.9961C61.2519 85.0027 61.184 85.0688 61.0889 85.1328C60.5296 85.5089 59.7767 85.3719 59.3828 84.832C58.9023 84.3731 58.8617 83.6131 59.3027 83.1074C60.4004 81.8501 61.193 80.8776 61.6953 80.1777C61.9465 79.8279 62.2786 79.4588 62.5947 79.1133C62.9278 78.7493 63.2691 78.3832 63.6133 77.9795C64.3034 77.1702 64.9112 76.3118 65.2363 75.3809C65.2925 75.2199 65.3575 74.9252 65.3486 74.6543C65.3393 74.3722 65.2636 74.3355 65.2891 74.3564C64.7321 73.9044 64.4131 73.8677 64.2812 73.8691C64.1163 73.8711 63.9583 73.9308 63.6572 74.0918C63.7078 74.0647 63.6221 74.1137 63.3018 74.3994C63.027 74.6445 62.6526 74.9954 62.1758 75.458C61.2236 76.3817 59.8916 77.7192 58.1768 79.4746C58.0849 79.5686 57.9812 79.6443 57.8711 79.7031C57.4425 80.0112 56.848 80.0254 56.4004 79.6953C55.8453 79.2855 55.7271 78.5017 56.1367 77.9463C59.9876 72.7242 62.0286 69.9644 62.2236 69.7148C62.4974 69.3647 62.5785 69.047 62.5596 68.7988C62.5416 68.5643 62.4242 68.2403 62.0039 67.8789C61.5056 67.4506 61.2122 67.3815 61.0938 67.3701C60.9944 67.3606 60.8909 67.3796 60.7285 67.459C60.677 67.505 60.602 67.5775 60.502 67.6777C60.2996 67.8806 60.0323 68.1634 59.7178 68.5059C59.0902 69.1891 58.305 70.075 57.5303 70.96C56.7565 71.8437 55.9995 72.7201 55.4258 73.3818C55.1402 73.7113 54.8978 73.9899 54.7236 74.1885C54.6373 74.2869 54.5631 74.3704 54.5078 74.4316C54.481 74.4613 54.4517 74.4933 54.4258 74.5205C54.4137 74.5332 54.3944 74.5536 54.3721 74.5752C54.361 74.5858 54.3404 74.6044 54.3154 74.626C54.3043 74.6356 54.235 74.6976 54.1357 74.7568C54.0973 74.7797 54.0241 74.8209 53.9277 74.8574C53.8565 74.8844 53.6321 74.9648 53.3379 74.9316C52.9436 74.8872 52.5305 74.6429 52.3311 74.1914C52.1849 73.8601 52.2251 73.568 52.2393 73.4805C52.2721 73.2782 52.3502 73.1279 52.3633 73.1016C52.3912 73.0452 52.419 72.9967 52.4385 72.9648C52.51 72.8479 52.6161 72.7013 52.7227 72.5576C52.9506 72.2501 53.3161 71.779 53.8047 71.1543L53.8105 71.1455C53.8277 71.1185 54.1163 70.7069 54.6074 70.002C55.1007 69.294 55.7533 68.3566 56.4043 67.4209C57.6868 65.5777 59.0014 63.6874 59.0361 63.6396C59.3364 63.2352 59.6125 62.628 59.6729 62.0645C59.7288 61.5409 59.5993 61.1834 59.2676 60.9238ZM116.152 66.7686C116.835 66.7784 117.384 67.3341 117.385 68.0166C117.386 69.5133 118.018 70.918 119.053 71.9502C120.078 72.9727 121.477 73.6074 123.013 73.6074C123.703 73.6074 124.262 74.1673 124.263 74.8574V76.1426C124.263 76.8328 123.703 77.3926 123.013 77.3926C121.5 77.3926 120.124 78.0089 119.107 79.0234C118.087 80.042 117.435 81.4567 117.391 83.0352C117.371 83.7183 116.806 84.2596 116.123 84.25L114.873 84.2324C114.191 84.2227 113.642 83.667 113.641 82.9844C113.638 81.6016 113.013 80.1478 111.979 79.084C110.956 78.0334 109.555 77.3926 108.013 77.3926C107.322 77.3926 106.763 76.8328 106.763 76.1426V74.8574C106.763 74.1673 107.323 73.6074 108.013 73.6074C109.525 73.6074 110.901 72.9912 111.918 71.9766C112.939 70.9579 113.59 69.5433 113.635 67.9648C113.654 67.2818 114.219 66.7404 114.902 66.75L116.152 66.7686ZM115.491 71.04C115.067 72.0621 114.451 72.9814 113.685 73.7461C112.938 74.4916 112.047 75.0909 111.061 75.5C112.085 75.9248 113.005 76.5552 113.77 77.3408C114.507 78.0983 115.107 79.0071 115.52 79.9932C115.944 78.9577 116.566 78.0269 117.341 77.2539C118.086 76.5098 118.975 75.91 119.959 75.501C118.95 75.0852 118.043 74.4747 117.287 73.7207C116.525 72.9605 115.909 72.0486 115.491 71.04ZM21.3184 70.5547C22.2788 70.5547 23.0574 71.3336 23.0576 72.2939C23.0576 73.2545 22.2789 74.0332 21.3184 74.0332C20.3578 74.0332 19.5791 73.2545 19.5791 72.2939C19.5793 71.3336 20.3579 70.5547 21.3184 70.5547ZM68.002 50.0781C68.6921 50.0782 69.2517 50.638 69.252 51.3281V61.1572L71.4541 58.9551C71.9422 58.4672 72.7336 58.4671 73.2217 58.9551C73.7095 59.4432 73.7095 60.2346 73.2217 60.7227L69.0352 64.9092C68.9835 64.9608 68.9268 65.0052 68.8691 65.0459C68.6443 65.2632 68.3394 65.3984 68.002 65.3984C67.6745 65.3984 67.3772 65.2715 67.1543 65.0654C67.0876 65.0207 67.0238 64.9691 66.9648 64.9102L62.7783 60.7236C62.2903 60.2355 62.2902 59.4442 62.7783 58.9561C63.2665 58.4682 64.0578 58.4681 64.5459 58.9561L66.752 61.1621V51.3281C66.7522 50.6379 67.3117 50.0781 68.002 50.0781ZM15.8633 22.7666C16.546 22.7765 17.095 23.3329 17.0957 24.0156C17.0975 26.1295 17.9898 28.1052 19.4424 29.5537C20.8825 30.9896 22.8516 31.8857 25.0166 31.8857C25.7068 31.8857 26.2664 32.4456 26.2666 33.1357V34.8486C26.2666 35.539 25.707 36.0986 25.0166 36.0986C22.8836 36.0986 20.944 36.9683 19.5146 38.3945C18.0801 39.8261 17.166 41.8136 17.1035 44.0273C17.0843 44.7105 16.5193 45.2517 15.8359 45.2422L14.1699 45.2188C13.4873 45.2091 12.9386 44.6534 12.9375 43.9707C12.934 42.0083 12.0507 39.968 10.6025 38.4795C9.16562 37.0028 7.19144 36.0986 5.0166 36.0986C4.32625 36.0986 3.7666 35.539 3.7666 34.8486V33.1357C3.76681 32.4456 4.32637 31.8857 5.0166 31.8857C7.1497 31.8857 9.08917 31.0162 10.5186 29.5898C11.953 28.1582 12.8673 26.1708 12.9297 23.957C12.9491 23.2739 13.5139 22.7324 14.1973 22.7422L15.8633 22.7666ZM14.9902 26.791C14.4752 28.5452 13.5338 30.1122 12.2842 31.3594C11.0541 32.5868 9.52391 33.5049 7.81641 33.9922C9.57523 34.4941 11.1461 35.4532 12.3945 36.7363C13.61 37.9857 14.5322 39.5536 15.0283 41.2363C15.5405 39.4646 16.489 37.8824 17.749 36.625C18.9782 35.3985 20.5069 34.4797 22.2129 33.9922C20.4727 33.4977 18.9176 32.5615 17.6768 31.3242C16.4283 30.0793 15.4869 28.5203 14.9902 26.791ZM106.591 3.49902C107.274 3.50863 107.822 4.06512 107.823 4.74805C107.826 7.44422 108.995 9.96713 110.904 11.8193C112.798 13.6561 115.398 14.8115 118.267 14.8115C118.957 14.8115 119.516 15.3713 119.517 16.0615V18.1865C119.516 18.8767 118.957 19.4365 118.267 19.4365C115.44 19.4365 112.878 20.5582 110.997 22.3838C109.111 24.2155 107.916 26.7504 107.834 29.5645C107.814 30.2469 107.25 30.7875 106.567 30.7783L104.442 30.749C103.76 30.7396 103.211 30.1846 103.21 29.502C103.206 26.9935 102.047 24.3931 100.147 22.4932C98.2573 20.6031 95.6491 19.4365 92.7666 19.4365C92.0764 19.4365 91.5168 18.8767 91.5166 18.1865V16.0615C91.5168 15.3713 92.0764 14.8115 92.7666 14.8115C95.5934 14.8115 98.1555 13.689 100.036 11.8633C101.923 10.0315 103.118 7.49675 103.199 4.68262C103.219 3.99998 103.784 3.45915 104.467 3.46875L106.591 3.49902ZM105.49 6.7207C104.996 9.41848 103.665 11.8241 101.778 13.6562C99.9487 15.4327 97.5926 16.6728 94.9678 17.123C97.6586 17.5845 100.067 18.8773 101.915 20.7256C103.767 22.5776 105.08 25.0073 105.534 27.5654C106.023 24.8518 107.359 22.4318 109.255 20.5908C111.084 18.8149 113.439 17.5735 116.063 17.123C113.394 16.6665 111.005 15.3996 109.164 13.6133C107.272 11.7776 105.939 9.37653 105.49 6.7207ZM58.6758 14.6875C60.0219 14.6875 61.1131 15.779 61.1133 17.125C61.1133 18.4712 60.022 19.5625 58.6758 19.5625C57.3296 19.5625 56.2383 18.4712 56.2383 17.125C56.2385 15.779 57.3297 14.6875 58.6758 14.6875Z" fill="black"/>
|
|
2
|
+
<path part="background" d="M68 2.83398C103.99 2.83416 133.166 32.0105 133.166 68.001C133.166 103.991 103.99 133.167 68 133.167C56.5559 133.167 45.8013 130.216 36.4541 125.035L49.4375 109.395L49.4473 109.383C50.5451 108.029 50.5435 106.141 49.5576 104.799L49.9766 104.283C50.5624 103.56 50.6521 102.67 50.4834 101.894C50.6371 101.804 50.7936 101.706 50.9404 101.607H91.0977L91.3545 101.601C91.5731 101.59 91.7877 101.563 91.998 101.524C92.0231 101.52 92.0483 101.516 92.0732 101.511C92.1178 101.502 92.1619 101.491 92.2061 101.481C92.2406 101.474 92.2753 101.467 92.3096 101.458C92.3594 101.446 92.4088 101.432 92.458 101.418C92.4815 101.411 92.5049 101.404 92.5283 101.397C92.5834 101.381 92.6381 101.364 92.6924 101.346C92.7136 101.339 92.7348 101.332 92.7559 101.324C92.7965 101.31 92.8368 101.295 92.877 101.279C92.9159 101.264 92.9547 101.249 92.9932 101.233C93.0325 101.217 93.0715 101.201 93.1104 101.184C93.1425 101.169 93.1743 101.154 93.2061 101.14C93.2378 101.125 93.2694 101.11 93.3008 101.095C93.3454 101.073 93.3898 101.051 93.4336 101.027C93.4614 101.013 93.4891 100.998 93.5166 100.982C93.5531 100.962 93.589 100.941 93.625 100.92C93.6584 100.9 93.6917 100.881 93.7246 100.86C93.7509 100.844 93.7768 100.827 93.8027 100.811C93.9069 100.743 94.0088 100.673 94.1074 100.599C94.1435 100.571 94.1786 100.543 94.2139 100.515C94.2389 100.495 94.2645 100.476 94.2891 100.455C94.3251 100.425 94.3603 100.394 94.3955 100.363C94.5065 100.266 94.6129 100.163 94.7148 100.057C94.795 99.9726 94.873 99.8864 94.9473 99.7969C94.9594 99.7822 94.9704 99.7667 94.9824 99.752C95.0689 99.6452 95.1519 99.5356 95.2295 99.4219C95.2467 99.3966 95.2625 99.3703 95.2793 99.3447C95.305 99.3056 95.3309 99.2665 95.3555 99.2266C95.3715 99.2005 95.3867 99.1739 95.4023 99.1475C95.4265 99.1067 95.4506 99.0659 95.4736 99.0244C95.4944 98.9868 95.5153 98.9493 95.5352 98.9111C95.5505 98.8817 95.5653 98.852 95.5801 98.8223C95.6032 98.7755 95.6257 98.7283 95.6475 98.6807C95.6584 98.6568 95.6682 98.6325 95.6787 98.6084C95.6919 98.5782 95.7052 98.5481 95.7178 98.5176C95.7384 98.4678 95.7583 98.4177 95.7773 98.3672C95.7863 98.3435 95.7951 98.3198 95.8037 98.2959C95.8216 98.2462 95.8382 98.196 95.8545 98.1455C95.8648 98.1137 95.8751 98.0819 95.8848 98.0498C95.8982 98.0052 95.9106 97.9602 95.9229 97.915C95.93 97.8888 95.9367 97.8624 95.9434 97.8359C95.9544 97.7922 95.9647 97.7483 95.9746 97.7041C96.018 97.5104 96.0521 97.3128 96.0723 97.1113C96.0805 97.0295 96.0866 96.9472 96.0908 96.8643L96.0977 96.6074V35.4141C96.0977 35.076 96.063 34.746 95.999 34.4268C95.9904 34.3838 95.9804 34.3413 95.9707 34.2988C95.9615 34.2586 95.9525 34.2185 95.9424 34.1787C95.9373 34.1588 95.9321 34.139 95.9268 34.1191C95.8491 33.8288 95.7462 33.5491 95.6201 33.2822C95.5928 33.2243 95.5646 33.167 95.5352 33.1104C95.5282 33.0969 95.5208 33.0837 95.5137 33.0703C95.4948 33.0349 95.4757 32.9997 95.4561 32.9648C95.4333 32.9245 95.4105 32.8843 95.3867 32.8447C95.3739 32.8234 95.3608 32.8024 95.3477 32.7812C95.319 32.7352 95.2898 32.6896 95.2598 32.6445C95.246 32.6239 95.2319 32.6035 95.2178 32.583C95.1837 32.5336 95.149 32.4847 95.1133 32.4365C95.1037 32.4237 95.0937 32.4112 95.084 32.3984C95.051 32.355 95.0177 32.3119 94.9834 32.2695C94.96 32.2406 94.9362 32.212 94.9121 32.1836C94.8878 32.1549 94.8629 32.1268 94.8379 32.0986C94.8105 32.0678 94.783 32.037 94.7549 32.0068C94.726 31.9758 94.6967 31.9453 94.667 31.915C94.646 31.8937 94.6248 31.8726 94.6035 31.8516C94.5677 31.8164 94.5319 31.7812 94.4951 31.7471C94.4703 31.724 94.4452 31.7012 94.4199 31.6787C94.3908 31.6528 94.3608 31.6278 94.3311 31.6025C94.2985 31.5749 94.2657 31.5474 94.2324 31.5205C94.2075 31.5004 94.1825 31.4805 94.1572 31.4609C94.1201 31.4322 94.0828 31.4037 94.0449 31.376C94.0187 31.3568 93.9924 31.338 93.9658 31.3193C93.9277 31.2926 93.8895 31.2659 93.8506 31.2402C93.8235 31.2223 93.796 31.2049 93.7686 31.1875C93.729 31.1624 93.6888 31.1382 93.6484 31.1143C93.6175 31.0959 93.5861 31.0783 93.5547 31.0605C93.5221 31.0421 93.4901 31.0226 93.457 31.0049C93.445 30.9984 93.433 30.9917 93.4209 30.9854L93.2646 30.9072C93.2514 30.9008 93.2379 30.8949 93.2246 30.8887C93.2068 30.8803 93.1888 30.8724 93.1709 30.8643C93.115 30.8387 93.0589 30.8135 93.002 30.79C92.982 30.7818 92.9615 30.7746 92.9414 30.7666C92.8999 30.7501 92.8585 30.7332 92.8164 30.7178L92.7734 30.7021C92.7473 30.6928 92.7207 30.6847 92.6943 30.6758C92.6467 30.6597 92.599 30.6435 92.5508 30.6289C92.5414 30.6261 92.5319 30.6239 92.5225 30.6211C92.1494 30.5103 91.7584 30.4414 91.3545 30.4209L91.0977 30.4141H44.9033C42.228 30.4141 40.0438 32.5152 39.9102 35.1572C39.9059 35.2423 39.9033 35.3279 39.9033 35.4141V73.2393L35.1572 79.3066C34.8054 79.7564 34.6178 80.3138 34.626 80.8848L34.708 86.6602C34.7069 86.6657 34.7055 86.676 34.7002 86.6885L34.6875 86.7158L34.6768 86.7441L34.0908 88.3398C34.0331 88.3337 33.9757 88.3257 33.918 88.3223C33.0748 88.2727 32.1348 88.5294 31.5039 89.3076L31.1553 89.7363C29.5575 88.6354 27.3561 88.9324 26.1133 90.4648L14.3389 104.986C7.08284 94.479 2.83308 81.7364 2.83301 68.001C2.83301 32.0104 32.0094 2.83398 68 2.83398Z" fill="silver"/>
|
|
3
|
+
<path part="highlight" d="M68 43C76.2843 43 83 49.7157 83 58C83 66.2843 76.2843 73 68 73C67.7254 73 67.4526 72.9911 67.1816 72.9766C67.0599 72.8081 66.9123 72.647 66.7324 72.501C65.8409 71.7773 64.9715 71.4453 64.1191 71.4551C64.0682 71.4557 64.0182 71.4609 63.9688 71.4639C64.0154 71.4017 64.0454 71.3603 64.0605 71.3408C64.6413 70.5984 64.9948 69.68 64.9199 68.6953C64.8438 67.6968 64.3387 66.7893 63.5 66.0684C62.7393 65.4145 61.9772 65.0424 61.1982 64.9678C61.1605 64.9642 61.1229 64.9641 61.0859 64.9619C61.531 64.2854 61.9235 63.377 62.0264 62.416C62.1468 61.2897 61.8673 59.9728 60.6748 59.04C59.4094 58.0505 57.894 58.1621 56.6709 58.6846C55.4699 59.1976 54.376 60.1606 53.5977 61.2695L53.5967 61.2686L53.4141 61.5117C53.1438 60.3852 53 59.2094 53 58C53 49.7157 59.7157 43 68 43ZM68.002 50.0723C67.3116 50.0723 66.752 50.6319 66.752 51.3223V61.1562L64.5459 58.9502C64.0578 58.4621 63.2665 58.4621 62.7783 58.9502C62.2902 59.4384 62.2902 60.2296 62.7783 60.7178L66.9648 64.9043C67.0238 64.9632 67.0876 65.0149 67.1543 65.0596C67.3772 65.2656 67.6745 65.3926 68.002 65.3926C68.3394 65.3925 68.6443 65.2574 68.8691 65.04C68.9269 64.9993 68.9835 64.955 69.0352 64.9033L73.2217 60.7168C73.7097 60.2287 73.7095 59.4374 73.2217 58.9492C72.7335 58.4611 71.9423 58.4611 71.4541 58.9492L69.252 61.1514V51.3223C69.252 50.632 68.6922 50.0724 68.002 50.0723Z" fill="cadetblue"/>
|
|
4
|
+
<path part="outline" d="M56.7402 58.6738C57.9634 58.1514 59.4797 58.0394 60.7451 59.0293C61.9372 59.962 62.2162 61.2791 62.0957 62.4053C61.9929 63.3659 61.6001 64.2737 61.1553 64.9502C61.1925 64.9524 61.2305 64.9524 61.2686 64.9561C62.0475 65.0308 62.8086 65.4038 63.5693 66.0576C64.4079 66.7785 64.9131 67.6853 64.9893 68.6836C65.0643 69.6685 64.7107 70.5875 64.1299 71.3301C64.1147 71.3495 64.0847 71.391 64.0381 71.4531C64.0876 71.4501 64.1384 71.4449 64.1895 71.4443C65.0417 71.4347 65.9104 71.7666 66.8018 72.4902C67.5747 73.1178 67.7633 74.0139 67.7842 74.6465C67.8054 75.2918 67.6667 75.8979 67.5332 76.2803C67.2382 77.125 66.8019 77.8818 66.333 78.5479C66.9068 78.7561 67.4822 79.0916 68.0059 79.5498C68.8111 80.2545 68.7297 81.3052 68.624 81.877C68.4999 82.5483 68.2124 83.2719 67.9014 83.9229C67.2737 85.2365 66.3996 86.5632 65.9189 87.1777C65.8095 87.3177 65.2622 87.9115 64.5996 88.627C63.9017 89.3805 62.9961 90.3539 62.0957 91.3193C60.2954 93.2498 58.5127 95.1539 58.4492 95.2217C58.276 95.4067 56.0918 97.6788 51.4102 101.246C51.1714 101.428 50.8297 101.661 50.5 101.854C50.669 102.63 50.5794 103.521 49.9932 104.244L49.5752 104.759C50.5612 106.101 50.5619 107.989 49.4639 109.344L49.459 109.349L49.4541 109.354L30.5332 132.15C30.0923 132.681 29.3045 132.754 28.7734 132.313C28.2422 131.873 28.1685 131.084 28.6094 130.553L47.5225 107.767C47.9567 107.229 47.8739 106.441 47.3369 106.006L29.835 91.8154C29.2972 91.3795 28.5073 91.4623 28.0713 92C24.2183 96.7525 20.8468 100.911 17.957 104.476C15.0673 108.04 12.6589 111.01 10.7324 113.387C10.2977 113.923 9.51086 114.005 8.97461 113.57C8.43848 113.136 8.35629 112.349 8.79102 111.812C10.7175 109.436 13.1259 106.466 16.0156 102.901C18.9054 99.337 22.2769 95.1783 26.1299 90.4258C27.3726 88.8932 29.5731 88.5965 31.1709 89.6973L31.5205 89.2676C32.1515 88.4896 33.0914 88.2326 33.9346 88.2822C33.9925 88.2856 34.0504 88.2936 34.1084 88.2998L34.6943 86.7051L34.7041 86.6768L34.7168 86.6484C34.7217 86.6368 34.7244 86.6277 34.7256 86.6221L34.6426 80.8447C34.6344 80.2738 34.8221 79.7173 35.1738 79.2676L39.9551 73.1553C40.9796 71.8455 41.7141 70.9059 42.1592 70.3369L42.3018 70.1699C43.0404 69.3819 44.1361 69.2731 44.9912 69.4346C45.6454 69.5582 46.3078 69.8549 46.8906 70.3096L53.666 61.2578C54.4444 60.1489 55.5394 59.1868 56.7402 58.6738ZM33.7881 90.7783C33.6575 90.7706 33.5697 90.7897 33.5215 90.8076C33.4785 90.8237 33.4664 90.8384 33.4629 90.8428L33.1221 91.2627L47.71 103.089L48.0508 102.67C48.0543 102.666 48.0664 102.65 48.0732 102.604C48.0808 102.554 48.0814 102.464 48.0469 102.338C47.9762 102.079 47.7778 101.744 47.4209 101.455L34.7803 91.207C34.4236 90.918 34.0555 90.7942 33.7881 90.7783ZM91.1133 29.127C94.565 29.1271 97.3633 31.9252 97.3633 35.377V96.5703C97.3633 100.022 94.565 102.82 91.1133 102.82H58.9434C58.253 102.82 57.6934 102.261 57.6934 101.57C57.6934 100.88 58.253 100.32 58.9434 100.32H91.1133C93.1842 100.32 94.8633 98.6413 94.8633 96.5703V35.377C94.8633 33.306 93.1842 31.6271 91.1133 31.627H44.9199C42.8489 31.627 41.1699 33.3059 41.1699 35.377V65.8301C41.1698 66.5202 40.6099 67.0798 39.9199 67.0801C39.2296 67.0801 38.67 66.5204 38.6699 65.8301V35.377C38.6699 31.9252 41.4681 29.127 44.9199 29.127H91.1133ZM59.2041 60.998C58.8916 60.7539 58.4234 60.6735 57.7227 60.9727C57.0126 61.276 56.2534 61.9122 55.6934 62.7197L55.6807 62.7383L55.667 62.7559L43.2812 79.3047C42.8676 79.8573 42.0839 79.9702 41.5312 79.5566C40.9786 79.143 40.8657 78.3593 41.2793 77.8066L45.3906 72.3125C45.107 72.081 44.7964 71.9416 44.5273 71.8906C44.2491 71.8381 44.1349 71.8876 44.1094 71.9014C43.6626 72.4726 42.9339 73.4039 41.9238 74.6953L37.1426 80.8076V80.8086L37.2256 86.5859V86.5879C37.2301 86.9284 37.1606 87.2604 37.0391 87.5664L37.041 87.5674L36.4023 89.3047L48.9961 99.5137C49.0734 99.5764 49.1471 99.6431 49.2197 99.71C49.4006 99.6045 49.6645 99.4338 49.8955 99.2578C54.4728 95.77 56.5524 93.5902 56.625 93.5127C56.6921 93.4411 58.4702 91.5406 60.2666 89.6143C61.1666 88.6492 62.0706 87.6782 62.7656 86.9277C63.1131 86.5525 63.4073 86.2338 63.6221 85.999C63.8604 85.7385 63.9537 85.6331 63.9502 85.6377C64.3244 85.1593 65.1001 83.9871 65.6455 82.8457C65.9209 82.2692 66.1007 81.7752 66.166 81.4219C66.1758 81.3688 66.1806 81.3247 66.1846 81.2891C65.857 81.0403 65.537 80.898 65.2822 80.8359C65.1101 80.7941 65.007 80.7955 64.96 80.7998C64.9358 80.8219 64.9004 80.8542 64.8535 80.9004C64.7278 81.0243 64.5664 81.1947 64.376 81.4023C63.9965 81.8162 63.5371 82.3427 63.085 82.8691C62.634 83.3943 62.1977 83.9109 61.8643 84.3047C61.699 84.4999 61.556 84.6683 61.4512 84.79C61.3995 84.85 61.352 84.9044 61.3135 84.9473C61.2949 84.9679 61.2717 84.9939 61.248 85.0186C61.2366 85.0305 61.218 85.0498 61.1953 85.0713C61.1886 85.0777 61.1206 85.1429 61.0254 85.207C60.4673 85.5826 59.717 85.4472 59.3223 84.9102C58.8383 84.4515 58.7978 83.6896 59.2402 83.1826C60.3379 81.9254 61.1295 80.9528 61.6318 80.2529C61.8829 79.9031 62.2142 79.5339 62.5303 79.1885C62.8634 78.8244 63.2055 78.4584 63.5498 78.0547C64.2399 77.2453 64.8477 76.387 65.1729 75.4561C65.229 75.2952 65.2941 74.9997 65.2852 74.7285C65.2757 74.4449 65.1998 74.4089 65.2266 74.4307C64.6692 73.9782 64.3496 73.9429 64.2178 73.9443C64.0528 73.9462 63.8957 74.0052 63.5947 74.166C63.6443 74.1395 63.5577 74.1897 63.2383 74.4746C62.9634 74.7198 62.5892 75.0705 62.1123 75.5332C61.1601 76.457 59.8282 77.7943 58.1133 79.5498C58.0221 79.6431 57.9197 79.7187 57.8105 79.7773C57.3819 80.0867 56.7862 80.1009 56.3379 79.7705C55.7824 79.3609 55.6638 78.5781 56.0732 78.0225C59.9241 72.8006 61.9647 70.0401 62.1602 69.79C62.4341 69.4398 62.515 69.1222 62.4961 68.874C62.4782 68.6395 62.3608 68.3157 61.9404 67.9541C61.4424 67.526 61.1489 67.4568 61.0303 67.4453C60.9314 67.4358 60.8283 67.4537 60.667 67.5322C60.6154 67.5782 60.5398 67.6504 60.4385 67.752C60.236 67.9549 59.9691 68.2383 59.6543 68.5811C59.0266 69.2644 58.2416 70.1502 57.4668 71.0352C56.6929 71.9191 55.9351 72.7952 55.3613 73.457C55.0756 73.7866 54.8333 74.0652 54.6592 74.2637C54.5728 74.3621 54.4997 74.4456 54.4443 74.5068C54.4175 74.5365 54.3882 74.5675 54.3623 74.5947C54.3502 74.6075 54.3304 74.6285 54.3076 74.6504C54.2965 74.6611 54.2768 74.6797 54.252 74.7012C54.2408 74.7108 54.1707 74.7718 54.0713 74.8311C54.0329 74.854 53.9604 74.8952 53.8643 74.9316C53.7932 74.9586 53.5688 75.0399 53.2744 75.0068C52.8801 74.9624 52.467 74.7181 52.2676 74.2666C52.1212 73.935 52.1626 73.6432 52.1768 73.5557C52.2097 73.3524 52.2872 73.2013 52.2998 73.1758C52.3278 73.1192 52.3565 73.0708 52.376 73.0391C52.4475 72.9222 52.5528 72.7763 52.6592 72.6328C52.8872 72.3253 53.2524 71.8535 53.7412 71.2285L53.7471 71.2207C53.7613 71.1979 54.0501 70.7859 54.5439 70.0771C55.0373 69.369 55.6896 68.431 56.3408 67.4951C57.6283 65.6447 58.9477 63.7475 58.9727 63.7139C59.2729 63.3095 59.549 62.7032 59.6094 62.1396C59.6654 61.6159 59.5359 61.2577 59.2041 60.998Z" fill="black"/>
|
|
5
5
|
</svg>
|
|
@@ -36,10 +36,10 @@ class ImageBannerHeightDirective {
|
|
|
36
36
|
this.currentHeight = cardHeight;
|
|
37
37
|
this.renderer.setStyle(hostElement, 'min-height', `${cardHeight}px`);
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
40
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ImageBannerHeightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
40
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: ImageBannerHeightDirective, isStandalone: true, selector: "[kirbyImageBannerResize]", ngImport: i0 }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ImageBannerHeightDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: `[kirbyImageBannerResize]`,
|
|
@@ -87,10 +87,10 @@ class ImageBannerComponent {
|
|
|
87
87
|
onImageError($event) {
|
|
88
88
|
this.imageError.emit($event);
|
|
89
89
|
}
|
|
90
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
91
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
90
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ImageBannerComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
91
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: ImageBannerComponent, isStandalone: true, selector: "kirby-x-image-banner", inputs: { title: "title", imagePath: "imagePath", bodyText: "bodyText", showButtonInNarrowView: "showButtonInNarrowView", actionButtonText: "actionButtonText", externalLink: "externalLink", backgroundBlur: "backgroundBlur" }, outputs: { bannerClick: "bannerClick", dismissClick: "dismissClick", imageError: "imageError" }, host: { properties: { "class.show-button-in-narrow-view": "this.showButtonInNarrowView", "class": "this.backgroundBlur" } }, hostDirectives: [{ directive: ImageBannerHeightDirective }], ngImport: i0, template: "<kirby-card [themeColor]=\"backgroundBlur === 'none' ? 'white' : backgroundBlur\">\n <div class=\"blur-image-wrapper\">\n <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n </div>\n\n <div class=\"main-content-wrapper\">\n <div class=\"main-content-image-wrapper\">\n <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" (error)=\"onImageError($event)\" />\n </div>\n\n <div class=\"main-content\">\n <div class=\"text-content-layout\">\n <div class=\"main-content-header\">\n @if (title) {\n <p class=\"kirby-text-normal-bold\">\n {{ title }}\n </p>\n } @else {\n <div class=\"title kirby-text-normal-bold\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n }\n </div>\n\n <div class=\"main-content-body\">\n <p class=\"main-content-body-text kirby-text-small\">\n @if (bodyText) {\n {{ bodyText }}\n } @else {\n <ng-content select=\"[bodyText]\"></ng-content>\n }\n </p>\n </div>\n </div>\n @if (externalLink) {\n <!-- Only one of below anchors is displayed at a time -\n we want different behavior on varying screen widths -->\n <a\n kirby-button\n class=\"breakout wide-view-action\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [href]=\"externalLink\"\n target=\"_blank\"\n size=\"sm\"\n >\n {{ actionButtonText }}\n <kirby-icon name=\"link\"></kirby-icon>\n </a>\n\n <a\n kirby-button\n class=\"breakout narrow-view-action\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [href]=\"externalLink\"\n [noDecoration]=\"true\"\n [showIconOnly]=\"true\"\n target=\"_blank\"\n size=\"sm\"\n >\n {{ actionButtonText }}\n <kirby-icon name=\"link\"></kirby-icon>\n </a>\n }\n\n @if (!externalLink) {\n <!-- Only one of below buttons is displayed at a time -\n we want different behavior on varying screen widths -->\n <button\n kirby-button\n class=\"breakout wide-view-action\"\n size=\"sm\"\n (click)=\"bannerClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n >\n {{ actionButtonText }}\n </button>\n\n <button\n kirby-button\n class=\"breakout narrow-view-action\"\n size=\"sm\"\n (click)=\"bannerClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [noDecoration]=\"true\"\n [showIconOnly]=\"true\"\n >\n <span class=\"kirby-visually-hidden\">\n {{ actionButtonText }}\n </span>\n </button>\n }\n </div>\n </div>\n\n @if (dismissClick.observed) {\n <div class=\"dismiss\">\n <button\n kirby-button\n size=\"xs\"\n (click)=\"dismissClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [showIconOnly]=\"true\"\n [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n >\n <kirby-icon name=\"close\"></kirby-icon>\n </button>\n </div>\n }\n</kirby-card>\n", styles: [":host{display:block}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(110px)}:host(.light) .blur-image{filter:blur(110px)}:host(.dark) .blur-image-wrapper:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000052;z-index:1}:host(.light) .blur-image-wrapper:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff73;z-index:1}.blur-image-wrapper{position:absolute;inset:-330px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0)}kirby-card{container-name:banner;container-type:inline-size;height:100%}kirby-card:focus-within:has(:focus-visible):not(:has(.dismiss :focus)){transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}kirby-card:focus-within:has(:focus-visible):not(:has(.dismiss :focus)) .breakout{box-shadow:none}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;flex-direction:column;justify-content:space-between}@container banner (width < 600px){.main-content{flex-direction:row}}.main-content{min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;padding:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;flex:1;justify-content:space-between;height:100%}.main-content-body p{text-wrap-mode:wrap;margin-bottom:0}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px}}@container banner (width < 600px){.main-content-body-text{-webkit-line-clamp:2;line-clamp:2;max-height:3em}}.breakout{position:initial;border-radius:16px;align-self:center}.breakout:before{content:\"\";display:block;position:absolute;inset:0}.wide-view-action{display:none}@container banner (width >= 600px){.wide-view-action{display:inline-flex;align-self:start;margin:0}}.narrow-view-action{display:inline-flex;margin:0}@container banner (width >= 600px){.narrow-view-action{display:none}}.narrow-view-action:is(a){width:24px;min-width:24px}.narrow-view-action:is(a) kirby-icon{font-size:24px}.narrow-view-action:is(button){min-width:1px;width:1px;height:1px}:host(.show-button-in-narrow-view) .wide-view-action{display:inline-flex}:host(.show-button-in-narrow-view) .narrow-view-action{display:none}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}.text-content-layout{display:flex;flex:1;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container banner (width >= 600px){.text-content-layout{gap:12px}}.title ::ng-deep>h1,.title ::ng-deep>h2,.title ::ng-deep>h3,.title ::ng-deep>h4,.title ::ng-deep>h5,.title ::ng-deep>h6{margin-bottom:0;font-size:16px;font-weight:700;line-height:24px}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button],a[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "directive", type: ThemeColorDirective, selector: "kirby-avatar[themeColor], kirby-card[themeColor], kirby-icon[themeColor], kirby-progress-circle-ring[themeColor], kirby-modal-footer[themeColor], kirby-empty-state[themeColor]", inputs: ["themeColor"] }] }); }
|
|
92
92
|
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ImageBannerComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
95
|
args: [{ selector: 'kirby-x-image-banner', imports: [CardComponent, ButtonComponent, IconComponent, ThemeColorDirective], hostDirectives: [ImageBannerHeightDirective], template: "<kirby-card [themeColor]=\"backgroundBlur === 'none' ? 'white' : backgroundBlur\">\n <div class=\"blur-image-wrapper\">\n <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n </div>\n\n <div class=\"main-content-wrapper\">\n <div class=\"main-content-image-wrapper\">\n <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" (error)=\"onImageError($event)\" />\n </div>\n\n <div class=\"main-content\">\n <div class=\"text-content-layout\">\n <div class=\"main-content-header\">\n @if (title) {\n <p class=\"kirby-text-normal-bold\">\n {{ title }}\n </p>\n } @else {\n <div class=\"title kirby-text-normal-bold\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n }\n </div>\n\n <div class=\"main-content-body\">\n <p class=\"main-content-body-text kirby-text-small\">\n @if (bodyText) {\n {{ bodyText }}\n } @else {\n <ng-content select=\"[bodyText]\"></ng-content>\n }\n </p>\n </div>\n </div>\n @if (externalLink) {\n <!-- Only one of below anchors is displayed at a time -\n we want different behavior on varying screen widths -->\n <a\n kirby-button\n class=\"breakout wide-view-action\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [href]=\"externalLink\"\n target=\"_blank\"\n size=\"sm\"\n >\n {{ actionButtonText }}\n <kirby-icon name=\"link\"></kirby-icon>\n </a>\n\n <a\n kirby-button\n class=\"breakout narrow-view-action\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [href]=\"externalLink\"\n [noDecoration]=\"true\"\n [showIconOnly]=\"true\"\n target=\"_blank\"\n size=\"sm\"\n >\n {{ actionButtonText }}\n <kirby-icon name=\"link\"></kirby-icon>\n </a>\n }\n\n @if (!externalLink) {\n <!-- Only one of below buttons is displayed at a time -\n we want different behavior on varying screen widths -->\n <button\n kirby-button\n class=\"breakout wide-view-action\"\n size=\"sm\"\n (click)=\"bannerClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n >\n {{ actionButtonText }}\n </button>\n\n <button\n kirby-button\n class=\"breakout narrow-view-action\"\n size=\"sm\"\n (click)=\"bannerClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [noDecoration]=\"true\"\n [showIconOnly]=\"true\"\n >\n <span class=\"kirby-visually-hidden\">\n {{ actionButtonText }}\n </span>\n </button>\n }\n </div>\n </div>\n\n @if (dismissClick.observed) {\n <div class=\"dismiss\">\n <button\n kirby-button\n size=\"xs\"\n (click)=\"dismissClicked($event)\"\n [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n [showIconOnly]=\"true\"\n [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n >\n <kirby-icon name=\"close\"></kirby-icon>\n </button>\n </div>\n }\n</kirby-card>\n", styles: [":host{display:block}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(110px)}:host(.light) .blur-image{filter:blur(110px)}:host(.dark) .blur-image-wrapper:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000052;z-index:1}:host(.light) .blur-image-wrapper:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff73;z-index:1}.blur-image-wrapper{position:absolute;inset:-330px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0)}kirby-card{container-name:banner;container-type:inline-size;height:100%}kirby-card:focus-within:has(:focus-visible):not(:has(.dismiss :focus)){transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}kirby-card:focus-within:has(:focus-visible):not(:has(.dismiss :focus)) .breakout{box-shadow:none}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;flex-direction:column;justify-content:space-between}@container banner (width < 600px){.main-content{flex-direction:row}}.main-content{min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;padding:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;flex:1;justify-content:space-between;height:100%}.main-content-body p{text-wrap-mode:wrap;margin-bottom:0}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px}}@container banner (width < 600px){.main-content-body-text{-webkit-line-clamp:2;line-clamp:2;max-height:3em}}.breakout{position:initial;border-radius:16px;align-self:center}.breakout:before{content:\"\";display:block;position:absolute;inset:0}.wide-view-action{display:none}@container banner (width >= 600px){.wide-view-action{display:inline-flex;align-self:start;margin:0}}.narrow-view-action{display:inline-flex;margin:0}@container banner (width >= 600px){.narrow-view-action{display:none}}.narrow-view-action:is(a){width:24px;min-width:24px}.narrow-view-action:is(a) kirby-icon{font-size:24px}.narrow-view-action:is(button){min-width:1px;width:1px;height:1px}:host(.show-button-in-narrow-view) .wide-view-action{display:inline-flex}:host(.show-button-in-narrow-view) .narrow-view-action{display:none}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}.text-content-layout{display:flex;flex:1;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container banner (width >= 600px){.text-content-layout{gap:12px}}.title ::ng-deep>h1,.title ::ng-deep>h2,.title ::ng-deep>h3,.title ::ng-deep>h4,.title ::ng-deep>h5,.title ::ng-deep>h6{margin-bottom:0;font-size:16px;font-weight:700;line-height:24px}\n"] }]
|
|
96
96
|
}], ctorParameters: () => [{ type: i1.TranslationService }], propDecorators: { title: [{
|
|
@@ -89,10 +89,10 @@ class DateOnlyPipe extends AbstractTimezoneCompensatingPipe {
|
|
|
89
89
|
transform(input) {
|
|
90
90
|
return this.format(input, DateFormats.SHORT_DATE_FORMAT);
|
|
91
91
|
}
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
93
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DateOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
93
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: DateOnlyPipe, isStandalone: true, name: "dateOnly" }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: DateOnlyPipe, decorators: [{
|
|
96
96
|
type: Pipe,
|
|
97
97
|
args: [{
|
|
98
98
|
name: 'dateOnly',
|
|
@@ -122,10 +122,10 @@ class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe {
|
|
|
122
122
|
throw new Error(`Unable to derive format from "${format}"`);
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
126
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TimeOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
126
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: TimeOnlyPipe, isStandalone: true, name: "timeOnly" }); }
|
|
127
127
|
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TimeOnlyPipe, decorators: [{
|
|
129
129
|
type: Pipe,
|
|
130
130
|
args: [{
|
|
131
131
|
name: 'timeOnly',
|
|
@@ -160,10 +160,10 @@ class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe {
|
|
|
160
160
|
}
|
|
161
161
|
return this.format(date, format);
|
|
162
162
|
}
|
|
163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
164
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
163
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TimeOrDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
164
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: TimeOrDatePipe, isStandalone: true, name: "timeOrDate" }); }
|
|
165
165
|
}
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TimeOrDatePipe, decorators: [{
|
|
167
167
|
type: Pipe,
|
|
168
168
|
args: [{
|
|
169
169
|
name: 'timeOrDate',
|
|
@@ -181,10 +181,10 @@ class FormatNumberService {
|
|
|
181
181
|
}
|
|
182
182
|
return formatNumber(value, this.localeId, digitsInfo);
|
|
183
183
|
}
|
|
184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
185
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberService, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
185
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberService, providedIn: 'root' }); }
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberService, decorators: [{
|
|
188
188
|
type: Injectable,
|
|
189
189
|
args: [{
|
|
190
190
|
providedIn: 'root',
|
|
@@ -201,10 +201,10 @@ class FormatNumberPipe {
|
|
|
201
201
|
transform(value, digitsInfo = '1.2-2') {
|
|
202
202
|
return this.formatNumberService.formatNumber(value, digitsInfo);
|
|
203
203
|
}
|
|
204
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
205
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
204
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
205
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberPipe, isStandalone: true, name: "formatNumber" }); }
|
|
206
206
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FormatNumberPipe, decorators: [{
|
|
208
208
|
type: Pipe,
|
|
209
209
|
args: [{
|
|
210
210
|
name: 'formatNumber',
|
|
@@ -280,10 +280,10 @@ class AmountService {
|
|
|
280
280
|
}
|
|
281
281
|
return formatAmount(amount, this.locale, this.config, amountServiceConfiguration);
|
|
282
282
|
}
|
|
283
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
284
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AmountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
284
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AmountService, providedIn: 'root' }); }
|
|
285
285
|
}
|
|
286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AmountService, decorators: [{
|
|
287
287
|
type: Injectable,
|
|
288
288
|
args: [{
|
|
289
289
|
providedIn: 'root',
|
|
@@ -316,10 +316,10 @@ class AmountPipe {
|
|
|
316
316
|
transform(amount, amountServiceConfiguration) {
|
|
317
317
|
return this.amountService.formatAmount(amount, amountServiceConfiguration);
|
|
318
318
|
}
|
|
319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
320
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AmountPipe, deps: [{ token: AmountService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
320
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: AmountPipe, isStandalone: true, name: "amount" }); }
|
|
321
321
|
}
|
|
322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AmountPipe, decorators: [{
|
|
323
323
|
type: Pipe,
|
|
324
324
|
args: [{
|
|
325
325
|
name: 'amount',
|
|
@@ -343,10 +343,10 @@ class AccountNumberPipe {
|
|
|
343
343
|
transform(value) {
|
|
344
344
|
return formatAccountNumber(value);
|
|
345
345
|
}
|
|
346
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
347
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
346
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AccountNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
347
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: AccountNumberPipe, isStandalone: true, name: "accountNumber" }); }
|
|
348
348
|
}
|
|
349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AccountNumberPipe, decorators: [{
|
|
350
350
|
type: Pipe,
|
|
351
351
|
args: [{
|
|
352
352
|
name: 'accountNumber',
|
|
@@ -379,10 +379,10 @@ class PhoneNumberService {
|
|
|
379
379
|
return formattedNumber;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
383
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
382
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
383
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberService, providedIn: 'root' }); }
|
|
384
384
|
}
|
|
385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberService, decorators: [{
|
|
386
386
|
type: Injectable,
|
|
387
387
|
args: [{
|
|
388
388
|
providedIn: 'root',
|
|
@@ -403,10 +403,10 @@ class PhoneNumberPipe {
|
|
|
403
403
|
transform(phoneNumber, chunk = 2, showCountryCode) {
|
|
404
404
|
return this.phoneNumberService.formatPhoneNumber(phoneNumber, chunk, showCountryCode);
|
|
405
405
|
}
|
|
406
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
407
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
406
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberPipe, deps: [{ token: PhoneNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
407
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberPipe, isStandalone: true, name: "phoneNumber" }); }
|
|
408
408
|
}
|
|
409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: PhoneNumberPipe, decorators: [{
|
|
410
410
|
type: Pipe,
|
|
411
411
|
args: [{
|
|
412
412
|
name: 'phoneNumber',
|