@soyfri/template 1.0.10-beta.3 → 1.0.10-beta.5
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/README.md +1 -1
- package/dist/assets/ts/_utils/EventHandlerUtil.js +2 -3
- package/dist/assets/ts/_utils/EventHandlerUtil.ts +6 -9
- package/dist/assets/ts/components/MenuComponent.js +6 -3
- package/dist/assets/ts/components/MenuComponent.ts +12 -6
- package/dist/assets/ts/components/_DrawerComponent.js +2 -2
- package/dist/assets/ts/components/_DrawerComponent.ts +5 -4
- package/dist/assets/ts/components/_FeedbackComponent.ts +1 -1
- package/dist/assets/ts/components/_ImageInputComponent.js +1 -1
- package/dist/assets/ts/components/_ImageInputComponent.ts +2 -2
- package/dist/assets/ts/components/_PasswordMeterComponent.ts +1 -1
- package/dist/assets/ts/components/_StepperComponent.ts +6 -7
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@ export class EventHandlerUtil {
|
|
|
6
6
|
static setEventMetasByName(name, handlers) {
|
|
7
7
|
EventHandlerUtil.store[name] = handlers;
|
|
8
8
|
}
|
|
9
|
-
// @ts-ignore
|
|
9
|
+
// @ts-ignore
|
|
10
10
|
static getEventMetaByName(name) {
|
|
11
11
|
return EventHandlerUtil.store[name];
|
|
12
12
|
}
|
|
@@ -18,7 +18,6 @@ export class EventHandlerUtil {
|
|
|
18
18
|
EventHandlerUtil.store[name] = {};
|
|
19
19
|
EventHandlerUtil.store[name][handlerId] = meta;
|
|
20
20
|
}
|
|
21
|
-
//@ts-ignore
|
|
22
21
|
static getEventMetaByHandlerId(name, handlerId) {
|
|
23
22
|
const handlersIds = EventHandlerUtil.store[name];
|
|
24
23
|
if (!handlersIds) {
|
|
@@ -26,7 +25,7 @@ export class EventHandlerUtil {
|
|
|
26
25
|
}
|
|
27
26
|
return handlersIds[handlerId];
|
|
28
27
|
}
|
|
29
|
-
|
|
28
|
+
// @ts-ignore
|
|
30
29
|
static setFiredByNameAndHandlerId(name, handerId, fired) {
|
|
31
30
|
const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId);
|
|
32
31
|
if (!meta) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import {DataUtil} from './_DataUtil'
|
|
2
|
+
import {getUniqueIdWithPrefix} from './_TypesHelpers'
|
|
3
3
|
|
|
4
4
|
export interface EventMeta {
|
|
5
5
|
name: string
|
|
@@ -23,16 +23,15 @@ export class EventHandlerUtil {
|
|
|
23
23
|
): void {
|
|
24
24
|
EventHandlerUtil.store[name] = handlers
|
|
25
25
|
}
|
|
26
|
-
// @ts-ignore
|
|
26
|
+
// @ts-ignore
|
|
27
27
|
private static getEventMetaByName(name: string):
|
|
28
28
|
| {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
[handlerId: string]: EventMeta
|
|
30
|
+
}
|
|
31
31
|
| undefined {
|
|
32
32
|
return EventHandlerUtil.store[name]
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
|
|
36
35
|
private static setEventMetaByNameAndHandlerId(
|
|
37
36
|
name: string,
|
|
38
37
|
handlerId: string,
|
|
@@ -46,7 +45,6 @@ export class EventHandlerUtil {
|
|
|
46
45
|
EventHandlerUtil.store[name][handlerId] = meta
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
//@ts-ignore
|
|
50
48
|
private static getEventMetaByHandlerId(name: string, handlerId: string): EventMeta | undefined {
|
|
51
49
|
const handlersIds = EventHandlerUtil.store[name]
|
|
52
50
|
if (!handlersIds) {
|
|
@@ -54,8 +52,7 @@ export class EventHandlerUtil {
|
|
|
54
52
|
}
|
|
55
53
|
return handlersIds[handlerId]
|
|
56
54
|
}
|
|
57
|
-
|
|
58
|
-
//@ts-ignore
|
|
55
|
+
// @ts-ignore
|
|
59
56
|
private static setFiredByNameAndHandlerId(name: string, handerId: string, fired: boolean): void {
|
|
60
57
|
const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId)
|
|
61
58
|
if (!meta) {
|
|
@@ -262,7 +262,8 @@ class MenuComponent {
|
|
|
262
262
|
_isItemParentShown = (item) => {
|
|
263
263
|
return getElementParents(item, '.menu-item.show').length > 0;
|
|
264
264
|
};
|
|
265
|
-
|
|
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
|
};
|
|
@@ -470,7 +471,8 @@ class MenuComponent {
|
|
|
470
471
|
}
|
|
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 = () => {
|
|
@@ -765,7 +767,8 @@ class MenuComponent {
|
|
|
765
767
|
const item = menuItems[i];
|
|
766
768
|
const menuObj = MenuComponent.getInstance(item);
|
|
767
769
|
if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
|
|
768
|
-
|
|
770
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
771
|
+
// @ts-ignore
|
|
769
772
|
const menu = menuObj.getElement();
|
|
770
773
|
const sub = menuObj.getItemSubElement(item);
|
|
771
774
|
if (item === e.target || item.contains(e.target)) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {createPopper, VirtualElement} from '@popperjs/core'
|
|
2
2
|
import {
|
|
3
3
|
getElementChild,
|
|
4
4
|
getElementParents,
|
|
@@ -352,10 +352,13 @@ class MenuComponent {
|
|
|
352
352
|
private _isItemParentShown = (item: HTMLElement) => {
|
|
353
353
|
return getElementParents(item, '.menu-item.show').length > 0
|
|
354
354
|
}
|
|
355
|
-
|
|
355
|
+
|
|
356
|
+
// Test of it is item sub element
|
|
357
|
+
// @ts-ignore
|
|
356
358
|
private _isItemSubElement = (item: HTMLElement) => {
|
|
357
359
|
return item.classList.contains('menu-sub')
|
|
358
360
|
}
|
|
361
|
+
|
|
359
362
|
// Test if item has sub
|
|
360
363
|
private _hasItemSub = (item: HTMLElement) => {
|
|
361
364
|
return item.classList.contains('menu-item') && item.hasAttribute('data-kt-menu-trigger')
|
|
@@ -602,8 +605,10 @@ class MenuComponent {
|
|
|
602
605
|
} // updated
|
|
603
606
|
}
|
|
604
607
|
|
|
605
|
-
|
|
606
|
-
|
|
608
|
+
// TODO: not done
|
|
609
|
+
// @ts-ignore
|
|
610
|
+
private _destroy = () => {}
|
|
611
|
+
|
|
607
612
|
// Update all item state classes if item sub type changed
|
|
608
613
|
private _update = () => {
|
|
609
614
|
const items = this.element.querySelectorAll('.menu-item[data-kt-menu-trigger]')
|
|
@@ -956,7 +961,8 @@ class MenuComponent {
|
|
|
956
961
|
const item = menuItems[i] as HTMLElement
|
|
957
962
|
const menuObj = MenuComponent.getInstance(item) as MenuComponent
|
|
958
963
|
if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
|
|
959
|
-
|
|
964
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
965
|
+
// @ts-ignore
|
|
960
966
|
const menu = menuObj.getElement()
|
|
961
967
|
const sub = menuObj.getItemSubElement(item) as HTMLElement
|
|
962
968
|
if (item === e.target || item.contains(e.target as HTMLElement)) {
|
|
@@ -1084,4 +1090,4 @@ class MenuComponent {
|
|
|
1084
1090
|
}
|
|
1085
1091
|
}
|
|
1086
1092
|
|
|
1087
|
-
export {
|
|
1093
|
+
export {MenuComponent, defaultMenuOptions}
|
|
@@ -192,11 +192,11 @@ class DrawerComponent {
|
|
|
192
192
|
this.overlayElement.parentNode.removeChild(this.overlayElement);
|
|
193
193
|
}
|
|
194
194
|
};
|
|
195
|
-
|
|
195
|
+
// @ts-ignore
|
|
196
196
|
_getDirection = () => {
|
|
197
197
|
return String(this._getOption('direction')) === 'left' ? 'left' : 'right';
|
|
198
198
|
};
|
|
199
|
-
|
|
199
|
+
// @ts-ignore
|
|
200
200
|
_getWidth = () => {
|
|
201
201
|
let width = this._getOption('width');
|
|
202
202
|
if (width && width === 'auto') {
|
|
@@ -223,7 +223,7 @@ class DrawerComponent {
|
|
|
223
223
|
this.overlayElement.classList.add(overlayClassOption.toString())
|
|
224
224
|
}
|
|
225
225
|
|
|
226
|
-
if(!this._getOption('permanent')){
|
|
226
|
+
if (!this._getOption('permanent')) {
|
|
227
227
|
this.overlayElement.addEventListener('click', (e) => {
|
|
228
228
|
e.preventDefault()
|
|
229
229
|
this._hide()
|
|
@@ -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') {
|
|
@@ -250,6 +250,7 @@ class DrawerComponent {
|
|
|
250
250
|
|
|
251
251
|
return width
|
|
252
252
|
}
|
|
253
|
+
|
|
253
254
|
///////////////////////
|
|
254
255
|
// ** Public API ** //
|
|
255
256
|
///////////////////////
|
|
@@ -384,4 +385,4 @@ class DrawerComponent {
|
|
|
384
385
|
}
|
|
385
386
|
}
|
|
386
387
|
|
|
387
|
-
export {DrawerComponent, defaultDrawerOptions}
|
|
388
|
+
export { DrawerComponent, defaultDrawerOptions }
|
|
@@ -120,8 +120,7 @@ class ImageInputComponent {
|
|
|
120
120
|
// Fire canceled event
|
|
121
121
|
EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e)
|
|
122
122
|
}
|
|
123
|
-
|
|
124
|
-
//@ts-ignore
|
|
123
|
+
// @ts-ignore
|
|
125
124
|
private _remove = (e: Event) => {
|
|
126
125
|
e.preventDefault()
|
|
127
126
|
|
|
@@ -147,6 +146,7 @@ class ImageInputComponent {
|
|
|
147
146
|
// Fire removed event
|
|
148
147
|
EventHandlerUtil.trigger(this.element, 'kt.imageinput.removed', e)
|
|
149
148
|
}
|
|
149
|
+
|
|
150
150
|
///////////////////////
|
|
151
151
|
// ** Public API ** //
|
|
152
152
|
///////////////////////
|
|
@@ -116,8 +116,7 @@ class StepperComponent {
|
|
|
116
116
|
private _getStepDirection = (index: number) => {
|
|
117
117
|
return index > this.currentStepIndex ? 'next' : 'previous'
|
|
118
118
|
}
|
|
119
|
-
|
|
120
|
-
//@ts-ignore
|
|
119
|
+
//@ts-ignore
|
|
121
120
|
private getStepContent = (index: number) => {
|
|
122
121
|
const content = this.element.querySelectorAll('[data-kt-stepper-element="content"]')
|
|
123
122
|
if (!content) {
|
|
@@ -130,14 +129,15 @@ class StepperComponent {
|
|
|
130
129
|
|
|
131
130
|
return false
|
|
132
131
|
}
|
|
132
|
+
|
|
133
133
|
private getLastStepIndex = () => {
|
|
134
134
|
return this.totalStepsNumber
|
|
135
135
|
}
|
|
136
|
-
|
|
137
|
-
//@ts-ignore
|
|
136
|
+
//@ts-ignore
|
|
138
137
|
private getTotalStepsNumber = () => {
|
|
139
138
|
return this.totalStepsNumber
|
|
140
139
|
}
|
|
140
|
+
|
|
141
141
|
private refreshUI = () => {
|
|
142
142
|
let state = ''
|
|
143
143
|
|
|
@@ -205,8 +205,7 @@ class StepperComponent {
|
|
|
205
205
|
private isFirstStep = () => {
|
|
206
206
|
return this.currentStepIndex === 1
|
|
207
207
|
}
|
|
208
|
-
|
|
209
|
-
//@ts-ignore
|
|
208
|
+
//@ts-ignore
|
|
210
209
|
private isBetweenStep = () => {
|
|
211
210
|
return this.isLastStep() === false && this.isFirstStep() === false
|
|
212
211
|
}
|
|
@@ -330,4 +329,4 @@ class StepperComponent {
|
|
|
330
329
|
}
|
|
331
330
|
}
|
|
332
331
|
|
|
333
|
-
export {
|
|
332
|
+
export {StepperComponent, defaultStepperOptions}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soyfri/template",
|
|
3
|
-
"version": "1.0.10-beta.
|
|
3
|
+
"version": "1.0.10-beta.5",
|
|
4
4
|
"description": "Metronic template components and utilities for Fri projects",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
"react-flatpickr": "^3.10.13",
|
|
58
58
|
"@formatjs/intl-pluralrules": "5.2.4",
|
|
59
59
|
"@formatjs/intl-relativetimeformat": "11.2.4"
|
|
60
|
+
|
|
60
61
|
},
|
|
61
62
|
"devDependencies": {
|
|
62
63
|
"@types/bootstrap": "5.1.10",
|
|
@@ -70,4 +71,5 @@
|
|
|
70
71
|
"publishConfig": {
|
|
71
72
|
"access": "public"
|
|
72
73
|
}
|
|
73
|
-
|
|
74
|
+
|
|
75
|
+
}
|