@kirbydesign/designsystem 6.0.0-rc.7 → 6.0.1-annotations-fix

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.
Files changed (40) hide show
  1. package/esm2020/lib/components/button/button.component.mjs +2 -2
  2. package/esm2020/lib/components/chart/chart-js/configured-chart-js.mjs +2 -2
  3. package/esm2020/lib/components/chart/configs/annotations.config.mjs +1 -1
  4. package/esm2020/lib/components/dropdown/dropdown.component.mjs +15 -12
  5. package/esm2020/lib/components/fab-sheet/fab-sheet.component.mjs +3 -30
  6. package/esm2020/lib/components/form-field/input/input.component.mjs +2 -2
  7. package/esm2020/lib/components/form-field/textarea/textarea.component.mjs +2 -2
  8. package/esm2020/lib/components/icon/kirby-icon-settings.mjs +6 -1
  9. package/esm2020/lib/components/modal/modal-wrapper/modal-wrapper.component.mjs +3 -3
  10. package/esm2020/lib/components/page/page.component.mjs +21 -3
  11. package/esm2020/lib/helpers/deep-copy.mjs +51 -11
  12. package/esm2020/lib/kirby.module.mjs +3 -3
  13. package/esm2020/testing-base/lib/components/mock.page.component.mjs +5 -2
  14. package/esm2020/testing-base/lib/components/mock.segmented-control.component.mjs +4 -2
  15. package/fesm2015/kirbydesign-designsystem-testing-base.mjs +7 -2
  16. package/fesm2015/kirbydesign-designsystem-testing-base.mjs.map +1 -1
  17. package/fesm2015/kirbydesign-designsystem.mjs +102 -62
  18. package/fesm2015/kirbydesign-designsystem.mjs.map +1 -1
  19. package/fesm2020/kirbydesign-designsystem-testing-base.mjs +7 -2
  20. package/fesm2020/kirbydesign-designsystem-testing-base.mjs.map +1 -1
  21. package/fesm2020/kirbydesign-designsystem.mjs +102 -62
  22. package/fesm2020/kirbydesign-designsystem.mjs.map +1 -1
  23. package/icons/svg/accident.svg +5 -0
  24. package/icons/svg/arrow-back.svg +5 -7
  25. package/icons/svg/arrow-down.svg +5 -7
  26. package/icons/svg/arrow-more.svg +5 -7
  27. package/icons/svg/arrow-up.svg +5 -7
  28. package/icons/svg/health.svg +5 -0
  29. package/icons/svg/illness.svg +5 -0
  30. package/icons/svg/incapacity.svg +5 -0
  31. package/icons/svg/life.svg +5 -0
  32. package/lib/components/chart/configs/annotations.config.d.ts +1 -1
  33. package/lib/components/dropdown/dropdown.component.d.ts +2 -0
  34. package/lib/components/fab-sheet/fab-sheet.component.d.ts +2 -4
  35. package/lib/components/page/page.component.d.ts +4 -1
  36. package/lib/helpers/deep-copy.d.ts +1 -9
  37. package/package.json +2 -3
  38. package/readme.md +5 -37
  39. package/testing-base/lib/components/mock.page.component.d.ts +2 -1
  40. package/testing-base/lib/components/mock.segmented-control.component.d.ts +2 -1
