Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Refactor autosize and input mask plugins to use window scope (#2208)

Browse Source
This commit is contained in:
Paweł Kuna
2025-03-10 21:54:01 +01:00
committed by GitHub
parent aea3b0a614
commit e3d68d6aab
6 changed files with 3118 additions and 2454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/stale-lions-talk.md Normal file
View File

@@ -0,0 +1,6 @@
---
"@tabler/core": patch
"preview": patch
---
Fix `autosize` and `input mask` plugins to use window scope

5
core/js/src/autosize.js
View File

@@ -1,10 +1,7 @@
// Autosize plugin // Autosize plugin
import autosize from 'autosize';
const elements = document.querySelectorAll('[data-bs-toggle="autosize"]'); const elements = document.querySelectorAll('[data-bs-toggle="autosize"]');
if (elements.length) { if (elements.length) {
elements.forEach(function (element) { elements.forEach(function (element) {
autosize && autosize(element); window.autosize && window.autosize(element);
}); });
} }

4
core/js/src/input-mask.js
View File

@@ -1,10 +1,8 @@
// Input mask plugin // Input mask plugin
import IMask from 'imask';
var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]')); var maskElementList = [].slice.call(document.querySelectorAll('[data-mask]'));
maskElementList.map(function (maskEl) { maskElementList.map(function (maskEl) {
IMask && new IMask(maskEl, { window.IMask && new window.IMask(maskEl, {
mask: maskEl.dataset.mask, mask: maskEl.dataset.mask,
lazy: maskEl.dataset['mask-visible'] === 'true' lazy: maskEl.dataset['mask-visible'] === 'true'
}) })

5553
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

2
preview/pages/_data/libs.json
View File

@@ -6,6 +6,8 @@
"nouislider": "nouislider" "nouislider": "nouislider"
}, },
"js": { "js": {
"imask": "imask/dist/imask.min.js",
"autosize": "autosize/dist/autosize.min.js",
"apexcharts": "apexcharts/dist/apexcharts.min.js", "apexcharts": "apexcharts/dist/apexcharts.min.js",
"nouislider": "nouislider/dist/nouislider.min.js", "nouislider": "nouislider/dist/nouislider.min.js",
"countup": "countup.js/dist/countUp.umd.js", "countup": "countup.js/dist/countUp.umd.js",

2
preview/pages/form-elements.html
View File

@@ -2,7 +2,7 @@
title: Form elements title: Form elements
page-header: Form elements page-header: Form elements
page-menu: forms page-menu: forms
page-libs: [nouislider, autosize, tabler-flags, tabler-payments, litepicker, tom-select] page-libs: [nouislider, autosize, tabler-flags, tabler-payments, litepicker, tom-select, imask]
layout: default layout: default
permalink: form-elements.html permalink: form-elements.html
--- ---