@umbraco-cms/backoffice 14.0.0--preview004-d3a523b7 → 14.0.0--preview004-6d426013

package/dist-cms/packages/core/modal/common/icon-picker/icon-picker-modal.element.js

@@ -80,7 +80,6 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
 								<uui-color-swatch label="${color}" title="${color}" value="${color}"></uui-color-swatch>
 							`)}
 					</uui-color-swatches>
-
 					<hr />
 					<uui-scroll-container id="icon-selection">${this.renderIconSelection()}</uui-scroll-container>
 				</div>
@@ -112,7 +111,8 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
 					label="${icon}"
 					id="${icon}"
 					@click="${this._changeIcon}"
-					@keyup="${this._changeIcon}"></uui-icon>
+					@keyup="${this._changeIcon}">
+				</uui-icon>
 			`;
         })}`;
     }
@@ -150,7 +150,8 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
 			#icon-selection {
 				line-height: 0;
 				display: grid;
-				grid-template-columns: repeat(auto-fit, minmax(40px, calc(100% / 8)));
+				grid-template-columns: repeat(auto-fit, minmax(40px, calc((100% / 12) - 10px)));
+				gap: 10px;
 				overflow-y: scroll;
 				max-height: 100%;
 				min-height: 0;
@@ -164,6 +165,7 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
 				height: 100%;
 				padding: var(--uui-size-space-3);
 				box-sizing: border-box;
+				cursor: pointer;
 			}
 
 			#icon-selection .icon-container {
@@ -181,7 +183,7 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
 			}
 
 			uui-color-swatches {
-				margin: -0.75rem;
+				margin: 0;
 			}
 		`,
     ]; }

package/dist-cms/packages/core/modal/token/icon-picker-modal.token.js

@@ -1,5 +1,5 @@
 import { UmbModalToken } from '../index.js';
 export const UMB_ICON_PICKER_MODAL = new UmbModalToken('Umb.Modal.IconPicker', {
     type: 'sidebar',
-    size: 'small',
+    size: 'medium',
 });

package/dist-cms/shared/resources/apiTypeValidators.function.d.ts

@@ -0,0 +1,4 @@
+import type { ApiError, CancelError, CancelablePromise } from '../../external/backend-api/index.js';
+export declare function isApiError(error: unknown): error is ApiError;
+export declare function isCancelError(error: unknown): error is CancelError;
+export declare function isCancelablePromise<T>(promise: unknown): promise is CancelablePromise<T>;

package/dist-cms/shared/resources/apiTypeValidators.function.js

@@ -0,0 +1,9 @@
+export function isApiError(error) {
+    return error.name === 'ApiError';
+}
+export function isCancelError(error) {
+    return error.name === 'CancelError';
+}
+export function isCancelablePromise(promise) {
+    return promise.cancel !== undefined;
+}

package/dist-cms/shared/resources/resource.controller.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { isApiError, isCancelError, isCancelablePromise } from './apiTypeValidators.function.js';
 import { UMB_NOTIFICATION_CONTEXT_TOKEN, } from '../../packages/core/notification/index.js';
-import { ApiError, CancelError, CancelablePromise } from '../../external/backend-api/index.js';
 import { UmbBaseController } from '../../libs/controller-api/index.js';
 import { UmbContextConsumerController } from '../../libs/context-api/index.js';
 export class UmbResourceController extends UmbBaseController {
@@ -27,7 +27,7 @@ export class UmbResourceController extends UmbBaseController {
             return { data: await promise };
         }
         catch (error) {
-            if (error instanceof ApiError || error instanceof CancelError) {
+            if (isApiError(error) || isCancelError(error)) {
                 return { error };
             }
             console.error('Unknown error', error);
@@ -46,7 +46,7 @@ export class UmbResourceController extends UmbBaseController {
              * If the error is not a recognizable system error (i.e. a HttpError), then we will show a notification
              * with the error details using the default notification options.
              */
-            if (error instanceof CancelError) {
+            if (isCancelError(error)) {
                 // Cancelled - do nothing
                 return {};
             }
@@ -108,7 +108,7 @@ export class UmbResourceController extends UmbBaseController {
      * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController
      */
     cancel() {
-        if (this.#promise instanceof CancelablePromise) {
+        if (isCancelablePromise(this.#promise)) {
             this.#promise.cancel();
         }
     }