@graupl/graupl 1.0.0-beta.45 → 1.0.0-beta.47

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.
Files changed (51) hide show
  1. package/dist/css/component/carousel.css +1 -1
  2. package/dist/css/component/carousel.css.map +1 -1
  3. package/dist/css/component.css +1 -1
  4. package/dist/css/component.css.map +1 -1
  5. package/dist/css/graupl.css +1 -1
  6. package/dist/css/graupl.css.map +1 -1
  7. package/dist/js/breadcrumb.js +30 -30
  8. package/dist/js/breadcrumb.js.map +1 -1
  9. package/dist/js/carousel.js +266 -145
  10. package/dist/js/carousel.js.map +1 -1
  11. package/dist/js/component/breadcrumb.cjs.js +22 -22
  12. package/dist/js/component/breadcrumb.cjs.js.map +1 -1
  13. package/dist/js/component/breadcrumb.es.js +22 -22
  14. package/dist/js/component/breadcrumb.es.js.map +1 -1
  15. package/dist/js/component/breadcrumb.iife.js +24 -24
  16. package/dist/js/component/breadcrumb.iife.js.map +1 -1
  17. package/dist/js/component/carousel.cjs.js +246 -125
  18. package/dist/js/component/carousel.cjs.js.map +1 -1
  19. package/dist/js/component/carousel.es.js +246 -125
  20. package/dist/js/component/carousel.es.js.map +1 -1
  21. package/dist/js/component/carousel.iife.js +243 -122
  22. package/dist/js/component/carousel.iife.js.map +1 -1
  23. package/dist/js/component/disclosure.cjs.js +1 -1
  24. package/dist/js/component/disclosure.cjs.js.map +1 -1
  25. package/dist/js/component/disclosure.es.js +1 -1
  26. package/dist/js/component/disclosure.es.js.map +1 -1
  27. package/dist/js/component/disclosure.iife.js +1 -1
  28. package/dist/js/component/disclosure.iife.js.map +1 -1
  29. package/dist/js/disclosure.js +12 -12
  30. package/dist/js/disclosure.js.map +1 -1
  31. package/dist/js/generator/breadcrumb.cjs.js +24 -24
  32. package/dist/js/generator/breadcrumb.cjs.js.map +1 -1
  33. package/dist/js/generator/breadcrumb.es.js +40 -40
  34. package/dist/js/generator/breadcrumb.es.js.map +1 -1
  35. package/dist/js/generator/breadcrumb.iife.js +46 -46
  36. package/dist/js/generator/breadcrumb.iife.js.map +1 -1
  37. package/dist/js/generator/carousel.cjs.js +262 -141
  38. package/dist/js/generator/carousel.cjs.js.map +1 -1
  39. package/dist/js/generator/carousel.es.js +262 -141
  40. package/dist/js/generator/carousel.es.js.map +1 -1
  41. package/dist/js/generator/carousel.iife.js +263 -142
  42. package/dist/js/generator/carousel.iife.js.map +1 -1
  43. package/dist/js/generator/disclosure.cjs.js +13 -13
  44. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  45. package/dist/js/generator/disclosure.es.js +13 -13
  46. package/dist/js/generator/disclosure.es.js.map +1 -1
  47. package/dist/js/generator/disclosure.iife.js +12 -12
  48. package/dist/js/generator/disclosure.iife.js.map +1 -1
  49. package/dist/js/graupl.js +565 -444
  50. package/dist/js/graupl.js.map +1 -1
  51. package/package.json +1 -1