package/icons/svg/accident.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M10.2569371,4.21492732 L10.420706,4.37036493 L12.0165021,5.96656875 L13.5846643,4.39912763 C15.2443925,2.73939939 17.9353437,2.73939939 19.5950719,4.39912763 C21.2012606,6.00531625 21.2530731,8.57727035 19.7505095,10.2457664 L19.5950719,10.4095353 L18.0265021,11.9765688 L19.6130941,13.5627531 C21.2192827,15.1689417 21.2710953,17.7408958 19.7685317,19.4093919 L19.6130941,19.5731607 C18.0069055,21.1793493 15.4349514,21.2311619 13.7664553,19.7285983 L13.6026865,19.5731607 L12.0115021,17.9815688 L10.420706,19.5731607 C8.76097772,21.232889 6.07002656,21.232889 4.41029832,19.5731607 C2.8041097,17.9669721 2.75229717,15.395018 4.25486071,13.7265219 L4.41029832,13.5627531 L6.00050214,11.9715688 L4.41029832,10.3807726 C2.8041097,8.77458395 2.75229717,6.20262985 4.25486071,4.53413378 L4.41029832,4.37036493 C6.01648694,2.76417631 8.58844104,2.71236378 10.2569371,4.21492732 Z M5.47095849,5.4310251 C4.44176427,6.46021933 4.39888117,8.10222873 5.34230922,9.18249089 L5.47095849,9.3201124 L14.6633466,18.5125006 C15.7372885,19.5864424 17.4784921,19.5864424 18.5524339,18.5125006 C19.5816282,17.4833063 19.6245113,15.8412969 18.6810832,14.7610348 L18.5524339,14.6234133 L9.36004579,5.4310251 C8.28610399,4.3570833 6.5449003,4.3570833 5.47095849,5.4310251 Z M7.06150214,13.0315688 L5.47095849,14.6234133 C4.39701669,15.6973551 4.39701669,17.4385588 5.47095849,18.5125006 C6.50015272,19.5416948 8.14216212,19.5845779 9.22242428,18.6411498 L9.36004579,18.5125006 L10.9505021,16.9215688 L7.06150214,13.0315688 Z M12.5420263,12.8736296 C12.8349195,13.1665229 12.8349195,13.6413966 12.5420263,13.9342898 C12.2491331,14.227183 11.7742594,14.227183 11.4813661,13.9342898 C11.1884729,13.6413966 11.1884729,13.1665229 11.4813661,12.8736296 C11.7742594,12.5807364 12.2491331,12.5807364 12.5420263,12.8736296 Z M13.9562399,11.4594161 C14.2491331,11.7523093 14.2491331,12.227183 13.9562399,12.5200763 C13.6633466,12.8129695 13.1884729,12.8129695 12.8955797,12.5200763 C12.6026865,12.227183 12.6026865,11.7523093 12.8955797,11.4594161 C13.1884729,11.1665229 13.6633466,11.1665229 13.9562399,11.4594161 Z M11.1278127,11.4594161 C11.420706,11.7523093 11.420706,12.227183 11.1278127,12.5200763 C10.8349195,12.8129695 10.3600458,12.8129695 10.0671526,12.5200763 C9.77425935,12.227183 9.77425935,11.7523093 10.0671526,11.4594161 C10.3600458,11.1665229 10.8349195,11.1665229 11.1278127,11.4594161 Z M12.5420263,10.0452025 C12.8349195,10.3380957 12.8349195,10.8129695 12.5420263,11.1058627 C12.2491331,11.3987559 11.7742594,11.3987559 11.4813661,11.1058627 C11.1884729,10.8129695 11.1884729,10.3380957 11.4813661,10.0452025 C11.7742594,9.75230931 12.2491331,9.75230931 12.5420263,10.0452025 Z M14.782946,5.33113852 L14.6453245,5.4597878 L13.0775021,7.02656875 L16.9665021,10.9155688 L18.5344118,9.34887509 C19.6083536,8.27493329 19.6083536,6.5337296 18.5344118,5.4597878 C17.5052175,4.43059357 15.8632081,4.38771048 14.782946,5.33113852 Z" id="bandaid" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/arrow-back.svg CHANGED
@@ -1,7 +1,5 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com -->
4
- <g id="arrow-back" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <path d="M15.1896,18.9998 C14.9736,18.9998 14.7596,18.9218 14.6006,18.7678 L8.2116,12.4948 C7.9296,12.2178 7.9296,11.7908 8.2116,11.5138 L14.6116,5.2328 C14.9126,4.9388 15.4186,4.9208 15.7436,5.1918 C16.0666,5.4628 16.0876,5.9208 15.7886,6.2148 L9.8886,12.0038 L15.7786,17.7848 C16.0776,18.0788 16.0566,18.5368 15.7326,18.8088 C15.5786,18.9378 15.3836,18.9998 15.1896,18.9998" id="icon-color" fill="currentColor" fill-rule="nonzero"></path>
6
- </g>
7
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M14.7406,17.9995 C14.5506,17.9995 14.3616,17.9305 14.2146,17.7905 L8.7336,12.5705 C8.5846,12.4285 8.5006,12.2335 8.4996,12.0295 C8.4996,11.8255 8.5826,11.6295 8.7306,11.4875 L14.2116,6.2125 C14.5116,5.9225 14.9926,5.9305 15.2856,6.2285 C15.5766,6.5255 15.5696,7.0025 15.2686,7.2925 L10.3526,12.0245 L15.2656,16.7035 C15.5686,16.9925 15.5786,17.4685 15.2886,17.7695 C15.1386,17.9225 14.9396,17.9995 14.7406,17.9995" id="arrow-back" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/arrow-down.svg CHANGED
@@ -1,7 +1,5 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com -->
4
- <g id="arrow-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <path d="M15.1895231,18.9999293 C14.9735231,18.9999293 14.7595231,18.9219293 14.6005231,18.7679293 L8.21152308,12.4949293 C7.92952308,12.2179293 7.92952308,11.7909293 8.21152308,11.5139293 L14.6115231,5.23292929 C14.9125231,4.93892929 15.4185231,4.92092929 15.7435231,5.19192929 C16.0665231,5.46292929 16.0875231,5.92092929 15.7885231,6.21492929 L9.88852308,12.0039293 L15.7785231,17.7849293 C16.0775231,18.0789293 16.0565231,18.5369293 15.7325231,18.8089293 C15.5785231,18.9379293 15.3835231,18.9999293 15.1895231,18.9999293" id="icon-color" fill="currentColor" fill-rule="nonzero" transform="translate(11.999976, 11.999953) rotate(-90.000000) translate(-11.999976, -11.999953) "></path>
6
- </g>
7
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M17.9995918,9.25904715 C17.9995918,9.44904715 17.9305918,9.63804715 17.7905918,9.78504715 L12.5705918,15.2660471 C12.4285918,15.4150471 12.2335918,15.4990471 12.0295918,15.5000471 C11.8255918,15.5000471 11.6295918,15.4170471 11.4875918,15.2690471 L6.21259183,9.78804715 C5.92259183,9.48804715 5.93059183,9.00704715 6.22859183,8.71404715 C6.52559183,8.42304715 7.00259183,8.43004715 7.29259183,8.73104715 L12.0245918,13.6470471 L16.7035918,8.73404715 C16.9925918,8.43104715 17.4685918,8.42104715 17.7695918,8.71104715 C17.9225918,8.86104715 17.9995918,9.06004715 17.9995918,9.25904715" id="arrow-down" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/arrow-more.svg CHANGED
@@ -1,7 +1,5 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com -->
4
- <g id="arrow-more" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <path d="M15.1895,18.9999524 C14.9735,18.9999524 14.7595,18.9219524 14.6005,18.7679524 L8.2115,12.4949524 C7.9295,12.2179524 7.9295,11.7909524 8.2115,11.5139524 L14.6115,5.23295237 C14.9125,4.93895237 15.4185,4.92095237 15.7435,5.19195237 C16.0665,5.46295237 16.0875,5.92095237 15.7885,6.21495237 L9.8885,12.0039524 L15.7785,17.7849524 C16.0775,18.0789524 16.0565,18.5369524 15.7325,18.8089524 C15.5785,18.9379524 15.3835,18.9999524 15.1895,18.9999524" id="icon-color" fill="currentColor" fill-rule="nonzero" transform="translate(11.999953, 11.999976) rotate(-180.000000) translate(-11.999953, -11.999976) "></path>
6
- </g>
7
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M9.25904715,6 C9.44904715,6 9.63804715,6.069 9.78504715,6.209 L15.2660471,11.429 C15.4150471,11.571 15.4990471,11.766 15.5000471,11.97 C15.5000471,12.174 15.4170471,12.37 15.2690471,12.512 L9.78804715,17.787 C9.48804715,18.077 9.00704715,18.069 8.71404715,17.771 C8.42304715,17.474 8.43004715,16.997 8.73104715,16.707 L13.6470471,11.975 L8.73404715,7.296 C8.43104715,7.007 8.42104715,6.531 8.71104715,6.23 C8.86104715,6.077 9.06004715,6 9.25904715,6" id="arrow-more" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/arrow-up.svg CHANGED
@@ -1,7 +1,5 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com -->
4
- <g id="arrow-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <path d="M15.1895231,18.9999293 C14.9735231,18.9999293 14.7595231,18.9219293 14.6005231,18.7679293 L8.21152308,12.4949293 C7.92952308,12.2179293 7.92952308,11.7909293 8.21152308,11.5139293 L14.6115231,5.23292929 C14.9125231,4.93892929 15.4185231,4.92092929 15.7435231,5.19192929 C16.0665231,5.46292929 16.0875231,5.92092929 15.7885231,6.21492929 L9.88852308,12.0039293 L15.7785231,17.7849293 C16.0775231,18.0789293 16.0565231,18.5369293 15.7325231,18.8089293 C15.5785231,18.9379293 15.3835231,18.9999293 15.1895231,18.9999293" id="icon-color" fill="currentColor" fill-rule="nonzero" transform="translate(11.999976, 11.999953) rotate(-270.000000) translate(-11.999976, -11.999953) "></path>
6
- </g>
7
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M6,14.7407723 C6,14.5507723 6.069,14.3617723 6.209,14.2147723 L11.429,8.73377234 C11.571,8.58477234 11.766,8.50077234 11.97,8.49977234 C12.174,8.49977234 12.37,8.58277234 12.512,8.73077234 L17.787,14.2117723 C18.077,14.5117723 18.069,14.9927723 17.771,15.2857723 C17.474,15.5767723 16.997,15.5697723 16.707,15.2687723 L11.975,10.3527723 L7.296,15.2657723 C7.007,15.5687723 6.531,15.5787723 6.23,15.2887723 C6.077,15.1387723 6,14.9397723 6,14.7407723" id="arrow-up" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/health.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M11.2393322,1.43168471 C11.7229485,1.29337355 12.2356027,1.29303118 12.7194033,1.43069628 L12.7194033,1.43069628 L19.4979642,3.35953053 C20.2388921,3.57036102 20.75,4.24719328 20.75,5.01753332 L20.75,5.01753332 L20.75,11.8538223 C20.75,14.9675543 19.2264068,17.8842502 16.6707351,19.6629771 L16.6707351,19.6629771 L13.5410902,21.8411847 C12.6148221,22.4858599 11.3851542,22.48583 10.4589175,21.8411097 L10.4589175,21.8411097 L7.32888475,19.662406 C4.77343398,17.8836481 3.25,14.967084 3.25,11.8535157 L3.25,11.8535157 L3.25,5.01651263 C3.25,4.24702619 3.7599967,3.57072668 4.49982174,3.35914147 L4.49982174,3.35914147 Z M12.3088759,2.87342536 C12.0940886,2.81230783 11.8664917,2.81245982 11.6517863,2.87386419 L11.6517863,2.87386419 L4.91227581,4.80132094 C4.81621755,4.82879299 4.75,4.91660315 4.75,5.01651263 L4.75,5.01651263 L4.75,11.8535157 C4.75,14.4762107 6.03325517,16.9329604 8.18582328,18.431286 L8.18582328,18.431286 L11.315856,20.6099898 C11.7270663,20.8962185 12.2729874,20.8962318 12.6842116,20.6100231 L12.6842116,20.6100231 L15.8138565,18.4318155 C17.9666107,16.9335159 19.25,14.4766552 19.25,11.8538223 L19.25,11.8538223 L19.25,5.01753332 C19.25,4.91751301 19.1836382,4.82963368 19.0874367,4.80225962 L19.0874367,4.80225962 Z M12,5.76513672 C13.3807119,5.76513672 14.5,6.88442484 14.5,8.26513672 C14.5,8.82791944 14.314041,9.34726911 14.0002169,9.76509165 C15.2781013,10.4471384 16.1662939,11.7641172 16.2443984,13.2950257 L16.25,13.5151367 L16.25,14.5151367 C16.25,14.8948325 15.9678461,15.2086277 15.6017706,15.2582901 L15.5,15.2651367 L8.5,15.2651367 C8.12030423,15.2651367 7.80650904,14.9829828 7.75684662,14.6169073 L7.75,14.5151367 L7.75,13.5151367 C7.75,11.8909835 8.6610471,10.4796168 9.99997951,9.76419831 C9.68595904,9.34726911 9.5,8.82791944 9.5,8.26513672 C9.5,6.88442484 10.6192881,5.76513672 12,5.76513672 Z M12,10.7651367 C10.5374682,10.7651367 9.34159572,11.9068413 9.25501879,13.3476144 L9.25,13.5151367 L9.25,13.765 L14.75,13.765 L14.75,13.5151367 C14.75,12.1111062 13.697805,10.9528289 12.3389256,10.7858154 L12.1675223,10.7701555 L12,10.7651367 Z M12,7.26513672 C11.4477153,7.26513672 11,7.71285197 11,8.26513672 C11,8.81742147 11.4477153,9.26513672 12,9.26513672 C12.5522847,9.26513672 13,8.81742147 13,8.26513672 C13,7.71285197 12.5522847,7.26513672 12,7.26513672 Z" id="health" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/illness.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M15.0175122,2.25 C15.9356856,2.25 16.6887045,2.95711027 16.761711,3.85647279 L16.7675122,4 L16.7666667,5.75 L19.3333333,5.75 C20.7958652,5.75 21.9917376,6.8917046 22.0783145,8.33247767 L22.0833333,8.5 L22.0833333,18.5 C22.0833333,19.9625318 20.9416287,21.1584043 19.5008557,21.2449812 L19.3333333,21.25 L4.66666667,21.25 C3.20413483,21.25 2.00826239,20.1082954 1.92168546,18.6675223 L1.91666667,18.5 L1.91666667,8.5 C1.91666667,7.03746816 3.05837126,5.84159572 4.49914434,5.75501879 L4.66666667,5.75 L7.26666667,5.75 L7.26751219,4 C7.26751219,3.0818266 7.97462246,2.32880766 8.87398498,2.2558012 L9.01751219,2.25 L15.0175122,2.25 Z M19.3333333,7.25 L4.66666667,7.25 C4.01945798,7.25 3.48713277,7.74187466 3.42312028,8.37219476 L3.41666667,8.5 L3.41666667,18.5 C3.41666667,19.1472087 3.90854133,19.6795339 4.53886143,19.7435464 L4.66666667,19.75 L19.3333333,19.75 C19.980542,19.75 20.5128672,19.2581253 20.5768797,18.6278052 L20.5833333,18.5 L20.5833333,8.5 C20.5833333,7.80964406 20.0236893,7.25 19.3333333,7.25 Z M12.5,8.75 C13.4664983,8.75 14.25,9.53350169 14.25,10.5 L14.25,10.5 L14.25,11.25 L15,11.25 C15.9181734,11.25 16.6711923,11.9571103 16.7441988,12.8564728 L16.7441988,12.8564728 L16.75,13 L16.75,14 C16.75,14.9664983 15.9664983,15.75 15,15.75 L15,15.75 L14.25,15.75 L14.25,16.5 C14.25,17.4181734 13.5428897,18.1711923 12.6435272,18.2441988 L12.6435272,18.2441988 L12.5,18.25 L11.5,18.25 C10.5335017,18.25 9.75,17.4664983 9.75,16.5 L9.75,16.5 L9.75,15.75 L9,15.75 C8.0818266,15.75 7.32880766,15.0428897 7.2558012,14.1435272 L7.2558012,14.1435272 L7.25,14 L7.25,13 C7.25,12.0335017 8.03350169,11.25 9,11.25 L9,11.25 L9.75,11.249 L9.75,10.5 C9.75,9.5818266 10.4571103,8.82880766 11.3564728,8.7558012 L11.3564728,8.7558012 L11.5,8.75 Z M12.5,10.25 L11.5,10.25 C11.3619288,10.25 11.25,10.3619288 11.25,10.5 L11.25,10.5 L11.25,12.75 L9,12.75 C8.86192881,12.75 8.75,12.8619288 8.75,13 L8.75,13 L8.75,14 C8.75,14.1380712 8.86192881,14.25 9,14.25 L9,14.25 L11.25,14.25 L11.25,16.5 C11.25,16.6380712 11.3619288,16.75 11.5,16.75 L11.5,16.75 L12.5,16.75 C12.6380712,16.75 12.75,16.6380712 12.75,16.5 L12.75,16.5 L12.75,14.25 L15,14.25 C15.1380712,14.25 15.25,14.1380712 15.25,14 L15.25,14 L15.25,13 C15.25,12.8619288 15.1380712,12.75 15,12.75 L15,12.75 L12.75,12.75 L12.75,10.5 C12.75,10.3619288 12.6380712,10.25 12.5,10.25 L12.5,10.25 Z M15.0175122,3.75 L9.01751219,3.75 C8.89916546,3.75 8.80002537,3.83223341 8.77411487,3.94267729 L8.76751219,4 L8.76666667,5.75 L15.2666667,5.75 L15.2675122,4 C15.2675122,3.88165327 15.1852788,3.78251318 15.0748349,3.75660268 L15.0175122,3.75 Z" id="illness" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/incapacity.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M7.71795951,10.0891288 C7.85527318,10.4799201 7.64978897,10.9080337 7.25899768,11.0453474 C5.17393683,11.7779824 3.75,13.7535906 3.75,16 C3.75,18.8994949 6.10050506,21.25 9,21.25 C11.8994949,21.25 14.25,18.8994949 14.25,16 C14.25,15.5857864 14.5857864,15.25 15,15.25 C15.4142136,15.25 15.75,15.5857864 15.75,16 C15.75,19.7279221 12.7279221,22.75 9,22.75 C5.27207794,22.75 2.25,19.7279221 2.25,16 C2.25,13.1119366 4.08046909,10.5722946 6.76174089,9.63016694 C7.15253218,9.49285327 7.58064584,9.69833748 7.71795951,10.0891288 Z M10,1.25 C11.5187831,1.25 12.75,2.48121694 12.75,4 C12.75,5.21145021 11.9666529,6.23993991 10.8788543,6.60657355 L10.8782051,11.0587965 C10.8782051,11.7060052 11.3700798,12.2383304 12.0003999,12.3023429 L12.1282051,12.3087965 L15.0792343,12.3087965 C16.5186826,12.3087965 17.8244646,13.1318393 18.4498634,14.4151479 L18.5345186,14.6015695 L20.2545636,18.6800313 C20.299275,18.7860481 20.4085512,18.8451324 20.5173574,18.8308327 L20.5911808,18.8091742 L21.5193129,18.3274408 C21.8869188,18.1365514 22.3396687,18.2798085 22.5305581,18.6474144 C22.70554,18.9843865 22.5997461,19.3929032 22.2977485,19.6056827 L22.2105845,19.6586596 L21.2450951,20.159085 L21.1649551,20.1953489 C20.3212853,20.5511571 19.3556899,20.1952091 18.937045,19.3995557 L18.8724499,19.2629221 L17.1524049,15.1844603 C16.8227816,14.4028784 16.0843103,13.877683 15.24776,13.8150867 L15.0792343,13.8087965 L12.1282051,13.8087965 C10.6656733,13.8087965 9.46980085,12.6670919 9.38322392,11.2263188 L9.37820513,11.0587965 L9.37865337,6.67951284 C8.15913864,6.39785762 7.25,5.30509917 7.25,4 C7.25,2.48121694 8.48121694,1.25 10,1.25 Z M9,15 C9.55228475,15 10,15.4477153 10,16 C10,16.5522847 9.55228475,17 9,17 C8.44771525,17 8,16.5522847 8,16 C8,15.4477153 8.44771525,15 9,15 Z M10,2.75 C9.30964406,2.75 8.75,3.30964406 8.75,4 C8.75,4.69035594 9.30964406,5.25 10,5.25 C10.6903559,5.25 11.25,4.69035594 11.25,4 C11.25,3.30964406 10.6903559,2.75 10,2.75 Z" id="incapacity" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/icons/svg/life.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3
+ <path d="M13,2.49194336 C15.7614237,2.49194336 18,4.73051961 18,7.49194336 L18,19.7499434 L20,19.75 C20.4142136,19.75 20.75,20.0857864 20.75,20.5 C20.75,20.8796958 20.4678461,21.193491 20.1017706,21.2431534 L20,21.25 L4,21.25 C3.58578644,21.25 3.25,20.9142136 3.25,20.5 C3.25,20.1203042 3.53215388,19.806509 3.89822944,19.7568466 L4,19.75 L6,19.7499434 L6,7.49194336 C6,4.73051961 8.23857625,2.49194336 11,2.49194336 L13,2.49194336 Z M13,3.99194336 L11,3.99194336 C9.1314366,3.99194336 7.60487355,5.45622096 7.50517886,7.29990816 L7.5,7.49194336 L7.5,19.746 L16.5,19.746 L16.5,7.49194336 C16.5,5.62337996 15.0357224,4.09681691 13.1920352,3.99712222 L13,3.99194336 Z M14.5329427,9.50213623 C14.9471563,9.50213623 15.2829427,9.83792267 15.2829427,10.2521362 C15.2829427,10.631832 15.0007888,10.9456272 14.6347133,10.9952896 L14.5329427,11.0021362 L9.53294271,11.0021362 C9.11872915,11.0021362 8.78294271,10.6663498 8.78294271,10.2521362 C8.78294271,9.87244046 9.06509659,9.55864527 9.43117215,9.50898285 L9.53294271,9.50213623 L14.5329427,9.50213623 Z M14.5329427,6.75 C14.9471563,6.75 15.2829427,7.08578644 15.2829427,7.5 C15.2829427,7.87969577 15.0007888,8.19349096 14.6347133,8.24315338 L14.5329427,8.25 L9.53294271,8.25 C9.11872915,8.25 8.78294271,7.91421356 8.78294271,7.5 C8.78294271,7.12030423 9.06509659,6.80650904 9.43117215,6.75684662 L9.53294271,6.75 L14.5329427,6.75 Z" id="life" fill="currentColor" fill-rule="nonzero"></path>
4
+ </g>
5
+ </svg>
package/lib/components/chart/configs/annotations.config.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { AnnotationTypeRegistry } from 'chartjs-plugin-annotation';
2
- export declare const CHART_ANNOTATIONS_CONFIG: AnnotationTypeRegistry;
2
+ export declare const CHART_ANNOTATIONS_CONFIG: Omit<AnnotationTypeRegistry, 'label' | 'polygon'>;
package/lib/components/dropdown/dropdown.component.d.ts CHANGED
@@ -111,6 +111,8 @@ export declare class DropdownComponent implements AfterContentChecked, AfterView
111
111
  _onMouseDown(event: MouseEvent): void;
