npm - @oiz/stzh-components - Versions diffs - 4.10.0-beta2 → 4.10.0 - Mend

@oiz/stzh-components 4.10.0-beta2 → 4.10.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.

Files changed (883) hide show

package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-dropdown.js","sourceRoot":"","sources":["../../../../src/components/stzh-dropdown/stzh-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, Watch, Method, Event, EventEmitter, Listen } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport {\n StzhDropdownSize,\n StzhDropdownOption,\n StzhDropdownChangeEvent,\n StzhDropdownItemAddEvent,\n StzhDropdownItemRemoveEvent,\n StzhDropdownOptionAddEvent,\n StzhDropdownOptionRemoveEvent,\n StzhDropdownOpenEvent,\n StzhDropdowCloseEvent,\n StzhDropdownFocusEvent,\n StzhDropdownBlurEvent,\n StzhDropdowInitEvent,\n} from \"../../index\";\n\nimport { StzhDropdownLocalizedText } from \"./stzh-dropdown.localization\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport TomSelect from \"../../libraries/tom-select/esm/tom-select.js\";\nimport TomSelectRemoveButton from \"../../libraries/tom-select/esm/plugins/remove_button/plugin.js\";\nimport TomSelectCheckboxOptions from \"../../libraries/tom-select/esm/plugins/checkbox_options/plugin.js\";\nimport TomSelectInputAutogrow from \"../../libraries/tom-select/esm/plugins/input_autogrow/plugin.js\";\nimport TomSelectNoBackspaceDelete from \"../../libraries/tom-select/esm/plugins/no_backspace_delete/plugin.js\";\n\nconst TomSelectInputReadonly = function (_plugin_options) {\n const self = this;\n\n self.on(\"initialize\", () => {\n const input = self.control_input as HTMLInputElement;\n if (input) input.readOnly = true;\n });\n};\n\nconst CLASS_FILLED = \"stzh-dropdown--is-filled\";\nconst CLASS_FOCUS = \"stzh-dropdown--has-focus\";\n\nTomSelect.define(\"remove_button\", TomSelectRemoveButton);\nTomSelect.define(\"checkbox_options\", TomSelectCheckboxOptions);\nTomSelect.define(\"input_autogrow\", TomSelectInputAutogrow);\nTomSelect.define(\"no_backspace_delete\", TomSelectNoBackspaceDelete);\nTomSelect.define(\"input_readonly\", TomSelectInputReadonly);\n\nlet dropdownCounter = 0;\n\n/*\n @slot label - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot icon - Slot for left icon\n * @slot icon-angle - Slot for angle icon\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-dropdown\",\n styleUrl: \"stzh-dropdown.scss\",\n})\nexport class StzhDropdown {\n /* Available options /\n @Prop() options: StzhDropdownOption[] \| string;\n private _options: StzhDropdownOption[];\n\n /\n Option groups that options will be bucketed into.\n * Make sure each object in the array has a property named whatever `optgroupValueField` is set to.\n /\n @Prop() optgroups: any[] \| string;\n private _optgroups: any[];\n\n /\n Set selected option values. Always set this in usage with stzh-components-angular (see examples in usage docs).\n * To get the current (user) selected options, use `getItems` method.\n /\n @Prop({ mutable: true }) items: string[] \| string;\n private _items: string[];\n\n /\n Default items (used by reset)\n /\n @Prop({ mutable: true }) defaultItems: string[];\n\n /\n An array of property names to analyze when filtering options.\n * Weights can be given to each field to improve search result:\n * `[{\"field\":\"text\",\"weight\":2},{\"field\":\"text2\",\"weight\":0.5}]`\n /\n @Prop() searchField: string[] \| string = [\"text\"];\n private _searchField: string[];\n\n /* Whether multiple items option can be selected /\n @Prop({ reflect: true }) multiple: boolean = false;\n\n /* Show inline (auto width) /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /* Don't wrap words when using inline (auto width) /\n @Prop({ reflect: true }) noWrap: boolean = false;\n\n /* The max number of options to display in the dropdown. Set to `null` for an unlimited number of options. /\n @Prop() maxOptions: number \| null = null;\n\n /* When searching for multiple terms (separated by space), this is the operator used. Can be 'and' or 'or' /\n @Prop() searchConjunction: \"and\" \| \"or\" = \"and\";\n\n /* Transform applied to input value before e.g. search is executed /\n @Prop() transformLoadQuery: \"trim\" \| \"trim-to-single-ws\" \| \"join\" \| Function = \"trim\";\n\n /* If true, any options with a \"\" value will be treated like a normal option. This defaults to false to accommodate the common <select> practice of having the first empty option to act as a placeholder. /\n @Prop() allowEmptyOption: boolean = false;\n\n /* Show the dropdown immediately when the control receives focus. /\n @Prop() openOnFocus: boolean = true;\n\n /* After a selection is made, the dropdown will remain open if in a multi-selection control or will close in a single-selection control. Setting closeAfterSelect to true will force the dropdown to close after selections are made. Setting closeAfterSelect to false will keep the dropdown open after selections are made. /\n @Prop() closeAfterSelect: boolean \| null = null;\n\n /* Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises). /\n @Prop() load: (query: string, callback: Function) => any[] \| null = null;\n\n /* Minimum of characters required to execute the `load` function /\n @Prop() minCharacters: number = 3;\n\n /* The number of milliseconds to wait before requesting options from the server or null. If null, throttling is disabled. Useful when loading options dynamically while the user types a search / filter expression. /\n @Prop() loadThrottle: number = 300;\n\n /* If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus. /\n @Prop() preload: boolean \| \"focus\" = false;\n\n /* The name of the property to render as an option / item label (not needed when custom rendering functions are defined). /\n @Prop() labelField: string = \"text\";\n\n /* The name of the property to use as the value when an item is selected. /\n @Prop() valueField: string = \"value\";\n\n /* Only used for Angular control value accessors. Use `items` property to define preselected options. /\n @Prop({ mutable: true }) value: string \| string[] = \"\";\n\n /* The name of the property to group items by. /\n @Prop() optgroupField: string = \"optgroup\";\n\n /* The name of the property to render as an option group label (not needed when custom rendering functions are defined). /\n @Prop() optgroupLabelField: string = \"label\";\n\n /* The name of the option group property that serves as its unique identifier. /\n @Prop() optgroupValueField: string = \"value\";\n\n /* If truthy, all optgroups will be displayed in the same order as they were added (by the `$order` property). Otherwise, it will order based on the score of the results in each. /\n @Prop() lockOptgroupOrder: true;\n\n /* Name of hidden select element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Initial open state /\n @Prop() open: boolean = false;\n\n /* Current open state (readonly) /\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"plain\" \| \"filter\" = \"default\";\n\n /* Size variant /\n @Prop({ reflect: true }) size: StzhDropdownSize = \"default\";\n\n /* Size variant (above small breakpoint) /\n @Prop({ reflect: true }) sizeSmall: StzhDropdownSize;\n\n /* Size variant (above medium breakpoint) /\n @Prop({ reflect: true }) sizeMedium: StzhDropdownSize;\n\n /* Size variant (above large breakpoint) /\n @Prop({ reflect: true }) sizeLarge: StzhDropdownSize;\n\n /* Size variant (above ultra breakpoint) /\n @Prop({ reflect: true }) sizeUltra: StzhDropdownSize;\n\n /* Whether the dropdown is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Popover placement /\n @Prop({ reflect: true }) popoverPlacement:\n \| \"bottom\"\n \| \"bottom-end\"\n \| \"bottom-center\"\n \| \"top\"\n \| \"top-end\"\n \| \"top-center\" = \"bottom\";\n\n /* Whether to stretch popover to fullwith of parent /\n @Prop({ reflect: true }) popoverFullwidth: \"horizontal\" \| \"\" = \"\";\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Whether label should be truncate or not /\n @Prop() noLabelTruncate: boolean = false;\n\n /* Whether label should be visually hidden. /\n @Prop() labelHidden: boolean = false;\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string = \"\";\n\n /* Angle icon /\n @Prop() iconAngle: string = \"angle-down\";\n\n /* Prevent option search /\n @Prop() noSearch: boolean = false;\n\n /* Prevent backspace delete /\n @Prop() noBackspaceDelete: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Translation strings /\n @Prop() localization: StzhDropdownLocalizedText;\n\n /* Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"options\")\n optionsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._options = JSON.parse(newValue);\n } else {\n this._options = newValue;\n }\n }\n\n @Watch(\"items\")\n itemsWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n this.value = this._items;\n }\n\n @Watch(\"searchField\")\n searchFieldWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._searchField = JSON.parse(newValue);\n } else {\n this._searchField = newValue;\n }\n }\n\n @Watch(\"optgroups\")\n optgroupsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._optgroups = JSON.parse(newValue);\n } else {\n this._optgroups = newValue;\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhDropdownElement;\n\n /\n Returns the value of the control.\n * If multiple items can be selected,\n * this returns an array, otherwise a string.\n /\n @Method()\n async getValue(): Promise<string \| string[]> {\n return this.tomSelect.getValue();\n }\n\n /* Set new value /\n @Method()\n async setValue(newValue: string \| string[], silent: boolean = false) {\n this.tomSelect.setValue(newValue, silent);\n }\n\n /* Reset loaded/cached search queries (calls from load property function) /\n @Method()\n async resetLoadedSearches() {\n this.tomSelect.loadedSearches = {};\n }\n\n /* Return loaded/cached search queries (calls from load property function) /\n @Method()\n async getLoadedSearches() {\n return this.tomSelect.loadedSearches;\n }\n\n /* Return current selected items /\n @Method()\n async getItems() {\n return this.tomSelect.items;\n }\n\n /* Load items by calling load property/function /\n @Method()\n async loadItems(query: string) {\n return this.tomSelect.load(query);\n }\n\n /* Show dropdown popover /\n @Method()\n async show() {\n return this.tomSelect.open();\n }\n\n /* Hide dropdown popover /\n @Method()\n async hide() {\n return this.tomSelect.close();\n }\n\n /* Dropdown change event /\n @Event() stzhChange: EventEmitter<StzhDropdownChangeEvent>;\n\n /* Dropdown item added event /\n @Event() stzhItemAdd: EventEmitter<StzhDropdownItemAddEvent>;\n\n /* Dropdown item removed event /\n @Event() stzhItemRemove: EventEmitter<StzhDropdownItemRemoveEvent>;\n\n /* Dropdown option added event /\n @Event() stzhOptionAdd: EventEmitter<StzhDropdownOptionAddEvent>;\n\n /* Dropdown option removed event /\n @Event() stzhOptionRemove: EventEmitter<StzhDropdownOptionRemoveEvent>;\n\n /* Dropdown open event /\n @Event() stzhOpen: EventEmitter<StzhDropdownOpenEvent>;\n\n /* Dropdown close event /\n @Event() stzhClose: EventEmitter<StzhDropdowCloseEvent>;\n\n /* Dropdown focus event /\n @Event() stzhFocus: EventEmitter<StzhDropdownFocusEvent>;\n\n /* Dropdown blur event /\n @Event() stzhBlur: EventEmitter<StzhDropdownBlurEvent>;\n\n /* Dropdown focus event /\n @Event() stzhInit: EventEmitter<StzhDropdowInitEvent>;\n\n private tomSelect: TomSelect;\n private select: HTMLSelectElement;\n private rootElement: HTMLElement;\n private dropdownWrapperElement: HTMLElement;\n private dropdownId: string;\n private focusedByInput: boolean = false;\n\n private updateFilled() {\n if (this._items?.length > 0) {\n this.rootElement.classList.add(CLASS_FILLED);\n this.element.setAttribute(\"is-filled\", \"true\");\n } else {\n this.rootElement.classList.remove(CLASS_FILLED);\n this.element.removeAttribute(\"is-filled\");\n }\n }\n\n private handleReset = () => {\n this.items = [...this.defaultItems];\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.tomSelect.focus();\n }\n\n this.focusedByInput = false;\n };\n\n async componentWillLoad() {\n this.dropdownId = `stzh-dropdown-${dropdownCounter++}`;\n\n this.optionsWatcher(this.options);\n this.optgroupsWatcher(this.optgroups);\n this.itemsWatcher(this.items);\n this.searchFieldWatcher(this.searchField);\n this.errorWatcher(this.error);\n\n this.defaultItems = this.defaultItems \|\| this._items;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dropdown\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return [\"isOpen\", \"value\"].includes(prop) === false;\n }\n\n async componentWillUpdate() {\n if (this.tomSelect) {\n this.tomSelect.destroy();\n this.tomSelect = null;\n }\n }\n\n async componentDidRender() {\n if (this.tomSelect) {\n return;\n }\n\n const plugins = {};\n\n if (this.noSearch) {\n plugins[\"input_readonly\"] = {};\n } else {\n plugins[\"input_autogrow\"] = {};\n }\n\n if (this.noBackspaceDelete) {\n plugins[\"no_backspace_delete\"] = {};\n }\n\n if (this.multiple) {\n plugins[\"checkbox_options\"] = {};\n }\n\n if (this.multiple \|\| this.variant === \"filter\") {\n plugins[\"remove_button\"] = {\n title: this.localization.removeButtonTitle,\n label: '<stzh-icon name=\"close-big\" class=\"stzh-dropdown__remove-icon\"></stzh-icon>',\n };\n }\n\n const tomSelectOptions: any = {\n dropdownParent: this.dropdownWrapperElement,\n openDisplay: \"flex\",\n plugins,\n maxItems: this.multiple ? null : 1,\n maxOptions: this.maxOptions,\n items: this._items,\n optgroups: this._optgroups,\n searchField: this._searchField,\n searchConjunction: this.searchConjunction,\n allowEmptyOption: this.allowEmptyOption,\n closeAfterSelect: this.closeAfterSelect !== null ? this.closeAfterSelect : !this.multiple,\n labelField: this.labelField,\n valueField: this.valueField,\n optgroupField: this.optgroupField,\n optgroupLabelField: this.optgroupLabelField,\n optgroupValueField: this.optgroupValueField,\n lockOptgroupOrder: this.lockOptgroupOrder,\n load: this.load,\n transformLoadQuery: (inputValue: string) => {\n if (typeof this.transformLoadQuery === \"function\") {\n return this.transformLoadQuery(inputValue);\n } else if (this.transformLoadQuery === \"join\") {\n const lastQueries = Array.from(this.tomSelect.controlChildren()).map(\n (element: HTMLElement) => element.innerText,\n );\n\n return (\n (lastQueries.length > 0 ? lastQueries.join(\" \") + (inputValue ? \" \" : \"\") : \"\") +\n inputValue.replace(/\\s\\s+/g, \" \")\n );\n } else if (this.transformLoadQuery === \"trim-to-single-ws\") {\n return inputValue.replace(/\\s\\s+/g, \" \");\n } else {\n return inputValue.trim();\n }\n },\n shouldLoad: (query: string) => {\n return query.length >= this.minCharacters;\n },\n loadThrottle: this.loadThrottle,\n preload: this.preload,\n openOnFocus: this.openOnFocus,\n loadingClass: \"is-loading\",\n hideSelected: false,\n duplicates: false,\n delimiter: \",\",\n copyClassesToDropdown: false,\n hidePlaceholder: null,\n // if you want the user to be able to add own items enable this option\n // (but checkbox_options plugin throws an error and would need a fix first)\n // create: function(input, callback) {\n // callback({ value: input, text: input });\n // },\n // createOnBlur: false,\n // createFilter: null,\n // persist: false,\n render: {\n option: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__option\">\n <span class=\"stzh-dropdown__option-title\">\n ${escape(data[this.labelField])}\n </span>\n <stzh-icon name=\"checkmark\" class=\"stzh-dropdown__option-check\"></stzh-icon>\n </div>\n `;\n },\n item: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__item\">\n ${escape(data[this.labelField])}\n </div>\n `;\n },\n option_create: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__create\">\n ${this.localization.create.replace(/\\{x\\}/gi, escape(data.input))}…\n </div>\n `;\n },\n no_results: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__no-results\" id=\"${this.dropdownId}-no-results\">\n ${this.localization.noResults.replace(/\\{x\\}/gi, escape(data.input))}\n </div>`;\n },\n not_loading:\n this.load === null\n ? null\n : (_data, escape) => {\n return `\n <div class=\"stzh-dropdown__not-loading\" id=\"${this.dropdownId}-not-loading\">\n ${this.localization.notLoading.replace(/\\{x\\}/gi, escape(this.minCharacters.toString()))}\n </div>\n `;\n },\n optgroup: data => {\n let optgroup = document.createElement(\"div\");\n optgroup.className = \"stzh-dropdown__optgroup\";\n optgroup.appendChild(data.options);\n return optgroup;\n },\n optgroup_header: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__optgroup-header\">\n ${escape(data.label)}\n </div>\n `;\n },\n loading: () => {\n return `\n <div class=\"stzh-dropdown__loader\">\n <stzh-loader></stzh-loader>\n </div>\n `;\n },\n dropdown: () => {\n return `<div class=\"stzh-dropdown__dropdown\"></div>`;\n },\n },\n onChange: value => {\n this._items = this.tomSelect.items;\n this.updateFilled();\n this.value = this.multiple ? this._items : this._items[0];\n this.stzhChange.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onItemAdd: value => {\n this._items = this.tomSelect.items;\n this.stzhItemAdd.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onItemRemove: value => {\n this._items = this.tomSelect.items;\n this.stzhItemRemove.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onOptionAdd: value => {\n this._options = this.tomSelect.options;\n this.updateFilled();\n\n this.stzhOptionAdd.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onOptionRemove: value => {\n this._options = this.tomSelect.options;\n this.updateFilled();\n\n this.stzhOptionRemove.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onDropdownOpen: () => {\n this.isOpen = true;\n const checkboxes = this.dropdownWrapperElement?.querySelectorAll(\n '.stzh-dropdown__dropdown input[type=\"checkbox\"]'\n );\n checkboxes?.forEach(cb => {\n const input = cb as HTMLInputElement;\n input.tabIndex = -1;\n input.setAttribute('aria-hidden', 'true');\n });\n this.stzhOpen.emit({\n component: \"stzh-dropdown\",\n });\n },\n onDropdownClose: () => {\n this.isOpen = false;\n this.stzhClose.emit({\n component: \"stzh-dropdown\",\n });\n },\n onFocus: () => {\n this.focusedByInput = true;\n\n if (this.tomSelect.load && this.preload === \"focus\") {\n // to be able to execute load function again, we reset loaded searches\n this.resetLoadedSearches();\n\n // if results have been preloaded before, load them now directly with load function\n if (this.tomSelect.wrapper.classList.contains(\"preloaded\")) {\n // since tomSelect.preload() doesn't call tomSelect.shouldCall() method internally (to check for minCharacters),\n // we will also not call it (this.tomSelect.settings.shouldLoad.call(this.tomSelect, ''))\n this.tomSelect.load(\"\");\n }\n }\n\n this.rootElement.classList.add(CLASS_FOCUS);\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-dropdown\",\n originalEvent: {\n target: this.tomSelect.control,\n },\n });\n },\n onBlur: () => {\n this.rootElement.classList.remove(CLASS_FOCUS);\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-dropdown\",\n });\n },\n onInitialize: () => {\n this.stzhInit.emit({\n component: \"stzh-dropdown\",\n });\n },\n onLoad: () => {\n this._options = this.tomSelect.options;\n },\n };\n\n if (this._options) {\n tomSelectOptions.options = this._options;\n }\n\n if (this._optgroups) {\n tomSelectOptions.optgroups = this._optgroups;\n }\n\n if (this._items) {\n tomSelectOptions.items = this._items;\n }\n\n this.updateFilled();\n this.tomSelect = new TomSelect(this.select, tomSelectOptions);\n\n if (!this.openOnFocus) {\n // we still want to enable opening the dropdown by click\n this.tomSelect.control.addEventListener(\"click\", () => {\n this.tomSelect.open();\n });\n }\n\n if (this.open) {\n this.show();\n }\n }\n\n disconnectedCallback() {\n if (this.tomSelect) {\n this.tomSelect.destroy();\n this.tomSelect = null;\n }\n }\n\n render() {\n const iconUsed = hasSlot(this.element, \"icon\") \|\| !!this.icon;\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const classes = {\n \"stzh-dropdown\": true,\n \"stzh-dropdown--is-inline\": this.inline,\n \"stzh-dropdown--has-no-wrap\": this.noWrap,\n \"stzh-dropdown--is-multiple\": this.multiple,\n \"stzh-dropdown--is-disabled\": this.disabled,\n \"stzh-dropdown--is-required\": this.required,\n \"stzh-dropdown--is-invalid\": this.invalid \|\| errorUsed,\n [CLASS_FILLED]: this._items && this._items.length > 0,\n \"stzh-dropdown--has-icon\": iconUsed,\n \"stzh-dropdown--has-description\": descriptionUsed,\n \"stzh-dropdown--has-description-long\": descriptionLongUsed,\n \"stzh-dropdown--has-error\": errorUsed,\n \"stzh-dropdown--has-no-search\": this.noSearch,\n \"stzh-dropdown--has-label-hidden\": this.labelHidden,\n [`stzh-dropdown--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n [`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]: !!this.popoverFullwidth,\n [`stzh-dropdown--size-${this.size}`]: !!this.size,\n [`stzh-dropdown--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes} ref={el => (this.rootElement = el as HTMLDivElement)}>\n <div class=\"stzh-dropdown__wrapper\">\n <label\n id={`${this.dropdownId}-label`}\n class={{\n \"stzh-dropdown__label\": true,\n \"no-label-truncate\": this.noLabelTruncate,\n }}\n htmlFor={this.dropdownId}\n >\n {this.label ? this.label : <slot name=\"label\"></slot>}\n {!this.hideOptional && (\n <span class=\"stzh-dropdown__marker\">\n <span class=\"stzh-dropdown__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-dropdown__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </label>\n\n <div class=\"stzh-dropdown__field-wrapper\">\n {/ tom-select replaces this select with an combobox.\n Since it doesn't support aria-(describedby/required/invalid),\n we write necessary status information in the aria-labelledby */}\n <select\n id={this.dropdownId}\n class=\"stzh-dropdown__select\"\n ref={el => (this.select = el as HTMLSelectElement)}\n multiple={this.multiple}\n name={this.name}\n disabled={this.disabled}\n aria-labelledby={`${this.dropdownId}-label ${\n this.dropdownId\n }-not-loading ${this.dropdownId}-no-results ${\n this.hideOptional && this.required && `${this.dropdownId}-required`\n } ${this.invalid && `${this.dropdownId}-invalid`} ${\n this.dropdownId\n }-description ${this.a11yDescribedby}`}\n >\n <slot></slot>\n </select>\n\n {this.inline && this.label && <div class=\"stzh-dropdown__sizer\">{this.label}</div>}\n\n <div class=\"stzh-dropdown__icon-angle-wrapper\">\n {this.iconAngle ? (\n <stzh-icon name={this.iconAngle} class=\"stzh-dropdown__icon-angle\"></stzh-icon>\n ) : (\n <slot name=\"icon-angle\"></slot>\n )}\n </div>\n\n <div class=\"stzh-dropdown__icon-wrapper\">\n {this.icon ? (\n <stzh-icon class=\"stzh-dropdown__icon\" name={this.icon}></stzh-icon>\n ) : (\n <slot name=\"icon\"></slot>\n )}\n </div>\n\n {this.hideOptional && this.required && (\n <div id={`${this.dropdownId}-required`} class=\"stzh-dropdown__vhidden\">\n {this.localization.$globals.requiredFieldText}\n </div>\n )}\n\n {this.invalid && (\n <div id={`${this.dropdownId}-invalid`} class=\"stzh-dropdown__vhidden\">\n {this.localization.$globals.invalidFieldText}\n </div>\n )}\n </div>\n </div>\n\n <div\n class=\"stzh-dropdown__dropdown-wrapper\"\n ref={el => (this.dropdownWrapperElement = el as HTMLDivElement)}\n ></div>\n\n {(errorUsed \|\| this.description \|\| this.descriptionLong) && (\n <StzhInputDescription\n classPrefix=\"stzh-dropdown\"\n id={`${this.dropdownId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-dropdown.js","sourceRoot":"","sources":["../../../../src/components/stzh-dropdown/stzh-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, Watch, Method, Event, EventEmitter, Listen } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport {\n StzhDropdownSize,\n StzhDropdownOption,\n StzhDropdownChangeEvent,\n StzhDropdownItemAddEvent,\n StzhDropdownItemRemoveEvent,\n StzhDropdownOptionAddEvent,\n StzhDropdownOptionRemoveEvent,\n StzhDropdownOpenEvent,\n StzhDropdowCloseEvent,\n StzhDropdownFocusEvent,\n StzhDropdownBlurEvent,\n StzhDropdowInitEvent,\n} from \"../../index\";\n\nimport { StzhDropdownLocalizedText } from \"./stzh-dropdown.localization\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport TomSelect from \"../../libraries/tom-select/esm/tom-select.js\";\nimport TomSelectRemoveButton from \"../../libraries/tom-select/esm/plugins/remove_button/plugin.js\";\nimport TomSelectCheckboxOptions from \"../../libraries/tom-select/esm/plugins/checkbox_options/plugin.js\";\nimport TomSelectInputAutogrow from \"../../libraries/tom-select/esm/plugins/input_autogrow/plugin.js\";\nimport TomSelectNoBackspaceDelete from \"../../libraries/tom-select/esm/plugins/no_backspace_delete/plugin.js\";\n\nconst TomSelectInputReadonly = function (_plugin_options) {\n const self = this;\n\n self.on(\"initialize\", () => {\n const input = self.control_input as HTMLInputElement;\n if (input) input.readOnly = true;\n });\n};\n\nconst CLASS_FILLED = \"stzh-dropdown--is-filled\";\nconst CLASS_FOCUS = \"stzh-dropdown--has-focus\";\n\nTomSelect.define(\"remove_button\", TomSelectRemoveButton);\nTomSelect.define(\"checkbox_options\", TomSelectCheckboxOptions);\nTomSelect.define(\"input_autogrow\", TomSelectInputAutogrow);\nTomSelect.define(\"no_backspace_delete\", TomSelectNoBackspaceDelete);\nTomSelect.define(\"input_readonly\", TomSelectInputReadonly);\n\nlet dropdownCounter = 0;\n\n/*\n @slot label - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot icon - Slot for left icon\n * @slot icon-angle - Slot for angle icon\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-dropdown\",\n styleUrl: \"stzh-dropdown.scss\",\n})\nexport class StzhDropdown {\n /* Available options /\n @Prop() options: StzhDropdownOption[] \| string;\n private _options: StzhDropdownOption[];\n\n /\n Option groups that options will be bucketed into.\n * Make sure each object in the array has a property named whatever `optgroupValueField` is set to.\n /\n @Prop() optgroups: any[] \| string;\n private _optgroups: any[];\n\n /\n Set selected option values. Always set this in usage with stzh-components-angular (see examples in usage docs).\n * To get the current (user) selected options, use `getItems` method.\n /\n @Prop({ mutable: true }) items: string[] \| string;\n private _items: string[];\n\n /\n Default items (used by reset)\n /\n @Prop({ mutable: true }) defaultItems: string[];\n\n /\n An array of property names to analyze when filtering options.\n * Weights can be given to each field to improve search result:\n * `[{\"field\":\"text\",\"weight\":2},{\"field\":\"text2\",\"weight\":0.5}]`\n /\n @Prop() searchField: string[] \| string = [\"text\"];\n private _searchField: string[];\n\n /* Whether multiple items option can be selected /\n @Prop({ reflect: true }) multiple: boolean = false;\n\n /* Show inline (auto width) /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /* Don't wrap words when using inline (auto width) /\n @Prop({ reflect: true }) noWrap: boolean = false;\n\n /* The max number of options to display in the dropdown. Set to `null` for an unlimited number of options. /\n @Prop() maxOptions: number \| null = null;\n\n /* When searching for multiple terms (separated by space), this is the operator used. Can be 'and' or 'or' /\n @Prop() searchConjunction: \"and\" \| \"or\" = \"and\";\n\n /* Transform applied to input value before e.g. search is executed /\n @Prop() transformLoadQuery: \"trim\" \| \"trim-to-single-ws\" \| \"join\" \| Function = \"trim\";\n\n /* If true, any options with a \"\" value will be treated like a normal option. This defaults to false to accommodate the common <select> practice of having the first empty option to act as a placeholder. /\n @Prop() allowEmptyOption: boolean = false;\n\n /* Show the dropdown immediately when the control receives focus. /\n @Prop() openOnFocus: boolean = true;\n\n /* After a selection is made, the dropdown will remain open if in a multi-selection control or will close in a single-selection control. Setting closeAfterSelect to true will force the dropdown to close after selections are made. Setting closeAfterSelect to false will keep the dropdown open after selections are made. /\n @Prop() closeAfterSelect: boolean \| null = null;\n\n /* Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises). /\n @Prop() load: (query: string, callback: Function) => any[] \| null = null;\n\n /* Minimum of characters required to execute the `load` function /\n @Prop() minCharacters: number = 3;\n\n /* The number of milliseconds to wait before requesting options from the server or null. If null, throttling is disabled. Useful when loading options dynamically while the user types a search / filter expression. /\n @Prop() loadThrottle: number = 300;\n\n /* If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus. /\n @Prop() preload: boolean \| \"focus\" = false;\n\n /* The name of the property to render as an option / item label (not needed when custom rendering functions are defined). /\n @Prop() labelField: string = \"text\";\n\n /* The name of the property to use as the value when an item is selected. /\n @Prop() valueField: string = \"value\";\n\n /* Only used for Angular control value accessors. Use `items` property to define preselected options. /\n @Prop({ mutable: true }) value: string \| string[] = \"\";\n\n /* The name of the property to group items by. /\n @Prop() optgroupField: string = \"optgroup\";\n\n /* The name of the property to render as an option group label (not needed when custom rendering functions are defined). /\n @Prop() optgroupLabelField: string = \"label\";\n\n /* The name of the option group property that serves as its unique identifier. /\n @Prop() optgroupValueField: string = \"value\";\n\n /* If truthy, all optgroups will be displayed in the same order as they were added (by the `$order` property). Otherwise, it will order based on the score of the results in each. /\n @Prop() lockOptgroupOrder: true;\n\n /* Name of hidden select element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Initial open state /\n @Prop() open: boolean = false;\n\n /* Current open state (readonly) /\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"plain\" \| \"filter\" = \"default\";\n\n /* Size variant /\n @Prop({ reflect: true }) size: StzhDropdownSize = \"default\";\n\n /* Size variant (above small breakpoint) /\n @Prop({ reflect: true }) sizeSmall: StzhDropdownSize;\n\n /* Size variant (above medium breakpoint) /\n @Prop({ reflect: true }) sizeMedium: StzhDropdownSize;\n\n /* Size variant (above large breakpoint) /\n @Prop({ reflect: true }) sizeLarge: StzhDropdownSize;\n\n /* Size variant (above ultra breakpoint) /\n @Prop({ reflect: true }) sizeUltra: StzhDropdownSize;\n\n /* Whether the dropdown is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Popover placement /\n @Prop({ reflect: true }) popoverPlacement:\n \| \"bottom\"\n \| \"bottom-end\"\n \| \"bottom-center\"\n \| \"top\"\n \| \"top-end\"\n \| \"top-center\" = \"bottom\";\n\n /* Whether to stretch popover to fullwith of parent /\n @Prop({ reflect: true }) popoverFullwidth: \"horizontal\" \| \"\" = \"\";\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Whether label should be truncate or not /\n @Prop() noLabelTruncate: boolean = false;\n\n /* Whether label should be visually hidden. /\n @Prop() labelHidden: boolean = false;\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string = \"\";\n\n /* Angle icon /\n @Prop() iconAngle: string = \"angle-down\";\n\n /* Prevent option search /\n @Prop() noSearch: boolean = false;\n\n /* Prevent backspace delete /\n @Prop() noBackspaceDelete: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Translation strings /\n @Prop() localization: StzhDropdownLocalizedText;\n\n /* Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"options\")\n optionsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._options = JSON.parse(newValue);\n } else {\n this._options = newValue;\n }\n }\n\n @Watch(\"items\")\n itemsWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n this.value = this._items;\n }\n\n @Watch(\"searchField\")\n searchFieldWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._searchField = JSON.parse(newValue);\n } else {\n this._searchField = newValue;\n }\n }\n\n @Watch(\"optgroups\")\n optgroupsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._optgroups = JSON.parse(newValue);\n } else {\n this._optgroups = newValue;\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhDropdownElement;\n\n /\n Returns the value of the control.\n * If multiple items can be selected,\n * this returns an array, otherwise a string.\n /\n @Method()\n async getValue(): Promise<string \| string[]> {\n return this.tomSelect.getValue();\n }\n\n /* Set new value /\n @Method()\n async setValue(newValue: string \| string[], silent: boolean = false) {\n this.tomSelect.setValue(newValue, silent);\n }\n\n /* Reset loaded/cached search queries (calls from load property function) /\n @Method()\n async resetLoadedSearches() {\n this.tomSelect.loadedSearches = {};\n }\n\n /* Return loaded/cached search queries (calls from load property function) /\n @Method()\n async getLoadedSearches() {\n return this.tomSelect.loadedSearches;\n }\n\n /* Return current selected items /\n @Method()\n async getItems() {\n return this.tomSelect.items;\n }\n\n /* Load items by calling load property/function /\n @Method()\n async loadItems(query: string) {\n return this.tomSelect.load(query);\n }\n\n /* Show dropdown popover /\n @Method()\n async show() {\n return this.tomSelect.open();\n }\n\n /* Hide dropdown popover /\n @Method()\n async hide() {\n return this.tomSelect.close();\n }\n\n /* Dropdown change event /\n @Event() stzhChange: EventEmitter<StzhDropdownChangeEvent>;\n\n /* Dropdown item added event /\n @Event() stzhItemAdd: EventEmitter<StzhDropdownItemAddEvent>;\n\n /* Dropdown item removed event /\n @Event() stzhItemRemove: EventEmitter<StzhDropdownItemRemoveEvent>;\n\n /* Dropdown option added event /\n @Event() stzhOptionAdd: EventEmitter<StzhDropdownOptionAddEvent>;\n\n /* Dropdown option removed event /\n @Event() stzhOptionRemove: EventEmitter<StzhDropdownOptionRemoveEvent>;\n\n /* Dropdown open event /\n @Event() stzhOpen: EventEmitter<StzhDropdownOpenEvent>;\n\n /* Dropdown close event /\n @Event() stzhClose: EventEmitter<StzhDropdowCloseEvent>;\n\n /* Dropdown focus event /\n @Event() stzhFocus: EventEmitter<StzhDropdownFocusEvent>;\n\n /* Dropdown blur event /\n @Event() stzhBlur: EventEmitter<StzhDropdownBlurEvent>;\n\n /* Dropdown focus event /\n @Event() stzhInit: EventEmitter<StzhDropdowInitEvent>;\n\n private tomSelect: TomSelect;\n private select: HTMLSelectElement;\n private rootElement: HTMLElement;\n private dropdownWrapperElement: HTMLElement;\n private dropdownId: string;\n private focusedByInput: boolean = false;\n\n private updateFilled() {\n if (this._items?.length > 0) {\n this.rootElement.classList.add(CLASS_FILLED);\n this.element.setAttribute(\"is-filled\", \"true\");\n } else {\n this.rootElement.classList.remove(CLASS_FILLED);\n this.element.removeAttribute(\"is-filled\");\n }\n }\n\n private handleReset = () => {\n this.items = [...this.defaultItems];\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.tomSelect.focus();\n }\n\n this.focusedByInput = false;\n };\n\n async componentWillLoad() {\n this.dropdownId = `stzh-dropdown-${dropdownCounter++}`;\n\n this.optionsWatcher(this.options);\n this.optgroupsWatcher(this.optgroups);\n this.itemsWatcher(this.items);\n this.searchFieldWatcher(this.searchField);\n this.errorWatcher(this.error);\n\n this.defaultItems = this.defaultItems \|\| this._items;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dropdown\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return [\"isOpen\", \"value\"].includes(prop) === false;\n }\n\n async componentWillUpdate() {\n if (this.tomSelect) {\n this.tomSelect.destroy();\n this.tomSelect = null;\n }\n }\n\n async componentDidRender() {\n if (this.tomSelect) {\n return;\n }\n\n const plugins = {};\n\n if (this.noSearch) {\n plugins[\"input_readonly\"] = {};\n } else {\n plugins[\"input_autogrow\"] = {};\n }\n\n if (this.noBackspaceDelete) {\n plugins[\"no_backspace_delete\"] = {};\n }\n\n if (this.multiple) {\n plugins[\"checkbox_options\"] = {};\n }\n\n if (this.multiple \|\| this.variant === \"filter\") {\n plugins[\"remove_button\"] = {\n title: this.localization.removeButtonTitle,\n label: '<stzh-icon name=\"close-big\" class=\"stzh-dropdown__remove-icon\"></stzh-icon>',\n };\n }\n\n const tomSelectOptions: any = {\n dropdownParent: this.dropdownWrapperElement,\n openDisplay: \"flex\",\n plugins,\n maxItems: this.multiple ? null : 1,\n maxOptions: this.maxOptions,\n items: this._items,\n optgroups: this._optgroups,\n searchField: this._searchField,\n searchConjunction: this.searchConjunction,\n allowEmptyOption: this.allowEmptyOption,\n closeAfterSelect: this.closeAfterSelect !== null ? this.closeAfterSelect : !this.multiple,\n labelField: this.labelField,\n valueField: this.valueField,\n optgroupField: this.optgroupField,\n optgroupLabelField: this.optgroupLabelField,\n optgroupValueField: this.optgroupValueField,\n lockOptgroupOrder: this.lockOptgroupOrder,\n load: this.load,\n transformLoadQuery: (inputValue: string) => {\n if (typeof this.transformLoadQuery === \"function\") {\n return this.transformLoadQuery(inputValue);\n } else if (this.transformLoadQuery === \"join\") {\n const lastQueries = Array.from(this.tomSelect.controlChildren()).map(\n (element: HTMLElement) => element.innerText,\n );\n\n return (\n (lastQueries.length > 0 ? lastQueries.join(\" \") + (inputValue ? \" \" : \"\") : \"\") +\n inputValue.replace(/\\s\\s+/g, \" \")\n );\n } else if (this.transformLoadQuery === \"trim-to-single-ws\") {\n return inputValue.replace(/\\s\\s+/g, \" \");\n } else {\n return inputValue.trim();\n }\n },\n shouldLoad: (query: string) => {\n return query.length >= this.minCharacters;\n },\n loadThrottle: this.loadThrottle,\n preload: this.preload,\n openOnFocus: this.openOnFocus,\n loadingClass: \"is-loading\",\n hideSelected: false,\n duplicates: false,\n delimiter: \",\",\n copyClassesToDropdown: false,\n hidePlaceholder: null,\n // if you want the user to be able to add own items enable this option\n // (but checkbox_options plugin throws an error and would need a fix first)\n // create: function(input, callback) {\n // callback({ value: input, text: input });\n // },\n // createOnBlur: false,\n // createFilter: null,\n // persist: false,\n render: {\n option: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__option\">\n <span class=\"stzh-dropdown__option-title\">\n ${escape(data[this.labelField])}\n </span>\n <stzh-icon name=\"checkmark\" class=\"stzh-dropdown__option-check\"></stzh-icon>\n </div>\n `;\n },\n item: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__item\">\n ${escape(data[this.labelField])}\n </div>\n `;\n },\n option_create: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__create\">\n ${this.localization.create.replace(/\\{x\\}/gi, escape(data.input))}…\n </div>\n `;\n },\n no_results: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__no-results\" id=\"${this.dropdownId}-no-results\">\n ${this.localization.noResults.replace(/\\{x\\}/gi, escape(data.input))}\n </div>`;\n },\n not_loading:\n this.load === null\n ? null\n : (_data, escape) => {\n return `\n <div class=\"stzh-dropdown__not-loading\" id=\"${this.dropdownId}-not-loading\">\n ${this.localization.notLoading.replace(/\\{x\\}/gi, escape(this.minCharacters.toString()))}\n </div>\n `;\n },\n optgroup: data => {\n let optgroup = document.createElement(\"div\");\n optgroup.className = \"stzh-dropdown__optgroup\";\n optgroup.appendChild(data.options);\n return optgroup;\n },\n optgroup_header: (data, escape) => {\n return `\n <div class=\"stzh-dropdown__optgroup-header\">\n ${escape(data.label)}\n </div>\n `;\n },\n loading: () => {\n return `\n <div class=\"stzh-dropdown__loader\">\n <stzh-loader></stzh-loader>\n </div>\n `;\n },\n dropdown: () => {\n return `<div class=\"stzh-dropdown__dropdown\"></div>`;\n },\n },\n onChange: value => {\n this._items = this.tomSelect.items;\n this.updateFilled();\n this.value = this.multiple ? this._items : this._items[0];\n this.stzhChange.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onItemAdd: value => {\n this._items = this.tomSelect.items;\n this.stzhItemAdd.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onItemRemove: value => {\n this._items = this.tomSelect.items;\n this.stzhItemRemove.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onOptionAdd: value => {\n this._options = this.tomSelect.options;\n this.updateFilled();\n\n this.stzhOptionAdd.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onOptionRemove: value => {\n this._options = this.tomSelect.options;\n this.updateFilled();\n\n this.stzhOptionRemove.emit({\n component: \"stzh-dropdown\",\n value,\n });\n },\n onDropdownOpen: () => {\n this.isOpen = true;\n const checkboxes = this.dropdownWrapperElement?.querySelectorAll(\n '.stzh-dropdown__dropdown input[type=\"checkbox\"]',\n );\n checkboxes?.forEach(cb => {\n const input = cb as HTMLInputElement;\n input.tabIndex = -1;\n input.setAttribute(\"aria-hidden\", \"true\");\n });\n this.stzhOpen.emit({\n component: \"stzh-dropdown\",\n });\n },\n onDropdownClose: () => {\n this.isOpen = false;\n this.stzhClose.emit({\n component: \"stzh-dropdown\",\n });\n },\n onFocus: () => {\n this.focusedByInput = true;\n\n if (this.tomSelect.load && this.preload === \"focus\") {\n // to be able to execute load function again, we reset loaded searches\n this.resetLoadedSearches();\n\n // if results have been preloaded before, load them now directly with load function\n if (this.tomSelect.wrapper.classList.contains(\"preloaded\")) {\n // since tomSelect.preload() doesn't call tomSelect.shouldCall() method internally (to check for minCharacters),\n // we will also not call it (this.tomSelect.settings.shouldLoad.call(this.tomSelect, ''))\n this.tomSelect.load(\"\");\n }\n }\n\n this.rootElement.classList.add(CLASS_FOCUS);\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-dropdown\",\n originalEvent: {\n target: this.tomSelect.control,\n },\n });\n },\n onBlur: () => {\n this.rootElement.classList.remove(CLASS_FOCUS);\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-dropdown\",\n });\n },\n onInitialize: () => {\n this.stzhInit.emit({\n component: \"stzh-dropdown\",\n });\n },\n onLoad: () => {\n this._options = this.tomSelect.options;\n },\n };\n\n if (this._options) {\n tomSelectOptions.options = this._options;\n }\n\n if (this._optgroups) {\n tomSelectOptions.optgroups = this._optgroups;\n }\n\n if (this._items) {\n tomSelectOptions.items = this._items;\n }\n\n this.updateFilled();\n this.tomSelect = new TomSelect(this.select, tomSelectOptions);\n\n if (!this.openOnFocus) {\n // we still want to enable opening the dropdown by click\n this.tomSelect.control.addEventListener(\"click\", () => {\n this.tomSelect.open();\n });\n }\n\n if (this.open) {\n this.show();\n }\n }\n\n disconnectedCallback() {\n if (this.tomSelect) {\n this.tomSelect.destroy();\n this.tomSelect = null;\n }\n }\n\n render() {\n const iconUsed = hasSlot(this.element, \"icon\") \|\| !!this.icon;\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const classes = {\n \"stzh-dropdown\": true,\n \"stzh-dropdown--is-inline\": this.inline,\n \"stzh-dropdown--has-no-wrap\": this.noWrap,\n \"stzh-dropdown--is-multiple\": this.multiple,\n \"stzh-dropdown--is-disabled\": this.disabled,\n \"stzh-dropdown--is-required\": this.required,\n \"stzh-dropdown--is-invalid\": this.invalid \|\| errorUsed,\n [CLASS_FILLED]: this._items && this._items.length > 0,\n \"stzh-dropdown--has-icon\": iconUsed,\n \"stzh-dropdown--has-description\": descriptionUsed,\n \"stzh-dropdown--has-description-long\": descriptionLongUsed,\n \"stzh-dropdown--has-error\": errorUsed,\n \"stzh-dropdown--has-no-search\": this.noSearch,\n \"stzh-dropdown--has-label-hidden\": this.labelHidden,\n [`stzh-dropdown--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n [`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]: !!this.popoverFullwidth,\n [`stzh-dropdown--size-${this.size}`]: !!this.size,\n [`stzh-dropdown--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes} ref={el => (this.rootElement = el as HTMLDivElement)}>\n <div class=\"stzh-dropdown__wrapper\">\n <label\n id={`${this.dropdownId}-label`}\n class={{\n \"stzh-dropdown__label\": true,\n \"no-label-truncate\": this.noLabelTruncate,\n }}\n htmlFor={this.dropdownId}\n >\n {this.label ? this.label : <slot name=\"label\"></slot>}\n {!this.hideOptional && (\n <span class=\"stzh-dropdown__marker\">\n <span class=\"stzh-dropdown__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-dropdown__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </label>\n\n <div class=\"stzh-dropdown__field-wrapper\">\n {/ tom-select replaces this select with an combobox.\n Since it doesn't support aria-(describedby/required/invalid),\n we write necessary status information in the aria-labelledby */}\n <select\n id={this.dropdownId}\n class=\"stzh-dropdown__select\"\n ref={el => (this.select = el as HTMLSelectElement)}\n multiple={this.multiple}\n name={this.name}\n disabled={this.disabled}\n aria-labelledby={`${this.dropdownId}-label ${\n this.dropdownId\n }-not-loading ${this.dropdownId}-no-results ${\n this.hideOptional && this.required && `${this.dropdownId}-required`\n } ${this.invalid && `${this.dropdownId}-invalid`} ${\n this.dropdownId\n }-description ${this.a11yDescribedby}`}\n >\n <slot></slot>\n </select>\n\n {this.inline && this.label && <div class=\"stzh-dropdown__sizer\">{this.label}</div>}\n\n <div class=\"stzh-dropdown__icon-angle-wrapper\">\n {this.iconAngle ? (\n <stzh-icon name={this.iconAngle} class=\"stzh-dropdown__icon-angle\"></stzh-icon>\n ) : (\n <slot name=\"icon-angle\"></slot>\n )}\n </div>\n\n <div class=\"stzh-dropdown__icon-wrapper\">\n {this.icon ? (\n <stzh-icon class=\"stzh-dropdown__icon\" name={this.icon}></stzh-icon>\n ) : (\n <slot name=\"icon\"></slot>\n )}\n </div>\n\n {this.hideOptional && this.required && (\n <div id={`${this.dropdownId}-required`} class=\"stzh-dropdown__vhidden\">\n {this.localization.$globals.requiredFieldText}\n </div>\n )}\n\n {this.invalid && (\n <div id={`${this.dropdownId}-invalid`} class=\"stzh-dropdown__vhidden\">\n {this.localization.$globals.invalidFieldText}\n </div>\n )}\n </div>\n </div>\n\n <div\n class=\"stzh-dropdown__dropdown-wrapper\"\n ref={el => (this.dropdownWrapperElement = el as HTMLDivElement)}\n ></div>\n\n {(errorUsed \|\| this.description \|\| this.descriptionLong) && (\n <StzhInputDescription\n classPrefix=\"stzh-dropdown\"\n id={`${this.dropdownId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-gallery/stzh-gallery.js CHANGED Viewed

@@ -335,7 +335,9 @@ export class StzhGallery {
                 this.openLightbox(index);
             } }, h("img", { loading: "lazy", src: image.src, alt: (image.alt || this.localization.defaultAlt || "")
                 .replace(/\{current\}/, (index + 1).toString())
-                .replace(/\{total\}/, total.toString()) }), (this.variant === "single" || this.variant === "grid" || (this.variant === "carousel" && this._images.length === 1)) && (h("stzh-hspace", { class: "stzh-gallery__actions", justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { variant: "secondary", size: "small", icon: "expand", label: this.localization.openLightbox, "icon-only": true, onClick: () => {
+                .replace(/\{total\}/, total.toString()) }), (this.variant === "single" ||
+            this.variant === "grid" ||
+            (this.variant === "carousel" && this._images.length === 1)) && (h("stzh-hspace", { class: "stzh-gallery__actions", justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { variant: "secondary", size: "small", icon: "expand", label: this.localization.openLightbox, "icon-only": true, onClick: () => {
                 this.openLightbox(index);
             } }))))));
     }
