@ulu/frontend 0.1.0-beta.36 → 0.1.0-beta.37
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/CHANGELOG.md +2 -0
- package/js/ui/slider.js +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -21,6 +21,8 @@
|
|
|
21
21
|
- Fix bug with "focusoutCloses" check collapsible content for focus before closing (so only close if focusout led outside the content) which is the intended behavior. Note this is mechanism used to control popover's so it fixes the bug there as well
|
|
22
22
|
- **ui/modal-builder**
|
|
23
23
|
- Update all templates options (templateCloseIcon, templateResizerIcon, template) to include new option for "baseClass" so that base BEM selector can easily be changed (ie. .namespace-modal for example)
|
|
24
|
+
- **ui/slider.js**
|
|
25
|
+
- Implement classAccessiblyHidden option to allow users to customize its styling. Will still default to "hidden-visually."
|
|
24
26
|
- **utils/css.js**
|
|
25
27
|
- Add new module to hold utility functions related to CSS, currently just new function getCustomProperty which is used in ui/breakpoints module
|
|
26
28
|
|
package/js/ui/slider.js
CHANGED
|
@@ -517,12 +517,12 @@ export class Slider {
|
|
|
517
517
|
getControlContent(action) {
|
|
518
518
|
const classes = this.options[action === "next" ? "iconClassNext" : "iconClassPrevious"];
|
|
519
519
|
return `
|
|
520
|
-
<span class="
|
|
520
|
+
<span class="${ this.options.classAccessiblyHidden }">${ action }</span>
|
|
521
521
|
<span class="${ this.getClass("control-icon") } ${ classes }" aria-hidden="true"></span>
|
|
522
522
|
`;
|
|
523
523
|
}
|
|
524
524
|
getNavContent(slide) {
|
|
525
|
-
return `<span class="
|
|
525
|
+
return `<span class="${ this.options.classAccessiblyHidden }">Item ${ slide.number }</span>`;
|
|
526
526
|
}
|
|
527
527
|
emit(name, args) {
|
|
528
528
|
if (this.options.events[name]) {
|