112
112
  _onFocus(): void;
113
113
  _onPopoverWillHide(): void;
114
+ _onEnterOrEscape(): void;
115
+ _onPopoverClick(event: PointerEvent): void;
114
116
  _onBlur(event?: FocusEvent): void;
115
117
  _onSpace(event: KeyboardEvent): void;
116
118
  _onEnter(event: KeyboardEvent): void;
package/lib/components/fab-sheet/fab-sheet.component.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { AfterContentInit, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
1
+ import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
2
2
  import { IonFab } from '@ionic/angular';
3
3
  import { ActionSheetComponent } from '../modal/action-sheet/action-sheet.component';
4
4
  import * as i0 from "@angular/core";
5
- export declare class FabSheetComponent implements AfterContentInit, AfterViewInit {
5
+ export declare class FabSheetComponent implements AfterContentInit {
6
6
  private renderer;
7
7
  private document;
8
8
  disabled: boolean;
@@ -14,8 +14,6 @@ export declare class FabSheetComponent implements AfterContentInit, AfterViewIni
14
14
  actionSheet: ActionSheetComponent;
15
15
  ionFabButton: ElementRef<HTMLElement>;
16
16
  constructor(renderer: Renderer2, document: any);
17
- ngAfterViewInit(): void;
18
- private setCloseIcon;
19
17
  ngAfterContentInit(): void;
20
18
  hideActions(fab: IonFab): void;
21
19
  onFabClick(fab: IonFab): void;
package/lib/components/page/page.component.d.ts CHANGED
@@ -93,10 +93,12 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
93
93
  enter: EventEmitter<void>;
94
94
  leave: EventEmitter<void>;
95
95
  refresh: EventEmitter<PullToRefreshEvent>;
96
+ backButtonClick: EventEmitter<Event>;
96
97
  private content;
97
98
  private ionContentElement;
98
99
  ionHeaderElement: ElementRef<HTMLIonHeaderElement>;
99
100
  private ionFooterElement;
101
+ private backButtonDelegate;
100
102
  private pageTitle;
101
103
  private simpleTitleTemplate;
102
104
  private simpleToolbarTitleTemplate;
@@ -133,6 +135,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
133
135
  delegateRefreshEvent(event: any): void;
134
136
  private onEnter;
135
137
  private onLeave;
138
+ private interceptBackButtonClicksSetup;
136
139
  private initializeTitle;
137
140
  private initializeActions;
138
141
  private initializeContent;
@@ -143,6 +146,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
143
146
  }): void;
144
147
  _onKeyboardWillHide(): void;
145
148
  static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
146
- static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "customActions", "customContent"], ["kirby-page-footer", "kirby-page-actions", "kirby-page-content"]>;
149
+ static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "customActions", "customContent"], ["kirby-page-footer", "kirby-page-actions", "kirby-page-content"]>;
147
150
  }
