@yoobic/yobi 8.5.0-74 → 8.5.0-75

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.
@@ -11,7 +11,7 @@ require('./index-cb8276bc.js');
11
11
  require('./_commonjsHelpers-94df2ea7.js');
12
12
 
13
13
  /*!
14
- * Signature Pad v4.0.9 | https://github.com/szimek/signature_pad
14
+ * Signature Pad v4.0.10 | https://github.com/szimek/signature_pad
15
15
  * (c) 2022 Szymon Nowak | Released under the MIT license
16
16
  */
17
17
 
@@ -2475,6 +2475,7 @@ const YooGridComponent = class {
2475
2475
  ];
2476
2476
  }
2477
2477
  renderAgGrid() {
2478
+ var _a;
2478
2479
  /**
2479
2480
  * Important note about the current rendering of the ag-grid when it is empty:
2480
2481
  * It must ALWAYS be rendered event if it is empty. Indeed, if "updateGridConfig" is then called to modify the filters for example,
@@ -2485,7 +2486,8 @@ const YooGridComponent = class {
2485
2486
  'select-all': this.isSelectionMode && this.isSelectAll,
2486
2487
  [this.gridClass || '']: true,
2487
2488
  [this.entityType || '']: true,
2488
- 'readonly': this.isReadonly
2489
+ 'readonly': this.isReadonly,
2490
+ 'with-selection': ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) > 0
2489
2491
  };
2490
2492
  return [
2491
2493
  index.h("div", { class: { 'ag-grid-container': true, empty: this.isEmptyAgGrid && !this.hideEmptyState } }, this.finalGridConfig && index.h("yoo-ag-grid", { class: agClass, config: this.finalGridConfig }), this.isEmptyAgGrid && !this.hideEmptyState && this.renderEmptyState())
@@ -52,8 +52,7 @@ const Header = ({ logo, title, textColor, error, closeClick }) => [
52
52
  'error-content': true,
53
53
  web: index$1.isWeb()
54
54
  } },
55
- index.h("p", null, index$1.translate(error)),
56
- index.h("a", { class: "link", style: { color: `var(--${index$1.isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, index$1.translate('YOOBICNEEDHELP'))))),
55
+ index.h("p", null, index$1.translate(error))))),
57
56
  index.h("header", { class: "header" },
58
57
  index.h("img", { src: logo, alt: "app logo" }),
59
58
  index.h(LoginTitle, { style: { color: textColor }, title: title }))
@@ -8489,6 +8489,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8489
8489
  :host .ag-row-hover {
8490
8490
  background-color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
8491
8491
  }
8492
+ :host .ag-row-hover .hide-not-hover,
8493
+ :host .ag-row-hover .ag-checkbox-input-wrapper {
8494
+ opacity: 1;
8495
+ }
8492
8496
  :host .ag-header-row {
8493
8497
  font-weight: var(--font-weight-400, 400);
8494
8498
  }
@@ -8582,6 +8586,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8582
8586
  font-size: var(--font-size-20, 1.25rem) !important;
8583
8587
  font-family: "yoobicons" !important;
8584
8588
  background: transparent;
8589
+ opacity: 0;
8585
8590
  }
8586
8591
  :host .ag-checkbox-input-wrapper input {
8587
8592
  cursor: pointer;
@@ -8641,10 +8646,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8641
8646
  flex: 1;
8642
8647
  overflow: hidden;
8643
8648
  }
8644
- :host .ag-cell:hover .hide-not-hover,
8645
- :host .ag-cell:hover .ag-checkbox-input-wrapper {
8646
- opacity: 1;
8647
- }
8648
8649
  :host .ag-cell yoo-tag {
8649
8650
  margin-right: var(--spacing-04, 0.25rem);
8650
8651
  margin-bottom: var(--spacing-04, 0.25rem);
@@ -9089,4 +9090,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9089
9090
 
9090
9091
  :host(.coursecategories) [col-id=actions] {
9091
9092
  padding: var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem) !important;
9093
+ }
9094
+
9095
+ :host(.with-selection) .hide-not-hover,
9096
+ :host(.with-selection) .ag-checkbox-input-wrapper {
9097
+ opacity: 1;
9092
9098
  }
@@ -2393,6 +2393,7 @@ export class YooGridComponent {
2393
2393
  ];
2394
2394
  }
2395
2395
  renderAgGrid() {
2396
+ var _a;
2396
2397
  /**
2397
2398
  * Important note about the current rendering of the ag-grid when it is empty:
2398
2399
  * It must ALWAYS be rendered event if it is empty. Indeed, if "updateGridConfig" is then called to modify the filters for example,
@@ -2403,7 +2404,8 @@ export class YooGridComponent {
2403
2404
  'select-all': this.isSelectionMode && this.isSelectAll,
2404
2405
  [this.gridClass || '']: true,
2405
2406
  [this.entityType || '']: true,
2406
- 'readonly': this.isReadonly
2407
+ 'readonly': this.isReadonly,
2408
+ 'with-selection': ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) > 0
2407
2409
  };
2408
2410
  return [
2409
2411
  h("div", { class: { 'ag-grid-container': true, empty: this.isEmptyAgGrid && !this.hideEmptyState } }, this.finalGridConfig && h("yoo-ag-grid", { class: agClass, config: this.finalGridConfig }), this.isEmptyAgGrid && !this.hideEmptyState && this.renderEmptyState())
@@ -12,6 +12,6 @@ export const Header = ({ logo, title, textColor, error, closeClick }) => [
12
12
  } }, h("div", { slot: "content", class: {
13
13
  'error-content': true,
14
14
  web: isWeb()
15
- } }, h("p", null, translate(error)), h("a", { class: "link", style: { color: `var(--${isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, translate('YOOBICNEEDHELP'))))),
15
+ } }, h("p", null, translate(error))))),
16
16
  h("header", { class: "header" }, h("img", { src: logo, alt: "app logo" }), h(LoginTitle, { style: { color: textColor }, title: title }))
17
17
  ];