@optionfactory/ful 0.71.0 → 0.73.0
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/ful.css +1 -1
- package/dist/ful.css.map +1 -1
- package/dist/ful.iife.js +21 -148
- package/dist/ful.iife.js.map +1 -1
- package/dist/ful.iife.min.js +1 -1
- package/dist/ful.iife.min.js.map +1 -1
- package/dist/ful.min.mjs +1 -1
- package/dist/ful.min.mjs.map +1 -1
- package/dist/ful.mjs +22 -147
- package/dist/ful.mjs.map +1 -1
- package/package.json +1 -1
package/dist/ful.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
ful-errors{--ful-errors-color:var(--bs-danger-text-emphasis);--ful-errors-bg:var(--bs-danger-bg-subtle);--ful-errors-border-color:var(--bs-danger-border-subtle);--ful-errors-border-radius:0.375rem;background-color:var(--ful-errors-bg);border:1px solid var(--ful-errors-border-color);border-radius:var(--ful-errors-border-radius);color:var(--ful-errors-color);display:block;margin-bottom:1rem;padding:1rem}ful-field-error{display:none}[ful-validated-field]:has(.is-invalid) ful-field-error{color:var(--bs-form-invalid-color);display:block;font-size:.875em;margin-top:.25rem}ful-input:not(:defined){visibility:hidden}ful-input{display:block}ful-input:has(.is-invalid) ful-field-error{display:block}ful-select:not(:defined){visibility:hidden}ful-select{display:block}ful-select .ts-control{border-radius:inherit!important}ful-select:has(.is-invalid) .invalid-feedback{display:block}ful-select:has(.is-invalid) .form-control,ful-select:has(.is-invalid) .form-select{border-color:var(--bs-form-invalid-border-color)!important}ful-select:has(.is-invalid) .focus .ts-control{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}ful-radio-group:not(:defined){visibility:hidden}ful-radio{display:none}ful-radio-group{--ful-radio-group-label-border-color:var(--bs-border-color);--ful-radio-group-label-border-color-checked:#46ce95;--ful-radio-group-label-background-color:inherit;--ful-radio-group-label-background-color-checked:#f5fffc;display:block}ful-radio-group>fieldset legend{font-size:16px;margin:0}ful-radio-group>fieldset>section{display:grid;gap:10px;grid-template-columns:1fr}ful-radio-group.horizontal>fieldset>section{gap:16px;grid-template-columns:1fr 1fr}ful-radio-group>fieldset input[type=radio]{height:16px;margin-left:8px;margin-right:12px;vertical-align:text-bottom;width:16px}ful-radio-group>fieldset label:has(input[type=radio]){background-color:var(--ful-radio-group-label-background-color);border:1px solid var(--ful-radio-group-label-border-color);border-radius:4px;display:block;padding:6px 10px}ful-radio-group>fieldset label:has(input[type=radio].is-invalid){border-color:var(--bs-form-invalid-border-color)}ful-radio-group>fieldset label:has(input[type=radio]:checked){background-color:var(--ful-radio-group-label-background-color-checked);border-color:var(--ful-radio-group-label-border-color-checked)}ful-radio-group:has(.is-invalid) ful-field-error{display:block}ful-spinner:not(:defined){visibility:hidden}ful-spinner{--ful-spinner-icon-width:1rem;--ful-spinner-icon-height:1rem;--ful-spinner-icon-border-width:0.2em;--ful-spinner-icon-vertical-align:-0.125em;--ful-spinner-icon-animation-speed:0.75s;--ful-spinner-icon-animation-name:spinner-border;--ful-spinner-icon-color:currentcolor}ful-spinner.centered{align-items:center;display:flex;justify-content:center}ful-spinner.big{--ful-spinner-icon-width:2rem;--ful-spinner-icon-height:2rem;--ful-spinner-icon-border-width:0.25em}ful-spinner.backdrop,ful-spinner.bigger{--ful-spinner-icon-width:4rem;--ful-spinner-icon-height:4rem;--ful-spinner-icon-border-width:0.5em}ful-spinner.backdrop{align-items:center;background-color:hsla(0,0%,65%,.8);display:flex;height:100vh;justify-content:center;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:2000}ful-spinner>.ful-spinner-wrapper{display:inline}ful-spinner.backdrop>.ful-spinner-wrapper{background-color:#fff;border-radius:1rem;padding:2rem}ful-spinner>.ful-spinner-wrapper>.ful-spinner-icon{animation:var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);border:var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);border-radius:50%;border-right-color:transparent;display:inline-block;height:var(--ful-spinner-icon-height);vertical-align:var(--ful-spinner-icon-vertical-align);width:var(--ful-spinner-icon-width)}body:has(ful-spinner.backdrop:not([hidden])){overflow:hidden}
|
|
1
|
+
ful-errors{--ful-errors-color:var(--bs-danger-text-emphasis);--ful-errors-bg:var(--bs-danger-bg-subtle);--ful-errors-border-color:var(--bs-danger-border-subtle);--ful-errors-border-radius:0.375rem;background-color:var(--ful-errors-bg);border:1px solid var(--ful-errors-border-color);border-radius:var(--ful-errors-border-radius);color:var(--ful-errors-color);display:block;margin-bottom:1rem;padding:1rem}ful-field-error{display:none}[ful-validated-field]:has(.is-invalid) ful-field-error{color:var(--bs-form-invalid-color);display:block;font-size:.875em;margin-top:.25rem}ful-input:not(:defined){visibility:hidden}ful-input{display:block}ful-input:has(.is-invalid) ful-field-error{display:block}ful-select:not(:defined){visibility:hidden}ful-select{display:block}ful-select .ts-control{border-radius:inherit!important}ful-select:has(.is-invalid) .invalid-feedback{display:block}ful-select:has(.is-invalid) .form-control,ful-select:has(.is-invalid) .form-select{border-color:var(--bs-form-invalid-border-color)!important}ful-select:has(.is-invalid) .focus .ts-control{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}ful-radio-group:not(:defined){visibility:hidden}ful-radio{display:none}ful-radio-group{--ful-radio-group-label-border-color:var(--bs-border-color);--ful-radio-group-label-border-color-checked:#46ce95;--ful-radio-group-label-background-color:inherit;--ful-radio-group-label-background-color-checked:#f5fffc;display:block}ful-radio-group>fieldset legend{font-size:16px;margin:0}ful-radio-group>fieldset>section{display:grid;gap:10px;grid-template-columns:1fr}ful-radio-group.horizontal>fieldset>section{gap:16px;grid-template-columns:1fr 1fr}ful-radio-group>fieldset input[type=radio]{height:16px;margin-left:8px;margin-right:12px;vertical-align:text-bottom;width:16px}ful-radio-group>fieldset label:has(input[type=radio]){background-color:var(--ful-radio-group-label-background-color);border:1px solid var(--ful-radio-group-label-border-color);border-radius:4px;display:block;padding:6px 10px}ful-radio-group>fieldset label:has(input[type=radio].is-invalid){border-color:var(--bs-form-invalid-border-color)}ful-radio-group>fieldset label:has(input[type=radio]:checked){background-color:var(--ful-radio-group-label-background-color-checked);border-color:var(--ful-radio-group-label-border-color-checked)}ful-radio-group:has(.is-invalid) ful-field-error{display:block}ful-spinner:not(:defined){visibility:hidden}ful-spinner{--ful-spinner-icon-width:1rem;--ful-spinner-icon-height:1rem;--ful-spinner-icon-border-width:0.2em;--ful-spinner-icon-vertical-align:-0.125em;--ful-spinner-icon-animation-speed:0.75s;--ful-spinner-icon-animation-name:spinner-border;--ful-spinner-icon-color:currentcolor}ful-spinner.centered{align-items:center;display:flex;justify-content:center}ful-spinner.big{--ful-spinner-icon-width:2rem;--ful-spinner-icon-height:2rem;--ful-spinner-icon-border-width:0.25em}ful-spinner.backdrop,ful-spinner.bigger{--ful-spinner-icon-width:4rem;--ful-spinner-icon-height:4rem;--ful-spinner-icon-border-width:0.5em}ful-spinner.backdrop{align-items:center;background-color:hsla(0,0%,65%,.8);display:flex;height:100vh;justify-content:center;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:2000}ful-spinner>.ful-spinner-wrapper{display:inline}ful-spinner.backdrop>.ful-spinner-wrapper{background-color:#fff;border-radius:1rem;padding:2rem}ful-spinner>.ful-spinner-wrapper>.ful-spinner-icon{animation:var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);border:var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);border-radius:50%;border-right-color:transparent;display:inline-block;height:var(--ful-spinner-icon-height);vertical-align:var(--ful-spinner-icon-vertical-align);width:var(--ful-spinner-icon-width)}body:has(ful-spinner.backdrop:not([hidden])){overflow:hidden}
|
|
2
2
|
/*# sourceMappingURL=ful.css.map */
|
package/dist/ful.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["errors.scss","input.scss","select.scss","radio.scss","spinner.scss"
|
|
1
|
+
{"version":3,"sources":["errors.scss","input.scss","select.scss","radio.scss","spinner.scss"],"names":[],"mappings":"AAAA,WACE,iDAAkD,CAClD,0CAA2C,CAC3C,wDAAyD,CACzD,mCAAoC,CAKpC,qCAAsC,CACtC,+CAAgD,CAChD,6CAA8C,CAH9C,6BAA8B,CAH9B,aAAc,CAEd,kBAAmB,CADnB,YAMF,CAEA,gBACE,YACF,CAEA,uDAIE,kCAAmC,CAHnC,aAAc,CAEd,gBAAkB,CADlB,iBAGF,CCvBA,wBACE,iBACF,CAEA,UACE,aACF,CAEA,2CACE,aACF,CCVA,yBACE,iBACF,CAEA,WACE,aACF,CAEA,uBAEE,+BACF,CAEA,8CACE,aACF,CAEA,mFAEE,0DACF,CAEA,+CACE,sDACF,CCxBA,8BACE,iBACF,CAEA,UACE,YACF,CAEA,gBAEE,2DAA4D,CAC5D,oDAAqD,CACrD,gDAAiD,CACjD,wDAAyD,CAJzD,aAKF,CAEA,gCACE,cAAe,CACf,QACF,CAEA,iCACE,YAAa,CACb,QAAS,CACT,yBACF,CAEA,4CACE,QAAS,CACT,6BACF,CAEA,2CAGE,WAAY,CAFZ,eAAgB,CAChB,iBAAkB,CAGlB,0BAA2B,CAD3B,UAEF,CAEA,sDAGE,8DAA+D,CAD/D,0DAA2D,CAE3D,iBAAkB,CAHlB,aAAc,CAId,gBACF,CAEA,iEACE,gDACF,CAEA,8DACE,sEAAuE,CACvE,8DACF,CAEA,iDACE,aACF,CC3DA,0BACE,iBACF,CAEA,YACE,6BAA8B,CAC9B,8BAA+B,CAC/B,qCAAsC,CACtC,0CAA2C,CAC3C,wCAAyC,CACzC,gDAAiD,CACjD,qCACF,CAEA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,sBACF,CAEA,gBACE,6BAA8B,CAC9B,8BAA+B,CAC/B,sCACF,CAQA,wCALE,6BAA8B,CAC9B,8BAA+B,CAC/B,qCAoBF,CAjBA,qBAeE,kBAAmB,CAFnB,kCAA0C,CAC1C,YAAa,CALb,YAAa,CAOb,sBAAuB,CATvB,MAAO,CAKP,SAAU,CAFV,iBAAkB,CAClB,eAAgB,CANhB,cAAe,CACf,KAAM,CAEN,WAAY,CAJZ,YAaF,CAEA,iCACE,cACF,CAEA,0CAEE,qBAAuB,CACvB,kBAAmB,CAFnB,YAGF,CAEA,mDAQE,wGAAyG,CAFzG,+EAAgF,CADhF,iBAAkB,CAElB,8BAA+B,CAN/B,oBAAqB,CAErB,qCAAsC,CACtC,qDAAsD,CAFtD,mCAOF,CAEA,6CACE,eACF","file":"ful.css","sourcesContent":["ful-errors {\n --ful-errors-color: var(--bs-danger-text-emphasis);\n --ful-errors-bg: var(--bs-danger-bg-subtle);\n --ful-errors-border-color: var(--bs-danger-border-subtle);\n --ful-errors-border-radius: 0.375rem;\n display: block;\n padding: 1rem;\n margin-bottom: 1rem;\n color: var(--ful-errors-color);\n background-color: var(--ful-errors-bg);\n border: 1px solid var(--ful-errors-border-color);\n border-radius: var(--ful-errors-border-radius);\n}\n\nful-field-error {\n display: none;\n}\n\n[ful-validated-field]:has(.is-invalid) ful-field-error {\n display: block;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: var(--bs-form-invalid-color);\n}","ful-input:not(:defined) {\n visibility: hidden;\n}\n\nful-input {\n display: block;\n}\n\nful-input:has(.is-invalid) ful-field-error {\n display: block;\n}","ful-select:not(:defined) {\n visibility: hidden;\n}\n\nful-select {\n display: block;\n}\n\nful-select .ts-control {\n /*fixes border radius on box-shadow*/\n border-radius: inherit !important;\n}\n\nful-select:has(.is-invalid) .invalid-feedback {\n display: block;\n}\n\nful-select:has(.is-invalid) .form-select,\nful-select:has(.is-invalid) .form-control {\n border-color: var(--bs-form-invalid-border-color) !important;\n}\n\nful-select:has(.is-invalid) .focus .ts-control {\n box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);\n}","ful-radio-group:not(:defined) {\n visibility: hidden;\n}\n\nful-radio {\n display: none;\n}\n\nful-radio-group {\n display: block;\n --ful-radio-group-label-border-color: var(--bs-border-color);\n --ful-radio-group-label-border-color-checked: #46ce95;\n --ful-radio-group-label-background-color: inherit;\n --ful-radio-group-label-background-color-checked: #f5fffc;\n}\n\nful-radio-group > fieldset legend {\n font-size: 16px;\n margin: 0;\n}\n\nful-radio-group > fieldset > section {\n display: grid;\n gap: 10px;\n grid-template-columns: 1fr;\n}\n\nful-radio-group.horizontal > fieldset > section {\n gap: 16px;\n grid-template-columns: 1fr 1fr;\n}\n\nful-radio-group > fieldset input[type=radio] {\n margin-left: 8px;\n margin-right: 12px;\n height: 16px;\n width: 16px;\n vertical-align: text-bottom;\n}\n\nful-radio-group > fieldset label:has(input[type=radio]) {\n display: block;\n border: 1px solid var(--ful-radio-group-label-border-color);\n background-color: var(--ful-radio-group-label-background-color);\n border-radius: 4px;\n padding: 6px 10px;\n}\n\nful-radio-group > fieldset label:has(input[type=radio].is-invalid) {\n border-color: var(--bs-form-invalid-border-color);\n}\n\nful-radio-group > fieldset label:has(input[type=radio]:checked) {\n background-color: var(--ful-radio-group-label-background-color-checked);\n border-color: var(--ful-radio-group-label-border-color-checked);\n}\n\nful-radio-group:has(.is-invalid) ful-field-error {\n display: block;\n}","ful-spinner:not(:defined) {\n visibility: hidden;\n}\n\nful-spinner {\n --ful-spinner-icon-width: 1rem;\n --ful-spinner-icon-height: 1rem;\n --ful-spinner-icon-border-width: 0.2em;\n --ful-spinner-icon-vertical-align: -0.125em;\n --ful-spinner-icon-animation-speed: 0.75s;\n --ful-spinner-icon-animation-name: spinner-border;\n --ful-spinner-icon-color: currentcolor;\n}\n\nful-spinner.centered {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\nful-spinner.big {\n --ful-spinner-icon-width: 2rem;\n --ful-spinner-icon-height: 2rem;\n --ful-spinner-icon-border-width: 0.25em;\n}\n\nful-spinner.bigger {\n --ful-spinner-icon-width: 4rem;\n --ful-spinner-icon-height: 4rem;\n --ful-spinner-icon-border-width: 0.5em;\n}\n\nful-spinner.backdrop {\n --ful-spinner-icon-width: 4rem;\n --ful-spinner-icon-height: 4rem;\n --ful-spinner-icon-border-width: 0.5em;\n z-index: 2000;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n background-color: rgba(167, 167, 167, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\nful-spinner > .ful-spinner-wrapper {\n display: inline;\n}\n\nful-spinner.backdrop > .ful-spinner-wrapper {\n padding: 2rem;\n background-color: white;\n border-radius: 1rem;\n}\n\nful-spinner > .ful-spinner-wrapper > .ful-spinner-icon {\n display: inline-block;\n width: var(--ful-spinner-icon-width);\n height: var(--ful-spinner-icon-height);\n vertical-align: var(--ful-spinner-icon-vertical-align);\n border-radius: 50%;\n border: var(--ful-spinner-icon-border-width) solid var(--ful-spinner-icon-color);\n border-right-color: transparent;\n animation: var(--ful-spinner-icon-animation-speed) linear infinite var(--ful-spinner-icon-animation-name);\n}\n\nbody:has(ful-spinner.backdrop:not([hidden])) {\n overflow: hidden;\n}"]}
|
package/dist/ful.iife.js
CHANGED
|
@@ -569,40 +569,6 @@ var ful = (function (exports) {
|
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
571
|
|
|
572
|
-
// SyncEvent.on($0, 'asd', async e => { await ful.timing.sleep(10_000); return 3; })
|
|
573
|
-
// const success = await new SyncEvent("asd").dispatchTo($0);
|
|
574
|
-
class SyncEvent extends CustomEvent {
|
|
575
|
-
#promises;
|
|
576
|
-
#results;
|
|
577
|
-
constructor(type, options) {
|
|
578
|
-
super(type, {...options, cancelable: true});
|
|
579
|
-
this.#promises = [];
|
|
580
|
-
this.#results = [];
|
|
581
|
-
}
|
|
582
|
-
get results(){
|
|
583
|
-
return this.#results;
|
|
584
|
-
}
|
|
585
|
-
|
|
586
|
-
async dispatchTo(el) {
|
|
587
|
-
// unlike "native" events, which are fired by the browser and invoke
|
|
588
|
-
// event handlers asynchronously via the event loop, dispatchEvent()
|
|
589
|
-
// invokes event handlers synchronously.
|
|
590
|
-
// see: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent
|
|
591
|
-
el.dispatchEvent(this);
|
|
592
|
-
//we ignore the result of dispatchEvent and use defaultPrevented instead
|
|
593
|
-
//because handlers can be async
|
|
594
|
-
this.#results = await Promise.all(this.#promises);
|
|
595
|
-
return !this.defaultPrevented;
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
static on(el, type, h, useCapture) {
|
|
599
|
-
el.addEventListener(type, e => {
|
|
600
|
-
//e *must* be an async event
|
|
601
|
-
e.#promises.push(h(e));
|
|
602
|
-
}, useCapture);
|
|
603
|
-
}
|
|
604
|
-
}
|
|
605
|
-
|
|
606
572
|
class Fragments {
|
|
607
573
|
/**
|
|
608
574
|
*
|
|
@@ -610,11 +576,9 @@ var ful = (function (exports) {
|
|
|
610
576
|
* @returns
|
|
611
577
|
*/
|
|
612
578
|
static fromHtml(...html) {
|
|
613
|
-
const el = document.createElement("
|
|
579
|
+
const el = document.createElement("template");
|
|
614
580
|
el.innerHTML = html.join("");
|
|
615
|
-
|
|
616
|
-
fragment.append(...el.childNodes);
|
|
617
|
-
return fragment;
|
|
581
|
+
return el.content;
|
|
618
582
|
}
|
|
619
583
|
/**
|
|
620
584
|
*
|
|
@@ -622,9 +586,9 @@ var ful = (function (exports) {
|
|
|
622
586
|
* @returns
|
|
623
587
|
*/
|
|
624
588
|
static toHtml(fragment) {
|
|
625
|
-
var
|
|
626
|
-
|
|
627
|
-
return
|
|
589
|
+
var el = document.createElement("template");
|
|
590
|
+
el.content.appendChild(fragment);
|
|
591
|
+
return el.innerHTML;
|
|
628
592
|
}
|
|
629
593
|
/**
|
|
630
594
|
*
|
|
@@ -963,18 +927,8 @@ var ful = (function (exports) {
|
|
|
963
927
|
return this.internals.states.has(`--${attr}`);
|
|
964
928
|
},
|
|
965
929
|
set(value) {
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
const after = new SyncEvent(`${attr}:${this.initialized ? 'changed' : 'inited'}`, { detail });
|
|
969
|
-
(async () => {
|
|
970
|
-
if (!await before.dispatchTo(this)) {
|
|
971
|
-
return;
|
|
972
|
-
}
|
|
973
|
-
//see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet#using_double_dash_prefixed_idents
|
|
974
|
-
this.internals.states[value ? 'add' : 'delete'](`--${attr}`);
|
|
975
|
-
this.reflect(() => Attributes.toggle(this, attr, value));
|
|
976
|
-
await after.dispatchTo(this);
|
|
977
|
-
})();
|
|
930
|
+
this.internals.states[value ? 'add' : 'delete'](`--${attr}`);
|
|
931
|
+
this.reflect(() => Attributes.toggle(this, attr, value));
|
|
978
932
|
}
|
|
979
933
|
});
|
|
980
934
|
}
|
|
@@ -1036,7 +990,7 @@ var ful = (function (exports) {
|
|
|
1036
990
|
if (el.dataset['fulBindType'] === 'boolean') {
|
|
1037
991
|
return !el.value ? null : el.value === 'true';
|
|
1038
992
|
}
|
|
1039
|
-
return el.value || null;
|
|
993
|
+
return el.value === '' || el.value === undefined ? null : el.value;
|
|
1040
994
|
}
|
|
1041
995
|
|
|
1042
996
|
function mutate(el, raw) {
|
|
@@ -1170,9 +1124,7 @@ var ful = (function (exports) {
|
|
|
1170
1124
|
input.setAttribute('ful-validation-target', '');
|
|
1171
1125
|
input.addEventListener('change', (evt) => {
|
|
1172
1126
|
evt.stopPropagation();
|
|
1173
|
-
|
|
1174
|
-
evt.preventDefault();
|
|
1175
|
-
}
|
|
1127
|
+
Events.dispatchChange(el, el.value);
|
|
1176
1128
|
});
|
|
1177
1129
|
const id = input.getAttribute('id') || el.getAttribute('input-id') || Attributes.uid('ful-input');
|
|
1178
1130
|
Attributes.forward('input-', el, slots.input);
|
|
@@ -1196,9 +1148,6 @@ var ful = (function (exports) {
|
|
|
1196
1148
|
return this.input.value;
|
|
1197
1149
|
}
|
|
1198
1150
|
set value(value) {
|
|
1199
|
-
if(!Events.dispatchChange(this, value)){
|
|
1200
|
-
return;
|
|
1201
|
-
}
|
|
1202
1151
|
this.input.value = value;
|
|
1203
1152
|
}
|
|
1204
1153
|
}
|
|
@@ -1277,13 +1226,14 @@ var ful = (function (exports) {
|
|
|
1277
1226
|
}
|
|
1278
1227
|
callback(data);
|
|
1279
1228
|
};
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
1229
|
this.ts = new TomSelect(input, Object.assign(remote ? {
|
|
1283
1230
|
preload: 'focus',
|
|
1284
1231
|
load: this._unwrappedRemoteLoad,
|
|
1285
1232
|
shouldLoad: (query) => this.shouldLoad ? this.shouldLoad(query) : true
|
|
1286
1233
|
} : {}, tsDefaultConfig, this.tsConfig));
|
|
1234
|
+
this.ts.on('change', value => {
|
|
1235
|
+
Events.dispatchChange(this, this.value);
|
|
1236
|
+
});
|
|
1287
1237
|
//we remove the input to move it
|
|
1288
1238
|
input.addEventListener('change', (evt) => {
|
|
1289
1239
|
evt.stopPropagation();
|
|
@@ -1292,10 +1242,10 @@ var ful = (function (exports) {
|
|
|
1292
1242
|
template.renderTo(this, { id, tsId, name, input, slots });
|
|
1293
1243
|
}
|
|
1294
1244
|
#loader;
|
|
1295
|
-
set loader(l){
|
|
1245
|
+
set loader(l) {
|
|
1296
1246
|
this.#loader = l;
|
|
1297
1247
|
// loader can be configured later so we load now
|
|
1298
|
-
if(this.hasAttribute('value')){
|
|
1248
|
+
if (this.hasAttribute('value')) {
|
|
1299
1249
|
this.value = this.getAttribute("value");
|
|
1300
1250
|
}
|
|
1301
1251
|
}
|
|
@@ -1304,14 +1254,12 @@ var ful = (function (exports) {
|
|
|
1304
1254
|
return v === '' ? null : v;
|
|
1305
1255
|
}
|
|
1306
1256
|
set value(value) {
|
|
1307
|
-
if(!Events.dispatchChange(this, value)){
|
|
1308
|
-
return;
|
|
1309
|
-
}
|
|
1310
1257
|
(async () => {
|
|
1311
1258
|
if (this._remote) {
|
|
1312
1259
|
await this._unwrappedRemoteLoad({ byId: value }, this.ts.loadCallback.bind(this.ts));
|
|
1313
1260
|
}
|
|
1314
|
-
|
|
1261
|
+
const silent = true;
|
|
1262
|
+
this.ts.setValue(value, silent);
|
|
1315
1263
|
})();
|
|
1316
1264
|
}
|
|
1317
1265
|
}
|
|
@@ -1353,12 +1301,11 @@ var ful = (function (exports) {
|
|
|
1353
1301
|
input.setAttribute('name', `${name}-ignore`);
|
|
1354
1302
|
input.setAttribute('ful-validation-target', '');
|
|
1355
1303
|
input.dataset['fulBindInclude'] = 'never';
|
|
1356
|
-
input.addEventListener('change',
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
});
|
|
1304
|
+
input.addEventListener('change', evt => {
|
|
1305
|
+
evt.stopPropagation();
|
|
1306
|
+
//change is not cancelable
|
|
1307
|
+
Events.dispatchChange(el, this.value);
|
|
1308
|
+
});
|
|
1362
1309
|
const label = Fragments.fromChildNodes(el);
|
|
1363
1310
|
return [input, label];
|
|
1364
1311
|
});
|
|
@@ -1392,78 +1339,6 @@ var ful = (function (exports) {
|
|
|
1392
1339
|
}
|
|
1393
1340
|
}
|
|
1394
1341
|
|
|
1395
|
-
class Wizard extends HTMLElement {
|
|
1396
|
-
constructor() {
|
|
1397
|
-
super();
|
|
1398
|
-
this.progress = [...this.children].filter(e => e.matches("header,ol,ul"));
|
|
1399
|
-
|
|
1400
|
-
this.progress.forEach(p => {
|
|
1401
|
-
const children = [...p.children];
|
|
1402
|
-
const current = children.filter(e => e.matches(".active"))[0];
|
|
1403
|
-
if (current === undefined && children.length > 0) {
|
|
1404
|
-
children[0].classList.add('active');
|
|
1405
|
-
}
|
|
1406
|
-
});
|
|
1407
|
-
if (this.querySelector('section.current') === null) {
|
|
1408
|
-
const firstSection = this.querySelector('section:first-of-type');
|
|
1409
|
-
if (firstSection !== null) {
|
|
1410
|
-
firstSection.classList.add('current');
|
|
1411
|
-
}
|
|
1412
|
-
}
|
|
1413
|
-
}
|
|
1414
|
-
next() {
|
|
1415
|
-
this.progress.forEach(p => {
|
|
1416
|
-
const children = [...p.children];
|
|
1417
|
-
const current = children.filter(e => e.matches(".active"))[0];
|
|
1418
|
-
current?.classList.remove('active');
|
|
1419
|
-
current?.nextElementSibling?.classList.add('active');
|
|
1420
|
-
});
|
|
1421
|
-
const currentSection = this.querySelector('section.current');
|
|
1422
|
-
currentSection.classList.remove("current");
|
|
1423
|
-
currentSection.nextElementSibling.classList.add('current');
|
|
1424
|
-
|
|
1425
|
-
this.dispatchEvent(new CustomEvent('wizard:activate', {
|
|
1426
|
-
bubbles: true,
|
|
1427
|
-
cancelable: true
|
|
1428
|
-
}));
|
|
1429
|
-
|
|
1430
|
-
}
|
|
1431
|
-
prev() {
|
|
1432
|
-
this.progress.forEach(p => {
|
|
1433
|
-
const children = [...p.children];
|
|
1434
|
-
const current = children.filter(e => e.matches(".active"))[0];
|
|
1435
|
-
current?.classList.remove('active');
|
|
1436
|
-
current?.previousElementSibling?.classList.add('active');
|
|
1437
|
-
});
|
|
1438
|
-
const currentSection = this.querySelector('section.current');
|
|
1439
|
-
currentSection.classList.remove("current");
|
|
1440
|
-
currentSection.previousElementSibling.classList.add('current');
|
|
1441
|
-
this.dispatchEvent(new CustomEvent('wizard:activate', {
|
|
1442
|
-
bubbles: true,
|
|
1443
|
-
cancelable: true
|
|
1444
|
-
}));
|
|
1445
|
-
}
|
|
1446
|
-
moveTo(n) {
|
|
1447
|
-
this.progress.forEach(p => {
|
|
1448
|
-
const children = [...p.children];
|
|
1449
|
-
const current = children.filter(e => e.matches(".active"))[0];
|
|
1450
|
-
current?.classList.remove('active');
|
|
1451
|
-
p.children[+n]?.classList.add('active');
|
|
1452
|
-
});
|
|
1453
|
-
const currentSection = this.querySelector('section.current');
|
|
1454
|
-
currentSection?.classList.remove("current");
|
|
1455
|
-
const nthSection = this.querySelector(`section:nth-child(${+n})`);
|
|
1456
|
-
nthSection.classList.add('current');
|
|
1457
|
-
this.dispatchEvent(new CustomEvent('wizard:activate', {
|
|
1458
|
-
bubbles: true,
|
|
1459
|
-
cancelable: true
|
|
1460
|
-
}));
|
|
1461
|
-
}
|
|
1462
|
-
static configure() {
|
|
1463
|
-
return Wizard.custom('ful-wizard');
|
|
1464
|
-
}
|
|
1465
|
-
}
|
|
1466
|
-
|
|
1467
1342
|
exports.Attributes = Attributes;
|
|
1468
1343
|
exports.AuthorizationCodeFlow = AuthorizationCodeFlow;
|
|
1469
1344
|
exports.AuthorizationCodeFlowInterceptor = AuthorizationCodeFlowInterceptor;
|
|
@@ -1486,10 +1361,8 @@ var ful = (function (exports) {
|
|
|
1486
1361
|
exports.Select = Select;
|
|
1487
1362
|
exports.SessionStorage = SessionStorage;
|
|
1488
1363
|
exports.Spinner = Spinner;
|
|
1489
|
-
exports.SyncEvent = SyncEvent;
|
|
1490
1364
|
exports.TemplatesRegistry = TemplatesRegistry;
|
|
1491
1365
|
exports.VersionedStorage = VersionedStorage;
|
|
1492
|
-
exports.Wizard = Wizard;
|
|
1493
1366
|
exports.elements = elements;
|
|
1494
1367
|
exports.jsonPatch = jsonPatch;
|
|
1495
1368
|
exports.jsonPost = jsonPost;
|