148
151
  export {};
package/lib/helpers/deep-copy.d.ts CHANGED
@@ -1,9 +1 @@
1
- /**
2
- * Do a deep copy of object that supports the composite data type Function
3
- *
4
- * @see https://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-deep-clone-an-object-in-javascript#answer-122704
5
- *
6
- * @param obj
7
- * @returns obj
8
- */
9
- export declare function deepCopy<T>(obj: T): T;
1
+ export declare function deepCopy<Tp>(tgt: Tp): Tp;
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@kirbydesign/designsystem",
3
- "version": "6.0.0-rc.7",
3
+ "version": "6.0.1-annotations-fix",
4
4
  "dependencies": {
5
5
  "@fontsource/roboto": "4.2.1",
6
6
  "@ionic/angular": "5.5.2",
7
- "@kirbydesign/core": "0.0.27-rc.1",
7
+ "@kirbydesign/core": "0.0.27",
8
8
  "chart.js": "3.3.2",
9
9
  "chartjs-adapter-date-fns": "^2.0.0",
10
10
  "chartjs-plugin-annotation": "^1.0.2",
@@ -14,7 +14,6 @@
14
14
  "highcharts": "8.0.4",
15
15
  "include-media": "^1.4.10",
16
16
  "inputmask": "5.0.5",
17
- "ts-deepcopy": "^0.1.4",
18
17
  "tslib": "^2.3.0"
19
18
  },
