@mescius/spread-sheets 17.1.4 → 17.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15420,7 +15420,7 @@ declare module GC{
15420
15420
  /**
15421
15421
  * Indicates all types of data.
15422
15422
  */
15423
- all= 8191
15423
+ all= 16383
15424
15424
  }
15425
15425
 
15426
15426
  /**
@@ -55691,14 +55691,14 @@ declare module GC{
55691
55691
  /**
55692
55692
  * Adds a new row to table sheet.
55693
55693
  * @param {Object} rowData - The row data.
55694
- * @returns {void}
55694
+ * @returns {Promise<void>}
55695
55695
  * @example
55696
55696
  * ```
55697
55697
  * //This example adds a new row with data.
55698
55698
  * tableSheet.addRow({id: 8, name: "spreadjs"});
55699
55699
  * ```
55700
55700
  */
55701
- addRow(rowData: any): void;
55701
+ addRow(rowData: any): Promise<void>;
55702
55702
  /**
55703
55703
  * Applies a Worksheet JSON to a TableSheet column header free layout area.
55704
55704
  * @param {Object} sheetJson - a Worksheet JSON, which can be gotten easily by Worksheet's toJSON method.
@@ -55928,7 +55928,7 @@ declare module GC{
55928
55928
  /**
55929
55929
  * Removes the specified row from table sheet.
55930
55930
  * @param {number} row - The row index.
55931
- * @returns {void}
55931
+ * @returns {Promise<void>}
55932
55932
  * @example
55933
55933
  * ```
55934
55934
  * //This example removes a row by specified index.
@@ -55936,7 +55936,7 @@ declare module GC{
55936
55936
  * tableSheet.removeRow(8);
55937
55937
  * ```
55938
55938
  */
55939
- removeRow(row: number): void;
55939
+ removeRow(row: number): Promise<void>;
55940
55940
  /**
55941
55941
  * Resets the changes of the specified row of table sheet.
55942
55942
  * @param {number} row - The row index.
@@ -55969,7 +55969,7 @@ declare module GC{
55969
55969
  /**
55970
55970
  * Saves the changes of the specified row of table sheet to data manager, including updated row or and inserted row.
55971
55971
  * @param {number} row - The row index.
55972
- * @returns {void}
55972
+ * @returns {Promise<void>}
55973
55973
  * @example
55974
55974
  * ```
55975
55975
  * //This example saves a row by specified index.
@@ -55977,7 +55977,7 @@ declare module GC{
55977
55977
  * tableSheet.saveRow(8);
55978
55978
  * ```
55979
55979
  */
55980
- saveRow(row: number): void;
55980
+ saveRow(row: number): Promise<void>;
55981
55981
  /**
55982
55982
  * Sets the data view of table sheet.
55983
55983
  * @param {GC.Data.View} dataView - The data view to bind.
@@ -56018,7 +56018,7 @@ declare module GC{
56018
56018
  * tableSheet.submitChanges();
56019
56019
  * ```
56020
56020
  */
