Merge remote-tracking branch 'origin/master' into issue/6039-Submenu-…

…items-are-trimmed-Safary-only

packages/survey-creator-angular/src/adorners/image-item-value.component.html

@@ -14,13 +14,13 @@
         <span *ngIf="adorner.isDraggable && adorner.canRenderControls"
           class="svc-context-button svc-image-item-value-controls__drag-area-indicator"
           (pointerdown)="adorner.onPointerDown($event)" [attr.title]="undefined" [attr.aria-label]="undefined">
-          <svg [iconName]="'icon-drag-area-indicator'" [size]="24" sv-ng-svg-icon></svg>
+          <svg [iconName]="'icon-drag-24x24'" [size]="24" sv-ng-svg-icon></svg>
         </span>
         <div *ngIf="adorner.canRenderControls" class="svc-context-container svc-image-item-value-controls">
           <ng-container *ngIf="adorner.allowRemove && !adorner.isUploading">
             <span class="svc-context-button" (click)="adorner.chooseFile(adorner)" [key2click] [attr.title]="undefined"
               [attr.aria-label]="undefined">
-              <svg role="button" [iconName]="'icon-file'" [size]="24" [title]="adorner.selectFileTitle" sv-ng-svg-icon></svg>
+              <svg role="button" [iconName]="'icon-choosefile'" [size]="24" [title]="adorner.selectFileTitle" sv-ng-svg-icon></svg>
             </span>
             <span class="svc-context-button svc-context-button--danger" (click)="adorner.remove(adorner)" [key2click]
               [attr.title]="undefined" [attr.aria-label]="undefined">

packages/survey-creator-angular/src/adorners/item-value.component.html

@@ -6,7 +6,7 @@
     <div class="svc-item-value__ghost"></div>
     <div class="svc-item-value-controls">
       <span *ngIf="adorner.isDraggable" class="svc-item-value-controls__button svc-item-value-controls__drag">
-        <svg class="svc-item-value-controls__drag-icon" [iconName]="'icon-drag-area-indicator'" [size]="24"
+        <svg class="svc-item-value-controls__drag-icon" [iconName]="'icon-drag-24x24'" [size]="24"
           [attr.title]="adorner.dragTooltip" sv-ng-svg-icon></svg>
       </span>
       <span *ngIf="adorner.allowAdd" class="svc-item-value-controls__button svc-item-value-controls__add" [key2click]

packages/survey-creator-angular/src/adorners/question-image.component.html

@@ -4,7 +4,7 @@
       <input type="file" aria-hidden="true" tabindex="-1" [accept]="adorner.acceptedTypes"
         class="svc-choose-file-input" />
       <span class="svc-context-button" [key2click] [attr.title]="undefined" [attr.aria-label]="undefined">
-        <svg [iconName]="'icon-file'" [size]="24" (click)="adorner.chooseFile(adorner)" sv-ng-svg-icon></svg>
+        <svg [iconName]="'icon-choosefile'" [size]="24" (click)="adorner.chooseFile(adorner)" sv-ng-svg-icon></svg>
       </span>
     </ng-container>
   </div>

packages/survey-creator-angular/src/header/logo-image.component.html

@@ -5,7 +5,7 @@
       <ng-container *ngIf="model.allowEdit && !model.isUploading">
         <div class="svc-logo-image-placeholder" (click)="model.chooseFile(model)" [key2click]>
           <svg>
-            <use xlink:href="#icon-logo"></use>
+            <use xlink:href="#icon-image-48x48"></use>
           </svg>
         </div>
       </ng-container>
@@ -15,7 +15,7 @@
         <div class="svc-context-container svc-logo-image-controls">
           <span class="svc-context-button" (click)="model.chooseFile(model)" [key2click] [attr.title]="undefined"
             [attr.aria-label]="undefined">
-            <svg [iconName]="'icon-file'" [size]="24" sv-ng-svg-icon></svg>
+            <svg [iconName]="'icon-choosefile'" [size]="24" sv-ng-svg-icon></svg>
           </span>
           <span class="svc-context-button svc-context-button--danger" (click)="model.remove(model)" [key2click]
             [attr.title]="undefined" [attr.aria-label]="undefined">

packages/survey-creator-core/src/components/action-container-view-model.ts

