/*! elementor-pro - v4.0.0 - 01-04-2026 */ "use strict";(self.webpackChunkelementor_pro=self.webpackChunkelementor_pro||[]).push([[811],{14570(e,t,n){const i=n(77842);e.exports=i.extend({__construct(){this.cache={},i.prototype.__construct.apply(this,arguments)},onInit(){elementor.channels.editor.on("editor:widget:mega-menu:section_layout:activated",this.maybeSetContentWidthValue)},maybeSetContentWidthValue(){const e=this.getEditorControlView("content_width"),t=e.getControlValue();["","full","boxed"].includes(t)&&(e.setValue("full_width"),e.applySavedValue())}})},82644(e,t,n){var i=n(96784);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0,n(14846),n(69655);var a=i(n(93824)),r=i(n(14570)),s=i(n(39766));class Module extends elementorModules.editor.utils.Module{constructor(){super(),elementor.elementsManager.registerElementType(new a.default),new r.default,this.urlHelper=new s.default}getCurrentMenuItemClass(e,t){if(e=e?.trim(e),!e||!t)return"";const n=this.urlHelper.parse_url(t),i=this.urlHelper.parse_url(e);return _.isEqual(n,i)?"e-current":""}onElementorFrontendInit(){elementor.on("document:loaded",this.closeAllMegaMenus.bind(this))}closeAllMegaMenus(){const e=elementor.$previewContents[0].querySelectorAll(".elementor-widget-n-menu");e.length&&Array.from(e).forEach(e=>{const t=e.getAttribute("data-id");window.jQuery(window).trigger("elementor/mega-menu/dropdown-toggle-by-keyboard",{widgetId:t,show:!1})})}}t.default=Module},93824(e,t,n){var i=n(96784);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.NestedModule=void 0;var a=i(n(71290));class NestedModule extends elementor.modules.elements.types.NestedElementBase{getType(){return"mega-menu"}getView(){return a.default}}t.NestedModule=NestedModule;t.default=NestedModule},39766(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.UrlHelper=void 0;class UrlHelper{parse_url(e){try{const{hostname:t,pathname:n,search:i}=new URL(e),a=t.replace("www.",""),r=/^\/+|\/+$/g;return[a,n.replace(r,""),i]}catch(e){return!1}}}t.UrlHelper=UrlHelper;t.default=UrlHelper},71290(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0,n(14846),n(6211);class View extends $e.components.get("nested-elements").exports.NestedView{constructor(...e){super(...e),this.isRendering=!1,this.itemTitle="item_title",this.itemLink="item_link",this.internalUrl="internal-url",this.itemLinkSelector=".elementor-control-item_link"}filter(e,t){return e.attributes.dataIndex=t+1,e.attributes.widgetId=e.id,!0}onAddChild(e){const t=e._parent.$el.find(".e-n-menu")[0]?.dataset.widgetNumber||e.model.attributes.widgetId,n=e.model.attributes.dataIndex,i=e._parent.$el.find(`.e-n-menu-item-title[data-tab-index="${n}"]`)?.attr("id")||e.model.attributes.widgetId+" "+n;e.$el.attr({id:"e-n-menu-content-"+t+n,role:"menu","aria-labelledby":i,"data-tab-index":n})}getChildViewContainer(e,t){const{elements_placeholder_selector:n,child_container_placeholder_selector:i}=this.model.config.defaults;return void 0!==t&&void 0!==t._index&&i?e.$el.find(`${i}`)[t._index]:n?e.$el.find(this.model.config.defaults.elements_placeholder_selector):super.getChildViewContainer(e,t)}attachBuffer(e,t){const n=this.getChildViewContainer(e);if(this.model?.config?.support_improved_repeaters&&this.model?.config?.is_interlaced){const e=(this.model?.config?.defaults?.child_container_placeholder_selector||"").replace(".","");this._updateChildContainers(n[0],e,t)}else n.append(t)}_updateChildContainers(e,t,n){_.each(e.children,i=>{if(!i.classList?.contains(t))return void this._updateChildContainers(i,t,n);const a=n.childNodes.length;0!==a&&(i.appendChild(n.childNodes[0]),n.appendChild(i),e.append(n.childNodes[a-1]))})}renderOnChange(e,t=[]){if(!this.allowRender)return;if(this.isRendering)return void(this.isRendering=!1);const n=this.renderDataBindings(e,this.dataBindings,t);n instanceof Promise&&n.then(t=>{t||this.renderChanges(e)}),n||this.renderChanges(e)}renderDataBindings(e,t,n=[]){if(!this.dataBindings?.length)return!1;let i=!1;const renderDataBinding=async t=>{if(void 0!==e.changed[t.dataset.bindingSetting])return t.el.innerHTML=e.changed[t.dataset.bindingSetting],!0;if(!e?.changed.__dynamic__||!n.length)return!1;if(!this.isTitleOrLinkChanged(e))return!0;const{bindingSetting:i}=t.dataset,a=this.getChangedDynamicControlKey(e);let r=e.changed[i];if(this.isInternalUrl(e?.changed?.__dynamic__?.item_link)&&this.isSettingChanged(e,this.itemLink))return await this.getDynamicValue(e,a,i,t,n);if(this.isAtomicDynamic(e.changed,t,a)){const s=await this.getDynamicValue(e,a,i,t,n);if(this.itemLink===a)return!0;s&&(r=s)}return void 0!==r&&(t.el.innerHTML=r,!0)};for(const a of t){switch(a.dataset.bindingType){case"repeater-item":{const r=this.container.repeaters[a.dataset.bindingRepeaterName];if(!r)break;const s=r.children.find(t=>t.id===e.attributes._id);if(s?.parent?.children.indexOf(s)+1===parseInt(a.dataset.bindingIndex))i=renderDataBinding(a);else if(t.indexOf(a)+1===this.getRepeaterItemActiveIndex()){if(this.isItemLinkChild(n))return!0;i=this.tryHandleDynamicCoverSettings(a,e)}}break;case"content":i=renderDataBinding(a)}if(i)break}return i}isAtomicDynamic(e,t,n){return t.el.hasAttribute("data-binding-dynamic")&&(this.itemTitle===n||this.itemLink===n)}async getDynamicValue(e,t,n,i,a){const r={active:!0},s=this.extractValueToParse(this.getChangedData(e,t,n));if(void 0===s)return e.attributes[t];const d=await this.getDataFromCacheOrBackend(s,r);return this.itemTitle===t?d:(void 0!==d&&this.tryFormatDynamicMegaMenuUrl(s,i,a,t,r),e.attributes[t])}extractValueToParse(e,t="url"){return"object"==typeof e?e[t]:e}getChangedDynamicControlKey(e){if(!e?.changed?.__dynamic__)return Object.keys(e.changed)[0];const t=this.findUniqueKey(e?.changed?.__dynamic__,e?._previousAttributes?.__dynamic__)[0];return t||(this.isSettingChanged(e,this.itemLink)?this.itemLink:this.itemTitle)}tryFormatDynamicMegaMenuUrl(e,t,n,i,a){const r=this.getDynamicTagName(e);if(this.itemLink!==i||"internal_link"===r)return!1;const s=elementor.dynamicTags.parseTagsText(e,a,elementor.dynamicTags.getTagDataContent);elementor.$preview[0].contentWindow.dispatchEvent(new CustomEvent("elementor/dynamic/url_change",{detail:{element:t.el,actionName:e&&r,value:s}})),t.el=Array.from(n)[0].querySelectorAll(".e-n-menu-title-text")[t.dataset.bindingIndex-1]}getDynamicTagName(e){const t=e.match(/name="([^"]*)"/);return t?t[1]:null}isInternalUrl(e){return!!e&&this.internalUrl===this.getDynamicTagName(e)}isItemLinkChild(e){return e[0].closest(this.itemLinkSelector)}async getDataFromCacheOrBackend(e,t){try{return elementor.dynamicTags.parseTagsText(e,t,elementor.dynamicTags.getTagDataContent)}catch{return await new Promise(e=>{elementor.dynamicTags.refreshCacheFromServer(()=>{e()})}),!_.isEmpty(elementor.dynamicTags.cache)&&elementor.dynamicTags.parseTagsText(e,t,elementor.dynamicTags.getTagDataContent)}}getChangedDataForRemovedItem(e,t,n){return e.attributes?.[t]?.[n]||e.attributes?.[t]}getChangedDataForAddedItem(e,t,n){return e.attributes?.__dynamic__?.[t]?.[n]||e.attributes?.__dynamic__?.[t]}getChangedData(e,t,n){const i=this.getChangedDataForRemovedItem(e,t,n);return this.getChangedDataForAddedItem(e,t,n)||i}getTitleWithAdvancedValues(e,t){const{attributes:n,_previousAttributes:i}=e;if(this.compareSettings(n,i,"fallback")&&(t=t.replace(new RegExp(i.fallback),"")),!t||n.fallback===t)return n.fallback||"";if(this.compareSettings(n,i,"before")&&(t=t.replace(i.before,"")),this.compareSettings(n,i,"after")&&(t=t.replace(new RegExp(i.after+"$"),"")),!t)return n.fallback||"";return t=this.getNewSettingsValue(n,i,"before")+t,t+=this.getNewSettingsValue(n,i,"after")}compareSettings(e,t,n){return t[n]&&t[n]!==e[n]}getNewSettingsValue(e,t,n){return t[n]!==e[n]&&e[n]||""}getRepeaterItemActiveIndex(){return this.getContainer().renderer.view.model.changed.editSettings.changed.activeItemIndex||this.getContainer().renderer.view.model.changed.editSettings.attributes.activeItemIndex}tryHandleDynamicCoverSettings(e,t){return!!this.isAdvancedDynamicSettings(t.attributes)&&(this.isRendering=!0,e.el.textContent=this.getTitleWithAdvancedValues(t,e.el.textContent),!0)}isAdvancedDynamicSettings(e){return"before"in e&&"after"in e&&"fallback"in e}isSettingChanged(e,t){return e.attributes.__dynamic__?.[t]!==e._previousAttributes.__dynamic__?.[t]}isTitleOrLinkChanged(e){return this.isSettingChanged(e,this.itemTitle)||this.isSettingChanged(e,this.itemLink)}}t.default=View}}]);/*! nouislider - 13.0.0 - 2/6/2019 */ (function(factory) { if (typeof define === "function" && define.amd) { // AMD. Register as an anonymous module. define([], factory); } else if (typeof exports === "object") { // Node/CommonJS module.exports = factory(); } else { // Browser globals window.noUiSlider = factory(); } })(function() { "use strict"; var VERSION = "13.0.0"; function isValidFormatter(entry) { return typeof entry === "object" && typeof entry.to === "function" && typeof entry.from === "function"; } function removeElement(el) { el.parentElement.removeChild(el); } function isSet(value) { return value !== null && value !== undefined; } // Bindable version function preventDefault(e) { e.preventDefault(); } // Removes duplicates from an array. function unique(array) { return array.filter(function(a) { return !this[a] ? (this[a] = true) : false; }, {}); } // Round a value to the closest 'to'. function closest(value, to) { return Math.round(value / to) * to; } // Current position of an element relative to the document. function offset(elem, orientation) { var rect = elem.getBoundingClientRect(); var doc = elem.ownerDocument; var docElem = doc.documentElement; var pageOffset = getPageOffset(doc); // getBoundingClientRect contains left scroll in Chrome on Android. // I haven't found a feature detection that proves this. Worst case // scenario on mis-match: the 'tap' feature on horizontal sliders breaks. if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) { pageOffset.x = 0; } return orientation ? rect.top + pageOffset.y - docElem.clientTop : rect.left + pageOffset.x - docElem.clientLeft; } // Checks whether a value is numerical. function isNumeric(a) { return typeof a === "number" && !isNaN(a) && isFinite(a); } // Sets a class and removes it after [duration] ms. function addClassFor(element, className, duration) { if (duration > 0) { addClass(element, className); setTimeout(function() { removeClass(element, className); }, duration); } } // Limits a value to 0 - 100 function limit(a) { return Math.max(Math.min(a, 100), 0); } // Wraps a variable as an array, if it isn't one yet. // Note that an input array is returned by reference! function asArray(a) { return Array.isArray(a) ? a : [a]; } // Counts decimals function countDecimals(numStr) { numStr = String(numStr); var pieces = numStr.split("."); return pieces.length > 1 ? pieces[1].length : 0; } // http://youmightnotneedjquery.com/#add_class function addClass(el, className) { if (el.classList) { el.classList.add(className); } else { el.className += " " + className; } } // http://youmightnotneedjquery.com/#remove_class function removeClass(el, className) { if (el.classList) { el.classList.remove(className); } else { el.className = el.className.replace( new RegExp("(^|\\b)" + className.split(" ").join("|") + "(\\b|$)", "gi"), " " ); } } // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/ function hasClass(el, className) { return el.classList ? el.classList.contains(className) : new RegExp("\\b" + className + "\\b").test(el.className); } // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes function getPageOffset(doc) { var supportPageOffset = window.pageXOffset !== undefined; var isCSS1Compat = (doc.compatMode || "") === "CSS1Compat"; var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? doc.documentElement.scrollLeft : doc.body.scrollLeft; var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? doc.documentElement.scrollTop : doc.body.scrollTop; return { x: x, y: y }; } // we provide a function to compute constants instead // of accessing window.* as soon as the module needs it // so that we do not compute anything if not needed function getActions() { // Determine the events to bind. IE11 implements pointerEvents without // a prefix, which breaks compatibility with the IE10 implementation. return window.navigator.pointerEnabled ? { start: "pointerdown", move: "pointermove", end: "pointerup" } : window.navigator.msPointerEnabled ? { start: "MSPointerDown", move: "MSPointerMove", end: "MSPointerUp" } : { start: "mousedown touchstart", move: "mousemove touchmove", end: "mouseup touchend" }; } // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md // Issue #785 function getSupportsPassive() { var supportsPassive = false; /* eslint-disable */ try { var opts = Object.defineProperty({}, "passive", { get: function() { supportsPassive = true; } }); window.addEventListener("test", null, opts); } catch (e) {} /* eslint-enable */ return supportsPassive; } function getSupportsTouchActionNone() { return window.CSS && CSS.supports && CSS.supports("touch-action", "none"); } // Value calculation // Determine the size of a sub-range in relation to a full range. function subRangeRatio(pa, pb) { return 100 / (pb - pa); } // (percentage) How many percent is this value of this range? function fromPercentage(range, value) { return (value * 100) / (range[1] - range[0]); } // (percentage) Where is this value on this range? function toPercentage(range, value) { return fromPercentage(range, range[0] < 0 ? value + Math.abs(range[0]) : value - range[0]); } // (value) How much is this percentage on this range? function isPercentage(range, value) { return (value * (range[1] - range[0])) / 100 + range[0]; } // Range conversion function getJ(value, arr) { var j = 1; while (value >= arr[j]) { j += 1; } return j; } // (percentage) Input a value, find where, on a scale of 0-100, it applies. function toStepping(xVal, xPct, value) { if (value >= xVal.slice(-1)[0]) { return 100; } var j = getJ(value, xVal); var va = xVal[j - 1]; var vb = xVal[j]; var pa = xPct[j - 1]; var pb = xPct[j]; return pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb); } // (value) Input a percentage, find where it is on the specified range. function fromStepping(xVal, xPct, value) { // There is no range group that fits 100 if (value >= 100) { return xVal.slice(-1)[0]; } var j = getJ(value, xPct); var va = xVal[j - 1]; var vb = xVal[j]; var pa = xPct[j - 1]; var pb = xPct[j]; return isPercentage([va, vb], (value - pa) * subRangeRatio(pa, pb)); } // (percentage) Get the step that applies at a certain value. function getStep(xPct, xSteps, snap, value) { if (value === 100) { return value; } var j = getJ(value, xPct); var a = xPct[j - 1]; var b = xPct[j]; // If 'snap' is set, steps are used as fixed points on the slider. if (snap) { // Find the closest position, a or b. if (value - a > (b - a) / 2) { return b; } return a; } if (!xSteps[j - 1]) { return value; } return xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]); } // Entry parsing function handleEntryPoint(index, value, that) { var percentage; // Wrap numerical input in an array. if (typeof value === "number") { value = [value]; } // Reject any invalid input, by testing whether value is an array. if (!Array.isArray(value)) { throw new Error("noUiSlider (" + VERSION + "): 'range' contains invalid value."); } // Covert min/max syntax to 0 and 100. if (index === "min") { percentage = 0; } else if (index === "max") { percentage = 100; } else { percentage = parseFloat(index); } // Check for correct input. if (!isNumeric(percentage) || !isNumeric(value[0])) { throw new Error("noUiSlider (" + VERSION + "): 'range' value isn't numeric."); } // Store values. that.xPct.push(percentage); that.xVal.push(value[0]); // NaN will evaluate to false too, but to keep // logging clear, set step explicitly. Make sure // not to override the 'step' setting with false. if (!percentage) { if (!isNaN(value[1])) { that.xSteps[0] = value[1]; } } else { that.xSteps.push(isNaN(value[1]) ? false : value[1]); } that.xHighestCompleteStep.push(0); } function handleStepPoint(i, n, that) { // Ignore 'false' stepping. if (!n) { return true; } // Factor to range ratio that.xSteps[i] = fromPercentage([that.xVal[i], that.xVal[i + 1]], n) / subRangeRatio(that.xPct[i], that.xPct[i + 1]); var totalSteps = (that.xVal[i + 1] - that.xVal[i]) / that.xNumSteps[i]; var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1); var step = that.xVal[i] + that.xNumSteps[i] * highestStep; that.xHighestCompleteStep[i] = step; } // Interface function Spectrum(entry, snap, singleStep) { this.xPct = []; this.xVal = []; this.xSteps = [singleStep || false]; this.xNumSteps = [false]; this.xHighestCompleteStep = []; this.snap = snap; var index; var ordered = []; // [0, 'min'], [1, '50%'], [2, 'max'] // Map the object keys to an array. for (index in entry) { if (entry.hasOwnProperty(index)) { ordered.push([entry[index], index]); } } // Sort all entries by value (numeric sort). if (ordered.length && typeof ordered[0][0] === "object") { ordered.sort(function(a, b) { return a[0][0] - b[0][0]; }); } else { ordered.sort(function(a, b) { return a[0] - b[0]; }); } // Convert all entries to subranges. for (index = 0; index < ordered.length; index++) { handleEntryPoint(ordered[index][1], ordered[index][0], this); } // Store the actual step values. // xSteps is sorted in the same order as xPct and xVal. this.xNumSteps = this.xSteps.slice(0); // Convert all numeric steps to the percentage of the subrange they represent. for (index = 0; index < this.xNumSteps.length; index++) { handleStepPoint(index, this.xNumSteps[index], this); } } Spectrum.prototype.getMargin = function(value) { var step = this.xNumSteps[0]; if (step && (value / step) % 1 !== 0) { throw new Error("noUiSlider (" + VERSION + "): 'limit', 'margin' and 'padding' must be divisible by step."); } return this.xPct.length === 2 ? fromPercentage(this.xVal, value) : false; }; Spectrum.prototype.toStepping = function(value) { value = toStepping(this.xVal, this.xPct, value); return value; }; Spectrum.prototype.fromStepping = function(value) { return fromStepping(this.xVal, this.xPct, value); }; Spectrum.prototype.getStep = function(value) { value = getStep(this.xPct, this.xSteps, this.snap, value); return value; }; Spectrum.prototype.getDefaultStep = function(value, isDown, size) { var j = getJ(value, this.xPct); // When at the top or stepping down, look at the previous sub-range if (value === 100 || (isDown && value === this.xPct[j - 1])) { j = Math.max(j - 1, 1); } return (this.xVal[j] - this.xVal[j - 1]) / size; }; Spectrum.prototype.getNearbySteps = function(value) { var j = getJ(value, this.xPct); return { stepBefore: { startValue: this.xVal[j - 2], step: this.xNumSteps[j - 2], highestStep: this.xHighestCompleteStep[j - 2] }, thisStep: { startValue: this.xVal[j - 1], step: this.xNumSteps[j - 1], highestStep: this.xHighestCompleteStep[j - 1] }, stepAfter: { startValue: this.xVal[j], step: this.xNumSteps[j], highestStep: this.xHighestCompleteStep[j] } }; }; Spectrum.prototype.countStepDecimals = function() { var stepDecimals = this.xNumSteps.map(countDecimals); return Math.max.apply(null, stepDecimals); }; // Outside testing Spectrum.prototype.convert = function(value) { return this.getStep(this.toStepping(value)); }; /* Every input option is tested and parsed. This'll prevent endless validation in internal methods. These tests are structured with an item for every option available. An option can be marked as required by setting the 'r' flag. The testing function is provided with three arguments: - The provided value for the option; - A reference to the options object; - The name for the option; The testing function returns false when an error is detected, or true when everything is OK. It can also modify the option object, to make sure all values can be correctly looped elsewhere. */ var defaultFormatter = { to: function(value) { return value !== undefined && value.toFixed(2); }, from: Number }; function validateFormat(entry) { // Any object with a to and from method is supported. if (isValidFormatter(entry)) { return true; } throw new Error("noUiSlider (" + VERSION + "): 'format' requires 'to' and 'from' methods."); } function testStep(parsed, entry) { if (!isNumeric(entry)) { throw new Error("noUiSlider (" + VERSION + "): 'step' is not numeric."); } // The step option can still be used to set stepping // for linear sliders. Overwritten if set in 'range'. parsed.singleStep = entry; } function testRange(parsed, entry) { // Filter incorrect input. if (typeof entry !== "object" || Array.isArray(entry)) { throw new Error("noUiSlider (" + VERSION + "): 'range' is not an object."); } // Catch missing start or end. if (entry.min === undefined || entry.max === undefined) { throw new Error("noUiSlider (" + VERSION + "): Missing 'min' or 'max' in 'range'."); } // Catch equal start or end. if (entry.min === entry.max) { throw new Error("noUiSlider (" + VERSION + "): 'range' 'min' and 'max' cannot be equal."); } parsed.spectrum = new Spectrum(entry, parsed.snap, parsed.singleStep); } function testStart(parsed, entry) { entry = asArray(entry); // Validate input. Values aren't tested, as the public .val method // will always provide a valid location. if (!Array.isArray(entry) || !entry.length) { throw new Error("noUiSlider (" + VERSION + "): 'start' option is incorrect."); } // Store the number of handles. parsed.handles = entry.length; // When the slider is initialized, the .val method will // be called with the start options. parsed.start = entry; } function testSnap(parsed, entry) { // Enforce 100% stepping within subranges. parsed.snap = entry; if (typeof entry !== "boolean") { throw new Error("noUiSlider (" + VERSION + "): 'snap' option must be a boolean."); } } function testAnimate(parsed, entry) { // Enforce 100% stepping within subranges. parsed.animate = entry; if (typeof entry !== "boolean") { throw new Error("noUiSlider (" + VERSION + "): 'animate' option must be a boolean."); } } function testAnimationDuration(parsed, entry) { parsed.animationDuration = entry; if (typeof entry !== "number") { throw new Error("noUiSlider (" + VERSION + "): 'animationDuration' option must be a number."); } } function testConnect(parsed, entry) { var connect = [false]; var i; // Map legacy options if (entry === "lower") { entry = [true, false]; } else if (entry === "upper") { entry = [false, true]; } // Handle boolean options if (entry === true || entry === false) { for (i = 1; i < parsed.handles; i++) { connect.push(entry); } connect.push(false); } // Reject invalid input else if (!Array.isArray(entry) || !entry.length || entry.length !== parsed.handles + 1) { throw new Error("noUiSlider (" + VERSION + "): 'connect' option doesn't match handle count."); } else { connect = entry; } parsed.connect = connect; } function testOrientation(parsed, entry) { // Set orientation to an a numerical value for easy // array selection. switch (entry) { case "horizontal": parsed.ort = 0; break; case "vertical": parsed.ort = 1; break; default: throw new Error("noUiSlider (" + VERSION + "): 'orientation' option is invalid."); } } function testMargin(parsed, entry) { if (!isNumeric(entry)) { throw new Error("noUiSlider (" + VERSION + "): 'margin' option must be numeric."); } // Issue #582 if (entry === 0) { return; } parsed.margin = parsed.spectrum.getMargin(entry); if (!parsed.margin) { throw new Error("noUiSlider (" + VERSION + "): 'margin' option is only supported on linear sliders."); } } function testLimit(parsed, entry) { if (!isNumeric(entry)) { throw new Error("noUiSlider (" + VERSION + "): 'limit' option must be numeric."); } parsed.limit = parsed.spectrum.getMargin(entry); if (!parsed.limit || parsed.handles < 2) { throw new Error( "noUiSlider (" + VERSION + "): 'limit' option is only supported on linear sliders with 2 or more handles." ); } } function testPadding(parsed, entry) { if (!isNumeric(entry) && !Array.isArray(entry)) { throw new Error( "noUiSlider (" + VERSION + "): 'padding' option must be numeric or array of exactly 2 numbers." ); } if (Array.isArray(entry) && !(entry.length === 2 || isNumeric(entry[0]) || isNumeric(entry[1]))) { throw new Error( "noUiSlider (" + VERSION + "): 'padding' option must be numeric or array of exactly 2 numbers." ); } if (entry === 0) { return; } if (!Array.isArray(entry)) { entry = [entry, entry]; } // 'getMargin' returns false for invalid values. parsed.padding = [parsed.spectrum.getMargin(entry[0]), parsed.spectrum.getMargin(entry[1])]; if (parsed.padding[0] === false || parsed.padding[1] === false) { throw new Error("noUiSlider (" + VERSION + "): 'padding' option is only supported on linear sliders."); } if (parsed.padding[0] < 0 || parsed.padding[1] < 0) { throw new Error("noUiSlider (" + VERSION + "): 'padding' option must be a positive number(s)."); } if (parsed.padding[0] + parsed.padding[1] >= 100) { throw new Error("noUiSlider (" + VERSION + "): 'padding' option must not exceed 100% of the range."); } } function testDirection(parsed, entry) { // Set direction as a numerical value for easy parsing. // Invert connection for RTL sliders, so that the proper // handles get the connect/background classes. switch (entry) { case "ltr": parsed.dir = 0; break; case "rtl": parsed.dir = 1; break; default: throw new Error("noUiSlider (" + VERSION + "): 'direction' option was not recognized."); } } function testBehaviour(parsed, entry) { // Make sure the input is a string. if (typeof entry !== "string") { throw new Error("noUiSlider (" + VERSION + "): 'behaviour' must be a string containing options."); } // Check if the string contains any keywords. // None are required. var tap = entry.indexOf("tap") >= 0; var drag = entry.indexOf("drag") >= 0; var fixed = entry.indexOf("fixed") >= 0; var snap = entry.indexOf("snap") >= 0; var hover = entry.indexOf("hover") >= 0; var unconstrained = entry.indexOf("unconstrained") >= 0; if (fixed) { if (parsed.handles !== 2) { throw new Error("noUiSlider (" + VERSION + "): 'fixed' behaviour must be used with 2 handles"); } // Use margin to enforce fixed state testMargin(parsed, parsed.start[1] - parsed.start[0]); } if (unconstrained && (parsed.margin || parsed.limit)) { throw new Error( "noUiSlider (" + VERSION + "): 'unconstrained' behaviour cannot be used with margin or limit" ); } parsed.events = { tap: tap || snap, drag: drag, fixed: fixed, snap: snap, hover: hover, unconstrained: unconstrained }; } function testTooltips(parsed, entry) { if (entry === false) { return; } if (entry === true) { parsed.tooltips = []; for (var i = 0; i < parsed.handles; i++) { parsed.tooltips.push(true); } } else { parsed.tooltips = asArray(entry); if (parsed.tooltips.length !== parsed.handles) { throw new Error("noUiSlider (" + VERSION + "): must pass a formatter for all handles."); } parsed.tooltips.forEach(function(formatter) { if ( typeof formatter !== "boolean" && (typeof formatter !== "object" || typeof formatter.to !== "function") ) { throw new Error("noUiSlider (" + VERSION + "): 'tooltips' must be passed a formatter or 'false'."); } }); } } function testAriaFormat(parsed, entry) { parsed.ariaFormat = entry; validateFormat(entry); } function testFormat(parsed, entry) { parsed.format = entry; validateFormat(entry); } function testKeyboardSupport(parsed, entry) { parsed.keyboardSupport = entry; if (typeof entry !== "boolean") { throw new Error("noUiSlider (" + VERSION + "): 'keyboardSupport' option must be a boolean."); } } function testDocumentElement(parsed, entry) { // This is an advanced option. Passed values are used without validation. parsed.documentElement = entry; } function testCssPrefix(parsed, entry) { if (typeof entry !== "string" && entry !== false) { throw new Error("noUiSlider (" + VERSION + "): 'cssPrefix' must be a string or `false`."); } parsed.cssPrefix = entry; } function testCssClasses(parsed, entry) { if (typeof entry !== "object") { throw new Error("noUiSlider (" + VERSION + "): 'cssClasses' must be an object."); } if (typeof parsed.cssPrefix === "string") { parsed.cssClasses = {}; for (var key in entry) { if (!entry.hasOwnProperty(key)) { continue; } parsed.cssClasses[key] = parsed.cssPrefix + entry[key]; } } else { parsed.cssClasses = entry; } } // Test all developer settings and parse to assumption-safe values. function testOptions(options) { // To prove a fix for #537, freeze options here. // If the object is modified, an error will be thrown. // Object.freeze(options); var parsed = { margin: 0, limit: 0, padding: 0, animate: true, animationDuration: 300, ariaFormat: defaultFormatter, format: defaultFormatter }; // Tests are executed in the order they are presented here. var tests = { step: { r: false, t: testStep }, start: { r: true, t: testStart }, connect: { r: true, t: testConnect }, direction: { r: true, t: testDirection }, snap: { r: false, t: testSnap }, animate: { r: false, t: testAnimate }, animationDuration: { r: false, t: testAnimationDuration }, range: { r: true, t: testRange }, orientation: { r: false, t: testOrientation }, margin: { r: false, t: testMargin }, limit: { r: false, t: testLimit }, padding: { r: false, t: testPadding }, behaviour: { r: true, t: testBehaviour }, ariaFormat: { r: false, t: testAriaFormat }, format: { r: false, t: testFormat }, tooltips: { r: false, t: testTooltips }, keyboardSupport: { r: true, t: testKeyboardSupport }, documentElement: { r: false, t: testDocumentElement }, cssPrefix: { r: true, t: testCssPrefix }, cssClasses: { r: true, t: testCssClasses } }; var defaults = { connect: false, direction: "ltr", behaviour: "tap", orientation: "horizontal", keyboardSupport: true, cssPrefix: "noUi-", cssClasses: { target: "target", base: "base", origin: "origin", handle: "handle", handleLower: "handle-lower", handleUpper: "handle-upper", touchArea: "touch-area", horizontal: "horizontal", vertical: "vertical", background: "background", connect: "connect", connects: "connects", ltr: "ltr", rtl: "rtl", draggable: "draggable", drag: "state-drag", tap: "state-tap", active: "active", tooltip: "tooltip", pips: "pips", pipsHorizontal: "pips-horizontal", pipsVertical: "pips-vertical", marker: "marker", markerHorizontal: "marker-horizontal", markerVertical: "marker-vertical", markerNormal: "marker-normal", markerLarge: "marker-large", markerSub: "marker-sub", value: "value", valueHorizontal: "value-horizontal", valueVertical: "value-vertical", valueNormal: "value-normal", valueLarge: "value-large", valueSub: "value-sub" } }; // AriaFormat defaults to regular format, if any. if (options.format && !options.ariaFormat) { options.ariaFormat = options.format; } // Run all options through a testing mechanism to ensure correct // input. It should be noted that options might get modified to // be handled properly. E.g. wrapping integers in arrays. Object.keys(tests).forEach(function(name) { // If the option isn't set, but it is required, throw an error. if (!isSet(options[name]) && defaults[name] === undefined) { if (tests[name].r) { throw new Error("noUiSlider (" + VERSION + "): '" + name + "' is required."); } return true; } tests[name].t(parsed, !isSet(options[name]) ? defaults[name] : options[name]); }); // Forward pips options parsed.pips = options.pips; // All recent browsers accept unprefixed transform. // We need -ms- for IE9 and -webkit- for older Android; // Assume use of -webkit- if unprefixed and -ms- are not supported. // https://caniuse.com/#feat=transforms2d var d = document.createElement("div"); var msPrefix = d.style.msTransform !== undefined; var noPrefix = d.style.transform !== undefined; parsed.transformRule = noPrefix ? "transform" : msPrefix ? "msTransform" : "webkitTransform"; // Pips don't move, so we can place them using left/top. var styles = [["left", "top"], ["right", "bottom"]]; parsed.style = styles[parsed.dir][parsed.ort]; return parsed; } function scope(target, options, originalOptions) { var actions = getActions(); var supportsTouchActionNone = getSupportsTouchActionNone(); var supportsPassive = supportsTouchActionNone && getSupportsPassive(); // All variables local to 'scope' are prefixed with 'scope_' // Slider DOM Nodes var scope_Target = target; var scope_Base; var scope_Handles; var scope_Connects; var scope_Pips; // Override for the 'animate' option var scope_ShouldAnimate = true; // Slider state values var scope_Spectrum = options.spectrum; var scope_Values = []; var scope_Locations = []; var scope_HandleNumbers = []; var scope_ActiveHandlesCount = 0; var scope_Events = {}; // Exposed API var scope_Self; // Document Nodes var scope_Document = target.ownerDocument; var scope_DocumentElement = options.documentElement || scope_Document.documentElement; var scope_Body = scope_Document.body; // Pips constants var PIPS_NONE = -1; var PIPS_NO_VALUE = 0; var PIPS_LARGE_VALUE = 1; var PIPS_SMALL_VALUE = 2; // For horizontal sliders in standard ltr documents, // make .noUi-origin overflow to the left so the document doesn't scroll. var scope_DirOffset = scope_Document.dir === "rtl" || options.ort === 1 ? 0 : 100; // Creates a node, adds it to target, returns the new node. function addNodeTo(addTarget, className) { var div = scope_Document.createElement("div"); if (className) { addClass(div, className); } addTarget.appendChild(div); return div; } // Append a origin to the base function addOrigin(base, handleNumber) { var origin = addNodeTo(base, options.cssClasses.origin); var handle = addNodeTo(origin, options.cssClasses.handle); addNodeTo(handle, options.cssClasses.touchArea); handle.setAttribute("data-handle", handleNumber); if (options.keyboardSupport) { // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex // 0 = focusable and reachable handle.setAttribute("tabindex", "0"); handle.addEventListener("keydown", function(event) { return eventKeydown(event, handleNumber); }); } handle.setAttribute("role", "slider"); handle.setAttribute("aria-orientation", options.ort ? "vertical" : "horizontal"); if (handleNumber === 0) { addClass(handle, options.cssClasses.handleLower); } else if (handleNumber === options.handles - 1) { addClass(handle, options.cssClasses.handleUpper); } return origin; } // Insert nodes for connect elements function addConnect(base, add) { if (!add) { return false; } return addNodeTo(base, options.cssClasses.connect); } // Add handles to the slider base. function addElements(connectOptions, base) { var connectBase = addNodeTo(base, options.cssClasses.connects); scope_Handles = []; scope_Connects = []; scope_Connects.push(addConnect(connectBase, connectOptions[0])); // [::::O====O====O====] // connectOptions = [0, 1, 1, 1] for (var i = 0; i < options.handles; i++) { // Keep a list of all added handles. scope_Handles.push(addOrigin(base, i)); scope_HandleNumbers[i] = i; scope_Connects.push(addConnect(connectBase, connectOptions[i + 1])); } } // Initialize a single slider. function addSlider(addTarget) { // Apply classes and data to the target. addClass(addTarget, options.cssClasses.target); if (options.dir === 0) { addClass(addTarget, options.cssClasses.ltr); } else { addClass(addTarget, options.cssClasses.rtl); } if (options.ort === 0) { addClass(addTarget, options.cssClasses.horizontal); } else { addClass(addTarget, options.cssClasses.vertical); } return addNodeTo(addTarget, options.cssClasses.base); } function addTooltip(handle, handleNumber) { if (!options.tooltips[handleNumber]) { return false; } return addNodeTo(handle.firstChild, options.cssClasses.tooltip); } // Disable the slider dragging if any handle is disabled function isHandleDisabled(handleNumber) { var handleOrigin = scope_Handles[handleNumber]; return handleOrigin.hasAttribute("disabled"); } // The tooltips option is a shorthand for using the 'update' event. function tooltips() { // Tooltips are added with options.tooltips in original order. var tips = scope_Handles.map(addTooltip); bindEvent("update", function(values, handleNumber, unencoded) { if (!tips[handleNumber]) { return; } var formattedValue = values[handleNumber]; if (options.tooltips[handleNumber] !== true) { formattedValue = options.tooltips[handleNumber].to(unencoded[handleNumber]); } tips[handleNumber].innerHTML = formattedValue; }); } function aria() { bindEvent("update", function(values, handleNumber, unencoded, tap, positions) { // Update Aria Values for all handles, as a change in one changes min and max values for the next. scope_HandleNumbers.forEach(function(index) { var handle = scope_Handles[index]; var min = checkHandlePosition(scope_Locations, index, 0, true, true, true); var max = checkHandlePosition(scope_Locations, index, 100, true, true, true); var now = positions[index]; // Formatted value for display var text = options.ariaFormat.to(unencoded[index]); // Map to slider range values min = scope_Spectrum.fromStepping(min).toFixed(1); max = scope_Spectrum.fromStepping(max).toFixed(1); now = scope_Spectrum.fromStepping(now).toFixed(1); handle.children[0].setAttribute("aria-valuemin", min); handle.children[0].setAttribute("aria-valuemax", max); handle.children[0].setAttribute("aria-valuenow", now); handle.children[0].setAttribute("aria-valuetext", text); }); }); } function getGroup(mode, values, stepped) { // Use the range. if (mode === "range" || mode === "steps") { return scope_Spectrum.xVal; } if (mode === "count") { if (values < 2) { throw new Error("noUiSlider (" + VERSION + "): 'values' (>= 2) required for mode 'count'."); } // Divide 0 - 100 in 'count' parts. var interval = values - 1; var spread = 100 / interval; values = []; // List these parts and have them handled as 'positions'. while (interval--) { values[interval] = interval * spread; } values.push(100); mode = "positions"; } if (mode === "positions") { // Map all percentages to on-range values. return values.map(function(value) { return scope_Spectrum.fromStepping(stepped ? scope_Spectrum.getStep(value) : value); }); } if (mode === "values") { // If the value must be stepped, it needs to be converted to a percentage first. if (stepped) { return values.map(function(value) { // Convert to percentage, apply step, return to value. return scope_Spectrum.fromStepping(scope_Spectrum.getStep(scope_Spectrum.toStepping(value))); }); } // Otherwise, we can simply use the values. return values; } } function generateSpread(density, mode, group) { function safeIncrement(value, increment) { // Avoid floating point variance by dropping the smallest decimal places. return (value + increment).toFixed(7) / 1; } var indexes = {}; var firstInRange = scope_Spectrum.xVal[0]; var lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1]; var ignoreFirst = false; var ignoreLast = false; var prevPct = 0; // Create a copy of the group, sort it and filter away all duplicates. group = unique( group.slice().sort(function(a, b) { return a - b; }) ); // Make sure the range starts with the first element. if (group[0] !== firstInRange) { group.unshift(firstInRange); ignoreFirst = true; } // Likewise for the last one. if (group[group.length - 1] !== lastInRange) { group.push(lastInRange); ignoreLast = true; } group.forEach(function(current, index) { // Get the current step and the lower + upper positions. var step; var i; var q; var low = current; var high = group[index + 1]; var newPct; var pctDifference; var pctPos; var type; var steps; var realSteps; var stepSize; var isSteps = mode === "steps"; // When using 'steps' mode, use the provided steps. // Otherwise, we'll step on to the next subrange. if (isSteps) { step = scope_Spectrum.xNumSteps[index]; } // Default to a 'full' step. if (!step) { step = high - low; } // Low can be 0, so test for false. If high is undefined, // we are at the last subrange. Index 0 is already handled. if (low === false || high === undefined) { return; } // Make sure step isn't 0, which would cause an infinite loop (#654) step = Math.max(step, 0.0000001); // Find all steps in the subrange. for (i = low; i <= high; i = safeIncrement(i, step)) { // Get the percentage value for the current step, // calculate the size for the subrange. newPct = scope_Spectrum.toStepping(i); pctDifference = newPct - prevPct; steps = pctDifference / density; realSteps = Math.round(steps); // This ratio represents the amount of percentage-space a point indicates. // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided. // Round the percentage offset to an even number, then divide by two // to spread the offset on both sides of the range. stepSize = pctDifference / realSteps; // Divide all points evenly, adding the correct number to this subrange. // Run up to <= so that 100% gets a point, event if ignoreLast is set. for (q = 1; q <= realSteps; q += 1) { // The ratio between the rounded value and the actual size might be ~1% off. // Correct the percentage offset by the number of points // per subrange. density = 1 will result in 100 points on the // full range, 2 for 50, 4 for 25, etc. pctPos = prevPct + q * stepSize; indexes[pctPos.toFixed(5)] = [scope_Spectrum.fromStepping(pctPos), 0]; } // Determine the point type. type = group.indexOf(i) > -1 ? PIPS_LARGE_VALUE : isSteps ? PIPS_SMALL_VALUE : PIPS_NO_VALUE; // Enforce the 'ignoreFirst' option by overwriting the type for 0. if (!index && ignoreFirst) { type = 0; } if (!(i === high && ignoreLast)) { // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value. indexes[newPct.toFixed(5)] = [i, type]; } // Update the percentage count. prevPct = newPct; } }); return indexes; } function addMarking(spread, filterFunc, formatter) { var element = scope_Document.createElement("div"); var valueSizeClasses = []; valueSizeClasses[PIPS_NO_VALUE] = options.cssClasses.valueNormal; valueSizeClasses[PIPS_LARGE_VALUE] = options.cssClasses.valueLarge; valueSizeClasses[PIPS_SMALL_VALUE] = options.cssClasses.valueSub; var markerSizeClasses = []; markerSizeClasses[PIPS_NO_VALUE] = options.cssClasses.markerNormal; markerSizeClasses[PIPS_LARGE_VALUE] = options.cssClasses.markerLarge; markerSizeClasses[PIPS_SMALL_VALUE] = options.cssClasses.markerSub; var valueOrientationClasses = [options.cssClasses.valueHorizontal, options.cssClasses.valueVertical]; var markerOrientationClasses = [options.cssClasses.markerHorizontal, options.cssClasses.markerVertical]; addClass(element, options.cssClasses.pips); addClass(element, options.ort === 0 ? options.cssClasses.pipsHorizontal : options.cssClasses.pipsVertical); function getClasses(type, source) { var a = source === options.cssClasses.value; var orientationClasses = a ? valueOrientationClasses : markerOrientationClasses; var sizeClasses = a ? valueSizeClasses : markerSizeClasses; return source + " " + orientationClasses[options.ort] + " " + sizeClasses[type]; } function addSpread(offset, value, type) { // Apply the filter function, if it is set. type = filterFunc ? filterFunc(value, type) : type; if (type === PIPS_NONE) { return; } // Add a marker for every point var node = addNodeTo(element, false); node.className = getClasses(type, options.cssClasses.marker); node.style[options.style] = offset + "%"; // Values are only appended for points marked '1' or '2'. if (type > PIPS_NO_VALUE) { node = addNodeTo(element, false); node.className = getClasses(type, options.cssClasses.value); node.setAttribute("data-value", value); node.style[options.style] = offset + "%"; node.innerHTML = formatter.to(value); } } // Append all points. Object.keys(spread).forEach(function(offset) { addSpread(offset, spread[offset][0], spread[offset][1]); }); return element; } function removePips() { if (scope_Pips) { removeElement(scope_Pips); scope_Pips = null; } } function pips(grid) { // Fix #669 removePips(); var mode = grid.mode; var density = grid.density || 1; var filter = grid.filter || false; var values = grid.values || false; var stepped = grid.stepped || false; var group = getGroup(mode, values, stepped); var spread = generateSpread(density, mode, group); var format = grid.format || { to: Math.round }; scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format)); return scope_Pips; } // Shorthand for base dimensions. function baseSize() { var rect = scope_Base.getBoundingClientRect(); var alt = "offset" + ["Width", "Height"][options.ort]; return options.ort === 0 ? rect.width || scope_Base[alt] : rect.height || scope_Base[alt]; } // Handler for attaching events trough a proxy. function attachEvent(events, element, callback, data) { // This function can be used to 'filter' events to the slider. // element is a node, not a nodeList var method = function(e) { e = fixEvent(e, data.pageOffset, data.target || element); // fixEvent returns false if this event has a different target // when handling (multi-) touch events; if (!e) { return false; } // doNotReject is passed by all end events to make sure released touches // are not rejected, leaving the slider "stuck" to the cursor; if (scope_Target.hasAttribute("disabled") && !data.doNotReject) { return false; } // Stop if an active 'tap' transition is taking place. if (hasClass(scope_Target, options.cssClasses.tap) && !data.doNotReject) { return false; } // Ignore right or middle clicks on start #454 if (events === actions.start && e.buttons !== undefined && e.buttons > 1) { return false; } // Ignore right or middle clicks on start #454 if (data.hover && e.buttons) { return false; } // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS. // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support // touch-action: manipulation, but that allows panning, which breaks // sliders after zooming/on non-responsive pages. // See: https://bugs.webkit.org/show_bug.cgi?id=133112 if (!supportsPassive) { e.preventDefault(); } e.calcPoint = e.points[options.ort]; // Call the event handler with the event [ and additional data ]. callback(e, data); }; var methods = []; // Bind a closure on the target for every event type. events.split(" ").forEach(function(eventName) { element.addEventListener(eventName, method, supportsPassive ? { passive: true } : false); methods.push([eventName, method]); }); return methods; } // Provide a clean event with standardized offset values. function fixEvent(e, pageOffset, eventTarget) { // Filter the event to register the type, which can be // touch, mouse or pointer. Offset changes need to be // made on an event specific basis. var touch = e.type.indexOf("touch") === 0; var mouse = e.type.indexOf("mouse") === 0; var pointer = e.type.indexOf("pointer") === 0; var x; var y; // IE10 implemented pointer events with a prefix; if (e.type.indexOf("MSPointer") === 0) { pointer = true; } // The only thing one handle should be concerned about is the touches that originated on top of it. if (touch) { // Returns true if a touch originated on the target. var isTouchOnTarget = function(checkTouch) { return checkTouch.target === eventTarget || eventTarget.contains(checkTouch.target); }; // In the case of touchstart events, we need to make sure there is still no more than one // touch on the target so we look amongst all touches. if (e.type === "touchstart") { var targetTouches = Array.prototype.filter.call(e.touches, isTouchOnTarget); // Do not support more than one touch per handle. if (targetTouches.length > 1) { return false; } x = targetTouches[0].pageX; y = targetTouches[0].pageY; } else { // In the other cases, find on changedTouches is enough. var targetTouch = Array.prototype.find.call(e.changedTouches, isTouchOnTarget); // Cancel if the target touch has not moved. if (!targetTouch) { return false; } x = targetTouch.pageX; y = targetTouch.pageY; } } pageOffset = pageOffset || getPageOffset(scope_Document); if (mouse || pointer) { x = e.clientX + pageOffset.x; y = e.clientY + pageOffset.y; } e.pageOffset = pageOffset; e.points = [x, y]; e.cursor = mouse || pointer; // Fix #435 return e; } // Translate a coordinate in the document to a percentage on the slider function calcPointToPercentage(calcPoint) { var location = calcPoint - offset(scope_Base, options.ort); var proposal = (location * 100) / baseSize(); // Clamp proposal between 0% and 100% // Out-of-bound coordinates may occur when .noUi-base pseudo-elements // are used (e.g. contained handles feature) proposal = limit(proposal); return options.dir ? 100 - proposal : proposal; } // Find handle closest to a certain percentage on the slider function getClosestHandle(proposal) { var closest = 100; var handleNumber = false; scope_Handles.forEach(function(handle, index) { // Disabled handles are ignored if (isHandleDisabled(index)) { return; } var pos = Math.abs(scope_Locations[index] - proposal); if (pos < closest || (pos === 100 && closest === 100)) { handleNumber = index; closest = pos; } }); return handleNumber; } // Fire 'end' when a mouse or pen leaves the document. function documentLeave(event, data) { if (event.type === "mouseout" && event.target.nodeName === "HTML" && event.relatedTarget === null) { eventEnd(event, data); } } // Handle movement on document for handle and range drag. function eventMove(event, data) { // Fix #498 // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty). // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero // IE9 has .buttons and .which zero on mousemove. // Firefox breaks the spec MDN defines. if (navigator.appVersion.indexOf("MSIE 9") === -1 && event.buttons === 0 && data.buttonsProperty !== 0) { return eventEnd(event, data); } // Check if we are moving up or down var movement = (options.dir ? -1 : 1) * (event.calcPoint - data.startCalcPoint); // Convert the movement into a percentage of the slider width/height var proposal = (movement * 100) / data.baseSize; moveHandles(movement > 0, proposal, data.locations, data.handleNumbers); } // Unbind move events on document, call callbacks. function eventEnd(event, data) { // The handle is no longer active, so remove the class. if (data.handle) { removeClass(data.handle, options.cssClasses.active); scope_ActiveHandlesCount -= 1; } // Unbind the move and end events, which are added on 'start'. data.listeners.forEach(function(c) { scope_DocumentElement.removeEventListener(c[0], c[1]); }); if (scope_ActiveHandlesCount === 0) { // Remove dragging class. removeClass(scope_Target, options.cssClasses.drag); setZindex(); // Remove cursor styles and text-selection events bound to the body. if (event.cursor) { scope_Body.style.cursor = ""; scope_Body.removeEventListener("selectstart", preventDefault); } } data.handleNumbers.forEach(function(handleNumber) { fireEvent("change", handleNumber); fireEvent("set", handleNumber); fireEvent("end", handleNumber); }); } // Bind move events on document. function eventStart(event, data) { // Ignore event if any handle is disabled if (data.handleNumbers.some(isHandleDisabled)) { return false; } var handle; if (data.handleNumbers.length === 1) { var handleOrigin = scope_Handles[data.handleNumbers[0]]; handle = handleOrigin.children[0]; scope_ActiveHandlesCount += 1; // Mark the handle as 'active' so it can be styled. addClass(handle, options.cssClasses.active); } // A drag should never propagate up to the 'tap' event. event.stopPropagation(); // Record the event listeners. var listeners = []; // Attach the move and end events. var moveEvent = attachEvent(actions.move, scope_DocumentElement, eventMove, { // The event target has changed so we need to propagate the original one so that we keep // relying on it to extract target touches. target: event.target, handle: handle, listeners: listeners, startCalcPoint: event.calcPoint, baseSize: baseSize(), pageOffset: event.pageOffset, handleNumbers: data.handleNumbers, buttonsProperty: event.buttons, locations: scope_Locations.slice() }); var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, { target: event.target, handle: handle, listeners: listeners, doNotReject: true, handleNumbers: data.handleNumbers }); var outEvent = attachEvent("mouseout", scope_DocumentElement, documentLeave, { target: event.target, handle: handle, listeners: listeners, doNotReject: true, handleNumbers: data.handleNumbers }); // We want to make sure we pushed the listeners in the listener list rather than creating // a new one as it has already been passed to the event handlers. listeners.push.apply(listeners, moveEvent.concat(endEvent, outEvent)); // Text selection isn't an issue on touch devices, // so adding cursor styles can be skipped. if (event.cursor) { // Prevent the 'I' cursor and extend the range-drag cursor. scope_Body.style.cursor = getComputedStyle(event.target).cursor; // Mark the target with a dragging state. if (scope_Handles.length > 1) { addClass(scope_Target, options.cssClasses.drag); } // Prevent text selection when dragging the handles. // In noUiSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move, // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52, // meaning the only holdout is iOS Safari. This doesn't matter: text selection isn't triggered there. // The 'cursor' flag is false. // See: http://caniuse.com/#search=selectstart scope_Body.addEventListener("selectstart", preventDefault, false); } data.handleNumbers.forEach(function(handleNumber) { fireEvent("start", handleNumber); }); } // Move closest handle to tapped location. function eventTap(event) { // The tap event shouldn't propagate up event.stopPropagation(); var proposal = calcPointToPercentage(event.calcPoint); var handleNumber = getClosestHandle(proposal); // Tackle the case that all handles are 'disabled'. if (handleNumber === false) { return false; } // Flag the slider as it is now in a transitional state. // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that. if (!options.events.snap) { addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); } setHandle(handleNumber, proposal, true, true); setZindex(); fireEvent("slide", handleNumber, true); fireEvent("update", handleNumber, true); fireEvent("change", handleNumber, true); fireEvent("set", handleNumber, true); if (options.events.snap) { eventStart(event, { handleNumbers: [handleNumber] }); } } // Fires a 'hover' event for a hovered mouse/pen position. function eventHover(event) { var proposal = calcPointToPercentage(event.calcPoint); var to = scope_Spectrum.getStep(proposal); var value = scope_Spectrum.fromStepping(to); Object.keys(scope_Events).forEach(function(targetEvent) { if ("hover" === targetEvent.split(".")[0]) { scope_Events[targetEvent].forEach(function(callback) { callback.call(scope_Self, value); }); } }); } // Handles keydown on focused handles // Don't move the document when pressing arrow keys on focused handles function eventKeydown(event, handleNumber) { if (isHandleDisabled(handleNumber)) { return false; } var horizontalKeys = ["Left", "Right"]; var verticalKeys = ["Down", "Up"]; if (options.dir && !options.ort) { // On an right-to-left slider, the left and right keys act inverted horizontalKeys.reverse(); } else if (options.ort && !options.dir) { // On a top-to-bottom slider, the up and down keys act inverted verticalKeys.reverse(); } // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key var key = event.key.replace("Arrow", ""); var isDown = key === verticalKeys[0] || key === horizontalKeys[0]; var isUp = key === verticalKeys[1] || key === horizontalKeys[1]; if (!isDown && !isUp) { return true; } event.preventDefault(); var direction = isDown ? 0 : 1; var steps = getNextStepsForHandle(handleNumber); var step = steps[direction]; // At the edge of a slider, do nothing if (step === null) { return false; } // No step set, use the default of 10% of the sub-range if (step === false) { step = scope_Spectrum.getDefaultStep(scope_Locations[handleNumber], isDown, 10); } // Decrement for down steps step = (isDown ? -1 : 1) * step; scope_ShouldAnimate = false; valueSetHandle(handleNumber, scope_Values[handleNumber] + step, true); scope_ShouldAnimate = true; return false; } // Attach events to several slider parts. function bindSliderEvents(behaviour) { // Attach the standard drag event to the handles. if (!behaviour.fixed) { scope_Handles.forEach(function(handle, index) { // These events are only bound to the visual handle // element, not the 'real' origin element. attachEvent(actions.start, handle.children[0], eventStart, { handleNumbers: [index] }); }); } // Attach the tap event to the slider base. if (behaviour.tap) { attachEvent(actions.start, scope_Base, eventTap, {}); } // Fire hover events if (behaviour.hover) { attachEvent(actions.move, scope_Base, eventHover, { hover: true }); } // Make the range draggable. if (behaviour.drag) { scope_Connects.forEach(function(connect, index) { if (connect === false || index === 0 || index === scope_Connects.length - 1) { return; } var handleBefore = scope_Handles[index - 1]; var handleAfter = scope_Handles[index]; var eventHolders = [connect]; addClass(connect, options.cssClasses.draggable); // When the range is fixed, the entire range can // be dragged by the handles. The handle in the first // origin will propagate the start event upward, // but it needs to be bound manually on the other. if (behaviour.fixed) { eventHolders.push(handleBefore.children[0]); eventHolders.push(handleAfter.children[0]); } eventHolders.forEach(function(eventHolder) { attachEvent(actions.start, eventHolder, eventStart, { handles: [handleBefore, handleAfter], handleNumbers: [index - 1, index] }); }); }); } } // Attach an event to this slider, possibly including a namespace function bindEvent(namespacedEvent, callback) { scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || []; scope_Events[namespacedEvent].push(callback); // If the event bound is 'update,' fire it immediately for all handles. if (namespacedEvent.split(".")[0] === "update") { scope_Handles.forEach(function(a, index) { fireEvent("update", index); }); } } // Undo attachment of event function removeEvent(namespacedEvent) { var event = namespacedEvent && namespacedEvent.split(".")[0]; var namespace = event && namespacedEvent.substring(event.length); Object.keys(scope_Events).forEach(function(bind) { var tEvent = bind.split(".")[0]; var tNamespace = bind.substring(tEvent.length); if ((!event || event === tEvent) && (!namespace || namespace === tNamespace)) { delete scope_Events[bind]; } }); } // External event handling function fireEvent(eventName, handleNumber, tap) { Object.keys(scope_Events).forEach(function(targetEvent) { var eventType = targetEvent.split(".")[0]; if (eventName === eventType) { scope_Events[targetEvent].forEach(function(callback) { callback.call( // Use the slider public API as the scope ('this') scope_Self, // Return values as array, so arg_1[arg_2] is always valid. scope_Values.map(options.format.to), // Handle index, 0 or 1 handleNumber, // Un-formatted slider values scope_Values.slice(), // Event is fired by tap, true or false tap || false, // Left offset of the handle, in relation to the slider scope_Locations.slice() ); }); } }); } // Split out the handle positioning logic so the Move event can use it, too function checkHandlePosition(reference, handleNumber, to, lookBackward, lookForward, getValue) { // For sliders with multiple handles, limit movement to the other handle. // Apply the margin option by adding it to the handle positions. if (scope_Handles.length > 1 && !options.events.unconstrained) { if (lookBackward && handleNumber > 0) { to = Math.max(to, reference[handleNumber - 1] + options.margin); } if (lookForward && handleNumber < scope_Handles.length - 1) { to = Math.min(to, reference[handleNumber + 1] - options.margin); } } // The limit option has the opposite effect, limiting handles to a // maximum distance from another. Limit must be > 0, as otherwise // handles would be unmovable. if (scope_Handles.length > 1 && options.limit) { if (lookBackward && handleNumber > 0) { to = Math.min(to, reference[handleNumber - 1] + options.limit); } if (lookForward && handleNumber < scope_Handles.length - 1) { to = Math.max(to, reference[handleNumber + 1] - options.limit); } } // The padding option keeps the handles a certain distance from the // edges of the slider. Padding must be > 0. if (options.padding) { if (handleNumber === 0) { to = Math.max(to, options.padding[0]); } if (handleNumber === scope_Handles.length - 1) { to = Math.min(to, 100 - options.padding[1]); } } to = scope_Spectrum.getStep(to); // Limit percentage to the 0 - 100 range to = limit(to); // Return false if handle can't move if (to === reference[handleNumber] && !getValue) { return false; } return to; } // Uses slider orientation to create CSS rules. a = base value; function inRuleOrder(v, a) { var o = options.ort; return (o ? a : v) + ", " + (o ? v : a); } // Moves handle(s) by a percentage // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...]) function moveHandles(upward, proposal, locations, handleNumbers) { var proposals = locations.slice(); var b = [!upward, upward]; var f = [upward, !upward]; // Copy handleNumbers so we don't change the dataset handleNumbers = handleNumbers.slice(); // Check to see which handle is 'leading'. // If that one can't move the second can't either. if (upward) { handleNumbers.reverse(); } // Step 1: get the maximum percentage that any of the handles can move if (handleNumbers.length > 1) { handleNumbers.forEach(function(handleNumber, o) { var to = checkHandlePosition( proposals, handleNumber, proposals[handleNumber] + proposal, b[o], f[o], false ); // Stop if one of the handles can't move. if (to === false) { proposal = 0; } else { proposal = to - proposals[handleNumber]; proposals[handleNumber] = to; } }); } // If using one handle, check backward AND forward else { b = f = [true]; } var state = false; // Step 2: Try to set the handles with the found percentage handleNumbers.forEach(function(handleNumber, o) { state = setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o]) || state; }); // Step 3: If a handle moved, fire events if (state) { handleNumbers.forEach(function(handleNumber) { fireEvent("update", handleNumber); fireEvent("slide", handleNumber); }); } } // Takes a base value and an offset. This offset is used for the connect bar size. // In the initial design for this feature, the origin element was 1% wide. // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature // in this manner: https://bugs.chromium.org/p/chromium/issues/detail?id=798223 function transformDirection(a, b) { return options.dir ? 100 - a - b : a; } // Updates scope_Locations and scope_Values, updates visual state function updateHandlePosition(handleNumber, to) { // Update locations. scope_Locations[handleNumber] = to; // Convert the value to the slider stepping/range. scope_Values[handleNumber] = scope_Spectrum.fromStepping(to); var rule = "translate(" + inRuleOrder(transformDirection(to, 0) - scope_DirOffset + "%", "0") + ")"; scope_Handles[handleNumber].style[options.transformRule] = rule; updateConnect(handleNumber); updateConnect(handleNumber + 1); } // Handles before the slider middle are stacked later = higher, // Handles after the middle later is lower // [[7] [8] .......... | .......... [5] [4] function setZindex() { scope_HandleNumbers.forEach(function(handleNumber) { var dir = scope_Locations[handleNumber] > 50 ? -1 : 1; var zIndex = 3 + (scope_Handles.length + dir * handleNumber); scope_Handles[handleNumber].style.zIndex = zIndex; }); } // Test suggested values and apply margin, step. function setHandle(handleNumber, to, lookBackward, lookForward) { to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward, false); if (to === false) { return false; } updateHandlePosition(handleNumber, to); return true; } // Updates style attribute for connect nodes function updateConnect(index) { // Skip connects set to false if (!scope_Connects[index]) { return; } var l = 0; var h = 100; if (index !== 0) { l = scope_Locations[index - 1]; } if (index !== scope_Connects.length - 1) { h = scope_Locations[index]; } // We use two rules: // 'translate' to change the left/top offset; // 'scale' to change the width of the element; // As the element has a width of 100%, a translation of 100% is equal to 100% of the parent (.noUi-base) var connectWidth = h - l; var translateRule = "translate(" + inRuleOrder(transformDirection(l, connectWidth) + "%", "0") + ")"; var scaleRule = "scale(" + inRuleOrder(connectWidth / 100, "1") + ")"; scope_Connects[index].style[options.transformRule] = translateRule + " " + scaleRule; } // Parses value passed to .set method. Returns current value if not parse-able. function resolveToValue(to, handleNumber) { // Setting with null indicates an 'ignore'. // Inputting 'false' is invalid. if (to === null || to === false || to === undefined) { return scope_Locations[handleNumber]; } // If a formatted number was passed, attempt to decode it. if (typeof to === "number") { to = String(to); } to = options.format.from(to); to = scope_Spectrum.toStepping(to); // If parsing the number failed, use the current value. if (to === false || isNaN(to)) { return scope_Locations[handleNumber]; } return to; } // Set the slider value. function valueSet(input, fireSetEvent) { var values = asArray(input); var isInit = scope_Locations[0] === undefined; // Event fires by default fireSetEvent = fireSetEvent === undefined ? true : !!fireSetEvent; // Animation is optional. // Make sure the initial values were set before using animated placement. if (options.animate && !isInit && scope_ShouldAnimate) { addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); } // First pass, without lookAhead but with lookBackward. Values are set from left to right. scope_HandleNumbers.forEach(function(handleNumber) { setHandle(handleNumber, resolveToValue(values[handleNumber], handleNumber), true, false); }); // Second pass. Now that all base values are set, apply constraints scope_HandleNumbers.forEach(function(handleNumber) { setHandle(handleNumber, scope_Locations[handleNumber], true, true); }); setZindex(); scope_HandleNumbers.forEach(function(handleNumber) { fireEvent("update", handleNumber); // Fire the event only for handles that received a new value, as per #579 if (values[handleNumber] !== null && fireSetEvent) { fireEvent("set", handleNumber); } }); } // Reset slider to initial values function valueReset(fireSetEvent) { valueSet(options.start, fireSetEvent); } // Set value for a single handle function valueSetHandle(handleNumber, value, fireSetEvent) { var values = []; // Ensure numeric input handleNumber = Number(handleNumber); if (!(handleNumber >= 0 && handleNumber < scope_HandleNumbers.length)) { throw new Error("noUiSlider (" + VERSION + "): invalid handle number, got: " + handleNumber); } for (var i = 0; i < scope_HandleNumbers.length; i++) { values[i] = null; } values[handleNumber] = value; valueSet(values, fireSetEvent); } // Get the slider value. function valueGet() { var values = scope_Values.map(options.format.to); // If only one handle is used, return a single value. if (values.length === 1) { return values[0]; } return values; } // Removes classes from the root and empties it. function destroy() { for (var key in options.cssClasses) { if (!options.cssClasses.hasOwnProperty(key)) { continue; } removeClass(scope_Target, options.cssClasses[key]); } while (scope_Target.firstChild) { scope_Target.removeChild(scope_Target.firstChild); } delete scope_Target.noUiSlider; } function getNextStepsForHandle(handleNumber) { var location = scope_Locations[handleNumber]; var nearbySteps = scope_Spectrum.getNearbySteps(location); var value = scope_Values[handleNumber]; var increment = nearbySteps.thisStep.step; var decrement = null; // If the next value in this step moves into the next step, // the increment is the start of the next step - the current value if (increment !== false) { if (value + increment > nearbySteps.stepAfter.startValue) { increment = nearbySteps.stepAfter.startValue - value; } } // If the value is beyond the starting point if (value > nearbySteps.thisStep.startValue) { decrement = nearbySteps.thisStep.step; } else if (nearbySteps.stepBefore.step === false) { decrement = false; } // If a handle is at the start of a step, it always steps back into the previous step first else { decrement = value - nearbySteps.stepBefore.highestStep; } // Now, if at the slider edges, there is no in/decrement if (location === 100) { increment = null; } else if (location === 0) { decrement = null; } // As per #391, the comparison for the decrement step can have some rounding issues. var stepDecimals = scope_Spectrum.countStepDecimals(); // Round per #391 if (increment !== null && increment !== false) { increment = Number(increment.toFixed(stepDecimals)); } if (decrement !== null && decrement !== false) { decrement = Number(decrement.toFixed(stepDecimals)); } return [decrement, increment]; } // Get the current step size for the slider. function getNextSteps() { return scope_HandleNumbers.map(getNextStepsForHandle); } // Updateable: margin, limit, padding, step, range, animate, snap function updateOptions(optionsToUpdate, fireSetEvent) { // Spectrum is created using the range, snap, direction and step options. // 'snap' and 'step' can be updated. // If 'snap' and 'step' are not passed, they should remain unchanged. var v = valueGet(); var updateAble = ["margin", "limit", "padding", "range", "animate", "snap", "step", "format"]; // Only change options that we're actually passed to update. updateAble.forEach(function(name) { if (optionsToUpdate[name] !== undefined) { originalOptions[name] = optionsToUpdate[name]; } }); var newOptions = testOptions(originalOptions); // Load new options into the slider state updateAble.forEach(function(name) { if (optionsToUpdate[name] !== undefined) { options[name] = newOptions[name]; } }); scope_Spectrum = newOptions.spectrum; // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677) options.margin = newOptions.margin; options.limit = newOptions.limit; options.padding = newOptions.padding; // Update pips, removes existing. if (options.pips) { pips(options.pips); } // Invalidate the current positioning so valueSet forces an update. scope_Locations = []; valueSet(optionsToUpdate.start || v, fireSetEvent); } // Initialization steps function setupSlider() { // Create the base element, initialize HTML and set classes. // Add handles and connect elements. scope_Base = addSlider(scope_Target); addElements(options.connect, scope_Base); // Attach user events. bindSliderEvents(options.events); // Use the public value method to set the start values. valueSet(options.start); if (options.pips) { pips(options.pips); } if (options.tooltips) { tooltips(); } aria(); } setupSlider(); // noinspection JSUnusedGlobalSymbols scope_Self = { destroy: destroy, steps: getNextSteps, on: bindEvent, off: removeEvent, get: valueGet, set: valueSet, setHandle: valueSetHandle, reset: valueReset, // Exposed for unit testing, don't use this in your application. __moveHandles: function(a, b, c) { moveHandles(a, b, scope_Locations, c); }, options: originalOptions, // Issue #600, #678 updateOptions: updateOptions, target: scope_Target, // Issue #597 removePips: removePips, pips: pips // Issue #594 }; return scope_Self; } // Run the standard initializer function initialize(target, originalOptions) { if (!target || !target.nodeName) { throw new Error("noUiSlider (" + VERSION + "): create requires a single element, got: " + target); } // Throw an error if the slider was already initialized. if (target.noUiSlider) { throw new Error("noUiSlider (" + VERSION + "): Slider was already initialized."); } // Test the options and create the slider environment; var options = testOptions(originalOptions, target); var api = scope(target, options, originalOptions); target.noUiSlider = api; return api; } // Use an object instead of a function for future expandability; return { // Exposed for unit testing, don't use this in your application. __spectrum: Spectrum, version: VERSION, create: initialize }; }); Neue Spiele entdecken – was frische Releases für Casinofans bieten – Excellium Ltd

Neue Spiele entdecken – was frische Releases für Casinofans bieten

Neue Spiele

Neue Spiele entdecken, was frische Releases für Casinofans bieten

Neue Casinospiele fallen vielen Nutzern zuerst eher beiläufig auf. Zwischen bekannten Slot-Titeln erscheint plötzlich ein neues Cover, eine Figur mit auffälliger Animation oder ein Titel, der auf den ersten Blick etwas rätselhaft klingt. Einige Spieler klicken sofort darauf, andere beobachten erst, ob das Spiel in der Lobby häufiger auftaucht oder ob Bekannte darüber sprechen. Gerade diese kleinen Entdeckungsmomente gehören für viele zur besonderen Seite eines Online-Casinos.

Wer neue Titel nicht nur nach dem bunten Vorschaubild beurteilen möchte, schaut häufig auf Plattformen wie casinorolldorado.de, um sich einen Eindruck von Spielauswahl, Studios und dem allgemeinen Angebot zu verschaffen. Für Einsteiger wirkt die Menge an Releases manchmal fast unübersichtlich. Erfahrene Nutzer sehen darin dagegen oft eine Art stetig wechselndes Schaufenster, in dem sich Trends, technische Ideen und unterschiedliche Vorlieben recht gut erkennen lassen.

Warum neue Releases so viel Aufmerksamkeit bekommen

Ein neuer Slot bringt zunächst einmal etwas mit, das ältere Spiele kaum noch erzeugen können, nämlich Ungewissheit. Niemand weiß beim ersten Öffnen ganz genau, wie sich die Runden anfühlen werden, welche Bonusfunktion tatsächlich häufig sichtbar wird oder ob das Thema nach zehn Minuten noch interessant bleibt. Diese kleine Spannung hat nicht zwingend mit dem möglichen Gewinn zu tun. Oft ist es schlicht die Neugier auf ein neues System, einen ungewöhnlichen Sound oder eine Spielidee, die vorher noch nicht in dieser Form aufgetaucht ist.

Dabei reagieren Spieler durchaus verschieden. Manche bevorzugen vertraute Klassiker und probieren Neuheiten nur mit niedrigen Einsätzen aus. Andere wechseln fast jede Woche den Titel, weil sie keine Lust auf wiederkehrende Abläufe haben. Besonders auffällig ist, dass neue Spiele häufig zunächst über ihr Design Aufmerksamkeit erhalten. Ein futuristisches Raster, eine alte Schatzkarte oder eine ruhige asiatisch inspirierte Kulisse können den ersten Klick auslösen, obwohl die eigentliche Mathematik des Spiels später viel wichtiger wird.

Infobox: Frische Releases bedeuten nicht automatisch bessere Gewinnchancen. Sie unterscheiden sich vor allem durch Thema, Spieltempo, Bonusstruktur, Volatilität und die Art, wie Informationen auf dem Bildschirm vermittelt werden.

In der Casinobranche wird zudem sichtbar, wie schnell sich Geschmäcker verändern. Vor einigen Jahren standen einfache Fruchtslots bei vielen Nutzern im Vordergrund. Sie sind weiterhin vorhanden, doch parallel suchen Spieler häufiger nach Bonus-Features, aufeinander aufbauenden Runden oder einer etwas filmischeren Präsentation. Das heißt nicht, dass jede Neuerscheinung kompliziert sein muss. Einige der beliebtesten frischen Titel wirken gerade deshalb angenehm, weil sie auf unnötige Effekte verzichten und trotzdem nicht altmodisch erscheinen.

Die Studios hinter den Spielautomaten

Hinter jeder Spielneuheit steht ein Studio, und für viele regelmäßige Casinobesucher ist der Name des Entwicklers fast so wichtig wie der Titel selbst. Wer mit den Produktionen eines bestimmten Anbieters gute Erfahrungen gemacht hat, erwartet oft eine gewisse Handschrift. Manche Studios sind für ruhige, sauber strukturierte Spiele bekannt. Andere setzen auf laute Effekte, überraschende Multiplikatoren und schnelle Wechsel zwischen den Spielphasen. Diese Erwartungen sind nicht immer gerecht, aber sie beeinflussen den ersten Eindruck deutlich.

Große Entwickler veröffentlichen regelmäßig neue Titel, die oft auf bewährten Konzepten aufbauen. Das kann für Spieler angenehm sein, denn Menüs, Einsatzwahl und Bonuslogik fühlen sich dann weniger fremd an. Gleichzeitig entstehen gerade bei kleineren Studios gelegentlich Ideen, die sich von den üblichen Mustern lösen. Ein Spiel nutzt vielleicht ein ungewöhnliches Spielfeld statt klassischer Walzen. Ein anderes erzählt seine Geschichte in kleinen Abschnitten, statt nur ein Hintergrundbild zu zeigen. Nicht jede Innovation bleibt hängen, aber einige machen die Lobbys lebendiger.

Die Studios arbeiten auch unter regulatorischen und technischen Bedingungen. Spiele müssen geprüft werden, Zufallszahlengeneratoren werden kontrolliert, und die Darstellung von Einsatz sowie Gewinn soll nachvollziehbar bleiben. Für Nutzer ist dieser Hintergrund meist unsichtbar. Sie sehen ein Logo und ein Startfenster. Dennoch erklärt er, warum ein Release manchmal erst zeitversetzt in bestimmten Online-Casinos auftaucht oder warum einzelne Funktionen je nach Markt nicht identisch verfügbar sind.

Interessant ist außerdem, wie stark sich Studios gegenseitig beobachten. Wenn ein bestimmtes Feature bei mehreren Neuheiten auftaucht, ist das selten reiner Zufall. Freispiele mit auswählbaren Modi, Sammelmechaniken oder sogenannte Kaskaden haben Phasen, in denen sie fast überall erscheinen. Einige Spieler empfinden das als Wiederholung. Andere mögen es, weil bekannte Mechaniken den Einstieg erleichtern. Wahrscheinlich liegt die Wahrheit irgendwo dazwischen, und ein gutes Spiel braucht mehr als nur eine beliebte Funktion.

Was Spieler beim ersten Start wahrnehmen

Der erste Blick auf einen neuen Slot dauert oft nur wenige Sekunden. In dieser kurzen Zeit entscheiden viele Nutzer, ob sie bleiben oder zurück in die Lobby gehen. Die Gestaltung hat dabei eine größere Rolle, als manche Spieler zugeben würden. Wenn Schrift, Symbole und Schaltflächen unruhig wirken, entsteht schnell der Eindruck, das Spiel sei komplizierter als es tatsächlich ist. Umgekehrt kann ein schlichtes Design Vertrauen schaffen, obwohl die Bonusregeln später recht umfangreich ausfallen.

Danach folgt meist ein prüfender Moment: Wie hoch lässt sich der Einsatz einstellen, wo steht die Auszahlungstabelle, gibt es einen Demo-Modus und wie schnell laufen die Walzen? Neulinge suchen oft nach Orientierung, während erfahrene Nutzer gezielt auf RTP-Angaben, Volatilität und Maximalgewinn achten. Diese Begriffe wirken zunächst technisch, sind aber in vielen Spielbeschreibungen inzwischen recht präsent. Die theoretische Auszahlungsquote sagt etwas über einen sehr langen Zeitraum aus, nicht über eine einzelne Sitzung. Genau dieser Unterschied wird von manchen Spielern erst nach einiger Erfahrung verstanden.

Ein Release kann optisch hervorragend aussehen und trotzdem schnell wieder geschlossen werden, wenn die Abläufe nicht zum persönlichen Tempo passen. Einige Nutzer mögen eine längere Spannung vor der Bonusauslösung. Andere wollen, dass die Runden zügig durchlaufen und nicht nach jeder Drehung eine Animation abgewartet werden muss. Gerade auf mobilen Geräten ist Geduld oft geringer. Wer in einer kurzen Pause spielt, möchte nicht immer erst durch mehrere Bildschirme tippen.

Mechaniken, die frische Spiele verändern

Neue Casino-Releases unterscheiden sich selten nur über Motive. Viel wichtiger sind die Mechaniken im Hintergrund. Kaskadierende Symbole, bei denen Gewinnkombinationen verschwinden und Platz für neue Elemente schaffen, haben sich längst etabliert. Sie erzeugen das Gefühl, dass eine einzelne Drehung noch nicht wirklich vorbei ist. Manche Spieler finden genau das spannend, andere vermissen die klare Trennung zwischen einer Runde und der nächsten.

Auch Sammelfunktionen sind weiterhin beliebt. Dabei landen bestimmte Symbole auf dem Spielfeld, werden gezählt und lösen nach einer bestimmten Anzahl eine Funktion aus. Das kann sehr motivierend wirken, weil sich ein sichtbarer Fortschritt aufbaut. Gleichzeitig wissen erfahrene Nutzer, dass ein fast gefüllter Zähler keine Garantie für den nächsten Schritt ist. Die Anzeige vermittelt Nähe, aber nicht Sicherheit. Dieser Punkt wird bei Gesprächen über neue Slots manchmal etwas zu optimistisch übersehen.

  1. Multiplikatoren erhöhen mögliche Gewinne innerhalb bestimmter Runden und ziehen Nutzer an, die nach dynamischen Abläufen suchen.
  2. Freispielmodi bieten oft unterschiedliche Optionen, etwa mehr Runden, höhere Multiplikatoren oder zusätzliche Sonderzeichen.
  3. Bonus-Käufe erlauben in einigen Märkten einen direkten Zugang zu Funktionen, sind jedoch nicht überall verfügbar und verändern das Budgettempo deutlich.
  4. Cluster- und Megaways-ähnliche Systeme lösen sich von klassischen Gewinnlinien und wirken für manche Spieler zunächst ungewohnt.

Besonders die Wahl zwischen verschiedenen Freispielvarianten sorgt bei neuen Releases für Gesprächsstoff. Nutzer lesen kurz die Optionen und entscheiden dann oft spontan, ob sie lieber viele Freispiele oder einen stärkeren Multiplikator nehmen. Mathematisch lässt sich das nicht immer aus dem Bauch heraus bewerten. Einige Spieler wählen trotzdem bewusst die ruhigere Variante, weil sie das Spiel länger erleben möchten. Andere gehen direkt auf die riskantere Auswahl. Beide Reaktionen zeigen, dass ein Slot nicht nur Zahlen liefert, sondern auch kleine Entscheidungen inszeniert.

Daneben gibt es Spiele, die sich erstaunlich klassisch anfühlen. Drei Walzen, klare Symbole, wenig Ablenkung. Solche Titel sind keineswegs verschwunden. Gerade zwischen vielen technisch aufgeladenen Releases wirken sie fast erfrischend. Manche Nutzer wechseln nach einem komplexen Feature-Slot bewusst zu einem einfacheren Automaten zurück. Nicht weil sie weniger erwarten, sondern weil das Spiel dann klarer lesbar bleibt.

Wie sich neue Slots sinnvoll entdecken lassen

Die große Auswahl kann gerade für neue Nutzer überfordernd sein. Ein Blick auf die Kategorie „Neu“ zeigt oft Dutzende Titel, und nicht jeder davon passt zum eigenen Geschmack. Deshalb beginnen viele Spieler mit wenigen einfachen Fragen: Gefällt das Thema überhaupt? Ist die Spielbeschreibung verständlich? Wirkt das Tempo angenehm? Solche Überlegungen sind unauffällig, helfen aber mehr als die Suche nach einem angeblich perfekten Spiel.

Demo-Versionen bieten häufig eine gute Möglichkeit, Aufbau und Sonderfunktionen kennenzulernen. Dabei erleben Nutzer zwar nicht denselben Druck wie bei echtem Einsatz, sie erkennen aber schnell, ob ein Spiel sie eher nervös macht oder ob es angenehm zu bedienen ist. Manche Spieler bleiben im Testmodus länger als erwartet, weil sie erst die Bonusrunde sehen wollen. Andere schließen nach drei Drehungen. Auch das ist eine brauchbare Erkenntnis.

  • Spielinformationen vor dem Start lesen, vor allem RTP, Einsatzbereich und Bonusregeln.
  • Neue Titel zunächst mit einem festen kleinen Rahmen ausprobieren, statt direkt viel einzusetzen.
  • Die Filter der Casino-Lobby nach Studio, Thema oder Spielfunktion nutzen, wenn sie verfügbar sind.
  • Bei Unklarheiten auf die Regeln im Spiel selbst achten, denn Werbebilder erklären selten alle Details.

Einige Plattformen ordnen frische Releases nach Erscheinungsdatum, andere heben sie in Karussells oder auf einer eigenen Seite hervor. Für Nutzer ist das praktisch, aber nicht immer neutral. Besonders platzierte Spiele sind oft Teil einer aktuellen Kampagne oder stammen von Studios, mit denen der Betreiber eng zusammenarbeitet. Das ist nicht problematisch, doch Spieler merken mit der Zeit, dass Sichtbarkeit und persönliche Eignung zwei verschiedene Dinge sind.

Auch Bewertungen anderer Nutzer können interessant sein, wenn sie mit etwas Abstand gelesen werden. Eine enttäuschte Reaktion nach einer kurzen Verlustserie sagt wenig über die Qualität eines Spiels aus. Ebenso bedeutet eine begeisterte Nachricht nach einem großen Treffer nicht, dass der Slot für alle geeignet ist. Hilfreicher sind Kommentare über Bedienung, Geschwindigkeit, Darstellung auf dem Smartphone oder Verständlichkeit der Bonusmechanik. Dort zeigen sich oft die kleinen Schwächen, die in einer offiziellen Beschreibung nicht auftauchen.

Mobile Nutzung und die kurze Spielpause

Ein erheblicher Teil neuer Casino-Releases wird inzwischen zuerst auf dem Smartphone wahrgenommen. Spieler sehen eine Benachrichtigung, öffnen die App oder Website in der Bahn, auf dem Sofa oder während einer kurzen Pause. Daher achten Studios stärker darauf, dass Symbole auch auf kleineren Displays klar bleiben und die Schaltflächen nicht zu eng sitzen. Was am großen Monitor elegant wirkt, kann auf einem Handy schnell unübersichtlich werden.

Viele neuere Slots reagieren darauf mit reduzierten Menüs und kurzen Einblendungen. Manchmal ist das eine Verbesserung, manchmal verschwinden wichtige Informationen etwas zu tief im Interface. Nutzer, die gern genau nachlesen möchten, müssen dann mehrfach tippen. Gerade bei Spielen mit mehreren Bonuspfaden fällt das auf. Eine einfache Bedienung ist eben nicht dasselbe wie eine stark vereinfachte Darstellung, und Entwickler treffen diese Balance unterschiedlich gut.

Der mobile Kontext verändert auch das Spielverhalten. Wer nur wenige Minuten Zeit hat, entscheidet spontaner und wechselt schneller zwischen Titeln. Ein neues Spiel muss seine Atmosphäre daher rasch vermitteln. Gleichzeitig besteht die Gefahr, dass das Tempo zu hoch wird. Einige Nutzer schalten Autoplay-Funktionen bewusst nicht ein oder wählen langsamere Einstellungen, weil sie die einzelnen Runden besser verfolgen möchten. Das wirkt vielleicht nebensächlich, kann aber helfen, den Überblick über den Einsatz zu behalten.

Bonusrunden, Freispiele und Bedingungen

Frische Spiele werden im Online-Casino häufig gemeinsam mit Aktionen präsentiert. Freispiele für einen neuen Slot, Turniere oder zeitlich begrenzte Missionen sollen Nutzer dazu bewegen, einen Titel auszuprobieren. Viele Spieler reagieren positiv auf solche Angebote, besonders wenn sie ohnehin neugierig sind. Trotzdem schauen erfahrenere Casinofans genau hin, bevor sie teilnehmen. Freispiele sind nicht immer frei von Bedingungen, und Gewinne können an Umsatzvorgaben oder Einsatzlimits gebunden sein.

Auch beim Willkommensbonus oder bei Reload-Angeboten können neue Spiele eine Rolle spielen. Manche Titel sind für Bonusgeld zugelassen, andere ausgeschlossen oder nur mit einem bestimmten Beitrag zur Erfüllung der Bedingungen berücksichtigt. Für Neulinge wirkt das oft unnötig kompliziert. Der Betreiber stellt die Informationen meist in den Bonusbedingungen bereit, doch nicht jeder liest sie vollständig. Hinterher entsteht dann gelegentlich Frust, obwohl die Regeln technisch gesehen verfügbar waren.

Die Bonusrunde im Spiel selbst ist davon zu unterscheiden. Sie gehört zur Mechanik des Slots und wird durch bestimmte Symbole oder Funktionen ausgelöst. Gerade bei neuen Releases ist sie oft der visuelle Höhepunkt: Der Hintergrund verändert sich, Figuren bewegen sich, zusätzliche Walzen oder Auswahlfelder erscheinen. Für viele Nutzer bleibt genau dieser Moment am stärksten im Gedächtnis. Ob er finanziell günstig verläuft, steht allerdings auf einem anderen Blatt.

Neugier mit einem klaren Rahmen verbinden

Die Lust auf neue Spiele kann schnell dazu führen, dass Nutzer von einem Release zum nächsten springen. Das ist verständlich, schließlich sind die Lobbys darauf ausgelegt, Aufmerksamkeit zu erzeugen. Umso wichtiger ist ein persönlicher Rahmen. Viele erfahrene Spieler setzen sich vorab ein Budget und betrachten es als Unterhaltungsausgabe. Wenn dieses Limit erreicht ist, wird nicht versucht, durch einen weiteren neuen Slot etwas zurückzuholen. Das klingt schlicht, ist in der Praxis aber oft der entscheidende Punkt.

Seriöse Betreiber stellen Werkzeuge wie Einzahlungslimits, Sitzungserinnerungen, Pausen oder Selbstausschluss bereit. Einige Nutzer empfinden solche Hinweise zunächst als störend. Andere schätzen sie gerade dann, wenn aus einer kurzen Erkundungstour länger geworden ist als geplant. Die Funktionen ändern nichts am Zufallscharakter der Spiele, sie können aber helfen, Entscheidungen bewusster zu treffen.

Neue Releases sind am interessantesten, wenn die Neugier im Vordergrund bleibt und nicht die Erwartung eines sicheren Ergebnisses. Studios können spannende Welten gestalten, clevere Bonusideen entwickeln und bekannte Formeln neu mischen. Sie können jedoch keine verlässliche Gewinnroutine schaffen. Spieler, die das im Blick behalten, erleben die Vielfalt der Neuheiten meist entspannter. Vielleicht wird aus einem ausprobierten Titel ein persönlicher Favorit, vielleicht verschwindet er nach wenigen Minuten wieder aus dem Gedächtnis.

FAQ zu neuen Casino-Releases

Wie oft erscheinen neue Casinospiele? Das hängt von der Plattform und den eingebundenen Studios ab. In größeren Online-Casinos kommen häufig jede Woche mehrere neue Titel hinzu. Nicht alle Veröffentlichungen sind dabei komplett neu entwickelt, manchmal erscheinen bekannte Spiele zunächst nur in einer weiteren Version oder für einen zusätzlichen Markt.

Sind neue Slots besser als ältere Klassiker? Das lässt sich nicht allgemein sagen. Neue Spiele bieten oft modernere Grafiken oder aktuelle Mechaniken, während ältere Automaten für manche Nutzer leichter verständlich und vertrauter sind. Die theoretische Auszahlungsquote und die Volatilität sollten unabhängig vom Erscheinungsdatum betrachtet werden.

Woran erkennen Nutzer, von welchem Studio ein Spiel stammt? Der Entwicklername steht üblicherweise im Startbildschirm, in den Spielinformationen oder direkt unter dem Slot-Cover in der Lobby. Viele Plattformen erlauben außerdem einen Filter nach Softwareanbieter, was die Suche nach vertrauten Studios erleichtert.

Kann ein neuer Release zunächst kostenlos getestet werden? Wenn der Betreiber einen Demo-Modus anbietet und die regionale Regelung es zulässt, können Nutzer viele Slots zunächst ohne Echtgeld ausprobieren. Damit lassen sich Regeln, Animationen und Spieltempo kennenlernen. Die Demo ersetzt allerdings nicht die Erfahrung mit echtem Einsatz, da sich das eigene Verhalten dabei durchaus verändert.

Warum sind manche neue Spiele nicht sofort verfügbar? Gründe können Lizenzfragen, technische Freigaben, regionale Vorgaben oder Entscheidungen des Betreibers sein. Manchmal wird ein Titel auch zunächst exklusiv auf ausgewählten Plattformen veröffentlicht und erreicht andere Casinos erst später.

Please be aware that Excellium Ltd is not affiliated with any third-party organizations or individuals claiming to represent us, including those falsely claiming connections to the FCA. We do not engage in unsolicited calls or emails. If you receive such communications, please exercise caution and report them to us immediately.