The text announced when the gallery got closed.
Its hylo-page-root translations object key is "galleryAnnouncementClosed".
The delay of the announcement in millisecond.
An HTMLHyloAccessibilityAnnouncementElement component either as element or css query selection. If not set and hylo-page-root is present, it takes the announcement element from the hylo-page-root component.
Used to announce opened or closed status. "announcementOpened" and/or "announcementClosed" needs to be set.
The text announced when the gallery got opened.
Its hylo-page-root translations object key is "galleryAnnouncementOpened".
Classes added to the close hylo-button.
Classes added to the next hylo-button.
Classes added to the previous hylo-button.
Classes added to the button element inside the close hylo-button.
Classes added to the button element inside the next hylo-button.
Classes added to the button element inside the previous hylo-button.
Label of the close button.
Its hylo-page-root translations object key is "galleryButtonLabelClose".
Label of the next button.
Its hylo-page-root translations object key is "galleryButtonLabelNext".
Label of the previous button.
Its hylo-page-root translations object key is "galleryButtonLabelPrev".
Disables the automatic opening of the gallery if clicked or key pressed ("spacebar" or "enter") on the overview/initial image.
Can be set as boolean or "click" | "key" to only disable on "click" or "key" event.
Prevents the next and previous button to be reachable by the tab key.
Should be set if the slides itself are made tabbable.
Enables slides to be reachable by the tab key.
Hylo media players are always reachable by the tab key.
Label of the gallery view layer.
Label of the end marker of the gallery view layer.
Label of the start marker of the gallery view layer.
If set, the buttons disappear if no user interaction.
Sets the timeout in milliseconds after the buttons disappear.
If true, show the pagination.
The type of the gallery.
Generated using TypeDoc
Creates a gallery layer view out of nested hylo-responsive-image components.
Each hylo-responsive-image component which is wrapped by this component and has hylo-image components as child elements which are marked for "gallery" use will be part of the gallery layer.
The gallery layer will open when clicked on one of these hylo-responsive-image components.
When the layer gets closed, the last element having the focus before the layer opened will gain the focus again. You can prevent elements to be considered for the returning focus by giving it or one of its ancestors the css class "hylo-skip-last-focus".
Slots: