@vonage/vivid 4.2.0 → 4.4.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/appearance-ui/index.cjs +1 -2
- package/appearance-ui/index.js +1 -2
- package/custom-elements.json +435 -41
- package/index.cjs +1 -0
- package/index.js +1 -1
- package/lib/button/button.d.ts +1 -0
- package/lib/dialog/dialog.d.ts +1 -0
- package/lib/empty-state/definition.d.ts +1 -0
- package/lib/empty-state/empty-state.d.ts +5 -0
- package/lib/enums.d.ts +4 -0
- package/lib/popup/popup.d.ts +5 -0
- package/lib/range-slider/range-slider.d.ts +2 -0
- package/lib/slider/slider.d.ts +5 -0
- package/lib/slider/slider.template.d.ts +2 -2
- package/lib/switch/switch.d.ts +1 -1
- package/package.json +1 -1
- package/shared/affix.cjs +1 -2
- package/shared/affix.js +1 -2
- package/shared/anchored.cjs +1 -2
- package/shared/anchored.js +1 -2
- package/shared/calendar-event.cjs +1 -2
- package/shared/calendar-event.js +1 -2
- package/shared/definition.cjs +2 -3
- package/shared/definition.js +2 -3
- package/shared/definition11.cjs +29 -13
- package/shared/definition11.js +29 -14
- package/shared/definition12.cjs +1 -1
- package/shared/definition12.js +1 -1
- package/shared/definition13.cjs +1 -2
- package/shared/definition13.js +1 -2
- package/shared/definition14.cjs +1 -2
- package/shared/definition14.js +1 -2
- package/shared/definition15.cjs +1 -2
- package/shared/definition15.js +1 -2
- package/shared/definition16.cjs +1 -2
- package/shared/definition16.js +1 -2
- package/shared/definition17.cjs +4 -8
- package/shared/definition17.js +4 -8
- package/shared/definition18.cjs +14 -22
- package/shared/definition18.js +14 -22
- package/shared/definition19.cjs +29 -50
- package/shared/definition19.js +29 -50
- package/shared/definition20.cjs +1 -2
- package/shared/definition20.js +1 -2
- package/shared/definition21.cjs +68 -32
- package/shared/definition21.js +68 -32
- package/shared/definition23.cjs +19 -5
- package/shared/definition23.js +20 -6
- package/shared/definition24.cjs +2 -3
- package/shared/definition24.js +2 -3
- package/shared/definition25.cjs +23 -48
- package/shared/definition25.js +23 -48
- package/shared/definition26.cjs +1 -2
- package/shared/definition26.js +1 -2
- package/shared/definition28.cjs +1 -2
- package/shared/definition28.js +1 -2
- package/shared/definition29.cjs +19 -39
- package/shared/definition29.js +19 -39
- package/shared/definition3.cjs +1 -2
- package/shared/definition3.js +1 -2
- package/shared/definition30.cjs +1 -1
- package/shared/definition30.js +1 -1
- package/shared/definition31.cjs +1 -2
- package/shared/definition31.js +1 -2
- package/shared/definition34.cjs +1 -2
- package/shared/definition34.js +1 -2
- package/shared/definition35.cjs +14 -26
- package/shared/definition35.js +14 -26
- package/shared/definition36.cjs +1 -2
- package/shared/definition36.js +1 -2
- package/shared/definition37.cjs +8 -16
- package/shared/definition37.js +8 -16
- package/shared/definition38.cjs +1 -2
- package/shared/definition38.js +1 -2
- package/shared/definition39.cjs +1 -2
- package/shared/definition39.js +1 -2
- package/shared/definition4.cjs +7 -13
- package/shared/definition4.js +7 -13
- package/shared/definition40.cjs +1 -2
- package/shared/definition40.js +1 -2
- package/shared/definition42.cjs +172 -106
- package/shared/definition42.js +172 -106
- package/shared/definition43.cjs +7 -6
- package/shared/definition43.js +5 -4
- package/shared/definition44.cjs +4 -8
- package/shared/definition44.js +4 -8
- package/shared/definition45.cjs +1 -2
- package/shared/definition45.js +1 -2
- package/shared/definition46.cjs +96 -12
- package/shared/definition46.js +97 -13
- package/shared/definition47.cjs +1 -2
- package/shared/definition47.js +1 -2
- package/shared/definition48.cjs +2 -3
- package/shared/definition48.js +2 -3
- package/shared/definition5.cjs +1 -2
- package/shared/definition5.js +1 -2
- package/shared/definition50.cjs +1 -2
- package/shared/definition50.js +1 -2
- package/shared/definition51.cjs +5 -10
- package/shared/definition51.js +5 -10
- package/shared/definition52.cjs +1 -2
- package/shared/definition52.js +1 -2
- package/shared/definition53.cjs +1 -2
- package/shared/definition53.js +1 -2
- package/shared/definition54.cjs +9 -21
- package/shared/definition54.js +9 -21
- package/shared/definition55.cjs +24 -43
- package/shared/definition55.js +24 -43
- package/shared/definition56.cjs +24 -39
- package/shared/definition56.js +24 -39
- package/shared/definition57.cjs +22 -45
- package/shared/definition57.js +22 -45
- package/shared/definition58.cjs +18 -37
- package/shared/definition58.js +18 -37
- package/shared/definition59.cjs +1 -2
- package/shared/definition59.js +1 -2
- package/shared/definition6.cjs +1 -2
- package/shared/definition6.js +1 -2
- package/shared/definition62.cjs +1 -2
- package/shared/definition62.js +1 -2
- package/shared/definition63.cjs +156 -4
- package/shared/definition63.js +157 -6
- package/shared/definition7.cjs +1 -2
- package/shared/definition7.js +1 -2
- package/shared/definition8.cjs +1 -2
- package/shared/definition8.js +1 -2
- package/shared/definition9.cjs +1 -2
- package/shared/definition9.js +1 -2
- package/shared/enums.cjs +6 -0
- package/shared/enums.js +6 -1
- package/shared/icon.cjs +2 -3
- package/shared/icon.js +2 -3
- package/shared/index2.cjs +3 -6
- package/shared/index2.js +3 -6
- package/shared/listbox.cjs +1 -2
- package/shared/listbox.js +1 -2
- package/shared/patterns/anchored.d.ts +4 -4
- package/shared/patterns/chevron.d.ts +2 -0
- package/shared/presentationDate.cjs +2 -3
- package/shared/presentationDate.js +2 -3
- package/shared/radio.cjs +1 -2
- package/shared/radio.js +1 -2
- package/shared/slider.template.cjs +27 -4
- package/shared/slider.template.js +27 -4
- package/shared/text-anchor.cjs +1 -2
- package/shared/text-anchor.js +1 -2
- package/shared/video-player.cjs +4 -8
- package/shared/video-player.js +4 -8
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/vivid.api.json +3228 -1108
package/shared/definition29.cjs
CHANGED
|
@@ -575,49 +575,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
|
|
|
575
575
|
|
|
576
576
|
var __defProp$1 = Object.defineProperty;
|
|
577
577
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
578
|
+
var __typeError = (msg) => {
|
|
579
|
+
throw TypeError(msg);
|
|
580
|
+
};
|
|
578
581
|
var __decorateClass$1 = (decorators, target, key, kind) => {
|
|
579
582
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
580
583
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
581
584
|
if (decorator = decorators[i])
|
|
582
585
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
583
|
-
if (kind && result)
|
|
584
|
-
__defProp$1(target, key, result);
|
|
586
|
+
if (kind && result) __defProp$1(target, key, result);
|
|
585
587
|
return result;
|
|
586
588
|
};
|
|
587
|
-
var __accessCheck = (obj, member, msg) =>
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
var
|
|
592
|
-
__accessCheck(obj, member, "read from private field");
|
|
593
|
-
return getter ? getter.call(obj) : member.get(obj);
|
|
594
|
-
};
|
|
595
|
-
var __privateAdd = (obj, member, value) => {
|
|
596
|
-
if (member.has(obj))
|
|
597
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
598
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
599
|
-
};
|
|
600
|
-
var __privateMethod = (obj, member, method) => {
|
|
601
|
-
__accessCheck(obj, member, "access private method");
|
|
602
|
-
return method;
|
|
603
|
-
};
|
|
604
|
-
var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
|
|
589
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
590
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
591
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
592
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
593
|
+
var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
|
|
605
594
|
exports.Menu = class Menu extends Menu$1 {
|
|
606
595
|
constructor() {
|
|
607
596
|
super();
|
|
608
|
-
__privateAdd(this,
|
|
609
|
-
__privateAdd(this, _setupAnchor);
|
|
610
|
-
__privateAdd(this, _updateAnchor);
|
|
611
|
-
__privateAdd(this, _cleanupAnchor);
|
|
597
|
+
__privateAdd(this, _Menu_instances);
|
|
612
598
|
this.ariaLabel = null;
|
|
613
599
|
this.placement = "bottom";
|
|
614
600
|
this.autoDismiss = false;
|
|
615
601
|
this.open = false;
|
|
616
602
|
__privateAdd(this, _onAnchorClick, () => {
|
|
617
|
-
if (__privateGet(this,
|
|
603
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
|
|
618
604
|
return;
|
|
619
605
|
}
|
|
620
|
-
if (__privateGet(this,
|
|
606
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
|
|
621
607
|
return;
|
|
622
608
|
}
|
|
623
609
|
const newValue = !this.open;
|
|
@@ -650,45 +636,40 @@ exports.Menu = class Menu extends Menu$1 {
|
|
|
650
636
|
openChanged(_, newValue) {
|
|
651
637
|
newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
|
|
652
638
|
if (this._anchorEl) {
|
|
653
|
-
__privateMethod(this,
|
|
639
|
+
__privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
|
|
654
640
|
}
|
|
655
641
|
}
|
|
656
642
|
/**
|
|
657
643
|
* @internal
|
|
658
644
|
*/
|
|
659
645
|
_anchorElChanged(oldValue, newValue) {
|
|
660
|
-
if (oldValue)
|
|
661
|
-
|
|
662
|
-
if (newValue)
|
|
663
|
-
__privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
|
|
646
|
+
if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
|
|
647
|
+
if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
|
|
664
648
|
}
|
|
665
649
|
/**
|
|
666
650
|
* @internal
|
|
667
651
|
*/
|
|
668
652
|
_onChange(e) {
|
|
669
653
|
const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
|
|
670
|
-
if (__privateGet(this,
|
|
654
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
|
|
671
655
|
this.open = false;
|
|
672
656
|
}
|
|
673
657
|
return true;
|
|
674
658
|
}
|
|
675
659
|
};
|
|
676
|
-
|
|
660
|
+
_Menu_instances = new WeakSet();
|
|
677
661
|
triggerBehaviour_get = function() {
|
|
678
662
|
return this.trigger ?? "legacy";
|
|
679
663
|
};
|
|
680
|
-
_setupAnchor = new WeakSet();
|
|
681
664
|
setupAnchor_fn = function(a) {
|
|
682
665
|
a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
|
|
683
666
|
a.addEventListener("focusout", this._onFocusout);
|
|
684
667
|
a.setAttribute("aria-haspopup", "menu");
|
|
685
|
-
__privateMethod(this,
|
|
668
|
+
__privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
|
|
686
669
|
};
|
|
687
|
-
_updateAnchor = new WeakSet();
|
|
688
670
|
updateAnchor_fn = function(a) {
|
|
689
671
|
a.setAttribute("aria-expanded", this.open.toString());
|
|
690
672
|
};
|
|
691
|
-
_cleanupAnchor = new WeakSet();
|
|
692
673
|
cleanupAnchor_fn = function(a) {
|
|
693
674
|
a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
|
|
694
675
|
a.removeEventListener("focusout", this._onFocusout);
|
|
@@ -727,8 +708,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
727
708
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
728
709
|
if (decorator = decorators[i])
|
|
729
710
|
result = (decorator(target, key, result) ) || result;
|
|
730
|
-
if (result)
|
|
731
|
-
__defProp(target, key, result);
|
|
711
|
+
if (result) __defProp(target, key, result);
|
|
732
712
|
return result;
|
|
733
713
|
};
|
|
734
714
|
const MenuItemRole = {
|
package/shared/definition29.js
CHANGED
|
@@ -573,49 +573,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
|
|
|
573
573
|
|
|
574
574
|
var __defProp$1 = Object.defineProperty;
|
|
575
575
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
576
|
+
var __typeError = (msg) => {
|
|
577
|
+
throw TypeError(msg);
|
|
578
|
+
};
|
|
576
579
|
var __decorateClass$1 = (decorators, target, key, kind) => {
|
|
577
580
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
578
581
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
579
582
|
if (decorator = decorators[i])
|
|
580
583
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
581
|
-
if (kind && result)
|
|
582
|
-
__defProp$1(target, key, result);
|
|
584
|
+
if (kind && result) __defProp$1(target, key, result);
|
|
583
585
|
return result;
|
|
584
586
|
};
|
|
585
|
-
var __accessCheck = (obj, member, msg) =>
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
var
|
|
590
|
-
__accessCheck(obj, member, "read from private field");
|
|
591
|
-
return getter ? getter.call(obj) : member.get(obj);
|
|
592
|
-
};
|
|
593
|
-
var __privateAdd = (obj, member, value) => {
|
|
594
|
-
if (member.has(obj))
|
|
595
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
596
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
597
|
-
};
|
|
598
|
-
var __privateMethod = (obj, member, method) => {
|
|
599
|
-
__accessCheck(obj, member, "access private method");
|
|
600
|
-
return method;
|
|
601
|
-
};
|
|
602
|
-
var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
|
|
587
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
588
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
589
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
590
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
591
|
+
var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
|
|
603
592
|
let Menu = class extends Menu$1 {
|
|
604
593
|
constructor() {
|
|
605
594
|
super();
|
|
606
|
-
__privateAdd(this,
|
|
607
|
-
__privateAdd(this, _setupAnchor);
|
|
608
|
-
__privateAdd(this, _updateAnchor);
|
|
609
|
-
__privateAdd(this, _cleanupAnchor);
|
|
595
|
+
__privateAdd(this, _Menu_instances);
|
|
610
596
|
this.ariaLabel = null;
|
|
611
597
|
this.placement = "bottom";
|
|
612
598
|
this.autoDismiss = false;
|
|
613
599
|
this.open = false;
|
|
614
600
|
__privateAdd(this, _onAnchorClick, () => {
|
|
615
|
-
if (__privateGet(this,
|
|
601
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
|
|
616
602
|
return;
|
|
617
603
|
}
|
|
618
|
-
if (__privateGet(this,
|
|
604
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
|
|
619
605
|
return;
|
|
620
606
|
}
|
|
621
607
|
const newValue = !this.open;
|
|
@@ -648,45 +634,40 @@ let Menu = class extends Menu$1 {
|
|
|
648
634
|
openChanged(_, newValue) {
|
|
649
635
|
newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
|
|
650
636
|
if (this._anchorEl) {
|
|
651
|
-
__privateMethod(this,
|
|
637
|
+
__privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
|
|
652
638
|
}
|
|
653
639
|
}
|
|
654
640
|
/**
|
|
655
641
|
* @internal
|
|
656
642
|
*/
|
|
657
643
|
_anchorElChanged(oldValue, newValue) {
|
|
658
|
-
if (oldValue)
|
|
659
|
-
|
|
660
|
-
if (newValue)
|
|
661
|
-
__privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
|
|
644
|
+
if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
|
|
645
|
+
if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
|
|
662
646
|
}
|
|
663
647
|
/**
|
|
664
648
|
* @internal
|
|
665
649
|
*/
|
|
666
650
|
_onChange(e) {
|
|
667
651
|
const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
|
|
668
|
-
if (__privateGet(this,
|
|
652
|
+
if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
|
|
669
653
|
this.open = false;
|
|
670
654
|
}
|
|
671
655
|
return true;
|
|
672
656
|
}
|
|
673
657
|
};
|
|
674
|
-
|
|
658
|
+
_Menu_instances = new WeakSet();
|
|
675
659
|
triggerBehaviour_get = function() {
|
|
676
660
|
return this.trigger ?? "legacy";
|
|
677
661
|
};
|
|
678
|
-
_setupAnchor = new WeakSet();
|
|
679
662
|
setupAnchor_fn = function(a) {
|
|
680
663
|
a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
|
|
681
664
|
a.addEventListener("focusout", this._onFocusout);
|
|
682
665
|
a.setAttribute("aria-haspopup", "menu");
|
|
683
|
-
__privateMethod(this,
|
|
666
|
+
__privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
|
|
684
667
|
};
|
|
685
|
-
_updateAnchor = new WeakSet();
|
|
686
668
|
updateAnchor_fn = function(a) {
|
|
687
669
|
a.setAttribute("aria-expanded", this.open.toString());
|
|
688
670
|
};
|
|
689
|
-
_cleanupAnchor = new WeakSet();
|
|
690
671
|
cleanupAnchor_fn = function(a) {
|
|
691
672
|
a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
|
|
692
673
|
a.removeEventListener("focusout", this._onFocusout);
|
|
@@ -725,8 +706,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
725
706
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
726
707
|
if (decorator = decorators[i])
|
|
727
708
|
result = (decorator(target, key, result) ) || result;
|
|
728
|
-
if (result)
|
|
729
|
-
__defProp(target, key, result);
|
|
709
|
+
if (result) __defProp(target, key, result);
|
|
730
710
|
return result;
|
|
731
711
|
};
|
|
732
712
|
const MenuItemRole = {
|
package/shared/definition3.cjs
CHANGED
|
@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
11
11
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
12
12
|
if (decorator = decorators[i])
|
|
13
13
|
result = (decorator(target, key, result) ) || result;
|
|
14
|
-
if (result)
|
|
15
|
-
__defProp(target, key, result);
|
|
14
|
+
if (result) __defProp(target, key, result);
|
|
16
15
|
return result;
|
|
17
16
|
};
|
|
18
17
|
class ActionGroup extends index.FoundationElement {
|
package/shared/definition3.js
CHANGED
|
@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
9
9
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
10
10
|
if (decorator = decorators[i])
|
|
11
11
|
result = (decorator(target, key, result) ) || result;
|
|
12
|
-
if (result)
|
|
13
|
-
__defProp(target, key, result);
|
|
12
|
+
if (result) __defProp(target, key, result);
|
|
14
13
|
return result;
|
|
15
14
|
};
|
|
16
15
|
class ActionGroup extends FoundationElement {
|
package/shared/definition30.cjs
CHANGED
|
@@ -7,7 +7,7 @@ const anchored = require('./anchored.cjs');
|
|
|
7
7
|
const slotted = require('./slotted.cjs');
|
|
8
8
|
const classNames = require('./class-names.cjs');
|
|
9
9
|
|
|
10
|
-
const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]:focus-visible){box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:
|
|
10
|
+
const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]:focus-visible){box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:4px;padding-inline:12px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-block-end:4px;padding-inline:12px}.hide-actions .action-items{display:none}";
|
|
11
11
|
|
|
12
12
|
const getClasses = ({
|
|
13
13
|
headerSlottedContent,
|
package/shared/definition30.js
CHANGED
|
@@ -5,7 +5,7 @@ import { a as anchorSlotTemplateFactory } from './anchored.js';
|
|
|
5
5
|
import { s as slotted } from './slotted.js';
|
|
6
6
|
import { c as classNames } from './class-names.js';
|
|
7
7
|
|
|
8
|
-
const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]:focus-visible){box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:
|
|
8
|
+
const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]:focus-visible){box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:4px;padding-inline:12px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-block-end:4px;padding-inline:12px}.hide-actions .action-items{display:none}";
|
|
9
9
|
|
|
10
10
|
const getClasses = ({
|
|
11
11
|
headerSlottedContent,
|
package/shared/definition31.cjs
CHANGED
|
@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
16
16
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
17
17
|
if (decorator = decorators[i])
|
|
18
18
|
result = (decorator(target, key, result) ) || result;
|
|
19
|
-
if (result)
|
|
20
|
-
__defProp(target, key, result);
|
|
19
|
+
if (result) __defProp(target, key, result);
|
|
21
20
|
return result;
|
|
22
21
|
};
|
|
23
22
|
class NavDisclosure extends index.FoundationElement {
|
package/shared/definition31.js
CHANGED
|
@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
14
14
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
15
15
|
if (decorator = decorators[i])
|
|
16
16
|
result = (decorator(target, key, result) ) || result;
|
|
17
|
-
if (result)
|
|
18
|
-
__defProp(target, key, result);
|
|
17
|
+
if (result) __defProp(target, key, result);
|
|
19
18
|
return result;
|
|
20
19
|
};
|
|
21
20
|
class NavDisclosure extends FoundationElement {
|
package/shared/definition34.cjs
CHANGED
|
@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
16
16
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
17
17
|
if (decorator = decorators[i])
|
|
18
18
|
result = (decorator(target, key, result) ) || result;
|
|
19
|
-
if (result)
|
|
20
|
-
__defProp(target, key, result);
|
|
19
|
+
if (result) __defProp(target, key, result);
|
|
21
20
|
return result;
|
|
22
21
|
};
|
|
23
22
|
class Note extends index.FoundationElement {
|
package/shared/definition34.js
CHANGED
|
@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
14
14
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
15
15
|
if (decorator = decorators[i])
|
|
16
16
|
result = (decorator(target, key, result) ) || result;
|
|
17
|
-
if (result)
|
|
18
|
-
__defProp(target, key, result);
|
|
17
|
+
if (result) __defProp(target, key, result);
|
|
19
18
|
return result;
|
|
20
19
|
};
|
|
21
20
|
class Note extends FoundationElement {
|
package/shared/definition35.cjs
CHANGED
|
@@ -28,29 +28,21 @@ class FormAssociatedNumberField extends formAssociated.FormAssociated(_NumberFie
|
|
|
28
28
|
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
31
|
+
var __typeError = (msg) => {
|
|
32
|
+
throw TypeError(msg);
|
|
33
|
+
};
|
|
31
34
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
32
35
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
33
36
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
34
37
|
if (decorator = decorators[i])
|
|
35
38
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
36
|
-
if (kind && result)
|
|
37
|
-
__defProp(target, key, result);
|
|
39
|
+
if (kind && result) __defProp(target, key, result);
|
|
38
40
|
return result;
|
|
39
41
|
};
|
|
40
|
-
var __accessCheck = (obj, member, msg) =>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var __privateAdd = (obj, member, value) => {
|
|
45
|
-
if (member.has(obj))
|
|
46
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
47
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
48
|
-
};
|
|
49
|
-
var __privateMethod = (obj, member, method) => {
|
|
50
|
-
__accessCheck(obj, member, "access private method");
|
|
51
|
-
return method;
|
|
52
|
-
};
|
|
53
|
-
var _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
|
|
42
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
43
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
44
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
45
|
+
var _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
|
|
54
46
|
const STEP_DIRECTION = {
|
|
55
47
|
up: 1,
|
|
56
48
|
down: -1
|
|
@@ -75,9 +67,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
|
|
|
75
67
|
let NumberField = class extends FormAssociatedNumberField {
|
|
76
68
|
constructor() {
|
|
77
69
|
super(...arguments);
|
|
78
|
-
__privateAdd(this,
|
|
79
|
-
__privateAdd(this, _inputToPresentationValue);
|
|
80
|
-
__privateAdd(this, _presentationValueToValue);
|
|
70
|
+
__privateAdd(this, _NumberField_instances);
|
|
81
71
|
this.readOnly = false;
|
|
82
72
|
this.autofocus = false;
|
|
83
73
|
// eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
|
|
@@ -139,7 +129,7 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
139
129
|
return;
|
|
140
130
|
}
|
|
141
131
|
if (this.control && !this.isUserInput) {
|
|
142
|
-
this._presentationValue = __privateMethod(this,
|
|
132
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
|
|
143
133
|
}
|
|
144
134
|
super.valueChanged(previous, this.value);
|
|
145
135
|
if (previous !== void 0 && !this.isUserInput) {
|
|
@@ -181,7 +171,7 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
181
171
|
super.connectedCallback();
|
|
182
172
|
this.proxy.setAttribute("type", "number");
|
|
183
173
|
this.validate();
|
|
184
|
-
this._presentationValue = __privateMethod(this,
|
|
174
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
|
|
185
175
|
if (this.autofocus) {
|
|
186
176
|
index.DOM.queueUpdate(() => {
|
|
187
177
|
this.focus();
|
|
@@ -202,12 +192,12 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
202
192
|
* @internal
|
|
203
193
|
*/
|
|
204
194
|
handleTextInput() {
|
|
205
|
-
this._presentationValue = __privateMethod(this,
|
|
195
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
|
|
206
196
|
if (this.control.value !== this._presentationValue) {
|
|
207
197
|
this.control.value = this._presentationValue;
|
|
208
198
|
}
|
|
209
199
|
this.isUserInput = true;
|
|
210
|
-
this.value = __privateMethod(this,
|
|
200
|
+
this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
|
|
211
201
|
this.isUserInput = false;
|
|
212
202
|
}
|
|
213
203
|
/**
|
|
@@ -239,18 +229,16 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
239
229
|
return true;
|
|
240
230
|
}
|
|
241
231
|
};
|
|
242
|
-
|
|
232
|
+
_NumberField_instances = new WeakSet();
|
|
243
233
|
valueToPresentationValue_fn = function(value) {
|
|
244
234
|
return value.replace(
|
|
245
235
|
".",
|
|
246
236
|
this.locale.common.useCommaAsDecimalSeparator ? "," : "."
|
|
247
237
|
);
|
|
248
238
|
};
|
|
249
|
-
_inputToPresentationValue = new WeakSet();
|
|
250
239
|
inputToPresentationValue_fn = function(input) {
|
|
251
240
|
return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
|
|
252
241
|
};
|
|
253
|
-
_presentationValueToValue = new WeakSet();
|
|
254
242
|
presentationValueToValue_fn = function(presentationValue) {
|
|
255
243
|
const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
|
|
256
244
|
return validNumber.test(candidate) ? candidate : "";
|
package/shared/definition35.js
CHANGED
|
@@ -26,29 +26,21 @@ class FormAssociatedNumberField extends FormAssociated(_NumberField) {
|
|
|
26
26
|
|
|
27
27
|
var __defProp = Object.defineProperty;
|
|
28
28
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
29
|
+
var __typeError = (msg) => {
|
|
30
|
+
throw TypeError(msg);
|
|
31
|
+
};
|
|
29
32
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
30
33
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
31
34
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
32
35
|
if (decorator = decorators[i])
|
|
33
36
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
34
|
-
if (kind && result)
|
|
35
|
-
__defProp(target, key, result);
|
|
37
|
+
if (kind && result) __defProp(target, key, result);
|
|
36
38
|
return result;
|
|
37
39
|
};
|
|
38
|
-
var __accessCheck = (obj, member, msg) =>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
var __privateAdd = (obj, member, value) => {
|
|
43
|
-
if (member.has(obj))
|
|
44
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
45
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
46
|
-
};
|
|
47
|
-
var __privateMethod = (obj, member, method) => {
|
|
48
|
-
__accessCheck(obj, member, "access private method");
|
|
49
|
-
return method;
|
|
50
|
-
};
|
|
51
|
-
var _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
|
|
40
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
41
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
42
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
43
|
+
var _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
|
|
52
44
|
const STEP_DIRECTION = {
|
|
53
45
|
up: 1,
|
|
54
46
|
down: -1
|
|
@@ -73,9 +65,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
|
|
|
73
65
|
let NumberField = class extends FormAssociatedNumberField {
|
|
74
66
|
constructor() {
|
|
75
67
|
super(...arguments);
|
|
76
|
-
__privateAdd(this,
|
|
77
|
-
__privateAdd(this, _inputToPresentationValue);
|
|
78
|
-
__privateAdd(this, _presentationValueToValue);
|
|
68
|
+
__privateAdd(this, _NumberField_instances);
|
|
79
69
|
this.readOnly = false;
|
|
80
70
|
this.autofocus = false;
|
|
81
71
|
// eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
|
|
@@ -137,7 +127,7 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
137
127
|
return;
|
|
138
128
|
}
|
|
139
129
|
if (this.control && !this.isUserInput) {
|
|
140
|
-
this._presentationValue = __privateMethod(this,
|
|
130
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
|
|
141
131
|
}
|
|
142
132
|
super.valueChanged(previous, this.value);
|
|
143
133
|
if (previous !== void 0 && !this.isUserInput) {
|
|
@@ -179,7 +169,7 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
179
169
|
super.connectedCallback();
|
|
180
170
|
this.proxy.setAttribute("type", "number");
|
|
181
171
|
this.validate();
|
|
182
|
-
this._presentationValue = __privateMethod(this,
|
|
172
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
|
|
183
173
|
if (this.autofocus) {
|
|
184
174
|
DOM.queueUpdate(() => {
|
|
185
175
|
this.focus();
|
|
@@ -200,12 +190,12 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
200
190
|
* @internal
|
|
201
191
|
*/
|
|
202
192
|
handleTextInput() {
|
|
203
|
-
this._presentationValue = __privateMethod(this,
|
|
193
|
+
this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
|
|
204
194
|
if (this.control.value !== this._presentationValue) {
|
|
205
195
|
this.control.value = this._presentationValue;
|
|
206
196
|
}
|
|
207
197
|
this.isUserInput = true;
|
|
208
|
-
this.value = __privateMethod(this,
|
|
198
|
+
this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
|
|
209
199
|
this.isUserInput = false;
|
|
210
200
|
}
|
|
211
201
|
/**
|
|
@@ -237,18 +227,16 @@ let NumberField = class extends FormAssociatedNumberField {
|
|
|
237
227
|
return true;
|
|
238
228
|
}
|
|
239
229
|
};
|
|
240
|
-
|
|
230
|
+
_NumberField_instances = new WeakSet();
|
|
241
231
|
valueToPresentationValue_fn = function(value) {
|
|
242
232
|
return value.replace(
|
|
243
233
|
".",
|
|
244
234
|
this.locale.common.useCommaAsDecimalSeparator ? "," : "."
|
|
245
235
|
);
|
|
246
236
|
};
|
|
247
|
-
_inputToPresentationValue = new WeakSet();
|
|
248
237
|
inputToPresentationValue_fn = function(input) {
|
|
249
238
|
return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
|
|
250
239
|
};
|
|
251
|
-
_presentationValueToValue = new WeakSet();
|
|
252
240
|
presentationValueToValue_fn = function(presentationValue) {
|
|
253
241
|
const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
|
|
254
242
|
return validNumber.test(candidate) ? candidate : "";
|
package/shared/definition36.cjs
CHANGED
|
@@ -210,8 +210,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
210
210
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
211
211
|
if (decorator = decorators[i])
|
|
212
212
|
result = (decorator(target, key, result) ) || result;
|
|
213
|
-
if (result)
|
|
214
|
-
__defProp(target, key, result);
|
|
213
|
+
if (result) __defProp(target, key, result);
|
|
215
214
|
return result;
|
|
216
215
|
};
|
|
217
216
|
class ListboxOption extends ListboxOption$1 {
|
package/shared/definition36.js
CHANGED
|
@@ -208,8 +208,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
208
208
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
209
209
|
if (decorator = decorators[i])
|
|
210
210
|
result = (decorator(target, key, result) ) || result;
|
|
211
|
-
if (result)
|
|
212
|
-
__defProp(target, key, result);
|
|
211
|
+
if (result) __defProp(target, key, result);
|
|
213
212
|
return result;
|
|
214
213
|
};
|
|
215
214
|
class ListboxOption extends ListboxOption$1 {
|
package/shared/definition37.cjs
CHANGED
|
@@ -19,8 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
19
19
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
20
20
|
if (decorator = decorators[i])
|
|
21
21
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
22
|
-
if (kind && result)
|
|
23
|
-
__defProp(target, key, result);
|
|
22
|
+
if (kind && result) __defProp(target, key, result);
|
|
24
23
|
return result;
|
|
25
24
|
};
|
|
26
25
|
const MAX_DIGITS_AND_PLACEHOLDERS = 7;
|
|
@@ -54,26 +53,20 @@ class Pagination extends index.FoundationElement {
|
|
|
54
53
|
return new Array(
|
|
55
54
|
this.total < MAX_DIGITS_AND_PLACEHOLDERS ? this.total : MAX_DIGITS_AND_PLACEHOLDERS
|
|
56
55
|
).fill(0).map((_, i, arr) => {
|
|
57
|
-
if (i === 0)
|
|
58
|
-
|
|
59
|
-
if (i === arr.length - 1)
|
|
60
|
-
return this.total;
|
|
56
|
+
if (i === 0) return 1;
|
|
57
|
+
if (i === arr.length - 1) return this.total;
|
|
61
58
|
if (this.selectedIndex !== void 0 && this.total > MAX_DIGITS_AND_PLACEHOLDERS) {
|
|
62
59
|
if (this.selectedIndex < 4) {
|
|
63
|
-
if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
|
|
64
|
-
return "...";
|
|
60
|
+
if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
|
|
65
61
|
}
|
|
66
62
|
if (this.selectedIndex >= 4 && this.selectedIndex <= this.total - 5) {
|
|
67
63
|
if (i > 1 && i < MAX_DIGITS_AND_PLACEHOLDERS - 2)
|
|
68
64
|
return this.selectedIndex + (i - 2);
|
|
69
|
-
if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
|
|
70
|
-
return "...";
|
|
65
|
+
if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
|
|
71
66
|
}
|
|
72
67
|
if (this.selectedIndex > this.total - 5) {
|
|
73
|
-
if (i > 1)
|
|
74
|
-
|
|
75
|
-
if (i === 1)
|
|
76
|
-
return "...";
|
|
68
|
+
if (i > 1) return this.total - (6 - i);
|
|
69
|
+
if (i === 1) return "...";
|
|
77
70
|
}
|
|
78
71
|
}
|
|
79
72
|
return i + 1;
|
|
@@ -86,8 +79,7 @@ class Pagination extends index.FoundationElement {
|
|
|
86
79
|
this.selectedIndex = 0;
|
|
87
80
|
}
|
|
88
81
|
selectedIndexChanged(oldValue, newValue) {
|
|
89
|
-
if (oldValue === void 0)
|
|
90
|
-
return;
|
|
82
|
+
if (oldValue === void 0) return;
|
|
91
83
|
this.$emit("pagination-change", {
|
|
92
84
|
selectedIndex: newValue,
|
|
93
85
|
total: this.total,
|