package/dist/js/component/breadcrumb.iife.js CHANGED
@@ -111,7 +111,7 @@ var Breadcrumb = (function() {
111
111
  if (e && !i.status) throw i.errors[0];
112
112
  return i;
113
113
  }
114
- function I(t, { shouldThrow: e = !0 } = {}) {
114
+ function T(t, { shouldThrow: e = !0 } = {}) {
115
115
  const i = {
116
116
  status: !0,
117
117
  errors: []
@@ -135,7 +135,7 @@ var Breadcrumb = (function() {
135
135
  if (e && !i.status) throw i.errors[0];
136
136
  return i;
137
137
  }
138
- function T(t, e, { shouldThrow: i = !0 } = {}) {
138
+ function I(t, e, { shouldThrow: i = !0 } = {}) {
139
139
  const s = {
140
140
  status: !0,
141
141
  errors: []
@@ -401,7 +401,7 @@ var Breadcrumb = (function() {
401
401
  return this._currentEvent;
402
402
  }
403
403
  set currentEvent(t) {
404
- I({ currentEvent: t }), this._currentEvent !== t && (this._currentEvent = t);
404
+ T({ currentEvent: t }), this._currentEvent !== t && (this._currentEvent = t);
405
405
  }
406
406
  get shouldFocus() {
407
407
  let t = !1;
@@ -783,7 +783,7 @@ var Breadcrumb = (function() {
783
783
  this.dom.breadcrumb.id = this.dom.breadcrumb.id || `breadcrumb-${this.key}`, this.dom.breadcrumbToggle && (this.dom.breadcrumbToggle.id = this.dom.breadcrumbToggle.id || `breadcrumb-toggle-${this.key}`), this._id = this.dom.breadcrumb.id;
784
784
  }
785
785
  _setAriaAttributes() {
786
- this.dom.breadcrumbToggle && (this.dom.breadcrumbToggle.getAttribute("aria-expanded") !== "true" && this.dom.breadcrumbToggle.setAttribute("aria-expanded", "false"), this.dom.breadcrumbToggle.setAttribute("aria-controls", this.dom.breadcrumb.id), T("button", { toggle: this.dom.breadcrumbToggle }, { shouldThrow: !1 }).status || this.dom.breadcrumbToggle.setAttribute("role", "button"));
786
+ this.dom.breadcrumbToggle && (this.dom.breadcrumbToggle.getAttribute("aria-expanded") !== "true" && this.dom.breadcrumbToggle.setAttribute("aria-expanded", "false"), this.dom.breadcrumbToggle.setAttribute("aria-controls", this.dom.breadcrumb.id), I("button", { toggle: this.dom.breadcrumbToggle }, { shouldThrow: !1 }).status || this.dom.breadcrumbToggle.setAttribute("role", "button"));
787
787
  }
788
788
  _setCustomProps() {
789
789
  this.dom.breadcrumb.style.setProperty(`--${this.prefix}breadcrumb-transition-duration`, `${this.transitionDuration}ms`), this.dom.breadcrumb.style.setProperty(`--${this.prefix}breadcrumb-open-transition-duration`, `${this.openDuration}ms`), this.dom.breadcrumb.style.setProperty(`--${this.prefix}breadcrumb-close-transition-duration`, `${this.closeDuration}ms`);
@@ -803,7 +803,7 @@ var Breadcrumb = (function() {
803
803
  });
804
804
  }
805
805
  _reveal({ emit: t = this.isInitialized, transition: e = this.isInitialized } = {}) {
806
- this.dom.breadcrumbToggle.setAttribute("aria-expanded", "true"), e && this.transitionlass !== "" ? (h(this.transitionClass, this.dom.breadcrumb), requestAnimationFrame(() => {
806
+ this.dom.breadcrumbToggle && this.dom.breadcrumbToggle.setAttribute("aria-expanded", "true"), e && this.transitionlass !== "" ? (h(this.transitionClass, this.dom.breadcrumb), requestAnimationFrame(() => {
807
807
  l(this.closeClass, this.dom.breadcrumb), requestAnimationFrame(() => {
808
808
  h(this.openClass, this.dom.breadcrumb), requestAnimationFrame(() => {
809
809
  setTimeout(() => {
@@ -811,10 +811,10 @@ var Breadcrumb = (function() {
811
811
  }, this.openDuration);
812
812
  });
813
813
  });
814
- })) : (h(this.openClass, this.dom.breadcrumb), l(this.closeClass, this.dom.breadcrumb)), t && this._dispatchEvent("expand", this.dom.breadcrumbToggle);
814
+ })) : (h(this.openClass, this.dom.breadcrumb), l(this.closeClass, this.dom.breadcrumb)), t && (this.dom.breadcrumbToggle ? this._dispatchEvent("expand", this.dom.breadcrumbToggle) : this._dispatchEvent("expand", this.dom.breadcrumb));
815
815
  }
816
816
  _conceal({ emit: t = this.isInitialized, transition: e = this.isInitialized } = {}) {
817
- this.dom.breadcrumbToggle.setAttribute("aria-expanded", "false"), e && this.transitionClass !== "" ? (h(this.transitionClass, this.dom.breadcrumb), requestAnimationFrame(() => {
817
+ this.dom.breadcrumbToggle && this.dom.breadcrumbToggle.setAttribute("aria-expanded", "false"), e && this.transitionClass !== "" ? (h(this.transitionClass, this.dom.breadcrumb), requestAnimationFrame(() => {
818
818
  l(this.openClass, this.dom.breadcrumb), requestAnimationFrame(() => {
819
819
  h(this.closeClass, this.dom.breadcrumb), requestAnimationFrame(() => {
820
820
  setTimeout(() => {
@@ -822,13 +822,13 @@ var Breadcrumb = (function() {
822
822
  }, this.closeDuration);
823
823
  });
824
824
  });
825
- })) : (h(this.closeClass, this.dom.breadcrumb), l(this.openClass, this.dom.breadcrumb)), t && this._dispatchEvent("collapse", this.dom.breadcrumbToggle);
825
+ })) : (h(this.closeClass, this.dom.breadcrumb), l(this.openClass, this.dom.breadcrumb)), t && (this.dom.breadcrumbToggle ? this._dispatchEvent("collapse", this.dom.breadcrumbToggle) : this._dispatchEvent("collapse", this.dom.breadcrumb));
826
826
  }
827
827
  _lock({ emit: t = this.isInitialized } = {}) {
828
- h(this.lockedClass, this.dom.breadcrumb), l(this.unlockedClass, this.dom.breadcrumb), this.dom.breadcrumbToggle.setAttribute("disabled", "true"), t && this._dispatchEvent("lock", this.dom.breadcrumbToggle);
828
+ h(this.lockedClass, this.dom.breadcrumb), l(this.unlockedClass, this.dom.breadcrumb), this.dom.breadcrumbToggle && this.dom.breadcrumbToggle.setAttribute("disabled", "true"), t && (this.dom.breadcrumbToggle ? this._dispatchEvent("lock", this.dom.breadcrumbToggle) : this._dispatchEvent("lock", this.dom.breadcrumb));
829
829
  }
830
830
  _unlock({ emit: t = this.isInitialized } = {}) {
831
- h(this.unlockedClass, this.dom.breadcrumb), l(this.lockedClass, this.dom.breadcrumb), this.dom.breadcrumbToggle.removeAttribute("disabled"), t && this._dispatchEvent("unlock", this.dom.breadcrumbToggle);
831
+ h(this.unlockedClass, this.dom.breadcrumb), l(this.lockedClass, this.dom.breadcrumb), this.dom.breadcrumbToggle && this.dom.breadcrumbToggle.removeAttribute("disabled"), t && (this.dom.breadcrumbToggle ? this._dispatchEvent("unlock", this.dom.breadcrumbToggle) : this._dispatchEvent("unlock", this.dom.breadcrumb));
832
832
  }
833
833
  _handleFocus() {
834
834
  this.elements.breadcrumbItems.forEach((t, e) => {
@@ -840,26 +840,30 @@ var Breadcrumb = (function() {
840
840
  });
841
841
  }
842
842
  _handleClick() {
843
- this.dom.breadcrumbToggle && (this._addEventListener("click", this.dom.breadcrumbToggle, (t) => {
844
- this.currentEvent = "mouse", t.button === 0 && (d(t), this.toggle());
845
- }), this._addEventListener("click", document, (t) => {
843
+ this._addEventListener("click", document, (t) => {
846
844
  this.focusState !== "self" || !this.closeOnBlur || (this.currentEvent = "mouse", !this.dom.breadcrumb.contains(t.target) && this.dom.breadcrumbToggle !== t.target && this.close());
847
- }));
845
+ }), this.dom.breadcrumbToggle && this._addEventListener("click", this.dom.breadcrumbToggle, (t) => {
846
+ this.currentEvent = "mouse", t.button === 0 && (d(t), this.toggle());
847
+ });
848
848
  }
849
849
  _handleKeydown() {
850
- this.dom.breadcrumbToggle && (this._addEventListener("keydown", this.dom.breadcrumbToggle, (t) => {
850
+ this._addEventListener("keydown", this.dom.breadcrumb, (t) => {
851
+ this.currentEvent = "keyboard", m(t) === "Escape" && d(t);
852
+ }), this.dom.breadcrumbToggle && this._addEventListener("keydown", this.dom.breadcrumbToggle, (t) => {
851
853
  switch (this.currentEvent = "keyboard", m(t)) {
852
854
  case "Space":
853
855
  case "Enter":
854
856
  d(t);
855
857
  break;
856
858
  }
857
- }), this._addEventListener("keydown", this.dom.breadcrumb, (t) => {
858
- this.currentEvent = "keyboard", m(t) === "Escape" && d(t);
859
- }));
859
+ });
860
860
  }
861
861
  _handleKeyup() {
862
- this.dom.breadcrumbToggle && (this._addEventListener("keyup", this.dom.breadcrumbToggle, (t) => {
862
+ this._addEventListener("keyup", this.dom.breadcrumb, (t) => {
863
+ this.currentEvent = "keyboard", m(t) === "Escape" && (d(t), this.close(), this.currentChild > this.elements.breadcrumbItems.indexOf(this.elements.breadcrumbToggle) && requestAnimationFrame(() => {
864
+ this.focusToggle();
865
+ }));
866
+ }), this.dom.breadcrumbToggle && this._addEventListener("keyup", this.dom.breadcrumbToggle, (t) => {
863
867
  switch (this.currentEvent = "keyboard", m(t)) {
864
868
  case "Space":
865
869
  case "Enter":
@@ -873,11 +877,7 @@ var Breadcrumb = (function() {
873
877
  }));
874
878
  break;
875
879
  }
876
- }), this._addEventListener("keyup", this.dom.breadcrumb, (t) => {
877
- this.currentEvent = "keyboard", m(t) === "Escape" && (d(t), this.close(), this.currentChild > this.elements.breadcrumbItems.indexOf(this.elements.breadcrumbToggle) && requestAnimationFrame(() => {
878
- this.focusToggle();
879
- }));
880
- }));
880
+ });
881
881
  }
882
882
  open({ force: t = !1, emit: e = this.isInitialized, transition: i = this.isInitialized, preserveState: s = !1 } = {}) {
883
883
  this.isOpen && !t || this.isLocked && !t || (this.focusState = "self", this._reveal({