@mescius/spread-sheets 17.1.3 → 17.1.5

package/dist/gc.spread.sheets.d.ts

@@ -12893,6 +12893,34 @@ declare module GC{
             }
 
 
+            export interface IDeserializationOptions{
+                /**
+                 * Whether to ignore the style when converting json to the workbook.
+                 */
+                ignoreStyle?: boolean;
+                /**
+                 * Whether to ignore the formula when converting json to the workbook.
+                 */
+                ignoreFormula?: boolean;
+                /**
+                 * Whether to treat the frozen columns as row headers when converting json to the workbook.
+                 */
+                frozenColumnsAsRowHeaders?: boolean;
+                /**
+                 * Whether to treat the frozen rows as column headers when converting json to the workbook.
+                 */
+                frozenRowsAsColumnHeaders?: boolean;
+                /**
+                 * Whether to prevent recalculation after loading the json data.
+                 */
+                doNotRecalculateAfterLoad?: boolean;
+                /**
+                 * Whether to use the incremental loading or the callbacks of incremental loading when converting json to the workbook.
+                 */
+                incrementalLoading?: boolean | GC.Spread.Sheets.IIncrementalLoadingOptions;
+            }
+
+
             export interface IDirtyCellInfo{
                 row: number;
                 col: number;
@@ -13241,6 +13269,18 @@ declare module GC{
             }
 
 
+            export interface IIncrementalLoadingOptions{
+                /**
+                 * The callback when of the incremental loading finished.
+                 */
+                loaded?: () => void;
+                /**
+                 * The callback when of the incremental loading progress.
+                 */
+                loading?: (progress: number, args: { sheet: GC.Spread.Sheets.Worksheet }) => void;
+            }
+
+
             export interface IInvalidOperationEventArgs{
                 sheet: GC.Spread.Sheets.Worksheet;
                 sheetName: string;
@@ -13622,6 +13662,42 @@ declare module GC{
             }
 
 
+            export interface ISerializationOption{
+                /**
+                 * Whether to include the binding source when converting the workbook to json.
+                 */
+                includeBindingSource?: boolean;
+                /**
+                 * Whether to ignore the style when converting the workbook to json.
+                 */
+                ignoreStyle?: boolean;
+                /**
+                 * Whether to ignore the formula when converting the workbook to json.
+                 */
+                ignoreFormula?: boolean;
+                /**
+                 * Whether to apply the format string to exporting value when converting the workbook to json, default false.
+                 */
+                saveAsView?: boolean;
+                /**
+                 * Whether to treat the row headers as frozen columns when converting the workbook to json.
+                 */
+                rowHeadersAsFrozenColumns?: boolean;
+                /**
+                 * Whether to treat the column headers as frozen rows when converting the workbook to json.
+                 */
+                columnHeadersAsFrozenRows?: boolean;
+                /**
+                 * Whether to include the automatically merged cells when converting the workbook to json.
+                 */
+                includeAutoMergedCells?: boolean;
+                /**
+                 * Whether to save the r1c1 formula in the file.
+                 */
+                saveR1C1Formula?: boolean;
+            }
+
+
             export interface ISetBorderOptions{
                 all?: boolean;
                 left?: boolean;
@@ -15344,7 +15420,7 @@ declare module GC{
                 /**
                  * Indicates all types of data.
                  */
-                all= 8191
+                all= 16383
             }
 
             /**
@@ -22835,15 +22911,7 @@ declare module GC{
                 /**
                  * Loads the object state from the specified JSON string.
                  * @param {Object} workbookData The spreadsheet data from deserialization.
-                 * @param {Object} [deserializationOptions] - The deserialization options.
-                 * @param {boolean} [deserializationOptions.ignoreStyle] - Whether to ignore the style when converting json to the workbook.
-                 * @param {boolean} [deserializationOptions.ignoreFormula] - Whether to ignore the formula when converting json to the workbook.
-                 * @param {boolean} [deserializationOptions.frozenColumnsAsRowHeaders] - Whether to treat the frozen columns as row headers when converting json to the workbook.
-                 * @param {boolean} [deserializationOptions.frozenRowsAsColumnHeaders] - Whether to treat the frozen rows as column headers when converting json to the workbook.
-                 * @param {boolean} [deserializationOptions.doNotRecalculateAfterLoad] - Whether to prevent recalculation after loading the json data.
-                 * @param {boolean | object} [deserializationOptions.incrementalLoading] - Whether to use the incremental loading or the callbacks of incremental loading when converting json to the workbook.
-                 * @param {function} [deserializationOptions.incrementalLoading.loading] - The callback when of the incremental loading progress.
-                 * @param {function} [deserializationOptions.incrementalLoading.loaded] - The callback when of the incremental loading finished.
+                 * @param {GC.Spread.Sheets.IDeserializationOptions} [deserializationOptions] - The deserialization options.
                  * @returns {Promise} - The fromJSON promise.
                  * @example
                  * ```
@@ -22859,7 +22927,7 @@ declare module GC{
                  * });
                  * ```
                  */
-                fromJSON(workbookData: Object,  deserializationOptions?: Object): Promise<any>;
+                fromJSON(workbookData: Object,  deserializationOptions?: GC.Spread.Sheets.IDeserializationOptions): Promise<any>;
                 /**
                  * Gets the active sheet.
                  * @returns {GC.Spread.Sheets.Worksheet} The active sheet instance.
@@ -23429,15 +23497,8 @@ declare module GC{
                 suspendPaint(): void;
                 /**
                  * Saves the object state to a JSON string.
-                 * @param {Object} serializationOption - The serialization options.
-                 * @param {boolean} [serializationOption.includeBindingSource] - Whether to include the binding source when converting the workbook to json.
-                 * @param {boolean} [serializationOption.ignoreStyle] - Whether to ignore the style when converting the workbook to json.
-                 * @param {boolean} [serializationOption.ignoreFormula] - Whether to ignore the formula when converting the workbook to json.
-                 * @param {boolean} [serializationOption.saveAsView] - Whether to apply the format string to exporting value when converting the workbook to json, default false.
-                 * @param {boolean} [serializationOption.rowHeadersAsFrozenColumns] - Whether to treat the row headers as frozen columns when converting the workbook to json.
-                 * @param {boolean} [serializationOption.columnHeadersAsFrozenRows] - Whether to treat the column headers as frozen rows when converting the workbook to json.
-                 * @param {boolean} [serializationOption.includeAutoMergedCells] - Whether to include the automatically merged cells when converting the workbook to json. * @returns {Object} The spreadsheet data.
-                 * @param {boolean} [serializationOption.saveR1C1Formula] - Whether to save the r1c1 formula in the file.
+                 * @param {GC.Spread.Sheets.ISerializationOption} serializationOption - The serialization options.
+                 * @returns {Object} The spreadsheet data.
                  * @example
                  * ```
                  * activeSheet.getCell(0,0).value(123);
@@ -23449,7 +23510,7 @@ declare module GC{
                  * alert(jsonStr);
                  * ```
                  */
-                toJSON(serializationOption?: Object): Object;
+                toJSON(serializationOption?: GC.Spread.Sheets.ISerializationOption): Object;
                 /**
                  * Removes the binding of an event to Workbook.
                  * @param {string} type The event type.
@@ -55630,14 +55691,14 @@ declare module GC{
                     /**
                      * Adds a new row to table sheet.
                      * @param {Object} rowData - The row data.
-                     * @returns {void}
+                     * @returns {Promise<void>}
                      * @example
                      * ```
                      * //This example adds a new row with data.
                      * tableSheet.addRow({id: 8, name: "spreadjs"});
                      * ```
                      */
-                    addRow(rowData: any): void;
+                    addRow(rowData: any): Promise<void>;
                     /**
                      * Applies a Worksheet JSON to a TableSheet column header free layout area.
                      * @param {Object} sheetJson - a Worksheet JSON, which can be gotten easily by Worksheet's toJSON method.
@@ -55867,7 +55928,7 @@ declare module GC{
                     /**
                      * Removes the specified row from table sheet.
                      * @param {number} row - The row index.
-                     * @returns {void}
+                     * @returns {Promise<void>}
                      * @example
                      * ```
                      * //This example removes a row by specified index.
@@ -55875,7 +55936,7 @@ declare module GC{
                      * tableSheet.removeRow(8);
                      * ```
                      */
-                    removeRow(row: number): void;
+                    removeRow(row: number): Promise<void>;
                     /**
                      * Resets the changes of the specified row of table sheet.
                      * @param {number} row - The row index.
@@ -55908,7 +55969,7 @@ declare module GC{
                     /**
                      * Saves the changes of the specified row of table sheet to data manager, including updated row or and inserted row.
                      * @param {number} row - The row index.
-                     * @returns {void}
+                     * @returns {Promise<void>}
                      * @example
                      * ```
                      * //This example saves a row by specified index.
@@ -55916,7 +55977,7 @@ declare module GC{
                      * tableSheet.saveRow(8);
                      * ```
                      */
-                    saveRow(row: number): void;
+                    saveRow(row: number): Promise<void>;
                     /**
                      * Sets the data view of table sheet.
                      * @param {GC.Data.View} dataView - The data view to bind.
@@ -55957,7 +56018,7 @@ declare module GC{
                      * tableSheet.submitChanges();
                      * ```
                      */
-                    submitChanges(): void;
+                    submitChanges(): Promise<void>;
                     /**
                      * Pin or unpin columns with specified column index array.
                      * @param {number} index - The array of column indexes to do pin or unpin.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mescius/spread-sheets",
-  "version": "17.1.3",
+  "version": "17.1.5",
   "main": "index.js",
   "description":"A Complete Microsoft Excel-like JavaScript Spreadsheet for Enterprise Applications",
   "scripts": {},

package/styles/gc.spread.sheets.css

@@ -5526,6 +5526,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5571,6 +5574,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5610,6 +5617,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5863,6 +5873,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5883,6 +5896,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2013darkGray.css

@@ -5570,6 +5570,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5615,6 +5618,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5655,6 +5662,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5909,6 +5919,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5929,6 +5942,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2013lightGray.css

@@ -5575,6 +5575,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5620,6 +5623,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5660,6 +5667,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5914,6 +5924,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5934,6 +5947,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2013white.css

@@ -5562,6 +5562,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5607,6 +5610,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5647,6 +5654,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5901,6 +5911,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5921,6 +5934,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2016black.css

@@ -5573,6 +5573,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5618,6 +5621,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5658,6 +5665,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5912,6 +5922,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5932,6 +5945,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2016colorful.css

@@ -5566,6 +5566,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5611,6 +5614,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5651,6 +5658,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5905,6 +5915,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5925,6 +5938,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }

package/styles/gc.spread.sheets.excel2016darkGray.css

@@ -5562,6 +5562,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: flex;
   width: fit-content;
 }
+.gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
   align-self: center;
 }
@@ -5607,6 +5610,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container sjs-select.gc-define-column-invalid {
   --sjs-theme-border-color: var(--sjs-dc-invalid-color);
 }
+.gc-defined-column-container sjs-select::part(container) {
+  --sjs-dp-root-height: 32px;
+  --sjs-dp-value-root-height: 30px;
+}
 .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
   display: block;
 }
@@ -5647,6 +5654,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
   background-color: var(--sjs-dc-hover-background-color);
 }
+.gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
 .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
   height: 17px;
@@ -5901,6 +5911,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
 }
 .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
   grid-column: span 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 .gc-defined-column-container .gc-defined-column-attachment-margins-container {
   display: grid;
@@ -5921,6 +5934,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   cursor: pointer;
   opacity: 0.75;
 }
+.gc-defined-column-container .gc-defined-column-tab-item-container:focus {
+  outline: none;
+}
 .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
   opacity: 1;
 }