56021
- submitChanges(): void;
56021
+ submitChanges(): Promise<void>;
56022
56022
  /**
56023
56023
  * Pin or unpin columns with specified column index array.
56024
56024
  * @param {number} index - The array of column indexes to do pin or unpin.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mescius/spread-sheets",
3
- "version": "17.1.4",
3
+ "version": "17.1.6",
4
4
  "main": "index.js",
5
5
  "description":"A Complete Microsoft Excel-like JavaScript Spreadsheet for Enterprise Applications",
6
6
  "scripts": {},
@@ -5526,6 +5526,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5526
5526
  display: flex;
5527
5527
  width: fit-content;
5528
5528
  }
5529
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5530
+ outline: none;
5531
+ }
5529
5532
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5530
5533
  align-self: center;
5531
5534
  }
@@ -5571,6 +5574,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5571
5574
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5572
5575
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5573
5576
  }
5577
+ .gc-defined-column-container sjs-select::part(container) {
5578
+ --sjs-dp-root-height: 32px;
5579
+ --sjs-dp-value-root-height: 30px;
5580
+ }
5574
5581
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5575
5582
  display: block;
5576
5583
  }
@@ -5610,6 +5617,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5610
5617
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5611
5618
  background-color: var(--sjs-dc-hover-background-color);
5612
5619
  }
5620
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5621
+ outline: none;
5622
+ }
5613
5623
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5614
5624
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5615
5625
  height: 17px;
@@ -5863,6 +5873,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5863
5873
  }
5864
5874
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5865
5875
  grid-column: span 2;
5876
+ display: flex;
5877
+ flex-direction: column;
5878
+ justify-content: space-between;
5866
5879
  }
5867
5880
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5868
5881
  display: grid;
@@ -5883,6 +5896,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5883
5896
  cursor: pointer;
5884
5897
  opacity: 0.75;
5885
5898
  }
5899
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5900
+ outline: none;
5901
+ }
5886
5902
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5887
5903
  opacity: 1;
5888
5904
  }
@@ -5570,6 +5570,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5570
5570
  display: flex;
5571
5571
  width: fit-content;
5572
5572
  }
5573
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5574
+ outline: none;
5575
+ }
5573
5576
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5574
5577
  align-self: center;
5575
5578
  }
@@ -5615,6 +5618,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5615
5618
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5616
5619
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5617
5620
  }
5621
+ .gc-defined-column-container sjs-select::part(container) {
5622
+ --sjs-dp-root-height: 32px;
5623
+ --sjs-dp-value-root-height: 30px;
5624
+ }
5618
5625
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5619
5626
  display: block;
5620
5627
  }
@@ -5655,6 +5662,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5655
5662
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5656
5663
  background-color: var(--sjs-dc-hover-background-color);
5657
5664
  }
5665
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5666
+ outline: none;
5667
+ }
5658
5668
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5659
5669
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5660
5670
  height: 17px;
@@ -5909,6 +5919,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5909
5919
  }
5910
5920
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5911
5921
  grid-column: span 2;
5922
+ display: flex;
5923
+ flex-direction: column;
5924
+ justify-content: space-between;
5912
5925
  }
5913
5926
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5914
5927
  display: grid;
@@ -5929,6 +5942,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5929
5942
  cursor: pointer;
5930
5943
  opacity: 0.75;
5931
5944
  }
5945
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5946
+ outline: none;
5947
+ }
5932
5948
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5933
5949
  opacity: 1;
5934
5950
  }
@@ -5575,6 +5575,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5575
5575
  display: flex;
5576
5576
  width: fit-content;
5577
5577
  }
5578
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5579
+ outline: none;
5580
+ }
5578
5581
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5579
5582
  align-self: center;
5580
5583
  }
@@ -5620,6 +5623,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5620
5623
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5621
5624
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5622
5625
  }
5626
+ .gc-defined-column-container sjs-select::part(container) {
5627
+ --sjs-dp-root-height: 32px;
5628
+ --sjs-dp-value-root-height: 30px;
5629
+ }
5623
5630
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5624
5631
  display: block;
5625
5632
  }
@@ -5660,6 +5667,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5660
5667
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5661
5668
  background-color: var(--sjs-dc-hover-background-color);
5662
5669
  }
5670
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5671
+ outline: none;
5672
+ }
5663
5673
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5664
5674
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5665
5675
  height: 17px;
@@ -5914,6 +5924,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5914
5924
  }
5915
5925
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5916
5926
  grid-column: span 2;
5927
+ display: flex;
5928
+ flex-direction: column;
5929
+ justify-content: space-between;
5917
5930
  }
5918
5931
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5919
5932
  display: grid;
@@ -5934,6 +5947,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5934
5947
  cursor: pointer;
5935
5948
  opacity: 0.75;
5936
5949
  }
5950
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5951
+ outline: none;
5952
+ }
5937
5953
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5938
5954
  opacity: 1;
5939
5955
  }
@@ -5562,6 +5562,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5562
5562
  display: flex;
5563
5563
  width: fit-content;
5564
5564
  }
5565
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5566
+ outline: none;
5567
+ }
5565
5568
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5566
5569
  align-self: center;
5567
5570
  }
@@ -5607,6 +5610,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5607
5610
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5608
5611
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5609
5612
  }
5613
+ .gc-defined-column-container sjs-select::part(container) {
5614
+ --sjs-dp-root-height: 32px;
5615
+ --sjs-dp-value-root-height: 30px;
5616
+ }
5610
5617
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5611
5618
  display: block;
5612
5619
  }
@@ -5647,6 +5654,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5647
5654
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5648
5655
  background-color: var(--sjs-dc-hover-background-color);
5649
5656
  }
5657
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5658
+ outline: none;
5659
+ }
5650
5660
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5651
5661
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5652
5662
  height: 17px;
@@ -5901,6 +5911,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5901
5911
  }
5902
5912
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5903
5913
  grid-column: span 2;
5914
+ display: flex;
5915
+ flex-direction: column;
5916
+ justify-content: space-between;
5904
5917
  }
5905
5918
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5906
5919
  display: grid;
@@ -5921,6 +5934,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5921
5934
  cursor: pointer;
5922
5935
  opacity: 0.75;
5923
5936
  }
5937
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5938
+ outline: none;
5939
+ }
5924
5940
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5925
5941
  opacity: 1;
5926
5942
  }
@@ -5573,6 +5573,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5573
5573
  display: flex;
5574
5574
  width: fit-content;
5575
5575
  }
5576
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5577
+ outline: none;
5578
+ }
5576
5579
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5577
5580
  align-self: center;
5578
5581
  }
@@ -5618,6 +5621,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5618
5621
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5619
5622
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5620
5623
  }
5624
+ .gc-defined-column-container sjs-select::part(container) {
5625
+ --sjs-dp-root-height: 32px;
5626
+ --sjs-dp-value-root-height: 30px;
5627
+ }
5621
5628
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5622
5629
  display: block;
5623
5630
  }
@@ -5658,6 +5665,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5658
5665
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5659
5666
  background-color: var(--sjs-dc-hover-background-color);
5660
5667
  }
5668
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5669
+ outline: none;
5670
+ }
5661
5671
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5662
5672
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5663
5673
  height: 17px;
@@ -5912,6 +5922,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5912
5922
  }
5913
5923
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5914
5924
  grid-column: span 2;
5925
+ display: flex;
5926
+ flex-direction: column;
5927
+ justify-content: space-between;
5915
5928
  }
5916
5929
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5917
5930
  display: grid;
@@ -5932,6 +5945,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5932
5945
  cursor: pointer;
5933
5946
  opacity: 0.75;
5934
5947
  }
5948
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5949
+ outline: none;
5950
+ }
5935
5951
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5936
5952
  opacity: 1;
5937
5953
  }
@@ -5566,6 +5566,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5566
5566
  display: flex;
5567
5567
  width: fit-content;
5568
5568
  }
5569
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5570
+ outline: none;
5571
+ }
5569
5572
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5570
5573
  align-self: center;
5571
5574
  }
@@ -5611,6 +5614,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5611
5614
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5612
5615
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5613
5616
  }
5617
+ .gc-defined-column-container sjs-select::part(container) {
5618
+ --sjs-dp-root-height: 32px;
5619
+ --sjs-dp-value-root-height: 30px;
5620
+ }
5614
5621
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5615
5622
  display: block;
5616
5623
  }
@@ -5651,6 +5658,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5651
5658
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5652
5659
  background-color: var(--sjs-dc-hover-background-color);
5653
5660
  }
5661
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5662
+ outline: none;
5663
+ }
5654
5664
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5655
5665
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5656
5666
  height: 17px;
@@ -5905,6 +5915,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5905
5915
  }
5906
5916
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5907
5917
  grid-column: span 2;
5918
+ display: flex;
5919
+ flex-direction: column;
5920
+ justify-content: space-between;
5908
5921
  }
5909
5922
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5910
5923
  display: grid;
@@ -5925,6 +5938,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5925
5938
  cursor: pointer;
5926
5939
  opacity: 0.75;
5927
5940
  }
5941
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5942
+ outline: none;
5943
+ }
5928
5944
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5929
5945
  opacity: 1;
5930
5946
  }
@@ -5562,6 +5562,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5562
5562
  display: flex;
5563
5563
  width: fit-content;
5564
5564
  }
5565
+ .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-checkbox-item-container:focus {
5566
+ outline: none;
5567
+ }
5565
5568
  .gc-defined-column-container .gc-defined-column-checkbox-container .gc-defined-column-check-container {
5566
5569
  align-self: center;
5567
5570
  }
@@ -5607,6 +5610,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5607
5610
  .gc-defined-column-container sjs-select.gc-define-column-invalid {
5608
5611
  --sjs-theme-border-color: var(--sjs-dc-invalid-color);
5609
5612
  }
5613
+ .gc-defined-column-container sjs-select::part(container) {
5614
+ --sjs-dp-root-height: 32px;
5615
+ --sjs-dp-value-root-height: 30px;
5616
+ }
5610
5617
  .gc-defined-column-container sjs-color-picker.gc-defined-column-field-input-container-input {
5611
5618
  display: block;
5612
5619
  }
@@ -5647,6 +5654,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5647
5654
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container.gc-defined-column-list-item-selected {
5648
5655
  background-color: var(--sjs-dc-hover-background-color);
5649
5656
  }
5657
+ .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container:focus {
5658
+ outline: none;
5659
+ }
5650
5660
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-text,
5651
5661
  .gc-defined-column-container .gc-defined-column-list-container .gc-defined-column-list-item-container .gc-defined-column-list-item-value {
5652
5662
  height: 17px;
@@ -5901,6 +5911,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5901
5911
  }
5902
5912
  .gc-defined-column-container .gc-defined-column-barcode-options-container .gc-defined-column-field-item-small-container {
5903
5913
  grid-column: span 2;
5914
+ display: flex;
5915
+ flex-direction: column;
5916
+ justify-content: space-between;
5904
5917
  }
5905
5918
  .gc-defined-column-container .gc-defined-column-attachment-margins-container {
5906
5919
  display: grid;
@@ -5921,6 +5934,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
5921
5934
  cursor: pointer;
5922
5935
  opacity: 0.75;
5923
5936
  }
5937
+ .gc-defined-column-container .gc-defined-column-tab-item-container:focus {
5938
+ outline: none;
5939
+ }
5924
5940
  .gc-defined-column-container .gc-defined-column-tab-item-container:hover {
5925
5941
  opacity: 1;
5926
5942
  }