@@ -354,8 +354,8 @@ export class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> e
     this.updateActionsProperties();
   }
   protected getExpandCollapseAction(): IAction {
-    const collapseIcon = "icon-collapse-detail-light_16x16";
-    const expandIcon = "icon-restore_16x16";
+    const collapseIcon = "icon-collapsepanel-16x16";
+    const expandIcon = "icon-expandpanel-16x16";
     return {
       id: "collapse",
       css: "sv-action-bar-item--secondary sv-action-bar-item--collapse",

packages/survey-creator-core/src/components/header/logo-image.scss

@@ -59,8 +59,8 @@
   }
 
   svg {
-    width: calcSize(4);
-    height: calcSize(4);
+    width: calcSize(6);
+    height: calcSize(6);
   }
 }
 

packages/survey-creator-core/src/components/tabs/json-editor-textarea.scss

@@ -129,6 +129,7 @@ svc-tab-json-editor-textarea {
     fill: $foreground-dim-light;
     width: calcSize(3);
     height: calcSize(3);
+    opacity: 0.75;
   }
 }
 

packages/survey-creator-core/src/components/tabs/logic.scss

@@ -19,11 +19,9 @@
 .sl-table .sl-table__detail-button.sl-table__detail-button {
   width: calcSize(6);
   height: calcSize(6);
-
   box-sizing: border-box;
   border-radius: var(--ctr-collapse-button-corner-radius, calcSize(12.5));
-
-  padding: 0;
+  padding: calcSize(1.5);
   transition: background-color $creator-transition-duration;
 
   &:hover:enabled,

packages/survey-creator-core/src/creator-base.ts

@@ -5,7 +5,8 @@ import {
   EventBase, hasLicense, slk, settings as SurveySettings, Event, Helpers as SurveyHelpers, MatrixDropdownColumn, JsonObject,
   dxSurveyService, ISurveyElement, PanelModelBase, surveyLocalization, QuestionMatrixDropdownModelBase, ITheme, Helpers,
   chooseFiles, createDropdownActionModel,
-  CssClassBuilder
+  CssClassBuilder,
+  SvgRegistry
 } from "survey-core";
 import { ICreatorPlugin, ISurveyCreatorOptions, settings, ICollectionItemAllowOperations } from "./creator-settings";
 import { editorLocalization } from "./editorLocalization";
@@ -57,6 +58,7 @@ import designTabSurveyThemeJSON from "./designTabSurveyThemeJSON";
 import { ICreatorTheme } from "./creator-theme/creator-themes";
 import { SurveyElementAdornerBase } from "./components/action-container-view-model";
 import { TabbedMenuContainer, TabbedMenuItem } from "./tabbed-menu";
+import { svgBundle } from "./svgbundle";
 
 require("./components/creator.scss");
 require("./components/string-editor.scss");
@@ -1244,6 +1246,7 @@ export class SurveyCreatorModel extends Base
     this.tabbedMenu.locOwner = this;
     this.selectionHistoryControllerValue = new SelectionHistory(this);
     this.sidebar = new SidebarModel(this);
+    this.registerIcons();
     this.setOptions(this.options);
     this.patchMetadata();
     this.initSurveyWithJSON(undefined, false);
@@ -1561,6 +1564,20 @@ export class SurveyCreatorModel extends Base
   public getOptions(): ICreatorOptions {
     return this.options || {};
   }
+  protected registerIcons() {
+    let path;
+    if (settings.useLegacyIcons) {
+      SurveySettings.useLegacyIcons = true;
+      path = svgBundle.V1;
+    } else {
+      SurveySettings.useLegacyIcons = false;
+      path = svgBundle.V2;
+    }
+
+    if (!path) return;
+
+    SvgRegistry.registerIconsFromFolder(path);
+  }
   protected setOptions(options: ICreatorOptions): void {
     if (!options) options = {};
     const obsoleteOptions = {};

packages/survey-creator-core/src/creator-settings.ts

@@ -178,7 +178,8 @@ export var settings = {
   jsonEditor: {
     indentation: 2,
     exportFileName: "survey.json"
-  }
+  },
+  useLegacyIcons: true
 };
 export interface ICollectionItemAllowOperations {
   allowDelete: boolean;