@dso-toolkit/core 73.1.0 → 73.2.1

package/dist/dso-toolkit/p-b3588a49.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["INFINITY","MAX_SAFE_INTEGER","MAX_INTEGER","NAN","argsTag","funcTag","genTag","mapTag","objectTag","promiseTag","setTag","stringTag","symbolTag","weakMapTag","dataViewTag","reRegExpChar","reTrim","reIsBadHex","reIsBinary","reIsHostCtor","reIsOctal","reIsUint","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","join","rsSeq","rsSymbol","reUnicode","RegExp","reHasUnicode","freeParseInt","parseInt","freeGlobal","global","Object","freeSelf","self","root","Function","arrayMap","array","iteratee","index","length","result","Array","asciiToArray","string","split","baseTimes","n","baseValues","object","props","key","getValue","undefined","hasUnicode","test","isHostObject","value","toString","e","iteratorToArray","iterator","data","next","done","push","mapToArray","map","size","forEach","overArg","func","transform","arg","setToArray","set","stringToArray","unicodeToArray","match","funcProto","prototype","objectProto","coreJsData","maskSrcKey","uid","exec","keys","IE_PROTO","funcToString","hasOwnProperty","objectToString","reIsNative","call","replace","Symbol","iteratorSymbol","propertyIsEnumerable","nativeFloor","Math","floor","nativeKeys","nativeRandom","random","DataView","getNative","Map","Promise","Set","WeakMap","dataViewCtorString","toSource","mapCtorString","promiseCtorString","setCtorString","weakMapCtorString","arrayLikeKeys","inherited","isArray","isArguments","String","skipIndexes","isIndex","baseClamp","number","lower","upper","baseGetTag","baseIsNative","isObject","isMasked","pattern","isFunction","baseKeys","isPrototype","baseRandom","copyArray","source","getTag","ArrayBuffer","resolve","Ctor","constructor","ctorString","isIterateeCall","type","isArrayLike","eq","proto","sampleSize","collection","guard","toArray","lastIndex","toInteger","rand","other","isArrayLikeObject","isLength","isObjectLike","tag","isString","isSymbol","values","toFinite","toNumber","Infinity","sign","remainder","valueOf","isBinary","slice","lodash_samplesize","freeParseFloat","parseFloat","nativeMin","min","floating","temp","lodash_random","documentComponentDemoCss","DocumentComponentDemo","hostRef","this","showCanvas","openDefault","mode","openOrClosed","openedAnnotation","filtered","notApplicable","activeAnnotationSelectables","handleRecursiveToggle","documentComponent","detail","embeddedDocuments","getEmbeddedDocumentComponents","d","documentComponents","handleOpenToggle","DocumentComponent","path","at","h","Fragment","annotated","isAnnotated","bevatOntwerpInformatie","isOpen","isFiltered","hasFilteredChildren","genesteOntwerpInformatie","hasNestedDraft","gereserveerd","heading","kop","inhoud","openAnnotation","isOpenedAnnotation","isNotApplicable","some","p","onDsoAnnotationToggle","handleAnnotationToggle","onDsoOpenToggle","onDsoOzonContentAnchorClick","handleOzonContentAnchorClick","open","vervallen","wijzigactie","recursiveToggle","recursiveToggleState","onDsoRecursiveToggle","href","documentTechnischId","onDsoTableOfContentsClick","handleTableOfContentsClick","ozonContentUrlResolver","slot","active","isCheckedSlideToggle","locatieNoemer","onDsoActiveChange","handleSelectableChange","class","showContent","MenuButton","labelXml","nummerXml","onClick","document","content","inline","jsonFileWatcher","loadData","openDefaultWatcher","componentDidLoad","documentEmbedded","_a","_embedded","ontwerpDocumentComponenten","ontwerp","_b","documentComponenten","concatEmbeddedDocumentComponents","selectRandomDocumentComponents","exclude","filter","includes","jsonFile","response","fetch","then","r","json","force","isOpenOrClosed","dsotOzonContentAnchorClick","emit","dsotTableOfContentsClick","every","render"],"sources":["../../node_modules/lodash.samplesize/index.js","../../node_modules/lodash.random/index.js","src/components/document-component-demo/document-component.demo.scss?tag=dsot-document-component-demo&encapsulation=scoped","src/components/document-component-demo/document-component.demo.tsx"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    mapTag = '[object Map]',\n    objectTag = '[object Object]',\n    promiseTag = '[object Promise]',\n    setTag = '[object Set]',\n    stringTag = '[object String]',\n    symbolTag = '[object Symbol]',\n    weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n    rsVarRange = '\\\\ufe0e\\\\ufe0f';\n\n/** Used to compose unicode capture groups. */\nvar rsAstral = '[' + rsAstralRange + ']',\n    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n    rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n    rsNonAstral = '[^' + rsAstralRange + ']',\n    rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n    rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n    rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar reOptMod = rsModifier + '?',\n    rsOptVar = '[' + rsVarRange + ']?',\n    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n    rsSeq = rsOptVar + reOptMod + rsOptJoin,\n    rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\nvar reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange  + rsComboMarksRange + rsComboSymbolsRange + rsVarRange + ']');\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n  var index = -1,\n      length = array ? array.length : 0,\n      result = Array(length);\n\n  while (++index < length) {\n    result[index] = iteratee(array[index], index, array);\n  }\n  return result;\n}\n\n/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction asciiToArray(string) {\n  return string.split('');\n}\n\n/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n  var index = -1,\n      result = Array(n);\n\n  while (++index < n) {\n    result[index] = iteratee(index);\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.values` and `_.valuesIn` which creates an\n * array of `object` property values corresponding to the property names\n * of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the array of property values.\n */\nfunction baseValues(object, props) {\n  return arrayMap(props, function(key) {\n    return object[key];\n  });\n}\n\n/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\nfunction hasUnicode(string) {\n  return reHasUnicode.test(string);\n}\n\n/**\n * Checks if `value` is a host object in IE < 9.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a host object, else `false`.\n */\nfunction isHostObject(value) {\n  // Many host objects are `Object` objects that can coerce to strings\n  // despite having improperly defined `toString` methods.\n  var result = false;\n  if (value != null && typeof value.toString != 'function') {\n    try {\n      result = !!(value + '');\n    } catch (e) {}\n  }\n  return result;\n}\n\n/**\n * Converts `iterator` to an array.\n *\n * @private\n * @param {Object} iterator The iterator to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction iteratorToArray(iterator) {\n  var data,\n      result = [];\n\n  while (!(data = iterator.next()).done) {\n    result.push(data.value);\n  }\n  return result;\n}\n\n/**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\nfunction mapToArray(map) {\n  var index = -1,\n      result = Array(map.size);\n\n  map.forEach(function(value, key) {\n    result[++index] = [key, value];\n  });\n  return result;\n}\n\n/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n  return function(arg) {\n    return func(transform(arg));\n  };\n}\n\n/**\n * Converts `set` to an array of its values.\n *\n * @private\n * @param {Object} set The set to convert.\n * @returns {Array} Returns the values.\n */\nfunction setToArray(set) {\n  var index = -1,\n      result = Array(set.size);\n\n  set.forEach(function(value) {\n    result[++index] = value;\n  });\n  return result;\n}\n\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction stringToArray(string) {\n  return hasUnicode(string)\n    ? unicodeToArray(string)\n    : asciiToArray(string);\n}\n\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction unicodeToArray(string) {\n  return string.match(reUnicode) || [];\n}\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/** Built-in value references. */\nvar Symbol = root.Symbol,\n    iteratorSymbol = Symbol ? Symbol.iterator : undefined,\n    propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeKeys = overArg(Object.keys, Object),\n    nativeRandom = Math.random;\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView'),\n    Map = getNative(root, 'Map'),\n    Promise = getNative(root, 'Promise'),\n    Set = getNative(root, 'Set'),\n    WeakMap = getNative(root, 'WeakMap');\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n    mapCtorString = toSource(Map),\n    promiseCtorString = toSource(Promise),\n    setCtorString = toSource(Set),\n    weakMapCtorString = toSource(WeakMap);\n\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\nfunction arrayLikeKeys(value, inherited) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  // Safari 9 makes `arguments.length` enumerable in strict mode.\n  var result = (isArray(value) || isArguments(value))\n    ? baseTimes(value.length, String)\n    : [];\n\n  var length = result.length,\n      skipIndexes = !!length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) &&\n        !(skipIndexes && (key == 'length' || isIndex(key, length)))) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.clamp` which doesn't coerce arguments.\n *\n * @private\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n */\nfunction baseClamp(number, lower, upper) {\n  if (number === number) {\n    if (upper !== undefined) {\n      number = number <= upper ? number : upper;\n    }\n    if (lower !== undefined) {\n      number = number >= lower ? number : lower;\n    }\n  }\n  return number;\n}\n\n/**\n * The base implementation of `getTag`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  return objectToString.call(value);\n}\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n  if (!isPrototype(object)) {\n    return nativeKeys(object);\n  }\n  var result = [];\n  for (var key in Object(object)) {\n    if (hasOwnProperty.call(object, key) && key != 'constructor') {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n  var index = -1,\n      length = source.length;\n\n  array || (array = Array(length));\n  while (++index < length) {\n    array[index] = source[index];\n  }\n  return array;\n}\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11,\n// for data views in Edge < 14, and promises in Node.js.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n    (Map && getTag(new Map) != mapTag) ||\n    (Promise && getTag(Promise.resolve()) != promiseTag) ||\n    (Set && getTag(new Set) != setTag) ||\n    (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n  getTag = function(value) {\n    var result = objectToString.call(value),\n        Ctor = result == objectTag ? value.constructor : undefined,\n        ctorString = Ctor ? toSource(Ctor) : undefined;\n\n    if (ctorString) {\n      switch (ctorString) {\n        case dataViewCtorString: return dataViewTag;\n        case mapCtorString: return mapTag;\n        case promiseCtorString: return promiseTag;\n        case setCtorString: return setTag;\n        case weakMapCtorString: return weakMapTag;\n      }\n    }\n    return result;\n  };\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n  var Ctor = value && value.constructor,\n      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n  return value === proto;\n}\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to process.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\n/**\n * Gets `n` random elements at unique keys from `collection` up to the\n * size of `collection`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to sample.\n * @param {number} [n=1] The number of elements to sample.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the random elements.\n * @example\n *\n * _.sampleSize([1, 2, 3], 2);\n * // => [3, 1]\n *\n * _.sampleSize([1, 2, 3], 4);\n * // => [2, 3, 1]\n */\nfunction sampleSize(collection, n, guard) {\n  var index = -1,\n      result = toArray(collection),\n      length = result.length,\n      lastIndex = length - 1;\n\n  if ((guard ? isIterateeCall(collection, n, guard) : n === undefined)) {\n    n = 1;\n  } else {\n    n = baseClamp(toInteger(n), 0, length);\n  }\n  while (++index < n) {\n    var rand = baseRandom(index, lastIndex),\n        value = result[rand];\n\n    result[rand] = result[index];\n    result[index] = value;\n  }\n  result.length = n;\n  return result;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n *  else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nfunction isArguments(value) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') &&\n    (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\nfunction isString(value) {\n  return typeof value == 'string' ||\n    (!isArray(value) && isObjectLike(value) && objectToString.call(value) == stringTag);\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\nfunction toArray(value) {\n  if (!value) {\n    return [];\n  }\n  if (isArrayLike(value)) {\n    return isString(value) ? stringToArray(value) : copyArray(value);\n  }\n  if (iteratorSymbol && value[iteratorSymbol]) {\n    return iteratorToArray(value[iteratorSymbol]());\n  }\n  var tag = getTag(value),\n      func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n  return func(value);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\nfunction keys(object) {\n  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n}\n\n/**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\nfunction values(object) {\n  return object ? baseValues(object, keys(object)) : [];\n}\n\nmodule.exports = sampleSize;\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseFloat = parseFloat,\n    freeParseInt = parseInt;\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeMin = Math.min,\n    nativeRandom = Math.random;\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Produces a random number between the inclusive `lower` and `upper` bounds.\n * If only one argument is provided a number between `0` and the given number\n * is returned. If `floating` is `true`, or either `lower` or `upper` are\n * floats, a floating-point number is returned instead of an integer.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Number\n * @param {number} [lower=0] The lower bound.\n * @param {number} [upper=1] The upper bound.\n * @param {boolean} [floating] Specify returning a floating-point number.\n * @returns {number} Returns the random number.\n * @example\n *\n * _.random(0, 5);\n * // => an integer between 0 and 5\n *\n * _.random(5);\n * // => also an integer between 0 and 5\n *\n * _.random(5, true);\n * // => a floating-point number between 0 and 5\n *\n * _.random(1.2, 5.2);\n * // => a floating-point number between 1.2 and 5.2\n */\nfunction random(lower, upper, floating) {\n  if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) {\n    upper = floating = undefined;\n  }\n  if (floating === undefined) {\n    if (typeof upper == 'boolean') {\n      floating = upper;\n      upper = undefined;\n    }\n    else if (typeof lower == 'boolean') {\n      floating = lower;\n      lower = undefined;\n    }\n  }\n  if (lower === undefined && upper === undefined) {\n    lower = 0;\n    upper = 1;\n  }\n  else {\n    lower = toFinite(lower);\n    if (upper === undefined) {\n      upper = lower;\n      lower = 0;\n    } else {\n      upper = toFinite(upper);\n    }\n  }\n  if (lower > upper) {\n    var temp = lower;\n    lower = upper;\n    upper = temp;\n  }\n  if (floating || lower % 1 || upper % 1) {\n    var rand = nativeRandom();\n    return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper);\n  }\n  return baseRandom(lower, upper);\n}\n\nmodule.exports = random;\n",":host {\r\n  display: block;\r\n  margin-block: 0;\r\n  margin-inline: 8px;\r\n  border-inline-start: 1px dashed transparent;\r\n  border-inline-end: 1px dashed transparent;\r\n}\r\n\r\n:host([show-canvas]) {\r\n  border-inline-start: 1px dashed pink;\r\n  border-inline-end: 1px dashed pink;\r\n}\r\n","import { h, Component, ComponentInterface, State, Prop, Watch, Event, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport sampleSize from \"lodash.samplesize\";\r\nimport random from \"lodash.random\";\r\n\r\nimport {\r\n  DocumentComponentMode,\r\n  DocumentComponentOzonContentAnchorClickEvent,\r\n  DocumentComponentRecursiveToggleEvent,\r\n  DocumentComponentTableOfContentsClickEvent,\r\n  DocumentComponentWijzigactie,\r\n} from \"../document-component/document-component.models\";\r\nimport { DsoDocumentComponentCustomEvent, OzonContentUrlResolver } from \"../../components\";\r\n\r\ninterface DocumentEmbedded {\r\n  _embedded?: {\r\n    ontwerpDocumentComponenten?: DocumentComponent[];\r\n    documentComponenten?: DocumentComponent[];\r\n  };\r\n}\r\n\r\ninterface DocumentComponent extends DocumentEmbedded {\r\n  documentTechnischId: string;\r\n  type?: string;\r\n  labelXml?: string;\r\n  nummerXml?: string;\r\n  volgordeNummer: number;\r\n  opschrift?: string;\r\n  inhoud?: string;\r\n  kop?: string;\r\n  gereserveerd?: boolean;\r\n  vervallen?: boolean;\r\n  bevatOntwerpInformatie?: boolean;\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n  mode: DocumentComponentMode;\r\n}\r\n\r\n@Component({\r\n  tag: \"dsot-document-component-demo\",\r\n  scoped: true, // scoped because we are immitating the usage of <dso-document-component> in a page\r\n  styleUrl: \"document-component.demo.scss\",\r\n})\r\nexport class DocumentComponentDemo implements ComponentInterface {\r\n  /**\r\n   * Show canvas to where Document Component extends.\r\n   */\r\n  @Prop({ reflect: true })\r\n  showCanvas = false;\r\n\r\n  /**\r\n   * Name of the file to load.\r\n   */\r\n  @Prop()\r\n  jsonFile?: string;\r\n\r\n  /**\r\n   * The default state for all Document Components.\r\n   */\r\n  @Prop()\r\n  openDefault = false;\r\n\r\n  /**\r\n   * The mode of the Document Component. One of \"document\" or \"table-of-contents\". Defaults to \"document\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode: DocumentComponentMode = \"document\";\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  ozonContentUrlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * To demo user interacting with IntRef or IntIoRef elements.\r\n   */\r\n  @Event()\r\n  dsotOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * To demo user interacting the heading in mode=\"table-of-contents\".\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsotTableOfContentsClick!: EventEmitter<DocumentComponentTableOfContentsClickEvent>;\r\n\r\n  @State()\r\n  response?: DocumentEmbedded;\r\n\r\n  @State()\r\n  document?: DocumentComponent;\r\n\r\n  @State()\r\n  openOrClosed: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  openedAnnotation: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  filtered: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  notApplicable: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  activeAnnotationSelectables: DocumentComponent[] = [];\r\n\r\n  @Watch(\"jsonFile\")\r\n  async jsonFileWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  @Watch(\"openDefault\")\r\n  async openDefaultWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  async componentDidLoad(): Promise<void> {\r\n    await this.loadData();\r\n  }\r\n\r\n  private getEmbeddedDocumentComponents(documentEmbedded: DocumentEmbedded | undefined) {\r\n    if (documentEmbedded?._embedded?.ontwerpDocumentComponenten) {\r\n      return {\r\n        documentComponents: documentEmbedded._embedded.ontwerpDocumentComponenten,\r\n        ontwerp: true,\r\n      };\r\n    }\r\n\r\n    if (documentEmbedded?._embedded?.documentComponenten) {\r\n      return {\r\n        documentComponents: documentEmbedded._embedded.documentComponenten,\r\n        ontwerp: false,\r\n      };\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private concatEmbeddedDocumentComponents(documentComponent: DocumentComponent): DocumentComponent[] {\r\n    const embeddedDocuments = [...(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents ?? [])];\r\n\r\n    for (const d of embeddedDocuments) {\r\n      embeddedDocuments.push(...this.concatEmbeddedDocumentComponents(d));\r\n    }\r\n\r\n    return embeddedDocuments;\r\n  }\r\n\r\n  private selectRandomDocumentComponents(\r\n    documentComponent: DocumentComponent,\r\n    exclude: DocumentComponent[] = [],\r\n  ): DocumentComponent[] {\r\n    const documentComponents = this.concatEmbeddedDocumentComponents(documentComponent).filter(\r\n      (d) => !exclude.includes(d),\r\n    );\r\n    const size = random(0, Math.floor(documentComponents.length / 10));\r\n\r\n    return sampleSize(documentComponents, size);\r\n  }\r\n\r\n  private async loadData() {\r\n    if (!this.jsonFile) {\r\n      this.response = undefined;\r\n      this.document = undefined;\r\n\r\n      return;\r\n    }\r\n\r\n    this.response = await fetch(this.jsonFile).then((r) => r.json());\r\n    this.document = this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0];\r\n\r\n    if (this.document?.type === \"LICHAAM\") {\r\n      this.notApplicable = this.selectRandomDocumentComponents(this.document);\r\n      this.filtered = this.selectRandomDocumentComponents(this.document, this.notApplicable);\r\n    } else {\r\n      this.notApplicable = [];\r\n      this.filtered = [];\r\n    }\r\n  }\r\n\r\n  private handleOpenToggle(documentComponent: DocumentComponent, force?: boolean) {\r\n    const isOpenOrClosed = typeof force === \"boolean\" ? force : this.openOrClosed.includes(documentComponent);\r\n\r\n    if (isOpenOrClosed && this.openOrClosed.includes(documentComponent)) {\r\n      this.openOrClosed = this.openOrClosed.filter((d) => d !== documentComponent);\r\n    } else if (!isOpenOrClosed && !this.openOrClosed.includes(documentComponent)) {\r\n      this.openOrClosed = [...this.openOrClosed, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleAnnotationToggle(documentComponent: DocumentComponent) {\r\n    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)\r\n      ? this.openedAnnotation.filter((d) => d !== documentComponent)\r\n      : [...this.openedAnnotation, documentComponent];\r\n\r\n    if (!this.isOpen(documentComponent)) {\r\n      this.openOrClosed = [...this.openOrClosed, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleSelectableChange(documentComponent: DocumentComponent) {\r\n    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)\r\n      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)\r\n      : [...this.activeAnnotationSelectables, documentComponent];\r\n  }\r\n\r\n  private handleOzonContentAnchorClick(\r\n    e: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentAnchorClickEvent>,\r\n  ) {\r\n    this.dsotOzonContentAnchorClick.emit(e.detail);\r\n  }\r\n\r\n  private handleTableOfContentsClick(e: DsoDocumentComponentCustomEvent<DocumentComponentTableOfContentsClickEvent>) {\r\n    this.dsotTableOfContentsClick.emit(e.detail);\r\n  }\r\n\r\n  private isCheckedSlideToggle(documentComponent: DocumentComponent) {\r\n    return this.activeAnnotationSelectables.includes(documentComponent);\r\n  }\r\n\r\n  private hasFilteredChildren(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.filtered.includes(documentComponent) ||\r\n      (this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some((d) =>\r\n        this.hasFilteredChildren(d),\r\n      ) ??\r\n        false)\r\n    );\r\n  }\r\n\r\n  private isOpen(documentComponent: DocumentComponent): boolean {\r\n    return documentComponent.type === \"LID\" || this.openDefault\r\n      ? !this.openOrClosed.includes(documentComponent)\r\n      : this.openOrClosed.includes(documentComponent);\r\n  }\r\n\r\n  private isOpenedAnnotation(documentComponent: DocumentComponent): boolean {\r\n    return this.openedAnnotation.includes(documentComponent);\r\n  }\r\n\r\n  private isFiltered(documentComponent: DocumentComponent): boolean {\r\n    return this.filtered.includes(documentComponent);\r\n  }\r\n\r\n  private isNotApplicable(documentComponent: DocumentComponent): boolean {\r\n    return this.notApplicable.includes(documentComponent);\r\n  }\r\n\r\n  private hasNestedDraft(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some(\r\n        (d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d),\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  private showContent(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.isOpen(documentComponent) &&\r\n      !!(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.length || documentComponent.inhoud)\r\n    );\r\n  }\r\n\r\n  private recursiveToggleState(documentComponent: DocumentComponent): undefined | boolean | \"indeterminate\" {\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n\r\n    if (\r\n      !embeddedDocuments ||\r\n      embeddedDocuments.documentComponents.length <= 1 ||\r\n      !embeddedDocuments.documentComponents.some((d) => d.type === \"ARTIKEL\")\r\n    ) {\r\n      return undefined;\r\n    }\r\n\r\n    return embeddedDocuments.documentComponents.every((d) => this.isOpen(d));\r\n  }\r\n\r\n  private handleRecursiveToggle = (\r\n    documentComponent: DocumentComponent,\r\n    detail: DocumentComponentRecursiveToggleEvent,\r\n  ) => {\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n    if (!embeddedDocuments) {\r\n      return;\r\n    }\r\n\r\n    for (const d of embeddedDocuments.documentComponents) {\r\n      this.handleOpenToggle(d, detail.next);\r\n    }\r\n  };\r\n\r\n  private isAnnotated(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      documentComponent.type === \"DIVISIE\" ||\r\n      documentComponent.type === \"DIVISIETEKST\" ||\r\n      documentComponent.type === \"ARTIKEL\" ||\r\n      documentComponent.type === \"LID\"\r\n    );\r\n  }\r\n\r\n  private DocumentComponent = ({ path }: DocumentComponentProps) => {\r\n    const documentComponent = path.at(-1);\r\n    if (!documentComponent || (this.mode === \"table-of-contents\" && documentComponent.type === \"LID\")) {\r\n      return <Fragment />;\r\n    }\r\n\r\n    const { DocumentComponent } = this;\r\n\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n\r\n    return (\r\n      <dso-document-component\r\n        annotated={this.isAnnotated(documentComponent)}\r\n        bevatOntwerpInformatie={!!documentComponent.bevatOntwerpInformatie}\r\n        filtered={\r\n          this.isOpen(documentComponent)\r\n            ? this.isFiltered(documentComponent)\r\n            : this.hasFilteredChildren(documentComponent)\r\n        }\r\n        genesteOntwerpInformatie={this.hasNestedDraft(documentComponent)}\r\n        gereserveerd={documentComponent.gereserveerd}\r\n        heading=\"h2\"\r\n        kop={documentComponent.kop}\r\n        inhoud={documentComponent.inhoud}\r\n        openAnnotation={this.isOpenedAnnotation(documentComponent)}\r\n        notApplicable={this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p))}\r\n        onDsoAnnotationToggle={() => this.handleAnnotationToggle(documentComponent)}\r\n        onDsoOpenToggle={() => this.handleOpenToggle(documentComponent)}\r\n        onDsoOzonContentAnchorClick={(e) => this.handleOzonContentAnchorClick(e)}\r\n        open={this.isOpen(documentComponent)}\r\n        type={documentComponent.type}\r\n        vervallen={documentComponent.vervallen}\r\n        wijzigactie={documentComponent.wijzigactie}\r\n        recursiveToggle={this.recursiveToggleState(documentComponent)}\r\n        onDsoRecursiveToggle={(e) => this.handleRecursiveToggle(documentComponent, e.detail)}\r\n        mode={this.mode}\r\n        href={this.mode === \"table-of-contents\" ? \"/document/\" + documentComponent.documentTechnischId : undefined}\r\n        onDsoTableOfContentsClick={(e) => this.handleTableOfContentsClick(e)}\r\n        ozonContentUrlResolver={this.ozonContentUrlResolver}\r\n      >\r\n        {this.isOpenedAnnotation(documentComponent) && (\r\n          <div slot=\"annotations\">\r\n            <dso-annotation-locatie\r\n              active={this.isCheckedSlideToggle(documentComponent)}\r\n              gewijzigde-locatie\r\n              locatieNoemer={\"Winkelgebied\"}\r\n              onDsoActiveChange={() => this.handleSelectableChange(documentComponent)}\r\n            >\r\n              <span class=\"symboolcode\" slot=\"symbool\" data-symboolcode=\"vszt030\"></span>\r\n            </dso-annotation-locatie>\r\n          </div>\r\n        )}\r\n        {this.showContent(documentComponent) && embeddedDocuments?.documentComponents.length && (\r\n          <ul class=\"dso-document-component-list\">\r\n            {embeddedDocuments.documentComponents.map((d) => (\r\n              <li key={d.documentTechnischId}>\r\n                <DocumentComponent path={[...path, d]} />\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        )}\r\n      </dso-document-component>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { DocumentComponent, MenuButton } = this;\r\n\r\n    return (\r\n      <dso-responsive-element class=\"dso-document-components\">\r\n        <div class=\"dso-navbar\">\r\n          <ul class=\"dso-nav dso-nav-sub\">\r\n            {this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (\r\n              <li class={this.document === d ? \"dso-active\" : undefined}>\r\n                <MenuButton documentComponent={d} />\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n        {this.document && <DocumentComponent path={[this.document]} />}\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n\r\n  private MenuButton = ({ documentComponent }: MenuItemProps) => {\r\n    const { labelXml, nummerXml, type } = documentComponent;\r\n\r\n    return (\r\n      <button type=\"button\" onClick={() => (this.document = documentComponent)}>\r\n        {!labelXml && !nummerXml ? (\r\n          <span>\r\n            <i>{type}</i>\r\n          </span>\r\n        ) : (\r\n          <>\r\n            {labelXml && (\r\n              <>\r\n                <dso-ozon-content content={labelXml} inline></dso-ozon-content>\r\n              </>\r\n            )}\r\n            {nummerXml && (\r\n              <>\r\n                {\" \"}\r\n                <dso-ozon-content content={nummerXml} inline></dso-ozon-content>\r\n              </>\r\n            )}\r\n          </>\r\n        )}\r\n      </button>\r\n    );\r\n  };\r\n}\r\n\r\ninterface MenuItemProps {\r\n  documentComponent: DocumentComponent;\r\n}\r\n\r\ninterface DocumentComponentProps {\r\n  path: DocumentComponent[];\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-c02f13f7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["markBarCss","MarkBar","constructor","hostRef","this","label","handleInput","e","target","HTMLInputElement","dsoInput","emit","originalEvent","value","handleNext","dsoNext","handlePrevious","dsoPrevious","handleClear","dsoClear","handleKeyDown","key","dsoFocus","options","_a","inputElement","focus","select","_b","render","current","totalCount","h","class","type","id","onInput","onKeyDown","placeholder","ref","element","htmlFor","icon","onClick","disabled"],"sources":["src/components/mark-bar/mark-bar.scss?tag=dso-mark-bar&encapsulation=shadow","src/components/mark-bar/mark-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n  background-color: colors.$wit;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n$block-size: units.$ru5;\r\n$focus-border-width: 1px;\r\n\r\n.dso-mark-bar {\r\n  display: flex;\r\n  flex-grow: 1;\r\n\r\n  .dso-mark-bar-input {\r\n    display: flex;\r\n    position: relative;\r\n    inline-size: 100%;\r\n\r\n    input {\r\n      background-color: transparent;\r\n      background-image: none;\r\n      border: 1px solid form-control.$focus-border-color;\r\n      border-radius: 4px;\r\n      border-width: 1px;\r\n      box-shadow: none;\r\n      display: block;\r\n      font-size: typography.$root-font-size-base;\r\n      block-size: $block-size;\r\n      line-height: $block-size;\r\n      padding-inline: $block-size;\r\n      padding-block: 6px;\r\n      transition:\r\n        border-color ease-in-out 0.15s,\r\n        box-shadow ease-in-out 0.15s;\r\n      inline-size: 100%;\r\n      border-start-end-radius: 0;\r\n      border-end-end-radius: 0;\r\n      border-inline-end: 0;\r\n\r\n      &:focus {\r\n        border-color: form-control.$focus-border-color;\r\n        box-shadow: inset 0 0 0 form-control.$focus-border-width form-control.$focus-border-color;\r\n        outline: 0;\r\n      }\r\n\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n\r\n      &:not(:placeholder-shown) + label {\r\n        inline-size: $block-size;\r\n        padding-inline-end: units.$u1;\r\n\r\n        .label-text {\r\n          @include utilities.sr-only();\r\n        }\r\n      }\r\n    }\r\n\r\n    label {\r\n      inset-block-end: units.$u1;\r\n      block-size: $block-size;\r\n      inset-inline-start: 0;\r\n      inset-inline-end: units.$u5;\r\n      padding-block: units.$u1;\r\n      padding-inline-start: units.$u1;\r\n      cursor: text;\r\n      position: absolute;\r\n      inset-block-start: 0;\r\n      overflow: hidden;\r\n      /* stylelint-disable declaration-property-value-disallowed-list -- The following properties are needed to emulate the browser native placeholder attribute behavior */\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      /* stylelint-enable-next-line declaration-property-value-disallowed-list */\r\n\r\n      dso-icon {\r\n        color: colors.$grasgroen;\r\n        cursor: default;\r\n        margin: -8px;\r\n        padding: 8px;\r\n        inline-size: $block-size;\r\n        block-size: $block-size;\r\n      }\r\n\r\n      .label-text {\r\n        margin-inline-start: units.$u1;\r\n        color: colors.$grijs-60;\r\n      }\r\n    }\r\n\r\n    button {\r\n      background-color: transparent;\r\n      border: 0;\r\n      box-shadow: none;\r\n      color: colors.$grasgroen;\r\n      font-size: 0;\r\n      block-size: $block-size;\r\n      padding: units.$u1;\r\n      position: absolute;\r\n      inset-inline-end: 0;\r\n      text-align: center;\r\n      inset-block-start: 0;\r\n      inline-size: $block-size;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-button-container {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: units.$u1;\r\n  flex-shrink: 0;\r\n\r\n  padding-inline: units.$u1;\r\n\r\n  border: 1px solid colors.$bosgroen;\r\n  border-inline-start: 0;\r\n  border-start-end-radius: scaffolding.$border-radius-base;\r\n  border-end-end-radius: scaffolding.$border-radius-base;\r\n\r\n  button {\r\n    appearance: none;\r\n    padding: 0;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: colors.$grasgroen;\r\n    cursor: pointer;\r\n\r\n    &:disabled {\r\n      color: colors.$grijs-20;\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .divider {\r\n    position: absolute;\r\n    inset-inline-start: 0;\r\n    inset-block-start: units.$u1;\r\n    inset-block-end: units.$u1;\r\n\r\n    inline-size: 1px;\r\n\r\n    background-color: colors.$grijs-20;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Prop, Event, EventEmitter, Method } from \"@stencil/core\";\r\nimport {\r\n  MarkBarInputEvent,\r\n  MarkBarClearEvent,\r\n  MarkBarPaginationEvent,\r\n  MarkBarFocusOptions,\r\n} from \"./mark-bar.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-mark-bar\",\r\n  styleUrl: \"./mark-bar.scss\",\r\n  shadow: true,\r\n})\r\nexport class MarkBar implements ComponentInterface {\r\n  /**\r\n   * The current search value.\r\n   */\r\n  @Prop()\r\n  value?: string;\r\n\r\n  /**\r\n   * The label for the input field.\r\n   */\r\n  @Prop()\r\n  label = \"Zoeken in document\";\r\n\r\n  /**\r\n   * The current (one-based) highlighted search item.\r\n   */\r\n  @Prop()\r\n  current?: number;\r\n\r\n  /**\r\n   * Total number of search results.\r\n   */\r\n  @Prop()\r\n  totalCount?: number;\r\n\r\n  /**\r\n   * Focuses the input field.\r\n   */\r\n  @Method()\r\n  async dsoFocus(options: MarkBarFocusOptions = {}) {\r\n    this.inputElement?.focus();\r\n\r\n    if (options.select) {\r\n      this.inputElement?.select();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted each time the user types in the search field.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoInput!: EventEmitter<MarkBarInputEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"next search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoNext!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"previous search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoPrevious!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"clear search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClear!: EventEmitter<MarkBarClearEvent>;\r\n\r\n  private inputElement?: HTMLInputElement;\r\n\r\n  private handleInput = (e: Event) => {\r\n    if (!(e.target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    this.dsoInput.emit({\r\n      originalEvent: e,\r\n      value: e.target.value,\r\n    });\r\n  };\r\n\r\n  private handleNext = (e: MouseEvent | KeyboardEvent) => {\r\n    this.dsoNext.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handlePrevious = (e: MouseEvent) => {\r\n    this.dsoPrevious.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleClear = (e: MouseEvent) => {\r\n    this.dsoClear.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleNext(e);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const current = this.current || 0;\r\n    const totalCount = this.totalCount || 0;\r\n\r\n    return (\r\n      <div class=\"dso-mark-bar\">\r\n        <div class=\"dso-mark-bar-input\">\r\n          <input\r\n            type=\"text\"\r\n            id=\"search-input\"\r\n            value={this.value}\r\n            onInput={this.handleInput}\r\n            onKeyDown={this.handleKeyDown}\r\n            placeholder=\" \"\r\n            ref={(element) => (this.inputElement = element)}\r\n          />\r\n          <label htmlFor=\"search-input\">\r\n            <dso-icon class=\"dso-search-icon\" icon=\"search\"></dso-icon>\r\n            <span class=\"label-text\">{this.label}</span>\r\n          </label>\r\n          <button type=\"button\" onClick={this.handleClear}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Zoekopdracht legen</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"dso-button-container\">\r\n          <span class=\"divider\" />\r\n          <button type=\"button\" onClick={this.handlePrevious} disabled={current <= 1}>\r\n            <dso-icon icon=\"chevron-up\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Vorig zoekresultaat</span>\r\n          </button>\r\n          <span>\r\n            {current}/{totalCount}\r\n          </span>\r\n          <button type=\"button\" onClick={this.handleNext} disabled={current >= totalCount}>\r\n            <dso-icon icon=\"chevron-down\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Volgend zoekresultaat</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAa,qgF,MCaNC,EAAO,MALpB,WAAAC,CAAAC,G,0JAgBEC,KAAKC,MAAG,qBAoDAD,KAAAE,YAAeC,IACrB,KAAMA,EAAEC,kBAAkBC,kBAAmB,CAC3C,M,CAGFL,KAAKM,SAASC,KAAK,CACjBC,cAAeL,EACfM,MAAON,EAAEC,OAAOK,OAChB,EAGIT,KAAAU,WAAcP,IACpBH,KAAKW,QAAQJ,KAAK,CAAEC,cAAeL,GAAI,EAGjCH,KAAAY,eAAkBT,IACxBH,KAAKa,YAAYN,KAAK,CAAEC,cAAeL,GAAI,EAGrCH,KAAAc,YAAeX,IACrBH,KAAKe,SAASR,KAAK,CAAEC,cAAeL,GAAI,EAGlCH,KAAAgB,cAAiBb,IACvB,GAAIA,EAAEc,MAAQ,QAAS,CACrBjB,KAAKU,WAAWP,E,EA8CrB,CAzGC,cAAMe,CAASC,EAA+B,I,SAC5CC,EAAApB,KAAKqB,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,QAEnB,GAAIH,EAAQI,OAAQ,EAClBC,EAAAxB,KAAKqB,gBAAc,MAAAG,SAAA,SAAAA,EAAAD,Q,EA2DvB,MAAAE,GACE,MAAMC,EAAU1B,KAAK0B,SAAW,EAChC,MAAMC,EAAa3B,KAAK2B,YAAc,EAEtC,OACEC,EAAA,OAAAX,IAAA,2CAAKY,MAAM,gBACTD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,sBACTD,EACE,SAAAX,IAAA,2CAAAa,KAAK,OACLC,GAAG,eACHtB,MAAOT,KAAKS,MACZuB,QAAShC,KAAKE,YACd+B,UAAWjC,KAAKgB,cAChBkB,YAAY,IACZC,IAAMC,GAAapC,KAAKqB,aAAee,IAEzCR,EAAO,SAAAX,IAAA,2CAAAoB,QAAQ,gBACbT,EAAA,YAAAX,IAAA,2CAAUY,MAAM,kBAAkBS,KAAK,WACvCV,EAAM,QAAAX,IAAA,2CAAAY,MAAM,cAAc7B,KAAKC,QAEjC2B,EAAQ,UAAAX,IAAA,2CAAAa,KAAK,SAASS,QAASvC,KAAKc,aAClCc,EAAU,YAAAX,IAAA,2CAAAqB,KAAK,UACfV,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAGzBD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,wBACTD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,YACZD,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKY,eAAgB4B,SAAUd,GAAW,GACvEE,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,aAAaT,MAAM,aAClCD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAEvBD,EAAA,QAAAX,IAAA,4CACGS,EAAO,IAAGC,GAEbC,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKU,WAAY8B,SAAUd,GAAWC,GACnEC,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,eAAeT,MAAM,aACpCD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,WAAS,2B","ignoreList":[]}

package/dist/dso-toolkit/p-c5003184.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DaysOfWeek","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseDutchDate","value","matches","split","length","printDutchDate","date","d","getDate","toString","padStart","m","getMonth","y","getFullYear","isEqual","a","b","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","getDaysInRange","start","end","current","push","getViewOfMonth","DatePickerLegacyDay","focusedDay","today","onDaySelect","onKeyboardNavigation","focusedDayRef","isToday","isFocused","notCurrentMonth","isOutsideRange","handleClick","e","h","class","tabIndex","onClick","onKeyDown","disabled","type","ref","el","chunk","array","chunkSize","result","i","slice","mapWithOffset","startingOffset","mapFn","map","_","adjustedIndex","item","Error","DatePickerLegacyMonth","selectedDate","focusedDate","labelledById","localization","onDateSelect","onMouseDown","onFocusIn","role","onFocusin","dayNames","dayName","scope","substr","week","undefined","buttonLabel","placeholder","selectedDateMessage","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","closeLabel","keyboardInstruction","calendarHeading","monthNames","monthNamesShort","monthRange","selectedYear","minDate","maxDate","minYear","minMonth","maxYear","maxMonth","filter","_month","index","range","from","to","datePickerLegacyCss","keyCode","TAB","ESC","PAGE_UP","PAGE_DOWN","END","HOME","LEFT","UP","RIGHT","DOWN","DISALLOWED_CHARACTERS","TRANSITION_MS","cleanValue","input","regex","cursor","selectionStart","beforeCursor","afterCursor","filteredBeforeCursor","replace","filterAfterCursor","newValue","newCursor","selectionEnd","DsoDatePickerLegacy","constructor","hostRef","this","monthSelectId","createIdentifier","yearSelectId","dialogLabelId","defaultLocalization","activeFocus","open","visible","name","direction","required","dsoAutofocus","enableActiveFocus","disableActiveFocus","toggleOpen","preventDefault","hide","show","handleEscKey","event","handleBlur","stopPropagation","dsoBlur","emit","component","handleKeyUp","dsoKeyUp","originalEvent","handleKeyDown","dsoKeyDown","handleFocus","dsoFocus","handleTouchStart","touch","changedTouches","initialTouchX","pageX","initialTouchY","pageY","handleTouchMove","handleTouchEnd","distX","_a","distY","_b","threshold","isHorizontalSwipe","Math","abs","isDownwardsSwipe","addMonths","handleNextMonthClick","handlePreviousMonthClick","handleFirstFocusableKeydown","shiftKey","focusedDayNode","focus","handleKeyboardNavigation","firstFocusableElement","handled","addYears","handleDaySelect","_event","setValue","setFocusedDay","handleMonthSelect","target","HTMLSelectElement","handleYearSelect","handleInputChange","cleanedValue","prepareEvent","valueAsDate","error","clampValue","processFocusedDayNode","element","setTimeout","handleDocumentClick","path","composedPath","Node","contains","setFocus","datePickerLegacyInput","hideTimeoutId","clearTimeout","focusTimeoutId","monthSelectNode","moveFocusToButton","datePickerLegacyButton","months","years","previousValue","dsoDateChange","componentWillLoad","componentDidLoad","render","formattedDate","focusedMonth","focusedYear","prevMonthDisabled","nextMonthDisabled","Host","key","id","identifier","invalid","describedBy","onInput","onFocus","onBlur","onKeyUp","autoComplete","icon","onTouchMove","onTouchStart","onTouchEnd","htmlFor","onChange","indexOf","selected"],"sources":["src/components/date-picker-legacy/date-utils.ts","src/components/date-picker-legacy/date-picker-day.tsx","src/components/date-picker-legacy/date-picker-month.tsx","src/components/date-picker-legacy/date-localization.ts","src/components/date-picker-legacy/utils/month-range.ts","src/components/date-picker-legacy/utils/range.ts","src/components/date-picker-legacy/date-picker-legacy.scss?tag=dso-date-picker-legacy&encapsulation=scoped","src/components/date-picker-legacy/date-picker-legacy.tsx"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums -- This enum is not part of public API\r\nexport enum DaysOfWeek {\r\n  Sunday = 0,\r\n  Monday = 1,\r\n  Tuesday = 2,\r\n  Wednesday = 3,\r\n  Thursday = 4,\r\n  Friday = 5,\r\n  Saturday = 6,\r\n}\r\n\r\nexport function createDate(year: string, month: string, day: string): Date | undefined {\r\n  const dayInt = parseInt(day, 10);\r\n  const monthInt = parseInt(month, 10);\r\n  const yearInt = parseInt(year, 10);\r\n\r\n  const isValid =\r\n    Number.isInteger(yearInt) && // all parts should be integers\r\n    Number.isInteger(monthInt) &&\r\n    Number.isInteger(dayInt) &&\r\n    monthInt > 0 && // month must be 1-12\r\n    monthInt <= 12 &&\r\n    dayInt > 0 && // day must be 1-31\r\n    dayInt <= 31 &&\r\n    yearInt > 0;\r\n\r\n  if (isValid) {\r\n    return new Date(yearInt, monthInt - 1, dayInt);\r\n  }\r\n}\r\n\r\n/**\r\n * @param value date string in Dutch format D-M-YYYY\r\n */\r\nexport function parseDutchDate(value: string | undefined): Date | undefined {\r\n  if (!value) {\r\n    return;\r\n  }\r\n\r\n  const matches = value.split(\"-\");\r\n\r\n  if (\r\n    matches.length === 3 &&\r\n    typeof matches[0] === \"string\" &&\r\n    typeof matches[1] === \"string\" &&\r\n    typeof matches[2] === \"string\" &&\r\n    matches[2].length === 4\r\n  ) {\r\n    return createDate(matches[2], matches[1], matches[0]);\r\n  }\r\n}\r\n\r\n/**\r\n * print date in format DD-MM-YYYY\r\n * @param date\r\n */\r\nexport function printDutchDate(date: Date | undefined): string {\r\n  if (!date) {\r\n    return \"\";\r\n  }\r\n\r\n  const d = date.getDate().toString(10).padStart(2, \"0\");\r\n  const m = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n  const y = date.getFullYear().toString(10).padStart(2, \"0\");\r\n\r\n  return `${d}-${m}-${y}`;\r\n}\r\n\r\n/**\r\n * Compare if two dates are equal in terms of day, month, and year\r\n */\r\nexport function isEqual(a: Date | undefined, b: Date | undefined): boolean {\r\n  if (!a || !b) {\r\n    return false;\r\n  }\r\n\r\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n}\r\n\r\nexport function addDays(date: Date, days: number): Date {\r\n  const d = new Date(date);\r\n  d.setDate(d.getDate() + days);\r\n  return d;\r\n}\r\n\r\nexport function addMonths(date: Date, months: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(date.getMonth() + months);\r\n  return d;\r\n}\r\n\r\nexport function addYears(date: Date, years: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(date.getFullYear() + years);\r\n  return d;\r\n}\r\n\r\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\r\n\r\n  d.setDate(d.getDate() - diff);\r\n  return d;\r\n}\r\n\r\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n  const d = new Date(date);\r\n  const day = d.getDay();\r\n  const diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\r\n\r\n  d.setDate(d.getDate() + diff);\r\n  return d;\r\n}\r\n\r\nexport function startOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth(), 1);\r\n}\r\n\r\nexport function endOfMonth(date: Date): Date {\r\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\r\n}\r\n\r\nexport function setMonth(date: Date, month: number): Date {\r\n  const d = new Date(date);\r\n  d.setMonth(month);\r\n  return d;\r\n}\r\n\r\nexport function setYear(date: Date, year: number): Date {\r\n  const d = new Date(date);\r\n  d.setFullYear(year);\r\n  return d;\r\n}\r\n\r\n/**\r\n * Check if date is within a min and max\r\n */\r\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\r\n  return clamp(date, min, max) === date;\r\n}\r\n\r\n/**\r\n * Ensures date is within range, returns min or max if out of bounds\r\n */\r\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\r\n  const time = date.getTime();\r\n\r\n  if (min && min instanceof Date && time < min.getTime()) {\r\n    return min;\r\n  }\r\n\r\n  if (max && max instanceof Date && time > max.getTime()) {\r\n    return max;\r\n  }\r\n\r\n  return date;\r\n}\r\n\r\n/**\r\n * given start and end date, return an (inclusive) array of all dates in between\r\n * @param start\r\n * @param end\r\n */\r\nfunction getDaysInRange(start: Date, end: Date): Date[] {\r\n  const days: Date[] = [];\r\n  let current = start;\r\n\r\n  while (!isEqual(current, end)) {\r\n    days.push(current);\r\n    current = addDays(current, 1);\r\n  }\r\n\r\n  days.push(current);\r\n\r\n  return days;\r\n}\r\n\r\n/**\r\n * given a date, return an array of dates from a calendar perspective\r\n * @param date\r\n * @param firstDayOfWeek\r\n */\r\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\r\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\r\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\r\n\r\n  return getDaysInRange(start, end);\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { isEqual, printDutchDate } from \"./date-utils\";\r\n\r\nexport type DatePickerLegacyDayProps = {\r\n  focusedDay: Date;\r\n  today: Date;\r\n  day: Date;\r\n  inRange: boolean;\r\n  onDaySelect: (event: MouseEvent, day: Date) => void;\r\n  onKeyboardNavigation: (event: KeyboardEvent) => void;\r\n  focusedDayRef?: (element: HTMLButtonElement) => void;\r\n};\r\n\r\nexport const DatePickerLegacyDay: FunctionalComponent<DatePickerLegacyDayProps> = ({\r\n  focusedDay,\r\n  today,\r\n  day,\r\n  onDaySelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  inRange,\r\n}) => {\r\n  const isToday = isEqual(day, today);\r\n  const isFocused = isEqual(day, focusedDay);\r\n  const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();\r\n  const isOutsideRange = !inRange;\r\n\r\n  function handleClick(e: MouseEvent) {\r\n    onDaySelect(e, day);\r\n  }\r\n\r\n  return (\r\n    <button\r\n      class={{\r\n        \"dso-date__day\": true,\r\n        \"is-today\": isToday,\r\n      }}\r\n      tabIndex={isFocused ? 0 : -1}\r\n      onClick={handleClick}\r\n      onKeyDown={onKeyboardNavigation}\r\n      disabled={isOutsideRange || notCurrentMonth}\r\n      type=\"button\"\r\n      ref={(el) => {\r\n        if (isFocused && el && focusedDayRef) {\r\n          focusedDayRef(el);\r\n        }\r\n      }}\r\n    >\r\n      <span aria-hidden=\"true\">{day.getDate()}</span>\r\n      <span class=\"dso-date__vhidden\">{printDutchDate(day)}</span>\r\n    </button>\r\n  );\r\n};\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { DsoLocalizedText } from \"./date-localization\";\r\nimport { DatePickerLegacyDay, DatePickerLegacyDayProps } from \"./date-picker-day\";\r\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"./date-utils\";\r\n\r\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\r\n  const result = [];\r\n\r\n  for (let i = 0; i < array.length; i += chunkSize) {\r\n    result.push(array.slice(i, i + chunkSize));\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\r\n  return array.map((_, i) => {\r\n    const adjustedIndex = (i + startingOffset) % array.length;\r\n    const item = array[adjustedIndex];\r\n    if (!item) {\r\n      throw new Error(\"No item found\");\r\n    }\r\n\r\n    return mapFn(item);\r\n  });\r\n}\r\n\r\ntype DatePickerLegacyMonthProps = {\r\n  selectedDate: Date | undefined;\r\n  focusedDate: Date;\r\n  labelledById: string;\r\n  localization: DsoLocalizedText;\r\n  firstDayOfWeek: DaysOfWeek;\r\n  min?: Date;\r\n  max?: Date;\r\n  onDateSelect: DatePickerLegacyDayProps[\"onDaySelect\"];\r\n  onKeyboardNavigation: DatePickerLegacyDayProps[\"onKeyboardNavigation\"];\r\n  focusedDayRef: (element: HTMLButtonElement) => void;\r\n  onFocusIn?: (e: FocusEvent) => void;\r\n  onMouseDown?: (e: MouseEvent) => void;\r\n};\r\n\r\nexport const DatePickerLegacyMonth: FunctionalComponent<DatePickerLegacyMonthProps> = ({\r\n  selectedDate,\r\n  focusedDate,\r\n  labelledById,\r\n  localization,\r\n  firstDayOfWeek,\r\n  min,\r\n  max,\r\n  onDateSelect,\r\n  onKeyboardNavigation,\r\n  focusedDayRef,\r\n  onMouseDown,\r\n  onFocusIn,\r\n}) => {\r\n  const today = new Date();\r\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek);\r\n\r\n  return (\r\n    <table\r\n      class=\"dso-date__table\"\r\n      role=\"grid\"\r\n      aria-labelledby={labelledById}\r\n      onFocusin={onFocusIn}\r\n      onMouseDown={onMouseDown}\r\n    >\r\n      <thead>\r\n        <tr>\r\n          {mapWithOffset(localization.dayNames, firstDayOfWeek, (dayName) => (\r\n            <th class=\"dso-date__table-header\" scope=\"col\">\r\n              <span aria-hidden=\"true\">{dayName.substr(0, 2)}</span>\r\n              <span class=\"dso-date__vhidden\">{dayName}</span>\r\n            </th>\r\n          ))}\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        {chunk(days, 7).map((week) => (\r\n          <tr class=\"dso-date__row\">\r\n            {week.map((day) => (\r\n              <td\r\n                class=\"dso-date__cell\"\r\n                role=\"gridcell\"\r\n                aria-selected={isEqual(day, selectedDate) ? \"true\" : undefined}\r\n                aria-current={isEqual(day, today) ? \"date\" : undefined}\r\n              >\r\n                <DatePickerLegacyDay\r\n                  day={day}\r\n                  today={today}\r\n                  focusedDay={focusedDate}\r\n                  inRange={inRange(day, min, max)}\r\n                  onDaySelect={onDateSelect}\r\n                  onKeyboardNavigation={onKeyboardNavigation}\r\n                  focusedDayRef={focusedDayRef}\r\n                />\r\n              </td>\r\n            ))}\r\n          </tr>\r\n        ))}\r\n      </tbody>\r\n    </table>\r\n  );\r\n};\r\n","type MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string];\r\ntype DayNames = [string, string, string, string, string, string, string];\r\n\r\nexport type DsoLocalizedText = {\r\n  buttonLabel: string;\r\n  placeholder: string;\r\n  selectedDateMessage: string;\r\n  prevMonthLabel: string;\r\n  nextMonthLabel: string;\r\n  monthSelectLabel: string;\r\n  yearSelectLabel: string;\r\n  closeLabel: string;\r\n  keyboardInstruction: string;\r\n  calendarHeading: string;\r\n  dayNames: DayNames;\r\n  monthNames: MonthsNames;\r\n  monthNamesShort: MonthsNames;\r\n};\r\n\r\nconst localization: DsoLocalizedText = {\r\n  buttonLabel: \"Kies datum\",\r\n  placeholder: \"dd-mm-jjjj\",\r\n  selectedDateMessage: \"Geselecteerde datum is\",\r\n  prevMonthLabel: \"Vorige maand\",\r\n  nextMonthLabel: \"Volgende maand\",\r\n  monthSelectLabel: \"Maand\",\r\n  yearSelectLabel: \"Jaar\",\r\n  closeLabel: \"Sluiten\",\r\n  keyboardInstruction: \"Gebruik de pijltjestoetsen om een dag te kiezen\",\r\n  calendarHeading: \"Kies een datum\",\r\n  dayNames: [\"Zondag\", \"Maandag\", \"Dinsdag\", \"Woensdag\", \"Donderdag\", \"Vrijdag\", \"Zaterdag\"],\r\n  monthNames: [\r\n    \"Januari\",\r\n    \"Februari\",\r\n    \"Maart\",\r\n    \"April\",\r\n    \"Mei\",\r\n    \"Juni\",\r\n    \"Juli\",\r\n    \"Augustus\",\r\n    \"September\",\r\n    \"Oktober\",\r\n    \"November\",\r\n    \"December\",\r\n  ],\r\n  monthNamesShort: [\"Jan\", \"Feb\", \"Mrt\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dec\"],\r\n};\r\n\r\nexport default localization;\r\n","import { DsoLocalizedText } from \"../date-localization\";\r\n\r\nexport function monthRange(\r\n  localization: DsoLocalizedText,\r\n  selectedYear: number,\r\n  minDate?: Date,\r\n  maxDate?: Date,\r\n): string[] {\r\n  if (minDate && maxDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => {\r\n      if (minYear === selectedYear && maxYear === selectedYear) {\r\n        return index >= minMonth && index >= maxMonth;\r\n      }\r\n\r\n      if (minYear === selectedYear) {\r\n        return index >= minMonth;\r\n      }\r\n\r\n      if (maxYear === selectedYear) {\r\n        return index <= maxMonth;\r\n      }\r\n\r\n      return true;\r\n    });\r\n  }\r\n\r\n  if (minDate) {\r\n    const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => minYear === selectedYear && index >= minMonth);\r\n  }\r\n\r\n  if (maxDate) {\r\n    const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n    return localization.monthNames.filter((_month, index) => maxYear === selectedYear && index <= maxMonth);\r\n  }\r\n\r\n  return localization.monthNames;\r\n}\r\n","export function range(from: number, to: number) {\r\n  const result: number[] = [];\r\n  for (let i = from; i <= to; i++) {\r\n    result.push(i);\r\n  }\r\n  return result;\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@use \"date-picker-legacy.variables\" as core-date-picker-legacy-variables;\r\n\r\n:host {\r\n  display: block;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    .dso-date__input {\r\n      border-color: colors.$danger-color;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date *,\r\n.dso-date *::before,\r\n.dso-date *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dso-date {\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  display: block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  margin: 0;\r\n  position: relative;\r\n  text-align: start;\r\n  inline-size: 100%;\r\n\r\n  &:not(.dso-visible) {\r\n    .dso-date__dialog {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__input {\r\n  @include form-control.root();\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TOGGLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__toggle {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  -webkit-user-select: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 0;\r\n  border-radius: 0;\r\n  border-end-end-radius: core-date-picker-legacy-variables.$radius;\r\n  border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  justify-content: center;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-inline-end: 0;\r\n  transform: translateY(-50%);\r\n  inset-block-start: 50%;\r\n  user-select: none;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker + 1;\r\n\r\n  &:disabled {\r\n    color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    cursor: default;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ DIALOG\r\n// ---------------------------------------------\r\n\r\n.dso-date__dialog {\r\n  border-width: core-date-picker-legacy-variables.$border-width;\r\n  display: flex;\r\n  inset-inline-end: 0;\r\n  min-inline-size: 320px;\r\n  opacity: 0;\r\n  position: absolute;\r\n  inset-block-start: 100%;\r\n  transform: scale(0.96) translateZ(0) translateY(-20px);\r\n  transform-origin: top right;\r\n  transition:\r\n    transform 300ms ease,\r\n    opacity 300ms ease,\r\n    visibility 300ms ease;\r\n  visibility: hidden;\r\n  will-change: transform, opacity, visibility;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    background: core-date-picker-legacy-variables.$overlay;\r\n    inset-block-end: 0;\r\n    position: fixed;\r\n    inset-inline-start: 0;\r\n    inset-inline-end: 0;\r\n    inset-block-start: 0;\r\n    transform: translateZ(0);\r\n    transform-origin: bottom center;\r\n  }\r\n\r\n  &.is-left {\r\n    inset-inline-start: units.$padding-base-inline * -1 + core-date-picker-legacy-variables.$border-width;\r\n    inset-inline-end: auto;\r\n    inline-size: auto;\r\n  }\r\n\r\n  &.is-active {\r\n    opacity: 1;\r\n    // The value of 1.0001 fixes a Chrome glitch with scaling\r\n    transform: scale(1.0001) translateZ(0) translateY(0);\r\n    visibility: visible;\r\n  }\r\n}\r\n\r\n.dso-date__dialog-content {\r\n  background: core-date-picker-legacy-variables.$surface;\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n  margin-inline-start: auto;\r\n  margin-inline-end: -1px;\r\n  margin-block-start: 8px;\r\n  max-inline-size: 310px;\r\n  min-inline-size: 290px;\r\n  padding: 16px;\r\n  position: relative;\r\n  transform: none;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker-dialog;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    border: 0;\r\n    border-radius: 0;\r\n    border-start-start-radius: core-date-picker-legacy-variables.$radius;\r\n    border-start-end-radius: core-date-picker-legacy-variables.$radius;\r\n    inset-block-end: 0;\r\n    inset-inline-start: 0;\r\n    margin: 0;\r\n    max-inline-size: none;\r\n    min-block-size: 26em;\r\n    opacity: 0;\r\n    padding-block: 0 20px;\r\n    padding-inline: 8%;\r\n    position: absolute;\r\n    transform: translateZ(0) translateY(100%);\r\n    transition:\r\n      transform core-date-picker-legacy-variables.$transition-duration ease,\r\n      opacity core-date-picker-legacy-variables.$transition-duration ease,\r\n      visibility core-date-picker-legacy-variables.$transition-duration ease;\r\n    visibility: hidden;\r\n    will-change: transform, opacity, visibility;\r\n\r\n    .is-active & {\r\n      opacity: 1;\r\n      transform: translateZ(0) translateY(0);\r\n      visibility: visible;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TABLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__table {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  font-size: 1rem;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  line-height: 1.25;\r\n  min-inline-size: (core-date-picker-legacy-variables.$size + 2) * 7;\r\n  table-layout: fixed;\r\n  text-align: center;\r\n  inline-size: 100%;\r\n}\r\n\r\n.dso-date__table-header {\r\n  font-size: 0.875em;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  block-size: 36px;\r\n  line-height: 36px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dso-date__cell {\r\n  block-size: core-date-picker-legacy-variables.$size + 2;\r\n  padding: 1px;\r\n  text-align: center;\r\n  inline-size: core-date-picker-legacy-variables.$size + 2;\r\n}\r\n\r\n.dso-date__day {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 1px transparent;\r\n  color: core-date-picker-legacy-variables.$color-text;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: core-date-picker-legacy-variables.$font;\r\n  font-variant-numeric: tabular-nums;\r\n  font-weight: core-date-picker-legacy-variables.$font-normal;\r\n  block-size: core-date-picker-legacy-variables.$size;\r\n  line-height: 0;\r\n  padding: 0;\r\n  position: relative;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n  inline-size: core-date-picker-legacy-variables.$size;\r\n  z-index: zindex.$datepicker;\r\n\r\n  &.is-today {\r\n    background: transparent;\r\n    block-size: core-date-picker-legacy-variables.$size - 2;\r\n    box-shadow: 0 0 0 1px core-date-picker-legacy-variables.$color-button;\r\n    inline-size: core-date-picker-legacy-variables.$size - 2;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: transparent;\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    color: core-date-picker-legacy-variables.$color-text;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    outline: 0;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n\r\n  [aria-selected=\"true\"] & {\r\n    background: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n\r\n    &:focus {\r\n      background: transparent;\r\n\r\n      span[aria-hidden=\"true\"] {\r\n        background: core-date-picker-legacy-variables.$color-button;\r\n        border: 1px solid colors.$wit;\r\n        line-height: core-date-picker-legacy-variables.$size - 6;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background: colors.$wit;\r\n    color: core-date-picker-legacy-variables.$color-text-disabled;\r\n    cursor: default;\r\n  }\r\n\r\n  span[aria-hidden=\"true\"] {\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    block-size: core-date-picker-legacy-variables.$size - 4;\r\n    line-height: core-date-picker-legacy-variables.$size - 4;\r\n    inline-size: core-date-picker-legacy-variables.$size - 4;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ HEADER\r\n// ---------------------------------------------\r\n\r\n.dso-date__header {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block-end: 16px;\r\n  inline-size: 100%;\r\n\r\n  span {\r\n    font-size: 0.875rem;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ NAVIGATION\r\n// ---------------------------------------------\r\n\r\n.dso-date__nav {\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n}\r\n\r\n.dso-date__prev,\r\n.dso-date__next {\r\n  -moz-appearance: none;\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background: core-date-picker-legacy-variables.$color-button-bg;\r\n  border: 1px solid core-date-picker-legacy-variables.$color-button;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  box-sizing: border-box;\r\n  color: core-date-picker-legacy-variables.$color-button;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  font-size: 1em;\r\n  block-size: 32px;\r\n  justify-content: center;\r\n  margin-inline-start: 8px;\r\n  padding: 0;\r\n  inline-size: 32px;\r\n\r\n  @media (max-width: 35.9375em) {\r\n    block-size: 40px;\r\n    inline-size: 40px;\r\n  }\r\n\r\n  &:hover,\r\n  &:active {\r\n    background-color: core-date-picker-legacy-variables.$color-button;\r\n    color: core-date-picker-legacy-variables.$color-text-active;\r\n  }\r\n\r\n  &:focus {\r\n    background: core-date-picker-legacy-variables.$color-button-bg;\r\n    color: core-date-picker-legacy-variables.$color-button;\r\n  }\r\n\r\n  &:disabled {\r\n    &,\r\n    &:hover {\r\n      background-color: colors.$wit;\r\n      border-color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin-block: 0; // left this in, just to be sure ;)\r\n    margin-inline: auto;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ SELECT\r\n// ---------------------------------------------\r\n\r\n.dso-date__select {\r\n  display: inline-flex;\r\n  block-size: units.$u1 * 4 - 4;\r\n  line-height: units.$u1 * 4 - 4;\r\n  position: relative;\r\n\r\n  span {\r\n    margin-inline-end: 4px;\r\n  }\r\n\r\n  select {\r\n    color: core-date-picker-legacy-variables.$color-primary;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    block-size: 100%;\r\n    inset-inline-start: 0;\r\n    opacity: 0;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inline-size: 100%;\r\n    z-index: zindex.$datepicker + 1;\r\n\r\n    &:focus + .dso-date__select-label {\r\n      box-shadow: 0 0 0 2px core-date-picker-legacy-variables.$color-primary;\r\n    }\r\n\r\n    &:disabled {\r\n      color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__select-label {\r\n  align-items: center;\r\n  border-radius: core-date-picker-legacy-variables.$radius;\r\n  color: core-date-picker-legacy-variables.$select;\r\n  display: flex;\r\n  padding-block: 0;\r\n  padding-inline: 8px 4px;\r\n  pointer-events: none;\r\n  position: relative;\r\n  inline-size: 100%;\r\n  z-index: zindex.$datepicker;\r\n\r\n  span {\r\n    font-size: 1.25rem;\r\n    font-weight: core-date-picker-legacy-variables.$font-bold;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  svg {\r\n    inline-size: 16px;\r\n    block-size: 16px;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ MOBILE\r\n// ---------------------------------------------\r\n\r\n.dso-date__mobile {\r\n  align-items: center;\r\n  border-block-end: 1px solid rgba(0, 0, 0, 0.12);\r\n  display: flex;\r\n  font-size: 1em;\r\n  justify-content: space-between;\r\n  margin-block-end: 20px;\r\n  margin-inline-start: -10%;\r\n  overflow: hidden;\r\n  padding-block: 12px;\r\n  padding-inline: 20px;\r\n  position: relative;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  inline-size: 120%;\r\n\r\n  @media (min-width: 36em) {\r\n    border: 0;\r\n    margin: 0;\r\n    overflow: visible;\r\n    padding: 0;\r\n    position: absolute;\r\n    inset-inline-end: -16px;\r\n    inset-block-start: -16px;\r\n    inline-size: auto;\r\n  }\r\n}\r\n\r\n.dso-date__mobile-heading {\r\n  display: inline-block;\r\n  font-weight: core-date-picker-legacy-variables.$font-bold;\r\n  max-inline-size: 84%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n\r\n  @media (min-width: 36em) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ CLOSE\r\n// ---------------------------------------------\r\n\r\n.dso-date__close {\r\n  -webkit-appearance: none;\r\n  align-items: center;\r\n  appearance: none;\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  color: core-date-picker-legacy-variables.$color-icon;\r\n  cursor: pointer;\r\n  display: flex;\r\n  font-size: 1em;\r\n  block-size: units.$u1 * 4;\r\n  justify-content: center;\r\n  margin-inline-end: -4px;\r\n  padding: 0;\r\n  inline-size: units.$u1 * 4;\r\n\r\n  @media (min-width: 36em) {\r\n    margin-inline-end: 0;\r\n    opacity: 0;\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: 0 0 0 2px colors.$bosgroen;\r\n    outline: none;\r\n\r\n    @media (min-width: 36em) {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ VISUALLY HIDDEN\r\n// ---------------------------------------------\r\n\r\n.dso-date__vhidden {\r\n  border: 0;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n  block-size: 1px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  position: absolute;\r\n  inset-block-start: 0;\r\n  inline-size: 1px;\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Host,\r\n  Prop,\r\n  Element,\r\n  h,\r\n  Event,\r\n  EventEmitter,\r\n  State,\r\n  Listen,\r\n  Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport {\r\n  addDays,\r\n  startOfWeek,\r\n  endOfWeek,\r\n  setMonth,\r\n  setYear,\r\n  clamp,\r\n  inRange,\r\n  endOfMonth,\r\n  startOfMonth,\r\n  printDutchDate,\r\n  parseDutchDate,\r\n  DaysOfWeek,\r\n} from \"./date-utils\";\r\nimport { DatePickerLegacyMonth } from \"./date-picker-month\";\r\nimport defaultLocalization, { DsoLocalizedText } from \"./date-localization\";\r\nimport {\r\n  DsoDatePickerLegacyDirection,\r\n  DsoDatePickerLegacyChangeEvent,\r\n  DsoDatePickerLegacyFocusEvent,\r\n  DsoDatePickerLegacyKeyboardEvent,\r\n} from \"./date-picker-legacy.interfaces\";\r\nimport { monthRange } from \"./utils/month-range\";\r\nimport { range } from \"./utils/range\";\r\n\r\nconst keyCode = {\r\n  TAB: 9,\r\n  ESC: 27,\r\n  SPACE: 32,\r\n  PAGE_UP: 33,\r\n  PAGE_DOWN: 34,\r\n  END: 35,\r\n  HOME: 36,\r\n  LEFT: 37,\r\n  UP: 38,\r\n  RIGHT: 39,\r\n  DOWN: 40,\r\n};\r\n\r\nconst DISALLOWED_CHARACTERS = /[^0-9-]+/g;\r\nconst TRANSITION_MS = 300;\r\n\r\nfunction cleanValue(input: HTMLInputElement, regex: RegExp): string {\r\n  const value = input.value;\r\n  const cursor = input.selectionStart;\r\n\r\n  if (!cursor) {\r\n    return value;\r\n  }\r\n\r\n  const beforeCursor = value.slice(0, cursor);\r\n  const afterCursor = value.slice(cursor, value.length);\r\n\r\n  const filteredBeforeCursor = beforeCursor.replace(regex, \"\");\r\n  const filterAfterCursor = afterCursor.replace(regex, \"\");\r\n\r\n  const newValue = filteredBeforeCursor + filterAfterCursor;\r\n  const newCursor = filteredBeforeCursor.length;\r\n\r\n  input.value = newValue;\r\n  input.selectionStart = input.selectionEnd = newCursor;\r\n\r\n  return newValue;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-date-picker-legacy\",\r\n  styleUrl: \"date-picker-legacy.scss\",\r\n  shadow: false,\r\n  scoped: true,\r\n})\r\nexport class DsoDatePickerLegacy implements ComponentInterface {\r\n  /**\r\n   * Own Properties\r\n   */\r\n  private monthSelectId = createIdentifier(\"DsoDateMonth\");\r\n  private yearSelectId = createIdentifier(\"DsoDateYear\");\r\n  private dialogLabelId = createIdentifier(\"DsoDateLabel\");\r\n\r\n  private datePickerLegacyButton: HTMLButtonElement | undefined;\r\n  private datePickerLegacyInput: HTMLInputElement | undefined;\r\n  private firstFocusableElement: HTMLElement | undefined;\r\n  private monthSelectNode: HTMLElement | undefined;\r\n  private focusedDayNode: HTMLButtonElement | undefined;\r\n\r\n  private focusTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n  private hideTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n\r\n  private initialTouchX: number | undefined;\r\n  private initialTouchY: number | undefined;\r\n\r\n  private localization: DsoLocalizedText = defaultLocalization;\r\n  private firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\r\n\r\n  private previousValue: string | undefined;\r\n\r\n  /**\r\n   * Reference to host HTML element.\r\n   */\r\n  @Element()\r\n  element!: HTMLDsoDatePickerLegacyElement;\r\n\r\n  /**\r\n   * State() variables\r\n   */\r\n  @State()\r\n  activeFocus = false;\r\n\r\n  @State()\r\n  focusedDay = new Date();\r\n\r\n  @State()\r\n  open = false;\r\n\r\n  @State()\r\n  visible = false;\r\n\r\n  /**\r\n   * Public Property API\r\n   */\r\n\r\n  /**\r\n   * Name of the date picker input.\r\n   */\r\n  @Prop()\r\n  name = \"date\";\r\n\r\n  /**\r\n   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.\r\n   */\r\n  @Prop()\r\n  identifier: string | undefined;\r\n\r\n  /**\r\n   * Makes the date picker input component disabled. This prevents users from being able to\r\n   * interact with the input, and conveys its inactive state to assistive technologies.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Defines a specific role attribute for the date picker input.\r\n   */\r\n  @Prop()\r\n  // eslint-disable-next-line @stencil-community/reserved-member-names\r\n  role: string | null = null;\r\n\r\n  /**\r\n   * Forces the opening direction of the calendar modal to be always left or right.\r\n   * This setting can be useful when the input is smaller than the opening date picker\r\n   * would be as by default the picker always opens towards right.\r\n   */\r\n  @Prop()\r\n  direction: DsoDatePickerLegacyDirection = \"right\";\r\n\r\n  /**\r\n   * Should the input be marked as required?\r\n   */\r\n  @Prop()\r\n  required = false;\r\n\r\n  /**\r\n   * Is input invalid?\r\n   */\r\n  @Prop({ reflect: true })\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * ID of element that describes the input element\r\n   */\r\n  @Prop()\r\n  describedBy?: string;\r\n\r\n  /**\r\n   * Should the input be focused on load?\r\n   */\r\n  @Prop()\r\n  dsoAutofocus = false;\r\n\r\n  /**\r\n   * Date value. Must be in Dutch date format: DD-MM-YYYY.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  value = \"\";\r\n\r\n  /**\r\n   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the max property.\r\n   */\r\n  @Prop()\r\n  min: string | undefined;\r\n\r\n  /**\r\n   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the min property.\r\n   */\r\n  @Prop()\r\n  max: string | undefined;\r\n\r\n  /**\r\n   * Events section.\r\n   */\r\n\r\n  /**\r\n   * Event emitted when a date is selected.\r\n   */\r\n  @Event()\r\n  dsoDateChange!: EventEmitter<DsoDatePickerLegacyChangeEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is blurred.\r\n   */\r\n  @Event()\r\n  dsoBlur!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Event emitted on key up in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyUp!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted on key down in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyDown!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is focused.\r\n   */\r\n  @Event()\r\n  dsoFocus!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n  /**\r\n   * Component event handling.\r\n   */\r\n  @Listen(\"click\", { target: \"document\", capture: true })\r\n  handleDocumentClick(e: MouseEvent) {\r\n    if (!this.open) {\r\n      return;\r\n    }\r\n\r\n    const path = e.composedPath();\r\n\r\n    for (const target of path) {\r\n      if (target instanceof Node && this.element.contains(target)) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.hide(false);\r\n  }\r\n\r\n  /**\r\n   * Sets focus on the date picker's input. Use this method instead of the global `focus()`.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    return this.datePickerLegacyInput?.focus();\r\n  }\r\n\r\n  /**\r\n   * Public methods API\r\n   */\r\n\r\n  /**\r\n   * Show the calendar modal, moving focus to the calendar inside.\r\n   */\r\n  @Method()\r\n  async show() {\r\n    if (typeof this.hideTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.hideTimeoutId);\r\n    }\r\n\r\n    this.visible = true;\r\n\r\n    setTimeout(() => {\r\n      this.open = true;\r\n      this.setFocusedDay(parseDutchDate(this.value) || new Date());\r\n\r\n      if (typeof this.focusTimeoutId !== \"undefined\") {\r\n        clearTimeout(this.focusTimeoutId);\r\n      }\r\n\r\n      this.focusTimeoutId = setTimeout(() => this.monthSelectNode?.focus(), TRANSITION_MS);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus\r\n   * returning to the date picker's button. Default is true.\r\n   */\r\n  @Method()\r\n  async hide(moveFocusToButton = true) {\r\n    this.open = false;\r\n\r\n    // in cases where calendar is quickly shown and hidden\r\n    // we should avoid moving focus to the button\r\n    if (typeof this.focusTimeoutId !== \"undefined\") {\r\n      clearTimeout(this.focusTimeoutId);\r\n    }\r\n\r\n    this.hideTimeoutId = setTimeout(() => {\r\n      if (moveFocusToButton && this.datePickerLegacyButton) {\r\n        this.datePickerLegacyButton.focus();\r\n      }\r\n\r\n      this.visible = false;\r\n    }, TRANSITION_MS + 200);\r\n  }\r\n\r\n  /**\r\n   * Local methods.\r\n   */\r\n  private enableActiveFocus = () => {\r\n    this.activeFocus = true;\r\n  };\r\n\r\n  private disableActiveFocus = () => {\r\n    this.activeFocus = false;\r\n  };\r\n\r\n  private addDays(days: number) {\r\n    this.setFocusedDay(addDays(this.focusedDay, days));\r\n  }\r\n\r\n  private addMonths(months: number) {\r\n    this.setMonth(this.focusedDay.getMonth() + months);\r\n  }\r\n\r\n  private addYears(years: number) {\r\n    this.setYear(this.focusedDay.getFullYear() + years);\r\n  }\r\n\r\n  private startOfWeek() {\r\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private endOfWeek() {\r\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n  }\r\n\r\n  private setMonth(month: number) {\r\n    const min = setMonth(startOfMonth(this.focusedDay), month);\r\n    const max = endOfMonth(min);\r\n    const date = setMonth(this.focusedDay, month);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setYear(year: number) {\r\n    const min = setYear(startOfMonth(this.focusedDay), year);\r\n    const max = endOfMonth(min);\r\n    const date = setYear(this.focusedDay, year);\r\n\r\n    this.setFocusedDay(clamp(date, min, max));\r\n  }\r\n\r\n  private setFocusedDay(day: Date) {\r\n    this.focusedDay = clamp(day, parseDutchDate(this.min), parseDutchDate(this.max));\r\n  }\r\n\r\n  private toggleOpen = (e: Event) => {\r\n    e.preventDefault();\r\n    if (this.open) {\r\n      this.hide(false);\r\n    } else {\r\n      this.show();\r\n    }\r\n  };\r\n\r\n  private handleEscKey = (event: KeyboardEvent) => {\r\n    if (event.keyCode === keyCode.ESC) {\r\n      this.hide();\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoBlur.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleKeyUp = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyUp.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyDown.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleFocus = (event: Event) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoFocus.emit({\r\n      component: \"dso-date-picker-legacy\",\r\n    });\r\n  };\r\n\r\n  private handleTouchStart = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    this.initialTouchX = touch.pageX;\r\n    this.initialTouchY = touch.pageY;\r\n  };\r\n\r\n  private handleTouchMove = (event: TouchEvent) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleTouchEnd = (event: TouchEvent) => {\r\n    const touch = event.changedTouches[0];\r\n    if (!touch) {\r\n      throw new Error(\"No touch found\");\r\n    }\r\n\r\n    const distX = touch.pageX - (this.initialTouchX ?? 0); // get horizontal dist traveled\r\n    const distY = touch.pageY - (this.initialTouchY ?? 0); // get vertical dist traveled\r\n    const threshold = 70;\r\n\r\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\r\n    const isDownwardsSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold && distY > 0;\r\n\r\n    if (isHorizontalSwipe) {\r\n      this.addMonths(distX < 0 ? 1 : -1);\r\n    } else if (isDownwardsSwipe) {\r\n      this.hide(false);\r\n      event.preventDefault();\r\n    }\r\n\r\n    this.initialTouchY = undefined;\r\n    this.initialTouchX = undefined;\r\n  };\r\n\r\n  private handleNextMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(1);\r\n  };\r\n\r\n  private handlePreviousMonthClick = (event: MouseEvent) => {\r\n    event.preventDefault();\r\n    this.addMonths(-1);\r\n  };\r\n\r\n  private handleFirstFocusableKeydown = (event: KeyboardEvent) => {\r\n    // this ensures focus is trapped inside the dialog\r\n    if (event.keyCode === keyCode.TAB && event.shiftKey) {\r\n      this.focusedDayNode?.focus();\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\r\n    // handle tab separately, since it needs to be treated\r\n    // differently to other keyboard interactions\r\n    if (event.keyCode === keyCode.TAB && !event.shiftKey) {\r\n      event.preventDefault();\r\n      this.firstFocusableElement?.focus();\r\n      return;\r\n    }\r\n\r\n    let handled = true;\r\n\r\n    switch (event.keyCode) {\r\n      case keyCode.RIGHT:\r\n        this.addDays(1);\r\n        break;\r\n      case keyCode.LEFT:\r\n        this.addDays(-1);\r\n        break;\r\n      case keyCode.DOWN:\r\n        this.addDays(7);\r\n        break;\r\n      case keyCode.UP:\r\n        this.addDays(-7);\r\n        break;\r\n      case keyCode.PAGE_UP:\r\n        if (event.shiftKey) {\r\n          this.addYears(-1);\r\n        } else {\r\n          this.addMonths(-1);\r\n        }\r\n        break;\r\n      case keyCode.PAGE_DOWN:\r\n        if (event.shiftKey) {\r\n          this.addYears(1);\r\n        } else {\r\n          this.addMonths(1);\r\n        }\r\n        break;\r\n      case keyCode.HOME:\r\n        this.startOfWeek();\r\n        break;\r\n      case keyCode.END:\r\n        this.endOfWeek();\r\n        break;\r\n      default:\r\n        handled = false;\r\n    }\r\n\r\n    if (handled) {\r\n      event.preventDefault();\r\n      this.enableActiveFocus();\r\n    }\r\n  };\r\n\r\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\r\n    if (!inRange(day, parseDutchDate(this.min), parseDutchDate(this.max))) {\r\n      return;\r\n    }\r\n\r\n    if (day.getMonth() === this.focusedDay.getMonth()) {\r\n      this.setValue(day);\r\n      this.hide();\r\n    } else {\r\n      this.setFocusedDay(day);\r\n    }\r\n  };\r\n\r\n  private handleMonthSelect = (e: Event) => {\r\n    // Todo\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setMonth(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleYearSelect = (e: Event) => {\r\n    if (e.target instanceof HTMLSelectElement) {\r\n      this.setYear(parseInt(e.target.value, 10));\r\n    }\r\n  };\r\n\r\n  private handleInputChange = (e: Event) => {\r\n    const target = e.target as HTMLInputElement;\r\n\r\n    const cleanedValue = cleanValue(target, DISALLOWED_CHARACTERS);\r\n\r\n    this.setValue(cleanedValue);\r\n  };\r\n\r\n  private setValue(value: Date | string) {\r\n    const event = this.prepareEvent(value);\r\n\r\n    this.value = typeof value === \"string\" ? value : event.value;\r\n\r\n    if (this.value !== this.previousValue) {\r\n      this.dsoDateChange.emit(event);\r\n      this.previousValue = this.value;\r\n    }\r\n  }\r\n\r\n  private prepareEvent = (value: Date | string): DsoDatePickerLegacyChangeEvent => {\r\n    const event: DsoDatePickerLegacyChangeEvent = {\r\n      component: \"dso-date-picker-legacy\",\r\n      value: \"\",\r\n      valueAsDate: undefined,\r\n    };\r\n\r\n    if (value instanceof Date) {\r\n      event.valueAsDate = value;\r\n    } else {\r\n      event.value = value;\r\n      event.valueAsDate = parseDutchDate(value);\r\n    }\r\n\r\n    if (event.valueAsDate) {\r\n      event.value = printDutchDate(event.valueAsDate);\r\n    }\r\n\r\n    if (!event.valueAsDate && this.required) {\r\n      event.error = \"required\";\r\n    }\r\n\r\n    if (event.value && !event.valueAsDate) {\r\n      event.error = \"invalid\";\r\n    }\r\n\r\n    if (event.valueAsDate && (this.min || this.max)) {\r\n      const min = parseDutchDate(this.min);\r\n      const max = parseDutchDate(this.max);\r\n      const clampValue = clamp(event.valueAsDate, min, max);\r\n\r\n      if (clampValue !== event.valueAsDate && clampValue === min) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"min-range\";\r\n      } else if (clampValue !== event.valueAsDate && clampValue === max) {\r\n        event.valueAsDate = undefined;\r\n        event.error = \"max-range\";\r\n      }\r\n    }\r\n\r\n    return event;\r\n  };\r\n\r\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\r\n    this.focusedDayNode = element;\r\n\r\n    if (this.activeFocus && this.open) {\r\n      setTimeout(() => element.focus(), 0);\r\n    }\r\n  };\r\n\r\n  componentWillLoad(): void | Promise<void> {\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n\r\n    if (minDate && minDate > this.focusedDay) {\r\n      this.focusedDay = minDate;\r\n    }\r\n\r\n    if (maxDate && maxDate < this.focusedDay) {\r\n      this.focusedDay = maxDate;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    if (valueAsDate) {\r\n      this.previousValue = this.value = printDutchDate(valueAsDate);\r\n    }\r\n\r\n    if (this.dsoAutofocus) {\r\n      this.setFocus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * render() function\r\n   * Always the last one in the class.\r\n   */\r\n  render() {\r\n    const valueAsDate = parseDutchDate(this.value);\r\n    const formattedDate = valueAsDate && printDutchDate(valueAsDate);\r\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\r\n    const focusedMonth = this.focusedDay.getMonth();\r\n    const focusedYear = this.focusedDay.getFullYear();\r\n\r\n    const minDate = parseDutchDate(this.min);\r\n    const maxDate = parseDutchDate(this.max);\r\n    const prevMonthDisabled = minDate && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\r\n    const nextMonthDisabled = maxDate && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\r\n\r\n    let minYear = selectedYear - 10;\r\n    let maxYear = selectedYear + 10;\r\n    if (minDate) {\r\n      minYear = Math.max(minYear, minDate.getFullYear());\r\n    }\r\n    if (maxDate) {\r\n      maxYear = Math.min(maxYear, maxDate.getFullYear());\r\n    }\r\n\r\n    return (\r\n      <Host>\r\n        <div class={{ \"dso-date\": true, \"dso-visible\": this.visible }}>\r\n          <div class=\"dso-date__input-wrapper\">\r\n            <input\r\n              class=\"dso-date__input\"\r\n              value={this.value}\r\n              placeholder={this.localization.placeholder}\r\n              id={this.identifier}\r\n              disabled={this.disabled}\r\n              role={this.role ?? undefined}\r\n              required={this.required ? true : undefined}\r\n              aria-autocomplete=\"none\"\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={this.describedBy}\r\n              onInput={this.handleInputChange}\r\n              onFocus={this.handleFocus}\r\n              onBlur={this.handleBlur}\r\n              onKeyUp={this.handleKeyUp}\r\n              onKeyDown={this.handleKeyDown}\r\n              autoComplete=\"off\"\r\n              ref={(element) => (this.datePickerLegacyInput = element)}\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"dso-date__toggle\"\r\n              onClick={this.toggleOpen}\r\n              disabled={this.disabled}\r\n              ref={(element) => (this.datePickerLegacyButton = element)}\r\n            >\r\n              <span class=\"dso-date__toggle-icon\">\r\n                <dso-icon icon=\"calendar\"></dso-icon>\r\n              </span>\r\n              <span class=\"dso-date__vhidden\">\r\n                {this.localization.buttonLabel}\r\n                {formattedDate && (\r\n                  <span>\r\n                    , {this.localization.selectedDateMessage} {formattedDate}\r\n                  </span>\r\n                )}\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class={{\r\n              \"dso-date__dialog\": true,\r\n              \"is-left\": this.direction === \"left\",\r\n              \"is-active\": this.open,\r\n            }}\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-hidden={this.open ? \"false\" : \"true\"}\r\n            aria-labelledby={this.dialogLabelId}\r\n            onTouchMove={this.handleTouchMove}\r\n            onTouchStart={this.handleTouchStart}\r\n            onTouchEnd={this.handleTouchEnd}\r\n          >\r\n            <div class=\"dso-date__dialog-content\" onKeyDown={this.handleEscKey}>\r\n              <div class=\"dso-date__vhidden dso-date__instructions\" aria-live=\"polite\">\r\n                {this.localization.keyboardInstruction}\r\n              </div>\r\n              <div class=\"dso-date__mobile\" onFocusin={this.disableActiveFocus}>\r\n                <label class=\"dso-date__mobile-heading\">{this.localization.calendarHeading}</label>\r\n                <button\r\n                  class=\"dso-date__close\"\r\n                  ref={(element) => (this.firstFocusableElement = element)}\r\n                  onKeyDown={this.handleFirstFocusableKeydown}\r\n                  onClick={() => this.hide()}\r\n                  type=\"button\"\r\n                >\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"dso-date__vhidden\">{this.localization.closeLabel}</span>\r\n                </button>\r\n              </div>\r\n              <div class=\"dso-date__header\" onFocusin={this.disableActiveFocus}>\r\n                <div>\r\n                  <h2 id={this.dialogLabelId} class=\"dso-date__vhidden\" aria-live=\"polite\">\r\n                    {this.localization.monthNames[focusedMonth]} {this.focusedDay.getFullYear()}\r\n                  </h2>\r\n\r\n                  <label htmlFor={this.monthSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.monthSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select\r\n                      id={this.monthSelectId}\r\n                      class=\"dso-date__select--month\"\r\n                      ref={(element) => (this.monthSelectNode = element)}\r\n                      onChange={this.handleMonthSelect}\r\n                    >\r\n                      {monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {\r\n                        const index = this.localization.monthNames.indexOf(month);\r\n\r\n                        return (\r\n                          <option key={month} value={index} selected={index === focusedMonth}>\r\n                            {month}\r\n                          </option>\r\n                        );\r\n                      })}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.localization.monthNamesShort[focusedMonth]}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <label htmlFor={this.yearSelectId} class=\"dso-date__vhidden\">\r\n                    {this.localization.yearSelectLabel}\r\n                  </label>\r\n                  <div class=\"dso-date__select\">\r\n                    <select id={this.yearSelectId} class=\"dso-date__select--year\" onChange={this.handleYearSelect}>\r\n                      {range(minYear, maxYear).map((year) => (\r\n                        <option key={year} selected={year === focusedYear}>\r\n                          {year}\r\n                        </option>\r\n                      ))}\r\n                    </select>\r\n                    <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n                      <span>{this.focusedDay.getFullYear()}</span>\r\n                      <dso-icon icon=\"chevron-down\"></dso-icon>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"dso-date__nav\">\r\n                  <button\r\n                    class=\"dso-date__prev\"\r\n                    onClick={this.handlePreviousMonthClick}\r\n                    disabled={prevMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-left\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.prevMonthLabel}</span>\r\n                  </button>\r\n                  <button\r\n                    class=\"dso-date__next\"\r\n                    onClick={this.handleNextMonthClick}\r\n                    disabled={nextMonthDisabled}\r\n                    type=\"button\"\r\n                  >\r\n                    <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                    <span class=\"dso-date__vhidden\">{this.localization.nextMonthLabel}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <DatePickerLegacyMonth\r\n                selectedDate={valueAsDate}\r\n                focusedDate={this.focusedDay}\r\n                onDateSelect={this.handleDaySelect}\r\n                onKeyboardNavigation={this.handleKeyboardNavigation}\r\n                labelledById={this.dialogLabelId}\r\n                localization={this.localization}\r\n                firstDayOfWeek={this.firstDayOfWeek}\r\n                focusedDayRef={this.processFocusedDayNode}\r\n                min={minDate}\r\n                max={maxDate}\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-e0289156.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["logoCss","DsoLogo","name","splittedName","split","h","Fragment","fill","viewBox","height","class","d","length","Logo","constructor","hostRef","this","handleLogoClick","e","dsoLogoClick","emit","originalEvent","url","logoUrl","isModifiedEvent","handleLabelClick","dsoLabelClick","labelUrl","render","href","onClick","label","ribbon","key"],"sources":["src/components/logo/logo.scss?tag=dso-logo&encapsulation=shadow","src/components/logo/logo.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n:host {\r\n  max-block-size: units.$ru6;\r\n  block-size: units.$ru6;\r\n  display: grid;\r\n  grid-template-areas: \"target wordmark label\";\r\n  grid-template-columns: repeat(3, max-content);\r\n  grid-template-rows: 100%;\r\n  gap: units.$u2;\r\n  font-size: 1.5625rem;\r\n  font-weight: 500;\r\n  align-items: center;\r\n  container-type: size;\r\n  container-name: logo;\r\n\r\n  .logo-url,\r\n  .logo-label-url {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: units.$u2;\r\n\r\n    @include link.reverse();\r\n\r\n    &,\r\n    &:hover,\r\n    &:focus,\r\n    &:visited {\r\n      color: colors.$bosgroen;\r\n    }\r\n  }\r\n}\r\n\r\n:host([logo-url]:not([logo-url=\"\"])[ribbon]:not([ribbon=\"\"])) {\r\n  grid-template-areas: \"targetwordmark label\";\r\n\r\n  .logo-url,\r\n  .logo-ribbon {\r\n    grid-area: targetwordmark;\r\n  }\r\n}\r\n\r\n.logo-label-url {\r\n  grid-area: label;\r\n}\r\n\r\n.logo-target {\r\n  grid-area: target;\r\n  max-block-size: units.$u6;\r\n  max-inline-size: units.$u6;\r\n  inline-size: 100%;\r\n  display: block;\r\n  aspect-ratio: 1 / 1;\r\n}\r\n\r\n.logo-wordmark {\r\n  grid-area: wordmark;\r\n  font-size: 1.5625rem;\r\n}\r\n\r\n@container logo (max-height: 47px) {\r\n  .logo-wordmark,\r\n  .logo-label {\r\n    font-size: 50cqb;\r\n    line-height: 1;\r\n  }\r\n}\r\n\r\n.logo-wordmark-omgevings {\r\n  color: colors.$grasgroen;\r\n}\r\n\r\n.logo-wordmark-loket {\r\n  color: colors.$bosgroen;\r\n}\r\n\r\n.logo-label {\r\n  grid-area: label;\r\n  color: colors.$bosgroen;\r\n  margin-inline-start: units.$ru2;\r\n}\r\n\r\n.logo-ribbon {\r\n  grid-area: wordmark;\r\n  place-self: start end;\r\n  display: flex;\r\n  place-items: center;\r\n\r\n  background-color: colors.$mauve;\r\n  border-radius: 3px;\r\n  transform: rotate(3deg);\r\n  padding-block: 0;\r\n  padding-inline: 8px;\r\n\r\n  font-size: 0.75rem;\r\n  font-weight: normal;\r\n  text-transform: uppercase;\r\n  color: colors.$wit;\r\n\r\n  @container logo (max-height: 47px) {\r\n    & {\r\n      block-size: 28cqb;\r\n      font-size: 25cqb;\r\n    }\r\n  }\r\n}\r\n\r\n.inner {\r\n  fill: colors.$oranje;\r\n}\r\n\r\n.middle {\r\n  fill: colors.$bosgroen;\r\n}\r\n\r\n.outer {\r\n  fill: #80bc00;\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n  .logo-wordmark {\r\n    font-size: initial;\r\n  }\r\n\r\n  // if the logo has a label, hide the wordmark on smaller screens and replace it with the label\r\n  :host([label]) {\r\n    grid-template-areas: \"target label\";\r\n    grid-template-columns: max-content minmax(130px, max-content);\r\n\r\n    .logo-wordmark {\r\n      display: none;\r\n    }\r\n\r\n    .logo-ribbon {\r\n      grid-area: label;\r\n    }\r\n\r\n    .logo-label {\r\n      margin-inline-start: 0;\r\n      font-size: initial;\r\n      text-wrap: balance;\r\n      overflow-wrap: normal;\r\n    }\r\n  }\r\n\r\n  :host([logo-url][ribbon]) {\r\n    .logo-label-url + .logo-ribbon {\r\n      grid-area: label;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  .logo-ribbon {\r\n    transform: rotate(3deg) translateY(-7px);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Fragment,\r\n  Prop,\r\n  h,\r\n  Event,\r\n  EventEmitter,\r\n  FunctionalComponent,\r\n} from \"@stencil/core\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\nimport { LogoClickEvent, LogoLabelClickEvent } from \"./logo.interfaces\";\r\n\r\nconst DsoLogo: FunctionalComponent<{ name: string }> = ({ name }) => {\r\n  const splittedName = name.split(\"|\");\r\n  return (\r\n    <>\r\n      <svg fill=\"none\" viewBox=\"0 0 48 48\" height=\"100%\" class=\"logo-target\">\r\n        <path class=\"outer\" d=\"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z\" />\r\n        <path class=\"middle\" d=\"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z\" />\r\n        <path class=\"inner\" d=\"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z\" />\r\n      </svg>\r\n      <div class=\"logo-wordmark\">\r\n        <span class=\"logo-wordmark-omgevings\">{splittedName[0]}</span>\r\n        {splittedName.length === 2 && <span class=\"logo-wordmark-loket\">{splittedName[1]}</span>}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-logo\",\r\n  styleUrl: \"logo.scss\",\r\n  shadow: true,\r\n})\r\nexport class Logo implements ComponentInterface {\r\n  /**\r\n   * An alternative name for the logo wordmark Omgevingsloket. For instance `Environment| Desk`. It should contains a\r\n   * pipe-character: the left-hand side of the pipe will be shown in grasgroen, the right-hand side of the pipe will be\r\n   * shown in bosgroen.\r\n   * When omitted the logo wordmark will default to Omgevingsloket, with 'Omgevings' shown in grasgroen and 'loket' in\r\n   * bosgroen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  name = \"Omgevings|loket\";\r\n  /**\r\n   * The url the logo is pointing to.\r\n   */\r\n  @Prop({ reflect: true })\r\n  logoUrl?: string;\r\n\r\n  /**\r\n   * The label clarifies the service within the Omgevingsloket, shown\r\n   * as a subtitle (and on smaller screens as the main wordmark itself).\r\n   */\r\n  @Prop({ reflect: true })\r\n  label?: string;\r\n\r\n  /**\r\n   *  The url the label is pointing to.\r\n   */\r\n  @Prop({ reflect: true })\r\n  labelUrl?: string;\r\n\r\n  /**\r\n   * The ribbon contains the text for a possible 'sticker' on top of the logo.\r\n   * Used to clarify the (non-production) server environment (\"int\", \"kta\", \"pfm\", \"pre\", or \"dmo\")\r\n   */\r\n  @Prop({ reflect: true })\r\n  ribbon?: string;\r\n\r\n  /**\r\n   * Emitted when the logo is clicked (only when logoUrl is set).\r\n   */\r\n  @Event()\r\n  dsoLogoClick!: EventEmitter<LogoClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the label in the logo is clicked (only when labelUrl is set).\r\n   */\r\n  @Event()\r\n  dsoLabelClick!: EventEmitter<LogoLabelClickEvent>;\r\n\r\n  private handleLogoClick = (e: MouseEvent) => {\r\n    this.dsoLogoClick.emit({ originalEvent: e, url: this.logoUrl!, isModifiedEvent: isModifiedEvent(e) });\r\n  };\r\n\r\n  private handleLabelClick = (e: MouseEvent) => {\r\n    this.dsoLabelClick.emit({ originalEvent: e, url: this.labelUrl!, isModifiedEvent: isModifiedEvent(e) });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.logoUrl ? (\r\n          <a class=\"logo-url\" href={this.logoUrl} onClick={this.handleLogoClick}>\r\n            <DsoLogo name={this.name} />\r\n          </a>\r\n        ) : (\r\n          <DsoLogo name={this.name} />\r\n        )}\r\n\r\n        {this.label &&\r\n          (!this.labelUrl ? (\r\n            <span class=\"logo-label\">{this.label}</span>\r\n          ) : (\r\n            <a class=\"logo-label-url\" href={this.labelUrl} onClick={this.handleLabelClick}>\r\n              <span class=\"logo-label\">{this.label}</span>\r\n            </a>\r\n          ))}\r\n        {this.ribbon && <div class=\"logo-ribbon\">{this.ribbon}</div>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6FAAA,MAAMA,EAAU,k+FCahB,MAAMC,EAAiD,EAAGC,WACxD,MAAMC,EAAeD,EAAKE,MAAM,KAChC,OACEC,EAAAC,EAAA,KACED,EAAA,OAAKE,KAAK,OAAOC,QAAQ,YAAYC,OAAO,OAAOC,MAAM,eACvDL,EAAA,QAAMK,MAAM,QAAQC,EAAE,+CACtBN,EAAA,QAAMK,MAAM,SAASC,EAAE,6CACvBN,EAAM,QAAAK,MAAM,QAAQC,EAAE,2CAExBN,EAAK,OAAAK,MAAM,iBACTL,EAAM,QAAAK,MAAM,2BAA2BP,EAAa,IACnDA,EAAaS,SAAW,GAAKP,EAAA,QAAMK,MAAM,uBAAuBP,EAAa,KAE/E,E,MASMU,EAAI,MALjB,WAAAC,CAAAC,G,kGAcEC,KAAId,KAAG,kBAuCCc,KAAAC,gBAAmBC,IACzBF,KAAKG,aAAaC,KAAK,CAAEC,cAAeH,EAAGI,IAAKN,KAAKO,QAAUC,gBAAiBA,EAAgBN,IAAK,EAG/FF,KAAAS,iBAAoBP,IAC1BF,KAAKU,cAAcN,KAAK,CAAEC,cAAeH,EAAGI,IAAKN,KAAKW,SAAWH,gBAAiBA,EAAgBN,IAAK,CA0B1G,CAvBC,MAAAU,GACE,OACEvB,EAAAC,EAAA,KACGU,KAAKO,QACJlB,EAAA,KAAGK,MAAM,WAAWmB,KAAMb,KAAKO,QAASO,QAASd,KAAKC,iBACpDZ,EAACJ,EAAO,CAACC,KAAMc,KAAKd,QAGtBG,EAACJ,EAAQ,CAAAC,KAAMc,KAAKd,OAGrBc,KAAKe,SACFf,KAAKW,SACLtB,EAAM,QAAAK,MAAM,cAAcM,KAAKe,OAE/B1B,EAAA,KAAGK,MAAM,iBAAiBmB,KAAMb,KAAKW,SAAUG,QAASd,KAAKS,kBAC3DpB,EAAM,QAAAK,MAAM,cAAcM,KAAKe,SAGpCf,KAAKgB,QAAU3B,EAAA,OAAA4B,IAAA,2CAAKvB,MAAM,eAAeM,KAAKgB,Q","ignoreList":[]}

package/dist/dso-toolkit/p-e9236c1f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["annotationCss","AnnotationActiviteit","constructor","hostRef","this","watcher","host","connectedCallback","watch","disconnectedCallback","unwatch","render","hasSymbool","h","AnnotationBody","key","symbol","AnnotationSymbolSlot","undefined","active","dsoActiveChange","title","value","naam","data","Fragment","class","regelKwalificatie","regelKwalificatieVoorzetsel","AnnotationListRenvooiValues","values","locatieNoemers","gewijzigdeLocatie","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-activiteit&encapsulation=shadow","src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/link/link\";\r\n\r\n:host {\r\n  display: block;\r\n  padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n\r\n.annotation-data {\r\n  font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\nimport { AnnotationListRenvooiValues } from \"../annotation-list-renvooi-values\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<RenvooiValue | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoAnnotationActiviteitElement;\r\n\r\n  private watcher = watcher(this.host);\r\n\r\n  connectedCallback(): void {\r\n    this.watcher.watch();\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.watcher.unwatch();\r\n  }\r\n\r\n  render() {\r\n    const hasSymbool = this.watcher.hasSymbool();\r\n\r\n    return (\r\n      <AnnotationBody\r\n        symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<dso-renvooi value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <dso-renvooi value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <AnnotationListRenvooiValues values={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"0LAAA,MAAMA,EAAgB,2gL,MCiBTC,EAAoB,MALjC,WAAAC,CAAAC,G,2DAyDUC,KAAAC,QAAUA,EAAQD,KAAKE,KAoChC,CAlCC,iBAAAC,GACEH,KAAKC,QAAQG,O,CAGf,oBAAAC,GACEL,KAAKC,QAAQK,S,CAGf,MAAAC,GACE,MAAMC,EAAaR,KAAKC,QAAQO,aAEhC,OACEC,EAACC,EAAc,CAAAC,IAAA,2CACbC,OAAQJ,EAAaC,EAACI,EAAuB,MAAGC,UAChDC,OAAQf,KAAKe,OACbC,gBAAiBhB,KAAKgB,gBACtBC,MAAOR,EAAa,eAAAS,MAAOlB,KAAKmB,OAChCC,KACEX,EAAAY,EAAA,KACEZ,EAAM,QAAAa,MAAM,WACTtB,KAAKuB,mBACJd,EAAAY,EAAA,KACEZ,EAAA,eAAaS,MAAOlB,KAAKuB,oBAAsB,KAGlDvB,KAAKwB,6BAA+B,GAAGxB,KAAKwB,gCAC7Cf,EAACgB,EAA2B,CAACC,OAAQ1B,KAAK2B,kBAE3C3B,KAAK4B,mBAAqBnB,EAACoB,EAA8B,Q","ignoreList":[]}

package/dist/dso-toolkit/p-f1f414b6.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as e,H as i,g as a}from"./p-C-b4jsbt.js";const o=":host{display:block}";const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const l=class{constructor(e){s(this,e);this.dsoSizeChange=t(this,"dsoSizeChange",7);this.sizeAlias=r[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var t,e;if(!s){throw new Error("No entry found")}const i=(e=(t=r.find((t=>s.contentRect.width>=t.width)))===null||t===void 0?void 0:t.alias)!==null&&e!==void 0?e:r[0].alias;this.sizeAlias=i;this.dsoSizeChange.emit(i)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return e(i,{key:"e91c4381f1dbed450ac401d4da518280a8c29779",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},e("slot",{key:"41e3674a479ce776ef848b0752b928cb89a3dd4b"}))}get host(){return a(this)}};l.style=o;export{l as dso_responsive_element};
-//# sourceMappingURL=p-f1f414b6.entry.js.map

package/dist/dso-toolkit/p-fda975de.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["infoCss","Info","render","h","Fragment","key","this","fixed","type","onClick","e","dsoClose","emit","icon","class","selectableCss","Selectable","constructor","hostRef","infoActive","keyboardFocus","fallbackIdentifier","createIdentifier","handleOnChange","target","dsoChange","originalEvent","checked","HTMLInputElement","forceUpdate","host","toggleInfo","active","componentDidLoad","_a","mutationObserver","disconnect","MutationObserver","observe","childList","setIndeterminate","disconnectedCallback","input","indeterminate","hasInfo","querySelector","clsx","id","getIdentifier","value","name","invalid","toString","infoFixed","describedById","undefined","labelledById","disabled","required","onChange","onBlur","onKeyUp","ref","el","htmlFor","onDsoToggle","detail","onDsoClose","componentDidRender","identifier"],"sources":["src/components/info/info.scss?tag=dso-info&encapsulation=shadow","src/components/info/info.tsx","src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/info\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  @include info.root();\r\n}\r\n\r\n:host(:not([active], [fixed])),\r\n:host([active=\"false\"]:not([fixed])),\r\n:host([active=\"false\"][fixed=\"false\"]) {\r\n  display: none;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n","import { h, Component, Event, Prop, EventEmitter, Fragment } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-info\",\r\n  styleUrl: \"./info.scss\",\r\n  shadow: true,\r\n})\r\nexport class Info {\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fixed?: boolean;\r\n\r\n  /**\r\n   * Whether the Info is active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the close button.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<MouseEvent>;\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <slot></slot>\r\n        {!this.fixed && (\r\n          <button type=\"button\" onClick={(e) => this.dsoClose.emit(e)}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Sluiten</span>\r\n          </button>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  padding-inline-start: selectable.$symbol-indent;\r\n\r\n  @include selectable.root(false);\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    @include selectable.invalid();\r\n  }\r\n\r\n  @include selectable.children(\"dso-info\");\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n  @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n  display: inline-block;\r\n\r\n  .dso-selectable-input-wrapper {\r\n    display: inline-block;\r\n    min-block-size: units.$u3;\r\n\r\n    &:focus-within.dso-keyboard-focus {\r\n      position: relative;\r\n      inset-inline-start: -(selectable.$symbol-indent);\r\n\r\n      padding-inline-start: selectable.$symbol-indent;\r\n\r\n      margin-inline-end: -(selectable.$symbol-indent);\r\n\r\n      @include utilities.focus-outline();\r\n    }\r\n\r\n    input[type=\"radio\"],\r\n    input[type=\"checkbox\"] {\r\n      &:focus + label::before {\r\n        @include selectable.selectableBoxShadow(\r\n          selectable.$border-width,\r\n          var(--dso-selectable-color, selectable.$valid-color)\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  Prop,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Element,\r\n  State,\r\n  forceUpdate,\r\n  Watch,\r\n  Method,\r\n  ComponentInterface,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n/**\r\n * @slot - The label for this control\r\n * @slot info - Rich Content to be slotted in Info.\r\n * @slot options - for further nested selectable options: `<ul class=\"dso-selectable-options\" slot=\"options\">` and wrap each Selectable in a `<li>`.\r\n */\r\n@Component({\r\n  tag: \"dso-selectable\",\r\n  styleUrl: \"selectable.scss\",\r\n  scoped: true,\r\n})\r\nexport class Selectable implements ComponentInterface {\r\n  /**\r\n   * Type of Selectable.\r\n   *\r\n   * `checkbox`: Multiple options\r\n   * `radio`: Single option.\r\n   */\r\n  @Prop()\r\n  type!: \"checkbox\" | \"radio\";\r\n\r\n  /**\r\n   * To set `<input id>` attribute for external references.\r\n   */\r\n  @Prop()\r\n  identifier?: string;\r\n\r\n  /**\r\n   * Name of the Selectable. Can be used to group Selectables.\r\n   */\r\n  @Prop()\r\n  name?: string;\r\n\r\n  /**\r\n   * The value of the Selectable.\r\n   */\r\n  @Prop()\r\n  value!: string;\r\n\r\n  /**\r\n   * Set to true of the current value is not valid.\r\n   */\r\n  @Prop()\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * To link this control to an element that describes it.\r\n   */\r\n  @Prop()\r\n  describedById?: string;\r\n\r\n  /**\r\n   * To link this control to an element that labels it.\r\n   */\r\n  @Prop()\r\n  labelledById?: string;\r\n\r\n  /**\r\n   * To disable the Selectable.\r\n   */\r\n  @Prop()\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * To mark the Selectable as required.\r\n   */\r\n  @Prop()\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Mark the Selectable as checked\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked?: boolean;\r\n\r\n  /**\r\n   * An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n   *\r\n   * Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n   */\r\n  @Prop()\r\n  indeterminate?: boolean;\r\n\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop()\r\n  infoFixed?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user checks or unchecks the Selectable.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoSelectableElement;\r\n\r\n  @State()\r\n  infoActive = false;\r\n\r\n  @State()\r\n  keyboardFocus = false;\r\n\r\n  /**\r\n   * Method to toggle the Info. Is set to `active` when passed.\r\n   *\r\n   * If `active` is not passed, Info is toggled to opposite value.\r\n   * @param active\r\n   */\r\n  @Method()\r\n  async toggleInfo(active?: boolean) {\r\n    this.infoActive = active ?? !this.infoActive;\r\n  }\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n  private input: HTMLInputElement | undefined;\r\n\r\n  private handleOnChange = (e: Event) => {\r\n    const { target } = e;\r\n\r\n    this.dsoChange.emit({\r\n      originalEvent: e,\r\n      checked: target instanceof HTMLInputElement && target.checked,\r\n    });\r\n\r\n    forceUpdate(this.host);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n\r\n    this.setIndeterminate();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  @Watch(\"indeterminate\")\r\n  setIndeterminate() {\r\n    if (!(this.input instanceof HTMLInputElement) || this.type !== \"checkbox\") {\r\n      return;\r\n    }\r\n\r\n    this.input.indeterminate = !!this.indeterminate;\r\n  }\r\n\r\n  render() {\r\n    const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n    return (\r\n      <Fragment>\r\n        <div class=\"dso-selectable-container\">\r\n          <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n            <input\r\n              type={this.type}\r\n              id={this.getIdentifier()}\r\n              value={this.value}\r\n              name={this.name}\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n              aria-labelledBy={this.labelledById}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              checked={this.checked}\r\n              onChange={this.handleOnChange}\r\n              onBlur={() => (this.keyboardFocus = false)}\r\n              onKeyUp={() => (this.keyboardFocus = true)}\r\n              ref={(el) => (this.input = el)}\r\n            />\r\n            {!this.labelledById ? (\r\n              <label htmlFor={this.getIdentifier()}>\r\n                <slot />\r\n              </label>\r\n            ) : (\r\n              <label>\r\n                <slot />\r\n              </label>\r\n            )}\r\n          </div>\r\n          {hasInfo && !this.infoFixed && (\r\n            <dso-info-button\r\n              active={this.infoActive}\r\n              onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n            ></dso-info-button>\r\n          )}\r\n        </div>\r\n        {hasInfo && (\r\n          <dso-info\r\n            id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n            fixed={this.infoFixed}\r\n            active={this.infoActive}\r\n            onDsoClose={() => (this.infoActive = false)}\r\n          >\r\n            <div>\r\n              <slot name=\"info\"></slot>\r\n            </div>\r\n          </dso-info>\r\n        )}\r\n        <slot name=\"options\" />\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (this.input && typeof this.checked === \"boolean\" && this.input.checked !== this.checked) {\r\n      this.input.checked = this.checked;\r\n    }\r\n  }\r\n\r\n  private getIdentifier(): string {\r\n    return this.identifier ?? this.fallbackIdentifier;\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-ffa5a867.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","balloon","bars","bell","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","lightBulb","location","locationOutline","locationSearch","lock","magnet","mail","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","spinner","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","toDoList","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","key","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  block-size: icon.$size;\r\n  vertical-align: icon.$vertical-align;\r\n  inline-size: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"bell\", svg: bell },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"light-bulb\", svg: lightBulb },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"mail\", svg: mail },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"to-do-list\", svg: toDoList },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/annotation-symbol-slot-BCge7vfY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"annotation-symbol-slot-BCge7vfY.js","sources":["src/components/annotation/annotation-gewijzigde-locatie.tsx","src/components/annotation/annotation-watcher.ts","src/components/annotation/annotation-symbol-slot.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport const AnnotationGewijzigdeLocatie: FunctionalComponent = () => (\r\n  <dso-label class=\"gewijzigde-locatie\" status=\"warning\" compact>\r\n    gewijzigde locatie\r\n  </dso-label>\r\n);\r\n","import { forceUpdate } from \"@stencil/core\";\r\n\r\nconst observers = new WeakMap<HTMLElement, MutationObserver>();\r\n\r\nexport function watcher(host: HTMLElement) {\r\n  return {\r\n    watch() {\r\n      let observer = observers.get(host);\r\n      if (!observer) {\r\n        observer = new MutationObserver(() => forceUpdate(host));\r\n        observers.set(host, observer);\r\n      }\r\n\r\n      observer.observe(host, { childList: true });\r\n    },\r\n    hasSymbool() {\r\n      return host.querySelector(\"[slot=symbool]\") !== null;\r\n    },\r\n    unwatch() {\r\n      const observer = observers.get(host);\r\n      if (!observer) {\r\n        return;\r\n      }\r\n\r\n      observer.disconnect();\r\n      observers.delete(host);\r\n    },\r\n  };\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\n\r\nexport const AnnotationSymbolSlot: FunctionalComponent = () => <slot name=\"symbool\" />;\r\n"],"names":[],"mappings":";;MAEa,2BAA2B,GAAwB,OAC9D,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,IAAA,EAAA,EAAA,oBAAA,CAElD;;ACHd,MAAM,SAAS,GAAG,IAAI,OAAO,EAAiC;AAExD,SAAU,OAAO,CAAC,IAAiB,EAAA;IACvC,OAAO;QACL,KAAK,GAAA;YACH,IAAI,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,IAAI,CAAC,QAAQ,EAAE;AACb,gBAAA,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;AACxD,gBAAA,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC;;YAG/B,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;SAC5C;QACD,UAAU,GAAA;YACR,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI;SACrD;QACD,OAAO,GAAA;YACL,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YACpC,IAAI,CAAC,QAAQ,EAAE;gBACb;;YAGF,QAAQ,CAAC,UAAU,EAAE;AACrB,YAAA,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;SACvB;KACF;AACH;;AC1BO,MAAM,oBAAoB,GAAwB,MAAM,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAA;;;;"}