@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.
- package/dist/assets/ts/_utils/DomHelpers.js +1 -0
- package/dist/assets/ts/_utils/DomHelpers.ts +1 -1
- package/dist/assets/ts/_utils/EventHandlerUtil.js +4 -0
- package/dist/assets/ts/_utils/EventHandlerUtil.ts +4 -4
- package/dist/assets/ts/components/MenuComponent.js +8 -1
- package/dist/assets/ts/components/MenuComponent.ts +8 -1
- package/dist/assets/ts/components/_DrawerComponent.js +2 -0
- package/dist/assets/ts/components/_DrawerComponent.ts +2 -2
- package/dist/assets/ts/components/_FeedbackComponent.js +4 -0
- package/dist/assets/ts/components/_FeedbackComponent.ts +4 -2
- package/dist/assets/ts/components/_ImageInputComponent.js +1 -0
- package/dist/assets/ts/components/_ImageInputComponent.ts +1 -1
- package/dist/assets/ts/components/_PasswordMeterComponent.js +1 -0
- package/dist/assets/ts/components/_PasswordMeterComponent.ts +1 -1
- package/dist/assets/ts/components/_ScrollComponent.js +1 -0
- package/dist/assets/ts/components/_ScrollComponent.ts +1 -1
- package/dist/assets/ts/components/_StepperComponent.js +4 -0
- package/dist/assets/ts/components/_StepperComponent.ts +4 -4
- package/dist/assets/ts/components/_SwapperComponent.js +3 -1
- package/dist/assets/ts/components/_SwapperComponent.ts +1 -0
- package/package.json +1 -1
|
@@ -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
|
}
|
|
@@ -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,
|
|
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)
|