@kirbydesign/designsystem 7.2.1 → 7.3.0

package/icons/svg/user-blocked.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+<path d="M16.193,19.529 C15.672,19.529 15.187,19.401 14.75,19.192 L18.808,14.461 C19.221,14.992 19.476,15.643 19.476,16.357 C19.476,18.106 18.004,19.529 16.193,19.529 L16.193,19.529 Z M4.994,17.95 C4.734,17.95 4.523,17.746 4.523,17.495 C4.523,14.088 7.394,11.315 10.924,11.315 C12.071,11.315 13.182,11.617 14.157,12.169 C12.525,12.911 11.385,14.503 11.385,16.357 C11.385,16.92 11.505,17.451 11.694,17.95 L4.994,17.95 Z M10.887,4.47 C12.422,4.47 13.67,5.675 13.67,7.157 C13.67,8.638 12.422,9.844 10.887,9.844 C9.353,9.844 8.104,8.638 8.104,7.157 C8.104,5.675 9.353,4.47 10.887,4.47 L10.887,4.47 Z M13.577,18.255 C13.163,17.724 12.908,17.071 12.908,16.357 C12.908,14.609 14.381,13.187 16.193,13.187 C16.713,13.187 17.198,13.315 17.635,13.524 L13.577,18.255 Z M16.193,11.717 C16.169,11.717 16.145,11.723 16.121,11.723 C15.387,11.108 14.551,10.633 13.655,10.315 C14.588,9.552 15.193,8.427 15.193,7.157 C15.193,4.864 13.261,3 10.887,3 C8.513,3 6.581,4.864 6.581,7.157 C6.581,8.44 7.199,9.574 8.148,10.338 C5.145,11.427 3,14.22 3,17.495 C3,18.557 3.894,19.421 4.994,19.421 L12.608,19.421 C13.49,20.382 14.762,21 16.193,21 C18.843,21 21,18.917 21,16.357 C21,13.798 18.843,11.717 16.193,11.717 L16.193,11.717 Z" id="user-blocked" fill="currentColor" fill-rule="nonzero"></path>
+</g>
+</svg>

package/lib/components/fab-sheet/fab-sheet.component.d.ts

@@ -10,12 +10,10 @@ export declare class FabSheetComponent implements AfterContentInit {
     horizontalAlignment: 'left' | 'center' | 'right';
     private _isFabSheetOpen;
     get isFabSheetOpen(): boolean;
-    private _isBackdropVisible;
-    get isBackdropVisible(): boolean;
     actionSheet: ActionSheetComponent;
     ionFabButton: ElementRef<HTMLElement>;
     ionFab: IonFab;
-    constructor(changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, document: any);
+    constructor(changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, document: Document);
     ngAfterContentInit(): void;
     hideActions(): void;
     onFabButtonClick(): void;

package/lib/components/modal/services/modal.helper.d.ts

@@ -14,6 +14,7 @@ export declare class ModalHelper {
     private alertHelper;
     private static presentingElement;
     constructor(ionicModalController: ModalController, modalAnimationBuilder: ModalAnimationBuilderService, windowRef: WindowRef, alertHelper: AlertHelper);
+    private isModalOpening;
     showModalWindow(config: ModalConfig, alertConfig?: AlertConfig): Promise<Overlay>;
     registerPresentingElement(element: HTMLElement): void;
     showAlert(config: AlertConfig): Promise<boolean>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "7.2.1",
+  "version": "7.3.0",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "6.2.1",
-    "@kirbydesign/core": "0.0.36",
+    "@kirbydesign/core": "0.0.37",
     "chart.js": "3.9.1",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",

package/polyfills/intersection-observer-polyfill-loader.js

@@ -1,14 +1 @@
-(function () {
-  // A technique for loading polyfills only when needed. Details here:
-  // https://philipwalton.com/articles/loading-polyfills-only-when-needed/
-  if (polyfillNeeded()) {
-    // Browsers that doesn't support IntersectionObserver must load the polyfills first:
-    var script = document.createElement('script');
-    script.src = 'kirby/polyfills/intersection-observer-polyfill.min.js';
-    document.head.appendChild(script);
-  }
-
-  function polyfillNeeded() {
-    return typeof IntersectionObserver === 'undefined';
-  }
-})();
+!function(){if("undefined"==typeof IntersectionObserver){var e=document.createElement("script");e.src="kirby/polyfills/intersection-observer-polyfill.min.js",document.head.appendChild(e)}}();

package/polyfills/resize-observer-polyfill-loader.js

@@ -1,14 +1 @@
-(function () {
-  // A technique for loading polyfills only when needed. Details here:
-  // https://philipwalton.com/articles/loading-polyfills-only-when-needed/
-  if (polyfillNeeded()) {
-    // Browsers that doesn't support ResizeObserver must load the polyfill first:
-    var script = document.createElement('script');
-    script.src = 'kirby/polyfills/resize-observer-polyfill.min.js';
-    document.head.appendChild(script);
-  }
-
-  function polyfillNeeded() {
-    return typeof ResizeObserver === 'undefined';
-  }
-})();
+!function(){if("undefined"==typeof ResizeObserver){var e=document.createElement("script");e.src="kirby/polyfills/resize-observer-polyfill.min.js",document.head.appendChild(e)}}();

package/src/lib/components/icon/README.md

@@ -1,16 +0,0 @@
-# Add new icons
-
-To add new icons, you should use the [icomoon app](https://icomoon.io).
-
-## Generate font from svg's
-
-1. Upload selection.json to get existing icons and settings
-2. Upload new icons
-3. Download Font
-
-## Update kirby icons
-
-1. Replace src/kirby/icon/selection.json, with newly generated selection.json
-2. Replace src/fonts/kirby.ttf, with newly generated kirby.ttf
-3. Update kirby-custom-icon-settings.ts with new icons (old icons should not have changed)
-4. Add new icon svg's to src/assets/icons/kirby