gd-bs 6.6.25 → 6.6.27

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gd-bs",
3
- "version": "6.6.25",
3
+ "version": "6.6.27",
4
4
  "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
5
5
  "main": "build/index.js",
6
6
  "typings": "src/index.d.ts",
@@ -306,6 +306,9 @@ class _Offcanvas extends Base<IOffcanvasProps> implements IOffcanvas {
306
306
 
307
307
  // Set the flag
308
308
  this._tranisitioningFl = false;
309
+
310
+ // Call the event
311
+ this.props.onClose ? this.props.onClose(this.el) : null;
309
312
  }, 250);
310
313
  } else {
311
314
  // Create the backdrop if we are showing it
@@ -113,6 +113,7 @@ export interface IOffcanvasProps<T = HTMLElement> extends IBaseProps<IOffcanvas>
113
113
  body?: string | T;
114
114
  data?: any;
115
115
  id?: string;
116
+ onClose?: (el: HTMLDivElement) => void;
116
117
  onRenderBody?: (el?: HTMLDivElement, props?: IOffcanvasProps) => void;
117
118
  onRenderHeader?: (el?: HTMLDivElement, props?: IOffcanvasProps) => void;
118
119
  options?: IOffcanvasOptions;
@@ -1,10 +1,10 @@
1
- /* Center the dataTables_info element properly */
2
- div.dataTables_wrapper div.dataTables_info {
1
+ /* Center the dt-info element properly */
2
+ div.dataTables_wrapper div.dt-info {
3
3
  padding-top: 0.9rem;
4
4
  }
5
5
 
6
- /* Add proper width for dataTables_length select */
7
- div.dataTables_wrapper div.dataTables_length select {
6
+ /* Add proper width for dt-length select */
7
+ div.dataTables_wrapper div.dt-length select {
8
8
  width: 3.75rem;
9
9
  }
10
10
 
@@ -35,21 +35,15 @@ table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
35
35
 
36
36
  /* Be sure to escape any characters, such as # to %23 when specifying hex color values in background-image */
37
37
  /* DataTables sorting with Bootstrap Icons */
38
- table.dataTable thead .sorting,
39
- table.dataTable thead .sorting_asc,
40
- table.dataTable thead .sorting_desc,
41
- table.dataTable thead .sorting_asc_disabled,
42
- table.dataTable thead .sorting_desc_disabled,
43
- table.dataTable thead .sorting:before,
44
- table.dataTable thead .sorting_asc:before,
45
- table.dataTable thead .sorting_desc:before,
46
- table.dataTable thead .sorting_asc_disabled:before,
47
- table.dataTable thead .sorting_desc_disabled:before,
48
- table.dataTable thead .sorting:after,
49
- table.dataTable thead .sorting_asc:after,
50
- table.dataTable thead .sorting_desc:after,
51
- table.dataTable thead .sorting_asc_disabled:after,
52
- table.dataTable thead .sorting_desc_disabled:after {
38
+ table.dataTable thead .dt-orderable-asc,
39
+ table.dataTable thead .dt-orderable-desc,
40
+ table.dataTable thead .dt-orderable-none,
41
+ table.dataTable thead .dt-orderable-asc:before,
42
+ table.dataTable thead .dt-orderable-desc:before,
43
+ table.dataTable thead .dt-orderable-none:before,
44
+ table.dataTable thead .dt-orderable-asc:after,
45
+ table.dataTable thead .dt-orderable-desc:after,
46
+ table.dataTable thead .dt-orderable-none:after {
53
47
  background-image: none;
54
48
  background-position: right;
55
49
  background-repeat: no-repeat;
@@ -58,19 +52,19 @@ table.dataTable thead .sorting_desc_disabled:after {
58
52
  }
59
53
 
60
54
  /* Bootstrap Icon: caret-up */
61
- table.dataTable thead .sorting {
55
+ table.dataTable thead .dt-orderable-asc {
62
56
  --dt-sorting-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
63
57
  background-image: var(--dt-sorting-image);
64
58
  }
65
59
 
66
60
  /* Bootstrap Icon: caret-up-fill */
67
- table.dataTable thead .sorting_asc {
61
+ table.dataTable thead .dt-ordering-asc {
68
62
  --dt-sorting-asc-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
69
63
  background-image: var(--dt-sorting-asc-image);
70
64
  }
71
65
 
72
66
  /* Bootstrap Icon: caret-down-fill */
73
- table.dataTable thead .sorting_desc {
67
+ table.dataTable thead .dt-ordering-desc {
74
68
  --dt-sorting-desc-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
75
69
  background-image: var(--dt-sorting-desc-image);
76
70
  }
@@ -79,3 +73,8 @@ table.dataTable thead .sorting_desc {
79
73
  div.DTCR_pointer {
80
74
  background-color: var(--sp-theme-primary, #0078d4);
81
75
  }
76
+
77
+ /* Remove margin for pagination */
78
+ div.dt-container .dt-paging .pagination {
79
+ margin-bottom: 0;
80
+ }