@soyfri/template 1.0.10-beta.8 → 1.0.10

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.
@@ -52,6 +52,7 @@ function getElementActualCss(el, prop, cache) {
52
52
  function getElementActualHeight(el) {
53
53
  return getElementActualCss(el, 'height', false);
54
54
  }
55
+ //@ts-ignore
55
56
  function getElementActualWidth(el, cache) {
56
57
  return getElementActualCss(el, 'width', false);
57
58
  }
@@ -65,7 +65,7 @@ function getElementActualCss(el: HTMLElement, prop: any, cache: boolean) {
65
65
  function getElementActualHeight(el: HTMLElement) {
66
66
  return getElementActualCss(el, 'height', false)
67
67
  }
68
-
68
+ //@ts-ignore
69
69
  function getElementActualWidth(el: HTMLElement, cache?: boolean) {
70
70
  return getElementActualCss(el, 'width', false)
71
71
  }
@@ -2,9 +2,11 @@ import { DataUtil } from './_DataUtil';
2
2
  import { getUniqueIdWithPrefix } from './_TypesHelpers';
3
3
  export class EventHandlerUtil {
4
4
  static store = {};
5
+ //@ts-ignore
5
6
  static setEventMetasByName(name, handlers) {
6
7
  EventHandlerUtil.store[name] = handlers;
7
8
  }
9
+ //@ts-ignore
8
10
  static getEventMetaByName(name) {
9
11
  return EventHandlerUtil.store[name];
10
12
  }
@@ -23,6 +25,7 @@ export class EventHandlerUtil {
23
25
  }
24
26
  return handlersIds[handlerId];
25
27
  }
28
+ //@ts-ignore
26
29
  static setFiredByNameAndHandlerId(name, handerId, fired) {
27
30
  const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId);
28
31
  if (!meta) {
@@ -54,6 +57,7 @@ export class EventHandlerUtil {
54
57
  }
55
58
  delete EventHandlerUtil.store[name][handerId];
56
59
  }
60
+ //@ts-ignore
57
61
  static trigger(element, name, target, e) {
58
62
  let returnValue = true;
59
63
  if (!DataUtil.has(element, name)) {
@@ -14,7 +14,7 @@ export class EventHandlerUtil {
14
14
  [handlerId: string]: EventMeta
15
15
  }
16
16
  } = {}
17
-
17
+ //@ts-ignore
18
18
  private static setEventMetasByName(
19
19
  name: string,
20
20
  handlers: {
@@ -23,7 +23,7 @@ export class EventHandlerUtil {
23
23
  ): void {
24
24
  EventHandlerUtil.store[name] = handlers
25
25
  }
26
-
26
+ //@ts-ignore
27
27
  private static getEventMetaByName(name: string):
28
28
  | {
29
29
  [handlerId: string]: EventMeta
@@ -52,7 +52,7 @@ export class EventHandlerUtil {
52
52
  }
53
53
  return handlersIds[handlerId]
54
54
  }
55
-
55
+ //@ts-ignore
56
56
  private static setFiredByNameAndHandlerId(name: string, handerId: string, fired: boolean): void {
57
57
  const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId)
58
58
  if (!meta) {
@@ -96,7 +96,7 @@ export class EventHandlerUtil {
96
96
 
97
97
  delete EventHandlerUtil.store[name][handerId]
98
98
  }
99
-
99
+ //@ts-ignore
100
100
  public static trigger(element: HTMLElement, name: string, target?: any, e?: Event): boolean {
101
101
  let returnValue = true
102
102
  if (!DataUtil.has(element, name)) {
@@ -262,7 +262,8 @@ class MenuComponent {
262
262
  _isItemParentShown = (item) => {
263
263
  return getElementParents(item, '.menu-item.show').length > 0;
264
264
  };
265
- // Test of it is item sub element
265
+ // Test of it is item sub element
266
+ // @ts-ignore
266
267
  _isItemSubElement = (item) => {
267
268
  return item.classList.contains('menu-sub');
268
269
  };
@@ -471,6 +472,7 @@ class MenuComponent {
471
472
  } // updated
472
473
  };
473
474
  // TODO: not done
475
+ // @ts-ignore
474
476
  _destroy = () => { };
475
477
  // Update all item state classes if item sub type changed
476
478
  _update = () => {
@@ -522,6 +524,7 @@ class MenuComponent {
522
524
  }
523
525
  };
524
526
  // Mouseout handle
527
+ //@ts-ignore
525
528
  _mouseout = (element, e) => {
526
529
  const item = this._getItemElement(element);
527
530
  if (!item) {
@@ -539,6 +542,7 @@ class MenuComponent {
539
542
  DataUtil.set(item, 'timeout', timeout);
540
543
  };
541
544
  // Mouseover handle
545
+ //@ts-ignore
542
546
  _mouseover = (element, e) => {
543
547
  const item = this._getItemElement(element);
544
548
  if (!item) {
@@ -558,6 +562,7 @@ class MenuComponent {
558
562
  this._show(item);
559
563
  };
560
564
  // Dismiss handler
565
+ // @ts-ignore
561
566
  _dismiss = (element, e) => {
562
567
  const item = this._getItemElement(element);
563
568
  if (!item) {
@@ -580,6 +585,7 @@ class MenuComponent {
580
585
  }
581
586
  };
582
587
  // Link handler
588
+ // @ts-ignore
583
589
  _link = (element, e) => {
584
590
  if (EventHandlerUtil.trigger(this.element, 'kt.menu.link.click') === false) {
585
591
  return;
@@ -766,6 +772,7 @@ class MenuComponent {
766
772
  const menuObj = MenuComponent.getInstance(item);
767
773
  if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
768
774
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
775
+ // @ts-ignore
769
776
  const menu = menuObj.getElement();
770
777
  const sub = menuObj.getItemSubElement(item);
771
778
  if (item === e.target || item.contains(e.target)) {
@@ -353,7 +353,8 @@ class MenuComponent {
353
353
  return getElementParents(item, '.menu-item.show').length > 0
354
354
  }
355
355
 
356
- // Test of it is item sub element
356
+ // Test of it is item sub element
357
+ // @ts-ignore
357
358
  private _isItemSubElement = (item: HTMLElement) => {
358
359
  return item.classList.contains('menu-sub')
359
360
  }
@@ -605,6 +606,7 @@ class MenuComponent {
605
606
  }
606
607
 
607
608
  // TODO: not done
609
+ // @ts-ignore
608
610
  private _destroy = () => {}
609
611
 
610
612
  // Update all item state classes if item sub type changed
@@ -665,6 +667,7 @@ class MenuComponent {
665
667
  }
666
668
 
667
669
  // Mouseout handle
670
+ //@ts-ignore
668
671
  private _mouseout = (element: HTMLElement, e: MouseEvent) => {
669
672
  const item = this._getItemElement(element)
670
673
  if (!item) {
@@ -686,6 +689,7 @@ class MenuComponent {
686
689
  }
687
690
 
688
691
  // Mouseover handle
692
+ //@ts-ignore
689
693
  private _mouseover = (element: HTMLElement, e: MouseEvent) => {
690
694
  const item = this._getItemElement(element)
691
695
  if (!item) {
@@ -709,6 +713,7 @@ class MenuComponent {
709
713
  }
710
714
 
711
715
  // Dismiss handler
716
+ // @ts-ignore
712
717
  private _dismiss = (element: HTMLElement, e: Event) => {
713
718
  const item = this._getItemElement(element)
714
719
  if (!item) {
@@ -733,6 +738,7 @@ class MenuComponent {
733
738
  }
734
739
 
735
740
  // Link handler
741
+ // @ts-ignore
736
742
  private _link = (element: HTMLElement, e: Event) => {
737
743
  if (EventHandlerUtil.trigger(this.element, 'kt.menu.link.click') === false) {
738
744
  return
@@ -960,6 +966,7 @@ class MenuComponent {
960
966
  const menuObj = MenuComponent.getInstance(item) as MenuComponent
961
967
  if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
962
968
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
969
+ // @ts-ignore
963
970
  const menu = menuObj.getElement()
964
971
  const sub = menuObj.getItemSubElement(item) as HTMLElement
965
972
  if (item === e.target || item.contains(e.target as HTMLElement)) {
@@ -192,9 +192,11 @@ class DrawerComponent {
192
192
  this.overlayElement.parentNode.removeChild(this.overlayElement);
193
193
  }
194
194
  };
195
+ //@ts-ignore
195
196
  _getDirection = () => {
196
197
  return String(this._getOption('direction')) === 'left' ? 'left' : 'right';
197
198
  };
199
+ //@ts-ignore
198
200
  _getWidth = () => {
199
201
  let width = this._getOption('width');
200
202
  if (width && width === 'auto') {
@@ -237,11 +237,11 @@ class DrawerComponent {
237
237
  this.overlayElement.parentNode.removeChild(this.overlayElement)
238
238
  }
239
239
  }
240
-
240
+ //@ts-ignore
241
241
  private _getDirection = () => {
242
242
  return String(this._getOption('direction')) === 'left' ? 'left' : 'right'
243
243
  }
244
-
244
+ //@ts-ignore
245
245
  private _getWidth = () => {
246
246
  let width = this._getOption('width')
247
247
  if (width && width === 'auto') {
@@ -92,16 +92,20 @@ class FeedbackComponent {
92
92
  return EventHandlerUtil.trigger(this.element, name, event);
93
93
  };
94
94
  // Create Instances
95
+ // @ts-ignore
95
96
  static createInstances(selector) {
96
97
  throw new Error('not implemented');
97
98
  }
98
99
  // Static methods
100
+ // @ts-ignore
99
101
  static hasInstace(element) {
100
102
  throw new Error('not implemented');
101
103
  }
104
+ // @ts-ignore
102
105
  static getInstance(element) {
103
106
  throw new Error('not implemented');
104
107
  }
108
+ // @ts-ignore
105
109
  static bootstrap(attr = '[data-Feedback]') {
106
110
  throw new Error('not implemented');
107
111
  }
@@ -131,19 +131,21 @@ class FeedbackComponent {
131
131
  }
132
132
 
133
133
  // Create Instances
134
+ // @ts-ignore
134
135
  public static createInstances(selector: string) {
135
136
  throw new Error('not implemented')
136
137
  }
137
138
 
138
139
  // Static methods
140
+ // @ts-ignore
139
141
  public static hasInstace(element: HTMLElement) {
140
142
  throw new Error('not implemented')
141
143
  }
142
-
144
+ // @ts-ignore
143
145
  public static getInstance(element: HTMLElement) {
144
146
  throw new Error('not implemented')
145
147
  }
146
-
148
+ // @ts-ignore
147
149
  public static bootstrap(attr: string = '[data-Feedback]') {
148
150
  throw new Error('not implemented')
149
151
  }
@@ -88,6 +88,7 @@ class ImageInputComponent {
88
88
  // Fire canceled event
89
89
  EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e);
90
90
  };
91
+ // @ts-ignore
91
92
  _remove = (e) => {
92
93
  e.preventDefault();
93
94
  // Fire remove event
@@ -120,7 +120,7 @@ class ImageInputComponent {
120
120
  // Fire canceled event
121
121
  EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e)
122
122
  }
123
-
123
+ // @ts-ignore
124
124
  private _remove = (e: Event) => {
125
125
  e.preventDefault()
126
126
 
@@ -66,6 +66,7 @@ class PasswordMeterComponent {
66
66
  this.inputElement.focus();
67
67
  }
68
68
  }
69
+ //@ts-ignore
69
70
  checkScore() {
70
71
  return 0;
71
72
  }
@@ -102,7 +102,7 @@ class PasswordMeterComponent {
102
102
  this.inputElement.focus()
103
103
  }
104
104
  }
105
-
105
+ //@ts-ignore
106
106
  private checkScore(): number {
107
107
  return 0
108
108
  }
@@ -216,6 +216,7 @@ class ScrollComponent {
216
216
  }
217
217
  });
218
218
  }
219
+ //@ts-ignore
219
220
  static destroyAll(attr = '[data-kt-scroll="true"]') { }
220
221
  static bootstrap(attr = '[data-kt-scroll="true"]') {
221
222
  ScrollComponent.createInstances(attr);
@@ -260,7 +260,7 @@ class ScrollComponent {
260
260
  }
261
261
  })
262
262
  }
263
-
263
+ //@ts-ignore
264
264
  public static destroyAll(attr: string = '[data-kt-scroll="true"]') {}
265
265
 
266
266
  public static bootstrap(attr: string = '[data-kt-scroll="true"]') {
@@ -80,6 +80,7 @@ class StepperComponent {
80
80
  _getStepDirection = (index) => {
81
81
  return index > this.currentStepIndex ? 'next' : 'previous';
82
82
  };
83
+ // @ts-ignore
83
84
  getStepContent = (index) => {
84
85
  const content = this.element.querySelectorAll('[data-kt-stepper-element="content"]');
85
86
  if (!content) {
@@ -93,6 +94,7 @@ class StepperComponent {
93
94
  getLastStepIndex = () => {
94
95
  return this.totalStepsNumber;
95
96
  };
97
+ // @ts-ignore
96
98
  getTotalStepsNumber = () => {
97
99
  return this.totalStepsNumber;
98
100
  };
@@ -150,6 +152,7 @@ class StepperComponent {
150
152
  isFirstStep = () => {
151
153
  return this.currentStepIndex === 1;
152
154
  };
155
+ // @ts-ignore
153
156
  isBetweenStep = () => {
154
157
  return this.isLastStep() === false && this.isFirstStep() === false;
155
158
  };
@@ -194,6 +197,7 @@ class StepperComponent {
194
197
  return 1;
195
198
  }
196
199
  };
200
+ // @ts-ignore
197
201
  getElement = (index) => {
198
202
  return this.element;
199
203
  };
@@ -116,7 +116,7 @@ class StepperComponent {
116
116
  private _getStepDirection = (index: number) => {
117
117
  return index > this.currentStepIndex ? 'next' : 'previous'
118
118
  }
119
-
119
+ // @ts-ignore
120
120
  private getStepContent = (index: number) => {
121
121
  const content = this.element.querySelectorAll('[data-kt-stepper-element="content"]')
122
122
  if (!content) {
@@ -133,7 +133,7 @@ class StepperComponent {
133
133
  private getLastStepIndex = () => {
134
134
  return this.totalStepsNumber
135
135
  }
136
-
136
+ // @ts-ignore
137
137
  private getTotalStepsNumber = () => {
138
138
  return this.totalStepsNumber
139
139
  }
@@ -205,7 +205,7 @@ class StepperComponent {
205
205
  private isFirstStep = () => {
206
206
  return this.currentStepIndex === 1
207
207
  }
208
-
208
+ // @ts-ignore
209
209
  private isBetweenStep = () => {
210
210
  return this.isLastStep() === false && this.isFirstStep() === false
211
211
  }
@@ -258,7 +258,7 @@ class StepperComponent {
258
258
  return 1
259
259
  }
260
260
  }
261
-
261
+ // @ts-ignore
262
262
  public getElement = (index: number) => {
263
263
  return this.element
264
264
  }
@@ -102,7 +102,9 @@ class SwapperComponent {
102
102
  return EventHandlerUtil.trigger(this.element, name, event);
103
103
  };
104
104
  // Static methods
105
- static getInstance = (el, componentName = defaultSwapperQueires.componentName) => {
105
+ static getInstance = (el,
106
+ //@ts-ignore
107
+ componentName = defaultSwapperQueires.componentName) => {
106
108
  const place = SwapperStore.get(el.id);
107
109
  if (place) {
108
110
  return place;
@@ -137,6 +137,7 @@ class SwapperComponent {
137
137
  // Static methods
138
138
  public static getInstance = (
139
139
  el: HTMLElement,
140
+ //@ts-ignore
140
141
  componentName: string = defaultSwapperQueires.componentName
141
142
  ): SwapperComponent | null => {
142
143
  const place = SwapperStore.get(el.id)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/template",
3
- "version": "1.0.10-beta.8",
3
+ "version": "1.0.10",
4
4
  "description": "Metronic template components and utilities for Fri projects",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",