20
19
  "peerDependencies": {
package/readme.md CHANGED
@@ -28,11 +28,9 @@ The Kirby Cookbook, containing samples, status of components etc. can be accesse
28
28
  - [Migration Guides](#migration-guides)
29
29
  - [Folder Structure](#folder-structure)
30
30
  - [Scripts](#scripts)
31
- - [Developing new features in Kirby](#developing-new-features-in-kirby)
32
- - ["New feature"-process](#new-feature-process)
33
- - [Testing new features](#testing-new-features)
34
31
  - [Polyfills](#polyfills)
35
32
  - [Chart Components](#chart-components)
33
+ - [Contributing](#contributing)
36
34
 
37
35
  ## Installation
38
36
 
@@ -184,40 +182,6 @@ Use them in your terminal like: `npm run <script>` :
184
182
  | dist:designsystem | Builds a distribution folder of the Designsystem library |
185
183
  | transpile:tools | Transpiles tools, required to produce library distribution (this is done as a `post-install` hook, but may have value if altering tool implementation) |
186
184
 
187
- ## Developing new features in Kirby
188
-
189
- When developing new features in the Kirby Designsystem library, please follow the process described below:
190
-
191
- ### "New feature"-process
192
-
193
- TBD
194
-
195
- ### Testing new features
196
-
197
- Developing new features should also include that they should be tested.
198
-
199
- 1. Make sure that the code is unit tested.
200
- 2. Make sure that examples and showcases are added for the new features (in the cookbook)
201
-
202
- ... this will also act as documentation for users of the Designsystem library.
203
-
204
- 3. Test the new features in your own application
205
-
206
- The easiest way to do this is to build a distribution package, and install it in your own project.
207
-
208
- ```
209
- # 1. From the root of this repository, run (this may take a minute or two):
210
- npm run publish
211
-
212
- # Then, from the root of your application, execute:
213
- npm i <path-to-root-of-designsystem>/dist/kirbydesign-designsystem-<version>.tgz
214
-
215
- # ... where <path-to-root-of-designsystem> is replaced with the real path
216
- # and <version> is the version of designsystem that was build (in the previous step)
217
-
218
- # You do NOT want to commit the changes made to package.json and package-lock.json to your code base!
219
- ```
220
-
221
185
  ## Polyfills
222
186
 
223
187
  Some features of Kirby requires polyfills to ensure compability across all major browsers _(e.g. the `ResizeObserverService` used by the automagic sizing feature of the `Kirby Card` component)_.
@@ -260,6 +224,10 @@ _**Please note:** If you don't want the additional http request for the polyfill
260
224
 
261
225
  The Kirby chart components use Highcharts. Note that this is a licensed product.
262
226
 
227
+ ## Contributing
228
+
229
+ If you wish to contribute new features, bug fixes or something third to the project have a look at the [contribution guidelines](./github/CONTRIBUTING.md).
230
+
263
231
  [angular]: https://angular.io
264
232
  [jasmine]: https://jasmine.github.io/
265
233
  [jest]: https://jestjs.io/
package/testing-base/lib/components/mock.page.component.d.ts CHANGED
@@ -57,7 +57,8 @@ export declare class MockPageComponent {
57
57
  enter: EventEmitter<void>;
58
58
  leave: EventEmitter<void>;
59
59
  refresh: EventEmitter<PullToRefreshEvent>;
60
+ backButtonClick: EventEmitter<Event>;
60
61
  static ɵfac: i0.ɵɵFactoryDeclaration<MockPageComponent, never>;
61
- static ɵcmp: i0.ɵɵComponentDeclaration<MockPageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; }, never, ["*"]>;
62
+ static ɵcmp: i0.ɵɵComponentDeclaration<MockPageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, never, ["*"]>;
62
63
  }
63
64
  export {};
package/testing-base/lib/components/mock.segmented-control.component.d.ts CHANGED
@@ -7,7 +7,8 @@ export declare class MockSegmentedControlComponent {
7
7
  selectedIndex: number;
8
8
  value: SegmentItem;
9
9
  size: 'sm' | 'md';
10
+ disableChangeOnSwipe: boolean;
10
11
  segmentSelect: EventEmitter<any>;
11
12
  static ɵfac: i0.ɵɵFactoryDeclaration<MockSegmentedControlComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<MockSegmentedControlComponent, "kirby-segmented-control", never, { "mode": "mode"; "items": "items"; "selectedIndex": "selectedIndex"; "value": "value"; "size": "size"; }, { "segmentSelect": "segmentSelect"; }, never, ["*"]>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<MockSegmentedControlComponent, "kirby-segmented-control", never, { "mode": "mode"; "items": "items"; "selectedIndex": "selectedIndex"; "value": "value"; "size": "size"; "disableChangeOnSwipe": "disableChangeOnSwipe"; }, { "segmentSelect": "segmentSelect"; }, never, ["*"]>;
13
14
  }