@@ -344,7 +346,7 @@ export class StzhGallery {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '65d6872bf808accd12d7e283a7a2f0a63aa3ec29' }, h("div", { key: '9b6a6cf364c31eb3c3197cc5b05aa3fb4f5989f8', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: 'c16c212fbc32ec8a389778ca4925246781b43873' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '7ab4cf34fdd00bea1e20626373490206f22c3fa3' }, h("div", { key: '4d85357e4271638f4a99082af07ee7eb0d6d47ec', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '54d0fd77b5bcf36fd61ccee89418ca75f485216a', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '54162f74632e9539ab22d152242f999de7093aba', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'b449bfb46dc28f8bbac62c598bd88537a5a67cfa', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: 'ea31d355051723482b648e464f5166d3cb82613b', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '7d2df197630a44181aba2164e4e264d970de140b' }, h("stzh-button", { key: '06f7ad115c2329b5992f85cb7aa4c5633d7f1f36', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '4b92d3f0790931659f0906a0fef26878ddb34b8e', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: 'e5f4fee1edab2cab15dba39e7f4ce3a8b52f2f84', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '17276da04ec5c588593434dca7d46531b21b5e8f', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '3241dcd162b612ccafce620db9b5431553499c2a' }))));
+        return (h(Host, { key: '7042e318dcc4d8490ad7cb7600b02722f186a91b' }, h("div", { key: 'e40aa0818441896a99111c12c918aba872ab8ce3', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: 'f033ab2d9b1cf8c92db6e3dc73804ae4a570e283' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: 'ff612dc95a48864aab2d96b0c0cf7fc73ffdb7b7' }, h("div", { key: 'e981ddc4cd8879f3c145a9bfa63d5a4b675239cc', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '8c528d7a7dfb801b8953c46f9c5305f76a81900e', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '59a01c41782ae6cdf37c67120d958a3ab0fbab13', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'eae19c733cdc0c8a04b370fbcc9005a6edbb188d', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '1a21116fc806bc12c22c518047fb6abc0a4c5535', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '34c00f0e319bfd5bb0705f5f6ecd8586ea40b01b' }, h("stzh-button", { key: '4cbd10f63db0d3bd03cbcb761872015eecbac1ce', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: 'a36363422f4752877ba97b3ea799f5431e77dd8f', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '7f2f1829bfffc9ad6b4be09d08938319722ee41c', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '0a986c06c9c30bb88ec22f5143e04b08185b3e27', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '59cfa5eee0af86ac1197fab7080e615ca08db665' }))));
     }
     static get is() { return "stzh-gallery"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-gallery/stzh-gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-gallery.js","sourceRoot":"","sources":["../../../../src/components/stzh-gallery/stzh-gallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Listen, Method, Prop, Watch } from \"@stencil/core\";\nimport { Layout, StzhGalleryItem } from \"../../index\";\nimport { StzhGalleryLocalizedText } from \"./stzh-gallery.localization\";\nimport PhotoSwipeLightbox from \"photoswipe/lightbox\";\nimport \"photoswipe/style.css\";\nimport PhotoSwipeDynamicCaption from \"photoswipe-dynamic-caption-plugin\";\nimport Close from \"./assets/close.svg\";\nimport AngleLeft from \"./assets/angle-left.svg\";\nimport AngleRight from \"./assets/angle-right.svg\";\n\nconst CLASS_LIGHTBOX = \"stzh-gallery__pswp\";\nconst CLASS_BODY_OPEN = \"stzh-gallery-open\";\n\ntype LightboxDataItem = {\n w: number;\n h: number;\n msrc: string;\n src: string;\n thumbCropped: boolean;\n captionHtml: string;\n};\n\n/*\n @slot - Slot for custom content if `variant=\"custom\"` is used, lightbox will query for stzh-figure (this.itemElement) elements\n /\n@Component({\n tag: \"stzh-gallery\",\n styleUrl: \"stzh-gallery.scss\",\n})\nexport class StzhGallery {\n /* Translation strings /\n @Prop() localization: StzhGalleryLocalizedText;\n\n /* Aspect ratio /\n @Prop({ reflect: true }) ratio: Layout.Ratio = \"16:9\";\n /* Aspect ratio above small breakpoint /\n @Prop({ reflect: true }) ratioSmall: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above medium breakpoint /\n @Prop({ reflect: true }) ratioMedium: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above large breakpoint /\n @Prop({ reflect: true }) ratioLarge: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above ultra breakpoint /\n @Prop({ reflect: true }) ratioUltra: Layout.Ratio \| \"inherit\" = \"inherit\";\n\n /* Nr of images shown (only for grid variant) /\n @Prop({ mutable: true }) showItems: number = 6;\n private _initialShowItems: number;\n\n /* Whether indicator should be shown /\n @Prop() carouselWithTrack: boolean = false;\n\n /* Nr of items shown when more link is clicked (only for grid variant) /\n @Prop() stepItems: number = 6;\n\n /\n Images in gallery.\n * Array of objects that must at least include `width`, `height` and `src` attribute:\n * `[{\"width\": 2522, \"height\": 1075, \"src\": \"media/images/example.jpg\"}, {\"width\": 2050, \"height\": 1367, \"src\": \"media/images/example2.jpg\"}]`\n \n Possible other optional properties are:\n * `alt`: Alternative image description\n * / `srcLightbox`: `src` for img tag inside lightbox (overwrites `src`)\n * / `srcsetLightbox`: `srcset` for img tag inside lightbox\n * / `copyright`: Copyright inside caption\n * / `heading`: Heading inside caption\n * / `headingLightbox`: Alternative heading for lightbox (overwrites `heading`)\n * / `caption`: Caption\n * / `captionLightbox`: Caption for lightbox (overwrites `caption`)\n * / `lightboxHtml`: Alternative html content for lightbox caption\n * / `hideCounter`: Whether to hide counter\n /\n @Prop() images: StzhGalleryItem[] \| string = [];\n private _images: StzhGalleryItem[];\n private _imagesShown: StzhGalleryItem[];\n private _imagesLightboxDataSource: LightboxDataItem[];\n private _showMoreLink: boolean = false;\n\n /\n Variant:\n * `carousel`: every image is displayed inside a carousel (default mode with more than on picture)\n * / `single`: only one image is shown without carousel functionality (other images only reachable by lightbox)\n * / `grid`: every image is displayed inside a grid\n * / `custom`: nothing is rendered, only lightbox will be initialized, `stzh-figure` (`this.itemElement`) can be slotted in\n /\n @Prop() variant: \"carousel\" \| \"single\" \| \"grid\" \| \"custom\" = \"carousel\";\n\n /* Preview item that will be looked up and mapped to images in lightbox. /\n @Prop() itemElement: string = \"stzh-figure\";\n\n /* Whether carousel is disabled /\n @Prop({ reflect: true }) carouselDisabled: boolean = false;\n\n /\n Whether autoplay is enabled.\n * Gets paused, when user has focus inside carousel element or hovers over it.\n * Also when reduced motion media query is active or carousel is set disabled.\n * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n /\n @Prop({ mutable: true }) carouselAutoplay: boolean = false;\n\n /* Timeout delay in milliseconds used for autoplay /\n @Prop() carouselAutoplayTimeout: number = 3000;\n\n /\n Exclude first image in lightbox images (but still use as preview image).\n * Only used when `variant=single` is used.\n */\n @Prop() excludeFirstImage: boolean = false;\n\n @Element() element: HTMLStzhGalleryElement;\n\n @Method()\n async openLightbox(index: number = 0) {\n this.lightbox.loadAndOpen(index);\n }\n\n @Listen(\"appload\", { target: \"window\" })\n apploadListener() {\n // resize if any stencil components are rendered when lightbox is open\n if (this.lightbox && this.lightbox.pswp && this.lightbox.pswp.isOpen) {\n this.lightbox.pswp.updateSize(true);\n }\n }\n\n @Watch(\"showItems\")\n showItemsWatcher(newValue: number) {\n this._imagesShown = this._images.slice(0, newValue);\n this._showMoreLink = newValue < this._images.length;\n }\n\n @Watch(\"images\")\n @Watch(\"excludeFirstImage\")\n imagesWatcher(newValue: StzhGalleryItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._images = JSON.parse(newValue);\n } else {\n this._images = newValue;\n }\n\n this.showItemsWatcher(this._initialShowItems);\n\n const lightboxImages = this.excludeFirstImage ? this._images.slice(1) : this._images;\n\n this._imagesLightboxDataSource = lightboxImages.map((image, index) => {\n let captionHtml = \"\";\n\n const { lightboxHtml, heading, headingLightbox, caption, captionLightbox, copyright, hideCounter } = image;\n\n if (lightboxHtml !== undefined) {\n captionHtml = lightboxHtml;\n } else if (heading \|\| caption \|\| headingLightbox \|\| captionLightbox \|\| copyright \|\| !hideCounter) {\n captionHtml = `\n <div class=\"pswp__caption-wrapper\">\n <div class=\"pswp__heading-wrapper\">\n <div class=\"pswp__caption-counter\">${!hideCounter ? `${index + 1}/${lightboxImages.length}` : \"\"}</div>\n <div class=\"pswp__caption-heading\">${headingLightbox \|\| heading \|\| \"\"}</div>\n </div>\n <div class=\"pswp__caption\">\n <span class=\"pswp__caption-text\">${captionLightbox \|\| caption \|\| \"\"}</span>\n <span class=\"pswp__caption-copyright\">${copyright \|\| \"\"}</span>\n </div>\n </div>\n `;\n }\n\n return {\n w: image.width,\n h: image.height,\n msrc: image.src,\n src: image.srcLightbox \|\| image.src,\n srcset: image.srcsetLightbox,\n thumbCropped: true,\n captionHtml,\n };\n });\n }\n\n private lightbox: any;\n private carouselElement: HTMLStzhCarouselElement;\n private carouselActionsElement: HTMLElement;\n\n private openCurrentCarouselSlide = () => {\n this.lightbox.loadAndOpen(this.carouselElement.slide);\n };\n\n private handleMoreClick = () => {\n this.showItems = this.stepItems + this.showItems;\n };\n\n initLightbox() {\n if (this._imagesLightboxDataSource.length === 0) {\n return;\n }\n\n this.lightbox = new PhotoSwipeLightbox({\n // appendToEl: this.element,\n // gallery: this.element, // not needed if we supply dataSource\n dataSource: this._imagesLightboxDataSource,\n pswpModule: () => import(\"photoswipe\"),\n arrowPrevSVG: AngleLeft,\n arrowNextSVG: AngleRight,\n closeSVG: Close,\n zoom: false,\n counter: false,\n loop: false,\n bgOpacity: 1,\n mainClass: CLASS_LIGHTBOX,\n closeOnVerticalDrag: false,\n clickToCloseNonZoomable: false,\n\n // https://photoswipe.com/adjusting-zoom-level/\n // initialZoomLevel: 'fit',\n // secondaryZoomLevel: 'fit',\n // maxZoomLevel: 'fit',\n // clickToCloseNonZoomable: true,\n\n // translations\n closeTitle: this.localization.closeTitle,\n zoomTitle: this.localization.zoomTitle,\n arrowPrevTitle: this.localization.arrowPrevTitle,\n arrowNextTitle: this.localization.arrowNextTitle,\n errorMsg: this.localization.errorMsg,\n indexIndicatorSep: \"/\",\n\n paddingFn: (_viewportSize, _itemData, _index) => {\n // const captionHeight = this.lightbox.pswp?.currSlide?.dynamicCaption?.element?.offsetHeight \|\| 0;\n\n let top = 16 + 44 + 8;\n let bottom = 16;\n let side = 0;\n\n if (window.innerWidth >= 1600) {\n // ultra\n top = 32 + 56 + 20;\n bottom = 32;\n side = 126 + 56 + 56;\n } else if (window.innerWidth >= 1260) {\n // large\n top = 32 + 56 + 20;\n bottom = 32;\n side = 64 + 56 + 56;\n } else if (window.innerWidth >= 900) {\n // medium\n top = 20 + 44 + 20;\n bottom = 20;\n side = 40 + 44 + 20;\n } else if (window.innerWidth >= 600) {\n // small\n top = 16 + 44 + 20;\n bottom = 16;\n side = 32 + 44 + 20;\n }\n\n // add safe space to prevent flickering\n // bottom = bottom + 20;\n\n // if (captionHeight > 0) {\n // bottom = 20;\n // }\n\n return {\n top,\n bottom,\n left: side,\n right: side,\n };\n },\n });\n\n let firstHidden;\n let lastHidden;\n\n const showHiddenDuringAnimation = slide => {\n this.carouselActionsElement?.classList.remove(\"is-hidden-during-animation\");\n slide?.classList.remove(\"is-hidden-during-animation\");\n };\n\n const hideHiddenDuringAnimation = slide => {\n this.carouselActionsElement?.classList.add(\"is-hidden-during-animation\");\n slide?.classList.add(\"is-hidden-during-animation\");\n };\n\n const stopPropagation = event => {\n event.stopPropagation();\n };\n\n const updateSize = () => {\n this.lightbox.pswp.updateSize(true);\n };\n\n const slides = Array.from(this.element.querySelectorAll(this.itemElement));\n\n this.lightbox.addFilter(\"itemData\", (itemData, index: number) => {\n itemData.element = slides[index];\n return itemData;\n });\n\n this.lightbox.addFilter(\"thumbEl\", (thumbEl, data, _index) => {\n const el = data.element?.querySelector(\"img\") as HTMLImageElement;\n\n if (el) {\n return el;\n }\n\n return thumbEl;\n });\n\n this.lightbox.addFilter(\"numItems\", () => {\n return this._imagesLightboxDataSource.length;\n });\n\n this.lightbox.on(\"afterInit\", () => {\n firstHidden = this.lightbox.pswp.currSlide.data.element;\n lastHidden = this.lightbox.pswp.currSlide.data.element;\n hideHiddenDuringAnimation(firstHidden);\n\n if (this._imagesLightboxDataSource.length === 1) {\n this.lightbox.pswp.element.classList.add(\"pswp--one-image\");\n }\n });\n\n this.lightbox.on(\"beforeOpen\", () => {\n document.body.classList.add(CLASS_BODY_OPEN);\n });\n\n this.lightbox.on(\"close\", () => {\n document.body.classList.remove(CLASS_BODY_OPEN);\n\n // can be null in \"single\" variant, when not every slide is in carousel or grid\n if (this.lightbox.pswp.currSlide.data.element) {\n lastHidden = this.lightbox.pswp.currSlide.data.element;\n }\n\n if (lastHidden !== firstHidden) {\n showHiddenDuringAnimation(firstHidden);\n hideHiddenDuringAnimation(lastHidden);\n }\n });\n\n this.lightbox.on(\"destroy\", () => {\n showHiddenDuringAnimation(lastHidden);\n });\n\n this.lightbox.on(\"change\", () => {\n // update carousel to same slide the lightshow shows\n this.carouselElement?.slideTo(this.lightbox.pswp.currIndex, \"auto\");\n // enable scroll for caption div\n if (\n this.lightbox.pswp.currSlide.dynamicCaption.element !== undefined &&\n this.lightbox.pswp.currSlide.dynamicCaption.element.innerText.length > 0\n ) {\n this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener(\"scroll\", stopPropagation);\n this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener(\"wheel\", stopPropagation);\n }\n });\n\n this.lightbox.on(\"bindEvents\", () => {\n this.lightbox.pswp.element.addEventListener(\"stzhClamp\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhExpand\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhOpen\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhOpened\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhClose\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhClosed\", updateSize);\n });\n\n new PhotoSwipeDynamicCaption(this.lightbox, {\n type: \"below\",\n captionContent: slide => {\n // '.stzh-gallery__caption-content'\n return slide.data.captionHtml;\n },\n mobileLayoutBreakpoint: () => {\n return window.innerWidth < 600;\n },\n // if enabled, the image will always be vertically centered in the remaining space between the caption and the rest of the viewport.\n // If set to false (default value) - the image will lift up only if the caption does not fit below.\n // verticallyCenterImage: false,\n\n // when the caption x position is less than this value, it'll get class pswp__dynamic-caption--on-hor-edge. You may use it to apply different styling, such as horizontal padding.\n // horizontalEdgeThreshold: 20\n\n // a ratio defines the amount of horizontal empty space before the mobile caption switches to an \"overlap\" layout.\n // For example, if it's set to 0.3 - the caption will start overlapping the image when more than 30% of horizontal space is not occupied by an image. If you set it to 0 - the caption will always overlap. If you set it to 1 - the caption will constantly shift the image (unless it's taller than the viewport).\n mobileCaptionOverlapRatio: 1,\n });\n\n this.lightbox.init();\n }\n\n async componentWillLoad() {\n this._initialShowItems = this.showItems;\n this.imagesWatcher(this.images);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"gallery\");\n }\n }\n\n async componentWillUpdate() {\n if (this.lightbox) {\n this.lightbox.destroy();\n this.lightbox = null;\n }\n }\n\n componentDidRender() {\n if (!this.lightbox) {\n this.initLightbox();\n }\n }\n\n disconnectedCallback() {\n if (this.lightbox) {\n this.lightbox.destroy();\n this.lightbox = null;\n }\n }\n\n private renderFigure(image: StzhGalleryItem, index: number): HTMLStzhFigureElement {\n const total = this._imagesLightboxDataSource.length;\n\n return (\n <stzh-figure\n class=\"stzh-gallery__slide\"\n caption={image.caption}\n heading={image.heading}\n counter={\n !image.hideCounter && !(this.variant === \"single\" && this.excludeFirstImage) ? `${index + 1}/${total}` : \"\"\n }\n >\n <stzh-ratio\n ratio={this.ratio}\n ratioSmall={this.ratioSmall}\n ratioMedium={this.ratioMedium}\n ratioLarge={this.ratioLarge}\n ratioUltra={this.ratioUltra}\n onClick={event => {\n event.preventDefault();\n this.openLightbox(index);\n }}\n >\n <img\n loading=\"lazy\"\n src={image.src}\n alt={(image.alt \|\| this.localization.defaultAlt \|\| \"\")\n .replace(/\\{current\\}/, (index + 1).toString())\n .replace(/\\{total\\}/, total.toString())}\n />\n\n {(this.variant === \"single\" \|\| this.variant === \"grid\" \|\| (this.variant === \"carousel\" && this._images.length === 1)) && (\n <stzh-hspace class=\"stzh-gallery__actions\" justify=\"end\" items=\"end\" size=\"xsmall\">\n <stzh-button\n variant=\"secondary\"\n size=\"small\"\n icon=\"expand\"\n label={this.localization.openLightbox}\n icon-only\n onClick={() => {\n this.openLightbox(index);\n }}\n ></stzh-button>\n </stzh-hspace>\n )}\n </stzh-ratio>\n </stzh-figure>\n );\n }\n\n render() {\n const classes = {\n \"stzh-gallery\": true,\n [`stzh-gallery--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host>\n <div class={classes}>\n {(this.variant === \"single\" \|\| (this.variant === \"carousel\" && this._images.length === 1)) && (\n <Fragment>{this.renderFigure(this._images[0], 0)}</Fragment>\n )}\n\n {this.variant === \"grid\" && this._images.length > 0 && (\n <Fragment>\n <div class=\"stzh-gallery__list\">\n {this._imagesShown.map((image, index) => this.renderFigure(image, index))}\n </div>\n\n {this._showMoreLink && (\n <div class=\"stzh-gallery__list-actions\">\n <stzh-button\n variant=\"secondary\"\n label={this.localization.showMore}\n onClick={this.handleMoreClick}\n ></stzh-button>\n </div>\n )}\n </Fragment>\n )}\n\n {this.variant === \"carousel\" && this._images.length > 1 && (\n <stzh-carousel\n ref={el => (this.carouselElement = el as HTMLStzhCarouselElement)}\n disabled={this.carouselDisabled}\n autoplay={this.carouselAutoplay}\n autoplayTimeout={this.carouselAutoplayTimeout}\n withTrack={this.carouselWithTrack}\n variant=\"default\"\n >\n <stzh-ratio\n ref={el => (this.carouselActionsElement = el as HTMLElement)}\n slot=\"actions\"\n class=\"stzh-gallery__carousel-actions\"\n ratio={this.ratio}\n ratioSmall={this.ratioSmall}\n ratioMedium={this.ratioMedium}\n ratioLarge={this.ratioLarge}\n ratioUltra={this.ratioUltra}\n >\n <div>\n <stzh-button\n class=\"stzh-carousel-action-previous\"\n data-stzh-carousel-previous\n variant=\"secondary\"\n size=\"small\"\n icon=\"angle-left\"\n label={this.localization.arrowPrevTitle}\n icon-only\n ></stzh-button>\n <stzh-button\n class=\"stzh-carousel-action-next\"\n data-stzh-carousel-next\n variant=\"secondary\"\n size=\"small\"\n icon=\"angle-right\"\n label={this.localization.arrowNextTitle}\n icon-only\n ></stzh-button>\n </div>\n <stzh-hspace justify=\"end\" items=\"end\" size=\"xsmall\">\n <stzh-button\n variant=\"secondary\"\n size=\"small\"\n icon=\"expand\"\n icon-only\n label={this.localization.openLightbox}\n onClick={this.openCurrentCarouselSlide}\n ></stzh-button>\n </stzh-hspace>\n </stzh-ratio>\n\n {this._images.map((image, index) => this.renderFigure(image, index))}\n </stzh-carousel>\n )}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-gallery.js","sourceRoot":"","sources":["../../../../src/components/stzh-gallery/stzh-gallery.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Listen, Method, Prop, Watch } from \"@stencil/core\";\nimport { Layout, StzhGalleryItem } from \"../../index\";\nimport { StzhGalleryLocalizedText } from \"./stzh-gallery.localization\";\nimport PhotoSwipeLightbox from \"photoswipe/lightbox\";\nimport \"photoswipe/style.css\";\nimport PhotoSwipeDynamicCaption from \"photoswipe-dynamic-caption-plugin\";\nimport Close from \"./assets/close.svg\";\nimport AngleLeft from \"./assets/angle-left.svg\";\nimport AngleRight from \"./assets/angle-right.svg\";\n\nconst CLASS_LIGHTBOX = \"stzh-gallery__pswp\";\nconst CLASS_BODY_OPEN = \"stzh-gallery-open\";\n\ntype LightboxDataItem = {\n w: number;\n h: number;\n msrc: string;\n src: string;\n thumbCropped: boolean;\n captionHtml: string;\n};\n\n/*\n @slot - Slot for custom content if `variant=\"custom\"` is used, lightbox will query for stzh-figure (this.itemElement) elements\n /\n@Component({\n tag: \"stzh-gallery\",\n styleUrl: \"stzh-gallery.scss\",\n})\nexport class StzhGallery {\n /* Translation strings /\n @Prop() localization: StzhGalleryLocalizedText;\n\n /* Aspect ratio /\n @Prop({ reflect: true }) ratio: Layout.Ratio = \"16:9\";\n /* Aspect ratio above small breakpoint /\n @Prop({ reflect: true }) ratioSmall: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above medium breakpoint /\n @Prop({ reflect: true }) ratioMedium: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above large breakpoint /\n @Prop({ reflect: true }) ratioLarge: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above ultra breakpoint /\n @Prop({ reflect: true }) ratioUltra: Layout.Ratio \| \"inherit\" = \"inherit\";\n\n /* Nr of images shown (only for grid variant) /\n @Prop({ mutable: true }) showItems: number = 6;\n private _initialShowItems: number;\n\n /* Whether indicator should be shown /\n @Prop() carouselWithTrack: boolean = false;\n\n /* Nr of items shown when more link is clicked (only for grid variant) /\n @Prop() stepItems: number = 6;\n\n /\n Images in gallery.\n * Array of objects that must at least include `width`, `height` and `src` attribute:\n * `[{\"width\": 2522, \"height\": 1075, \"src\": \"media/images/example.jpg\"}, {\"width\": 2050, \"height\": 1367, \"src\": \"media/images/example2.jpg\"}]`\n \n Possible other optional properties are:\n * `alt`: Alternative image description\n * / `srcLightbox`: `src` for img tag inside lightbox (overwrites `src`)\n * / `srcsetLightbox`: `srcset` for img tag inside lightbox\n * / `copyright`: Copyright inside caption\n * / `heading`: Heading inside caption\n * / `headingLightbox`: Alternative heading for lightbox (overwrites `heading`)\n * / `caption`: Caption\n * / `captionLightbox`: Caption for lightbox (overwrites `caption`)\n * / `lightboxHtml`: Alternative html content for lightbox caption\n * / `hideCounter`: Whether to hide counter\n /\n @Prop() images: StzhGalleryItem[] \| string = [];\n private _images: StzhGalleryItem[];\n private _imagesShown: StzhGalleryItem[];\n private _imagesLightboxDataSource: LightboxDataItem[];\n private _showMoreLink: boolean = false;\n\n /\n Variant:\n * `carousel`: every image is displayed inside a carousel (default mode with more than on picture)\n * / `single`: only one image is shown without carousel functionality (other images only reachable by lightbox)\n * / `grid`: every image is displayed inside a grid\n * / `custom`: nothing is rendered, only lightbox will be initialized, `stzh-figure` (`this.itemElement`) can be slotted in\n /\n @Prop() variant: \"carousel\" \| \"single\" \| \"grid\" \| \"custom\" = \"carousel\";\n\n /* Preview item that will be looked up and mapped to images in lightbox. /\n @Prop() itemElement: string = \"stzh-figure\";\n\n /* Whether carousel is disabled /\n @Prop({ reflect: true }) carouselDisabled: boolean = false;\n\n /\n Whether autoplay is enabled.\n * Gets paused, when user has focus inside carousel element or hovers over it.\n * Also when reduced motion media query is active or carousel is set disabled.\n * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n /\n @Prop({ mutable: true }) carouselAutoplay: boolean = false;\n\n /* Timeout delay in milliseconds used for autoplay /\n @Prop() carouselAutoplayTimeout: number = 3000;\n\n /\n Exclude first image in lightbox images (but still use as preview image).\n * Only used when `variant=single` is used.\n */\n @Prop() excludeFirstImage: boolean = false;\n\n @Element() element: HTMLStzhGalleryElement;\n\n @Method()\n async openLightbox(index: number = 0) {\n this.lightbox.loadAndOpen(index);\n }\n\n @Listen(\"appload\", { target: \"window\" })\n apploadListener() {\n // resize if any stencil components are rendered when lightbox is open\n if (this.lightbox && this.lightbox.pswp && this.lightbox.pswp.isOpen) {\n this.lightbox.pswp.updateSize(true);\n }\n }\n\n @Watch(\"showItems\")\n showItemsWatcher(newValue: number) {\n this._imagesShown = this._images.slice(0, newValue);\n this._showMoreLink = newValue < this._images.length;\n }\n\n @Watch(\"images\")\n @Watch(\"excludeFirstImage\")\n imagesWatcher(newValue: StzhGalleryItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._images = JSON.parse(newValue);\n } else {\n this._images = newValue;\n }\n\n this.showItemsWatcher(this._initialShowItems);\n\n const lightboxImages = this.excludeFirstImage ? this._images.slice(1) : this._images;\n\n this._imagesLightboxDataSource = lightboxImages.map((image, index) => {\n let captionHtml = \"\";\n\n const { lightboxHtml, heading, headingLightbox, caption, captionLightbox, copyright, hideCounter } = image;\n\n if (lightboxHtml !== undefined) {\n captionHtml = lightboxHtml;\n } else if (heading \|\| caption \|\| headingLightbox \|\| captionLightbox \|\| copyright \|\| !hideCounter) {\n captionHtml = `\n <div class=\"pswp__caption-wrapper\">\n <div class=\"pswp__heading-wrapper\">\n <div class=\"pswp__caption-counter\">${!hideCounter ? `${index + 1}/${lightboxImages.length}` : \"\"}</div>\n <div class=\"pswp__caption-heading\">${headingLightbox \|\| heading \|\| \"\"}</div>\n </div>\n <div class=\"pswp__caption\">\n <span class=\"pswp__caption-text\">${captionLightbox \|\| caption \|\| \"\"}</span>\n <span class=\"pswp__caption-copyright\">${copyright \|\| \"\"}</span>\n </div>\n </div>\n `;\n }\n\n return {\n w: image.width,\n h: image.height,\n msrc: image.src,\n src: image.srcLightbox \|\| image.src,\n srcset: image.srcsetLightbox,\n thumbCropped: true,\n captionHtml,\n };\n });\n }\n\n private lightbox: any;\n private carouselElement: HTMLStzhCarouselElement;\n private carouselActionsElement: HTMLElement;\n\n private openCurrentCarouselSlide = () => {\n this.lightbox.loadAndOpen(this.carouselElement.slide);\n };\n\n private handleMoreClick = () => {\n this.showItems = this.stepItems + this.showItems;\n };\n\n initLightbox() {\n if (this._imagesLightboxDataSource.length === 0) {\n return;\n }\n\n this.lightbox = new PhotoSwipeLightbox({\n // appendToEl: this.element,\n // gallery: this.element, // not needed if we supply dataSource\n dataSource: this._imagesLightboxDataSource,\n pswpModule: () => import(\"photoswipe\"),\n arrowPrevSVG: AngleLeft,\n arrowNextSVG: AngleRight,\n closeSVG: Close,\n zoom: false,\n counter: false,\n loop: false,\n bgOpacity: 1,\n mainClass: CLASS_LIGHTBOX,\n closeOnVerticalDrag: false,\n clickToCloseNonZoomable: false,\n\n // https://photoswipe.com/adjusting-zoom-level/\n // initialZoomLevel: 'fit',\n // secondaryZoomLevel: 'fit',\n // maxZoomLevel: 'fit',\n // clickToCloseNonZoomable: true,\n\n // translations\n closeTitle: this.localization.closeTitle,\n zoomTitle: this.localization.zoomTitle,\n arrowPrevTitle: this.localization.arrowPrevTitle,\n arrowNextTitle: this.localization.arrowNextTitle,\n errorMsg: this.localization.errorMsg,\n indexIndicatorSep: \"/\",\n\n paddingFn: (_viewportSize, _itemData, _index) => {\n // const captionHeight = this.lightbox.pswp?.currSlide?.dynamicCaption?.element?.offsetHeight \|\| 0;\n\n let top = 16 + 44 + 8;\n let bottom = 16;\n let side = 0;\n\n if (window.innerWidth >= 1600) {\n // ultra\n top = 32 + 56 + 20;\n bottom = 32;\n side = 126 + 56 + 56;\n } else if (window.innerWidth >= 1260) {\n // large\n top = 32 + 56 + 20;\n bottom = 32;\n side = 64 + 56 + 56;\n } else if (window.innerWidth >= 900) {\n // medium\n top = 20 + 44 + 20;\n bottom = 20;\n side = 40 + 44 + 20;\n } else if (window.innerWidth >= 600) {\n // small\n top = 16 + 44 + 20;\n bottom = 16;\n side = 32 + 44 + 20;\n }\n\n // add safe space to prevent flickering\n // bottom = bottom + 20;\n\n // if (captionHeight > 0) {\n // bottom = 20;\n // }\n\n return {\n top,\n bottom,\n left: side,\n right: side,\n };\n },\n });\n\n let firstHidden;\n let lastHidden;\n\n const showHiddenDuringAnimation = slide => {\n this.carouselActionsElement?.classList.remove(\"is-hidden-during-animation\");\n slide?.classList.remove(\"is-hidden-during-animation\");\n };\n\n const hideHiddenDuringAnimation = slide => {\n this.carouselActionsElement?.classList.add(\"is-hidden-during-animation\");\n slide?.classList.add(\"is-hidden-during-animation\");\n };\n\n const stopPropagation = event => {\n event.stopPropagation();\n };\n\n const updateSize = () => {\n this.lightbox.pswp.updateSize(true);\n };\n\n const slides = Array.from(this.element.querySelectorAll(this.itemElement));\n\n this.lightbox.addFilter(\"itemData\", (itemData, index: number) => {\n itemData.element = slides[index];\n return itemData;\n });\n\n this.lightbox.addFilter(\"thumbEl\", (thumbEl, data, _index) => {\n const el = data.element?.querySelector(\"img\") as HTMLImageElement;\n\n if (el) {\n return el;\n }\n\n return thumbEl;\n });\n\n this.lightbox.addFilter(\"numItems\", () => {\n return this._imagesLightboxDataSource.length;\n });\n\n this.lightbox.on(\"afterInit\", () => {\n firstHidden = this.lightbox.pswp.currSlide.data.element;\n lastHidden = this.lightbox.pswp.currSlide.data.element;\n hideHiddenDuringAnimation(firstHidden);\n\n if (this._imagesLightboxDataSource.length === 1) {\n this.lightbox.pswp.element.classList.add(\"pswp--one-image\");\n }\n });\n\n this.lightbox.on(\"beforeOpen\", () => {\n document.body.classList.add(CLASS_BODY_OPEN);\n });\n\n this.lightbox.on(\"close\", () => {\n document.body.classList.remove(CLASS_BODY_OPEN);\n\n // can be null in \"single\" variant, when not every slide is in carousel or grid\n if (this.lightbox.pswp.currSlide.data.element) {\n lastHidden = this.lightbox.pswp.currSlide.data.element;\n }\n\n if (lastHidden !== firstHidden) {\n showHiddenDuringAnimation(firstHidden);\n hideHiddenDuringAnimation(lastHidden);\n }\n });\n\n this.lightbox.on(\"destroy\", () => {\n showHiddenDuringAnimation(lastHidden);\n });\n\n this.lightbox.on(\"change\", () => {\n // update carousel to same slide the lightshow shows\n this.carouselElement?.slideTo(this.lightbox.pswp.currIndex, \"auto\");\n // enable scroll for caption div\n if (\n this.lightbox.pswp.currSlide.dynamicCaption.element !== undefined &&\n this.lightbox.pswp.currSlide.dynamicCaption.element.innerText.length > 0\n ) {\n this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener(\"scroll\", stopPropagation);\n this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener(\"wheel\", stopPropagation);\n }\n });\n\n this.lightbox.on(\"bindEvents\", () => {\n this.lightbox.pswp.element.addEventListener(\"stzhClamp\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhExpand\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhOpen\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhOpened\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhClose\", updateSize);\n this.lightbox.pswp.element.addEventListener(\"stzhClosed\", updateSize);\n });\n\n new PhotoSwipeDynamicCaption(this.lightbox, {\n type: \"below\",\n captionContent: slide => {\n // '.stzh-gallery__caption-content'\n return slide.data.captionHtml;\n },\n mobileLayoutBreakpoint: () => {\n return window.innerWidth < 600;\n },\n // if enabled, the image will always be vertically centered in the remaining space between the caption and the rest of the viewport.\n // If set to false (default value) - the image will lift up only if the caption does not fit below.\n // verticallyCenterImage: false,\n\n // when the caption x position is less than this value, it'll get class pswp__dynamic-caption--on-hor-edge. You may use it to apply different styling, such as horizontal padding.\n // horizontalEdgeThreshold: 20\n\n // a ratio defines the amount of horizontal empty space before the mobile caption switches to an \"overlap\" layout.\n // For example, if it's set to 0.3 - the caption will start overlapping the image when more than 30% of horizontal space is not occupied by an image. If you set it to 0 - the caption will always overlap. If you set it to 1 - the caption will constantly shift the image (unless it's taller than the viewport).\n mobileCaptionOverlapRatio: 1,\n });\n\n this.lightbox.init();\n }\n\n async componentWillLoad() {\n this._initialShowItems = this.showItems;\n this.imagesWatcher(this.images);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"gallery\");\n }\n }\n\n async componentWillUpdate() {\n if (this.lightbox) {\n this.lightbox.destroy();\n this.lightbox = null;\n }\n }\n\n componentDidRender() {\n if (!this.lightbox) {\n this.initLightbox();\n }\n }\n\n disconnectedCallback() {\n if (this.lightbox) {\n this.lightbox.destroy();\n this.lightbox = null;\n }\n }\n\n private renderFigure(image: StzhGalleryItem, index: number): HTMLStzhFigureElement {\n const total = this._imagesLightboxDataSource.length;\n\n return (\n <stzh-figure\n class=\"stzh-gallery__slide\"\n caption={image.caption}\n heading={image.heading}\n counter={\n !image.hideCounter && !(this.variant === \"single\" && this.excludeFirstImage) ? `${index + 1}/${total}` : \"\"\n }\n >\n <stzh-ratio\n ratio={this.ratio}\n ratioSmall={this.ratioSmall}\n ratioMedium={this.ratioMedium}\n ratioLarge={this.ratioLarge}\n ratioUltra={this.ratioUltra}\n onClick={event => {\n event.preventDefault();\n this.openLightbox(index);\n }}\n >\n <img\n loading=\"lazy\"\n src={image.src}\n alt={(image.alt \|\| this.localization.defaultAlt \|\| \"\")\n .replace(/\\{current\\}/, (index + 1).toString())\n .replace(/\\{total\\}/, total.toString())}\n />\n\n {(this.variant === \"single\" \|\|\n this.variant === \"grid\" \|\|\n (this.variant === \"carousel\" && this._images.length === 1)) && (\n <stzh-hspace class=\"stzh-gallery__actions\" justify=\"end\" items=\"end\" size=\"xsmall\">\n <stzh-button\n variant=\"secondary\"\n size=\"small\"\n icon=\"expand\"\n label={this.localization.openLightbox}\n icon-only\n onClick={() => {\n this.openLightbox(index);\n }}\n ></stzh-button>\n </stzh-hspace>\n )}\n </stzh-ratio>\n </stzh-figure>\n );\n }\n\n render() {\n const classes = {\n \"stzh-gallery\": true,\n [`stzh-gallery--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host>\n <div class={classes}>\n {(this.variant === \"single\" \|\| (this.variant === \"carousel\" && this._images.length === 1)) && (\n <Fragment>{this.renderFigure(this._images[0], 0)}</Fragment>\n )}\n\n {this.variant === \"grid\" && this._images.length > 0 && (\n <Fragment>\n <div class=\"stzh-gallery__list\">\n {this._imagesShown.map((image, index) => this.renderFigure(image, index))}\n </div>\n\n {this._showMoreLink && (\n <div class=\"stzh-gallery__list-actions\">\n <stzh-button\n variant=\"secondary\"\n label={this.localization.showMore}\n onClick={this.handleMoreClick}\n ></stzh-button>\n </div>\n )}\n </Fragment>\n )}\n\n {this.variant === \"carousel\" && this._images.length > 1 && (\n <stzh-carousel\n ref={el => (this.carouselElement = el as HTMLStzhCarouselElement)}\n disabled={this.carouselDisabled}\n autoplay={this.carouselAutoplay}\n autoplayTimeout={this.carouselAutoplayTimeout}\n withTrack={this.carouselWithTrack}\n variant=\"default\"\n >\n <stzh-ratio\n ref={el => (this.carouselActionsElement = el as HTMLElement)}\n slot=\"actions\"\n class=\"stzh-gallery__carousel-actions\"\n ratio={this.ratio}\n ratioSmall={this.ratioSmall}\n ratioMedium={this.ratioMedium}\n ratioLarge={this.ratioLarge}\n ratioUltra={this.ratioUltra}\n >\n <div>\n <stzh-button\n class=\"stzh-carousel-action-previous\"\n data-stzh-carousel-previous\n variant=\"secondary\"\n size=\"small\"\n icon=\"angle-left\"\n label={this.localization.arrowPrevTitle}\n icon-only\n ></stzh-button>\n <stzh-button\n class=\"stzh-carousel-action-next\"\n data-stzh-carousel-next\n variant=\"secondary\"\n size=\"small\"\n icon=\"angle-right\"\n label={this.localization.arrowNextTitle}\n icon-only\n ></stzh-button>\n </div>\n <stzh-hspace justify=\"end\" items=\"end\" size=\"xsmall\">\n <stzh-button\n variant=\"secondary\"\n size=\"small\"\n icon=\"expand\"\n icon-only\n label={this.localization.openLightbox}\n onClick={this.openCurrentCarouselSlide}\n ></stzh-button>\n </stzh-hspace>\n </stzh-ratio>\n\n {this._images.map((image, index) => this.renderFigure(image, index))}\n </stzh-carousel>\n )}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}