@syncfusion/ej2-angular-inplace-editor 21.2.3 → 22.1.34

package/license

@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-inplace-editor@*",
-  "_id": "@syncfusion/ej2-angular-inplace-editor@21.1.37",
+  "_id": "@syncfusion/ej2-angular-inplace-editor@20.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-HfUdWio/M0JyywFFgSH8b2bY4N1CD5LuATNKR9Iv4KQW9JRscwM9HTzJ+L5QyT7yLx6y1Le5VpqmXydzDIcKYQ==",
+  "_integrity": "sha512-q58UOfSKte51t3TgNV85odC94E/XvSpUJSQ9MdxoR6D4z9F/TXO3RZ5XlAJmaISEaCfUG9tceTolStls5aHkXg==",
   "_location": "/@syncfusion/ej2-angular-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-inplace-editor/-/ej2-angular-inplace-editor-21.1.37.tgz",
-  "_shasum": "727f06b4a7b5105561dcb6dde63b98c04489e766",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-inplace-editor/-/ej2-angular-inplace-editor-20.1.55.tgz",
+  "_shasum": "751965162f88762d01cf71ccf2c764a048c5408b",
   "_spec": "@syncfusion/ej2-angular-inplace-editor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~21.2.3",
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-inplace-editor": "21.2.3",
+    "@syncfusion/ej2-angular-base": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-inplace-editor": "22.1.34",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -57,6 +57,11 @@
   "fesm2020": "fesm2020/syncfusion-ej2-angular-inplace-editor.mjs",
   "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
+    "ej2",
+    "Syncfusion",
+    "web-components",
+    "inplace-editor",
+    "editor",
     "angular",
     "ng",
     "angular-inplace-editor",
@@ -73,5 +78,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-inplace-editor.d.ts",
-  "version": "21.2.3"
+  "version": "22.1.34"
 }

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-inplace-editor';
-export const pkgVer = '^21.2.3';
+export const pkgVer = '^20.1.55';
 export const moduleName = 'InPlaceEditorModule';
-export const themeVer = '~21.2.3';
+export const themeVer = '~20.1.55';

package/styles/bootstrap.css

@@ -197,8 +197,8 @@
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
-  padding-bottom: 0;
-  padding-top: 0;
+  padding-bottom: 1px;
+  padding-top: 1px;
 }
 .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
 .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,

package/styles/bootstrap4.css

@@ -284,8 +284,8 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
   border: 1px solid transparent;
-  padding-bottom: 1px;
-  padding-top: 1px;
+  padding-bottom: 0;
+  padding-top: 0;
 }
 .e-richtexteditor .e-rte-content {
   border-bottom-left-radius: 4px;

package/styles/inplace-editor/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/inplace-editor/_material3-definition.scss

@@ -0,0 +1,70 @@
+//Layout Variable Start
+$editor-big-value-text-font-size: $text-base !default;
+$editor-nrml-value-text-font-size: $text-sm !default;
+$editor-big-value-container-padding: 8px 36px 8px 16px !default;
+$editor-nrml-value-container-padding: 6px 30px 6px 12px !default;
+$editor-big-value-container-spin-padding: 8px !default;
+$editor-nrml-value-container-spin-padding: 8px !default;
+$editor-big-value-margin: 0 !default;
+$editor-nrml-value-margin: 0 8px 0 0 !default;
+$editor-rtl-big-value-margin: 0 0 0 28px !default;
+$editor-rtl-nrml-value-margin: 0 0 0 32px !default;
+$editor-big-overlay-icon-size: $text-base !default;
+$editor-nrml-overlay-icon-size: $text-sm !default;
+$editor-big-overlay-icon-container-size: 20px !default;
+$editor-nrml-overlay-icon-container-size: 20px !default;
+$editor-big-overlay-icon-left-right: 8px !default;
+$editor-nrml-overlay-icon-left-right: 0 !default;
+$editor-tip-content-bdr-radius: 4px !default;
+$editor-popup-tip-content-bdr-radius: 20px !default;
+$editor-popup-tip-wrapper-bdr-radius: 0 !default;
+$editor-tip-title-font-weight: $font-weight-normal !default;
+$editor-big-tip-title-font-size: $text-2xl !default;
+$editor-nrml-tip-title-font-size: $text-base !default;
+$editor-big-tip-title-padding: 24px !default;
+$editor-nrml-tip-title-padding: 20px 20px 12px 20px !default;
+$editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
+$editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
+$editor-big-tip-title-container-size: 46px !default;
+$editor-nrml-tip-title-container-size: 24px !default;
+$editor-big-tip-wrapper-padding: 24px !default;
+$editor-nrml-tip-wrapper-padding: 20px !default;
+$editor-big-wrapper-title-with-padding: 24px !default;
+$editor-nrml-wrapper-title-with-padding: 20px !default;
+$editor-component-bottom-margin: 4px !default;
+$editor-buttons-top-margin: 4px !default;
+$editor-btn-save-icon-size: 16px !default;
+$editor-btn-cancel-icon-size: 16px !default;
+$editor-big-btn-save-margin: 0 4px 0 0 !default;
+$editor-nrml-btn-save-margin: 0 6px 0 0 !default;
+$editor-big-btn-cancel-margin: 0 0 0 4px !default;
+$editor-nrml-btn-cancel-margin: 0 0 0 6px !default;
+$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
+$editor-rtl-nrml-btn-save-margin: 0 0 0 6px !default;
+$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
+$editor-rtl-nrml-btn-cancel-margin: 0 6px 0 0 !default;
+
+//Layout Variable End
+
+//Theme Variable Start
+$editor-value-hover-bg: $content-bg-color-alt2 !default;
+$editor-value-text-color: rgba($content-text-color) !default;
+$editor-overlay-icon-color: rgba($icon-color) !default;
+$editor-value-text-border: 1px solid rgba($content-text-color) !default;
+$editor-background-color: $transparent !default;
+$wrapper-background-color: $flyout-bg-color !default;
+$editor-tip-border: 0 !default;
+$editor-tip-bg: $flyout-bg-color !default;
+$editor-tip-arrow-icon-color: $flyout-bg-color !default;
+$editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
+$editor-tip-arrow-bdr-color: $flyout-bg-color !default;
+$editor-tip-title-arrow-bdr-color: rgba($border) !default;
+$editor-tip-box-shadow: $shadow-lg !default;
+$editor-tip-title-bg: $flyout-bg-color !default;
+$editor-tio-title-border-bottom: 0 !default;
+$editor-tip-title-color: rgba($content-text-color) !default;
+$editable-overlay-icon-height: inherit !default;
+$editable-overlay-icon: 0 !default;
+$editor-btn-icon-color: rgba($icon-color) !default;
+
+//Theme Variable End

package/styles/inplace-editor/_theme.scss

@@ -204,13 +204,16 @@
     &.e-tooltip-wrap.e-popup {
       background: $editor-tip-bg;
       box-shadow: $editor-tip-box-shadow;
-      @if $skin-name == 'FluentUI' {
+      @if $skin-name == 'FluentUI' or $skin-name == 'Material3' {
         border-radius: $editor-popup-tip-wrapper-bdr-radius;
       }
 
       .e-tip-content {
         border-radius: $editor-popup-tip-content-bdr-radius;
         color: $editor-value-text-color;
+        @if $skin-name == 'Material3' {
+          background: $editor-tip-title-bg;
+        }
       }
 
       .e-arrow-tip-inner {
@@ -230,6 +233,9 @@
 
       &.e-popup {
         border: $editor-tip-border;
+        @if $skin-name == 'Material3' {
+          border-radius: 8px;
+        }
       }
 
       .e-editable-title {

package/styles/inplace-editor/bootstrap.css

@@ -197,8 +197,8 @@
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
-  padding-bottom: 0;
-  padding-top: 0;
+  padding-bottom: 1px;
+  padding-top: 1px;
 }
 .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
 .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,

package/styles/inplace-editor/bootstrap4.css

@@ -284,8 +284,8 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
   border: 1px solid transparent;
-  padding-bottom: 1px;
-  padding-top: 1px;
+  padding-bottom: 0;
+  padding-top: 0;
 }
 .e-richtexteditor .e-rte-content {
   border-bottom-left-radius: 4px;

package/styles/inplace-editor/icons/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';