@public-ui/components 1.3.1 → 1.3.3-rc.0

package/dist/kolibri/index-b76497e7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["root","definition","module","exports","log","this","noop","undefinedType","isIE","window","navigator","test","userAgent","logMethods","bindMethod","obj","methodName","method","bind","Function","prototype","call","e","apply","arguments","traceForIE","console","trace","realMethod","undefined","replaceLoggingMethods","level","loggerName","i","length","methodFactory","debug","enableLoggingWhenConsoleArrives","defaultMethodFactory","Logger","name","defaultLevel","factory","self","currentLevel","storageKey","persistLevelIfPossible","levelNum","levelName","toUpperCase","localStorage","ignore","document","cookie","encodeURIComponent","getPersistedLevel","storedLevel","location","indexOf","exec","slice","levels","clearPersistedLevel","removeItem","TRACE","DEBUG","INFO","WARN","ERROR","SILENT","getLevel","setLevel","persist","setDefaultLevel","resetLevel","enableAll","disableAll","initialLevel","defaultLogger","_loggersByName","getLogger","TypeError","logger","_log","noConflict","getLoggers","STORE","global","warrentyWarning","THEME_NAME_PATTERN","isThemeNameValid","validateThemeName","Error","patchThemeTag","themeName","tagName","css","warn","A11yUi","Themes","patchTheme","map","tagNames","Object","getOwnPropertyNames","forEach","cssStyle","getThemeNode","element","HTMLElement","dataset","theme","parentNode","ShadowRoot","host","getEncroachCss","themeEncroachCss","themeReset","mode","themeEncroachCssMode","isTheCurrentThemeConfigValid","Theme","cache","encroachCss","getThemeDetails","details","loglevel","themeNode","themeCache","themeLoglevel","CSS_PROPERTIES_REGISTERED","Set","CSS_STYLE_CACHE","Map","REGEX_CSS_PROPERTIES","REGEX_SPLIT_CSS_PROPERTY","extractProperties","properties","match","Array","isArray","filter","property","style","createElement","innerHTML","join","querySelector","appendChild","add","getCssStyle","replace","removeStyle","shadow","childNode","from","childNodes","HTMLStyleElement","removeChild","GLOBAL_A11Y_STYLE","patchStyle","styles","styleSheets","styleSheet","CSSStyleSheet","replaceSync","push","adoptedStyleSheets","reverse","styleElement","insertBefore","firstChild","minifyCss","cb","setThemeStyleAfterHydrated","elm","themeDetails","styleDisplay","shadowRoot","STYLES","get","has","switchStyle","GLOBAL_STYLE","TAG_STYLE","defaultStyleNodes","node","defaultStyleSheets","unshift","cssRules","rule","cssText","set","display","waitForHydrated","T","setTimeout","clearTimeout","STYLING_TASK_QUEUE","classList","contains","delete","observerCallback","mutationsList","mutation","target","observerOptions","attributes","attributeFilter","childList","subtree","observer","MutationObserver","setThemeStyle","observe"],"sources":["./node_modules/loglevel/lib/loglevel.js","./node_modules/@a11y-ui/core/dist/index.mjs"],"sourcesContent":["/*\n* loglevel - https://github.com/pimterry/loglevel\n*\n* Copyright (c) 2013 Tim Perry\n* Licensed under the MIT license.\n*/\n(function (root, definition) {\n    \"use strict\";\n    if (typeof define === 'function' && define.amd) {\n        define(definition);\n    } else if (typeof module === 'object' && module.exports) {\n        module.exports = definition();\n    } else {\n        root.log = definition();\n    }\n}(this, function () {\n    \"use strict\";\n\n    // Slightly dubious tricks to cut down minimized file size\n    var noop = function() {};\n    var undefinedType = \"undefined\";\n    var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (\n        /Trident\\/|MSIE /.test(window.navigator.userAgent)\n    );\n\n    var logMethods = [\n        \"trace\",\n        \"debug\",\n        \"info\",\n        \"warn\",\n        \"error\"\n    ];\n\n    // Cross-browser bind equivalent that works at least back to IE6\n    function bindMethod(obj, methodName) {\n        var method = obj[methodName];\n        if (typeof method.bind === 'function') {\n            return method.bind(obj);\n        } else {\n            try {\n                return Function.prototype.bind.call(method, obj);\n            } catch (e) {\n                // Missing bind shim or IE8 + Modernizr, fallback to wrapping\n                return function() {\n                    return Function.prototype.apply.apply(method, [obj, arguments]);\n                };\n            }\n        }\n    }\n\n    // Trace() doesn't print the message in IE, so for that case we need to wrap it\n    function traceForIE() {\n        if (console.log) {\n            if (console.log.apply) {\n                console.log.apply(console, arguments);\n            } else {\n                // In old IE, native console methods themselves don't have apply().\n                Function.prototype.apply.apply(console.log, [console, arguments]);\n            }\n        }\n        if (console.trace) console.trace();\n    }\n\n    // Build the best logging method possible for this env\n    // Wherever possible we want to bind, not wrap, to preserve stack traces\n    function realMethod(methodName) {\n        if (methodName === 'debug') {\n            methodName = 'log';\n        }\n\n        if (typeof console === undefinedType) {\n            return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives\n        } else if (methodName === 'trace' && isIE) {\n            return traceForIE;\n        } else if (console[methodName] !== undefined) {\n            return bindMethod(console, methodName);\n        } else if (console.log !== undefined) {\n            return bindMethod(console, 'log');\n        } else {\n            return noop;\n        }\n    }\n\n    // These private functions always need `this` to be set properly\n\n    function replaceLoggingMethods(level, loggerName) {\n        /*jshint validthis:true */\n        for (var i = 0; i < logMethods.length; i++) {\n            var methodName = logMethods[i];\n            this[methodName] = (i < level) ?\n                noop :\n                this.methodFactory(methodName, level, loggerName);\n        }\n\n        // Define log.log as an alias for log.debug\n        this.log = this.debug;\n    }\n\n    // In old IE versions, the console isn't present until you first open it.\n    // We build realMethod() replacements here that regenerate logging methods\n    function enableLoggingWhenConsoleArrives(methodName, level, loggerName) {\n        return function () {\n            if (typeof console !== undefinedType) {\n                replaceLoggingMethods.call(this, level, loggerName);\n                this[methodName].apply(this, arguments);\n            }\n        };\n    }\n\n    // By default, we use closely bound real methods wherever possible, and\n    // otherwise we wait for a console to appear, and then try again.\n    function defaultMethodFactory(methodName, level, loggerName) {\n        /*jshint validthis:true */\n        return realMethod(methodName) ||\n               enableLoggingWhenConsoleArrives.apply(this, arguments);\n    }\n\n    function Logger(name, defaultLevel, factory) {\n      var self = this;\n      var currentLevel;\n      defaultLevel = defaultLevel == null ? \"WARN\" : defaultLevel;\n\n      var storageKey = \"loglevel\";\n      if (typeof name === \"string\") {\n        storageKey += \":\" + name;\n      } else if (typeof name === \"symbol\") {\n        storageKey = undefined;\n      }\n\n      function persistLevelIfPossible(levelNum) {\n          var levelName = (logMethods[levelNum] || 'silent').toUpperCase();\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage[storageKey] = levelName;\n              return;\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=\" + levelName + \";\";\n          } catch (ignore) {}\n      }\n\n      function getPersistedLevel() {\n          var storedLevel;\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          try {\n              storedLevel = window.localStorage[storageKey];\n          } catch (ignore) {}\n\n          // Fallback to cookies if local storage gives us nothing\n          if (typeof storedLevel === undefinedType) {\n              try {\n                  var cookie = window.document.cookie;\n                  var location = cookie.indexOf(\n                      encodeURIComponent(storageKey) + \"=\");\n                  if (location !== -1) {\n                      storedLevel = /^([^;]+)/.exec(cookie.slice(location))[1];\n                  }\n              } catch (ignore) {}\n          }\n\n          // If the stored level is not valid, treat it as if nothing was stored.\n          if (self.levels[storedLevel] === undefined) {\n              storedLevel = undefined;\n          }\n\n          return storedLevel;\n      }\n\n      function clearPersistedLevel() {\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage.removeItem(storageKey);\n              return;\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=; expires=Thu, 01 Jan 1970 00:00:00 UTC\";\n          } catch (ignore) {}\n      }\n\n      /*\n       *\n       * Public logger API - see https://github.com/pimterry/loglevel for details\n       *\n       */\n\n      self.name = name;\n\n      self.levels = { \"TRACE\": 0, \"DEBUG\": 1, \"INFO\": 2, \"WARN\": 3,\n          \"ERROR\": 4, \"SILENT\": 5};\n\n      self.methodFactory = factory || defaultMethodFactory;\n\n      self.getLevel = function () {\n          return currentLevel;\n      };\n\n      self.setLevel = function (level, persist) {\n          if (typeof level === \"string\" && self.levels[level.toUpperCase()] !== undefined) {\n              level = self.levels[level.toUpperCase()];\n          }\n          if (typeof level === \"number\" && level >= 0 && level <= self.levels.SILENT) {\n              currentLevel = level;\n              if (persist !== false) {  // defaults to true\n                  persistLevelIfPossible(level);\n              }\n              replaceLoggingMethods.call(self, level, name);\n              if (typeof console === undefinedType && level < self.levels.SILENT) {\n                  return \"No console available for logging\";\n              }\n          } else {\n              throw \"log.setLevel() called with invalid level: \" + level;\n          }\n      };\n\n      self.setDefaultLevel = function (level) {\n          defaultLevel = level;\n          if (!getPersistedLevel()) {\n              self.setLevel(level, false);\n          }\n      };\n\n      self.resetLevel = function () {\n          self.setLevel(defaultLevel, false);\n          clearPersistedLevel();\n      };\n\n      self.enableAll = function(persist) {\n          self.setLevel(self.levels.TRACE, persist);\n      };\n\n      self.disableAll = function(persist) {\n          self.setLevel(self.levels.SILENT, persist);\n      };\n\n      // Initialize with the right level\n      var initialLevel = getPersistedLevel();\n      if (initialLevel == null) {\n          initialLevel = defaultLevel;\n      }\n      self.setLevel(initialLevel, false);\n    }\n\n    /*\n     *\n     * Top-level API\n     *\n     */\n\n    var defaultLogger = new Logger();\n\n    var _loggersByName = {};\n    defaultLogger.getLogger = function getLogger(name) {\n        if ((typeof name !== \"symbol\" && typeof name !== \"string\") || name === \"\") {\n          throw new TypeError(\"You must supply a name when creating a logger.\");\n        }\n\n        var logger = _loggersByName[name];\n        if (!logger) {\n          logger = _loggersByName[name] = new Logger(\n            name, defaultLogger.getLevel(), defaultLogger.methodFactory);\n        }\n        return logger;\n    };\n\n    // Grab the current global log variable in case of overwrite\n    var _log = (typeof window !== undefinedType) ? window.log : undefined;\n    defaultLogger.noConflict = function() {\n        if (typeof window !== undefinedType &&\n               window.log === defaultLogger) {\n            window.log = _log;\n        }\n\n        return defaultLogger;\n    };\n\n    defaultLogger.getLoggers = function getLoggers() {\n        return _loggersByName;\n    };\n\n    // ES6 default export, for compatibility\n    defaultLogger['default'] = defaultLogger;\n\n    return defaultLogger;\n}));\n","import log from 'loglevel';\n\nconst createTranslation = (name, map) => {\n  return (patch) => patch(name, map);\n};\n\nconst createTheme = (name, map) => {\n  return (patch) => patch(name, map);\n};\n\nconst STORE = typeof window === \"object\" ? window : typeof global === \"object\" ? global : typeof self === \"object\" ? self : {};\n\nlet lockThemePatching = true;\nlet warrentyWarning = false;\nconst THEME_NAME_PATTERN = /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/;\nconst isThemeNameValid = (name) => {\n  return typeof name === \"string\" && THEME_NAME_PATTERN.test(name);\n};\nconst validateThemeName = (name) => {\n  if (isThemeNameValid(name) === false) {\n    throw new Error(\n      `[Theming] The theme identifier \"${typeof name === \"string\" ? name : \"\"}\" (Type: ${typeof name}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`\n    );\n  }\n};\nconst patchThemeTag = (themeName, tagName, css) => {\n  validateThemeName(themeName);\n  if (lockThemePatching === true && warrentyWarning === false) {\n    warrentyWarning = true;\n    log.warn(\n      `[Theming] The theme process is locked. This means that the theme \"${themeName}\" should not be patched.\n\nimport { register } from '@a11y-ui/core';\nimport { defineCustomElements } from '...';\nimport { THEME } from '...';\n\nregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\tconst htmlDivElement: HTMLElement | null = document.querySelector<HTMLElement>('#my-app');\n    if (htmlDivElement instanceof HTMLElement) {\n      const root = createRoot(htmlDivElement);\n      root.render(<App />);\n    }\n  })\n  .catch(console.warn);`\n    );\n  }\n  if (typeof STORE.A11yUi !== \"object\" || STORE.A11yUi === null) {\n    STORE.A11yUi = {};\n  }\n  if (typeof STORE.A11yUi === \"object\" && STORE.A11yUi !== null && (typeof STORE.A11yUi.Themes !== \"object\" || STORE.A11yUi.Themes === null)) {\n    STORE.A11yUi.Themes = {};\n  }\n  if (typeof STORE.A11yUi === \"object\" && STORE.A11yUi !== null && typeof STORE.A11yUi.Themes === \"object\" && STORE.A11yUi.Themes !== null && (typeof STORE.A11yUi.Themes[themeName] !== \"object\" || STORE.A11yUi.Themes[themeName] === null)) {\n    STORE.A11yUi.Themes[themeName] = {};\n  }\n  if (typeof STORE.A11yUi === \"object\" && STORE.A11yUi !== null && typeof STORE.A11yUi.Themes === \"object\" && STORE.A11yUi.Themes !== null && typeof STORE.A11yUi.Themes[themeName] === \"object\" && STORE.A11yUi.Themes[themeName] !== null) {\n    STORE.A11yUi.Themes[themeName][tagName] = css;\n  }\n};\nconst patchTheme = (name, map) => {\n  validateThemeName(name);\n  if (typeof map === \"object\" && map !== null) {\n    const tagNames = Object.getOwnPropertyNames(map);\n    tagNames.forEach((tagName) => {\n      const cssStyle = map[tagName];\n      if (typeof cssStyle === \"string\" && cssStyle.length > 0) {\n        patchThemeTag(name, tagName, cssStyle);\n      }\n    });\n  }\n  return name;\n};\nconst getThemeNode = (element) => {\n  if (element instanceof HTMLElement) {\n    if (typeof element.dataset.theme === \"string\") {\n      return element;\n    } else {\n      let parentNode = element.parentNode;\n      while (parentNode instanceof ShadowRoot) {\n        parentNode = parentNode.host;\n      }\n      return getThemeNode(parentNode);\n    }\n  } else {\n    return null;\n  }\n};\nconst getEncroachCss = (dataset = {}) => {\n  if (dataset.themeEncroachCss === \"false\" || dataset.themeReset === \"true\") {\n    return false;\n  } else {\n    return {\n      mode: dataset.themeEncroachCssMode === \"after\" || dataset.themeEncroachCssMode === \"before\" ? dataset.themeEncroachCssMode : \"before\"\n    };\n  }\n};\nconst isTheCurrentThemeConfigValid = () => typeof STORE.A11yUi === \"object\" && STORE.A11yUi !== null && typeof STORE.A11yUi.Theme === \"object\" && STORE.A11yUi.Theme !== null && typeof STORE.A11yUi.Theme.cache === \"boolean\" && typeof STORE.A11yUi.Theme.encroachCss === \"object\" && typeof STORE.A11yUi.Theme.encroachCss !== null && typeof STORE.A11yUi.Theme.encroachCss.mode === \"string\" && typeof STORE.A11yUi.Theme.name === \"string\";\nconst getThemeDetails = (element) => {\n  if (isTheCurrentThemeConfigValid()) {\n    return STORE.A11yUi.Theme;\n  } else {\n    const details = {\n      cache: true,\n      encroachCss: getEncroachCss(),\n      loglevel: \"silent\",\n      name: null\n    };\n    const themeNode = getThemeNode(element);\n    if (themeNode instanceof HTMLElement) {\n      details.cache = themeNode.dataset.themeCache !== \"false\";\n      details.encroachCss = getEncroachCss(themeNode.dataset);\n      details.loglevel = themeNode.dataset.themeLoglevel === \"debug\" ? themeNode.dataset.themeLoglevel : \"silent\";\n      details.name = themeNode.dataset.theme || null;\n    }\n    return details;\n  }\n};\nconst getTheme = (element) => {\n  return getThemeDetails(element).name;\n};\nconst getThemeOptionDefaults = (themeName, options) => {\n  return {\n    cache: options.cache !== false,\n    // default: true\n    detect: options.detect === \"auto\" ? \"auto\" : \"fixed\",\n    // default: 'fixed'\n    encroachCss: options.encroachCss === false ? false : typeof options.encroachCss === \"object\" && options.encroachCss != null && (options.encroachCss.mode === \"after\" || options.encroachCss.mode === \"before\") ? options.encroachCss : {\n      mode: \"before\"\n      // default: 'before'\n    },\n    loglevel: options.loglevel === \"debug\" ? options.loglevel : \"silent\",\n    // default: 'silent'\n    name: typeof options.name === \"string\" ? options.name : themeName\n    // default: themeName\n  };\n};\nconst setConfigureTheme = (themeName, options) => {\n  if (isTheCurrentThemeConfigValid() === false) {\n    if (\n      // Die Options müssen ein Objekt sein.\n      typeof options === \"object\" && options !== null\n    ) {\n      options = getThemeOptionDefaults(themeName, options);\n      if (\n        /**\n         * The presetting of theme options is only relevant by using 'fixed'\n         * detection mode.\n         */\n        options.detect === \"fixed\"\n      ) {\n        if (options.name === null && typeof themeName === \"string\") {\n          options.name = themeName;\n        }\n        if (\n          /**\n           * Wenn mehrere Themes geladen werden, dann wird nur der Theme-Name gesetzt,\n           * der mit dem Name eines Themes übereinstimmt.\n           */\n          themeName === options.name\n        ) {\n          if (typeof STORE.A11yUi !== \"object\" || STORE.A11yUi === null) {\n            STORE.A11yUi = {};\n          }\n          STORE.A11yUi.Theme = options;\n          log.info(`[Theming] Theme \"${themeName}\" was set as default theme.`);\n        }\n      } else {\n        log.warn(`[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.`);\n      }\n    }\n  }\n};\nlet registered = false;\nconst register = (themes, loaders, options = {}) => {\n  if (registered === false) {\n    registered = true;\n    lockThemePatching = false;\n  }\n  if (typeof themes === \"function\") {\n    themes = /* @__PURE__ */ new Set([themes]);\n  } else if (Array.isArray(themes)) {\n    themes = new Set(themes);\n  }\n  if (themes instanceof Set) {\n    themes.forEach((theme) => {\n      if (typeof theme === \"function\" && theme.length === 1) {\n        setConfigureTheme(theme(patchTheme), {\n          cache: options.theme?.cache,\n          detect: options.theme?.detect,\n          encroachCss: options.theme?.encroachCss,\n          name: options.theme?.name\n        });\n      } else {\n        log.error(`[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.`);\n      }\n    });\n  }\n  lockThemePatching = true;\n  if (typeof loaders === \"function\") {\n    loaders = /* @__PURE__ */ new Set([loaders]);\n  } else if (Array.isArray(loaders)) {\n    loaders = new Set(loaders);\n  }\n  const promises = [];\n  loaders.forEach((loader) => promises.push(loader()));\n  return Promise.all(promises);\n};\n\nconst _RobustStore = class {\n  constructor(object, identifier) {\n    this.store = this.createStore(object, identifier);\n  }\n  static getInstance(identifier, object) {\n    let instance = _RobustStore.instances.get(identifier);\n    if (instance === void 0) {\n      instance = new _RobustStore(object, identifier);\n      _RobustStore.instances.set(identifier, instance);\n    }\n    return instance;\n  }\n  createStore(object, identifier) {\n    Object.defineProperty(object, identifier, {\n      enumerable: false,\n      value: {},\n      writable: false\n    });\n    return object[identifier];\n  }\n  recursiveSetItem(store, key, value, options = _RobustStore.options) {\n    let storeValue = typeof value === \"object\" && value !== null ? {} : value;\n    Object.defineProperty(store, key, {\n      enumerable: options.enumerable === true,\n      get: () => storeValue,\n      /**\n       * Die set Methode muss eigentlich ein this.recursiveSetItem aufrufen.\n       */\n      set: options.immutable === true ? void 0 : (value2) => storeValue = value2\n    });\n    if (typeof value === \"object\" && value !== null) {\n      for (const [k, v] of Object.entries(value)) {\n        this.recursiveSetItem(store[key], k, v, options);\n      }\n    }\n  }\n  setItem(key, value, options = _RobustStore.options) {\n    this.recursiveSetItem(this.store, key, value, options);\n    return this;\n  }\n  getItem(key) {\n    if (Array.isArray(key)) {\n      return key.map((k) => this.getItem(k));\n    }\n    return this.store[key];\n  }\n};\nlet RobustStore = _RobustStore;\nRobustStore.options = {\n  enumerable: false,\n  immutable: false\n};\nRobustStore.instances = /* @__PURE__ */ new Map();\n\nconst CSS_PROPERTIES_REGISTERED = /* @__PURE__ */ new Set();\nconst CSS_STYLE_CACHE = /* @__PURE__ */ new Map();\nconst REGEX_CSS_PROPERTIES = /--[^;]+/g;\nconst REGEX_SPLIT_CSS_PROPERTY = /:/;\nconst extractProperties = (themeName, css) => {\n  let properties = css.match(REGEX_CSS_PROPERTIES);\n  if (Array.isArray(properties)) {\n    properties = properties.filter((property) => REGEX_SPLIT_CSS_PROPERTY.test(property));\n    const style = document.createElement(\"style\");\n    style.innerHTML = `.${themeName} {${properties.join(\";\")}}`;\n    document.querySelector(\"head\")?.appendChild(style);\n  }\n  CSS_PROPERTIES_REGISTERED.add(themeName);\n};\nconst getCssStyle = (themeName, tagName) => {\n  if (\n    /**\n     * Search custom StyleSheet in Config\n     * TODO: Performance???\n     */\n    typeof STORE.A11yUi === \"object\" && STORE.A11yUi !== null && typeof STORE.A11yUi.Themes === \"object\" && STORE.A11yUi.Themes !== null && typeof STORE.A11yUi.Themes[themeName] === \"object\" && STORE.A11yUi.Themes[themeName] !== null && typeof STORE.A11yUi.Themes[themeName][tagName] === \"string\"\n  ) {\n    return STORE.A11yUi.Themes[themeName][tagName].replace(\n      /\\r?\\n/g,\n      \"\"\n    );\n  } else {\n    return \"\";\n  }\n};\nconst removeStyle = (shadow) => {\n  for (const childNode of Array.from(shadow.childNodes)) {\n    if (childNode instanceof HTMLStyleElement && childNode.tagName === \"STYLE\") {\n      shadow.removeChild(childNode);\n    } else {\n      break;\n    }\n  }\n};\nconst GLOBAL_A11Y_STYLE = `* {\n  hyphens: auto;\n  letter-spacing: inherit;\n  word-break: break-word;\n  word-spacing: inherit;\n}`.replace(/\\r?\\n/g, \"\");\nconst patchStyle = (shadow, styles) => {\n  try {\n    const styleSheets = [];\n    styles.forEach((style) => {\n      const styleSheet = new CSSStyleSheet();\n      styleSheet.replaceSync(style);\n      styleSheets.push(styleSheet);\n    });\n    shadow.adoptedStyleSheets = styleSheets;\n  } catch (e) {\n    styles.reverse().forEach((style) => {\n      const styleElement = document.createElement(\"style\");\n      styleElement.innerHTML = style;\n      shadow.insertBefore(styleElement, shadow.firstChild);\n    });\n  }\n};\nconst minifyCss = (styles, cb) => {\n  cb(styles);\n};\nconst setThemeStyleAfterHydrated = (elm, themeDetails, styleDisplay) => {\n  const themeCache = themeDetails.cache;\n  const themeEncroachCss = themeDetails.encroachCss;\n  const themeName = themeDetails.name || \"default\";\n  const shadow = elm.shadowRoot;\n  let STYLES;\n  if (CSS_STYLE_CACHE.get(themeName)?.has(elm.tagName)) {\n    STYLES = CSS_STYLE_CACHE.get(themeName)?.get(elm.tagName);\n    switchStyle(elm, shadow, STYLES, styleDisplay);\n  } else {\n    const GLOBAL_STYLE = getCssStyle(themeName, \"GLOBAL\");\n    const TAG_STYLE = getCssStyle(themeName, elm.tagName);\n    if (CSS_PROPERTIES_REGISTERED.has(themeName) === false) {\n      extractProperties(themeName, GLOBAL_STYLE);\n    }\n    STYLES = [GLOBAL_STYLE, TAG_STYLE];\n    if (themeEncroachCss !== false) {\n      const defaultStyleNodes = [\n        ...Array.from(shadow.childNodes).filter((node) => node instanceof HTMLStyleElement && node.tagName === \"STYLE\")\n      ];\n      const defaultStyleSheets = [...Array.from(shadow.adoptedStyleSheets)];\n      if (themeEncroachCss?.mode === \"before\") {\n        defaultStyleNodes.reverse().forEach((style) => STYLES.unshift(style.innerHTML));\n        defaultStyleSheets.reverse().forEach(\n          (style) => STYLES.unshift(\n            Array.from(style.cssRules).map((rule) => rule.cssText).join(\"\")\n          )\n        );\n      } else if (themeEncroachCss?.mode === \"after\") {\n        defaultStyleNodes.forEach((style) => STYLES.push(style.innerHTML));\n        defaultStyleSheets.forEach(\n          (style) => STYLES.push(\n            Array.from(style.cssRules).map((rule) => rule.cssText).join(\"\")\n          )\n        );\n      }\n    }\n    STYLES.unshift(GLOBAL_A11Y_STYLE);\n    minifyCss(STYLES, (styles) => {\n      if (themeDetails.loglevel === \"debug\") {\n        console.log(elm.tagName, styles);\n      }\n      if (themeCache === true) {\n        if (CSS_STYLE_CACHE.has(themeName) === false) {\n          CSS_STYLE_CACHE.set(themeName, /* @__PURE__ */ new Map());\n        }\n        CSS_STYLE_CACHE.get(themeName)?.set(elm.tagName, styles);\n      }\n      switchStyle(elm, shadow, styles, styleDisplay);\n    });\n  }\n};\nconst switchStyle = (elm, shadow, styles, styleDisplay) => {\n  removeStyle(shadow);\n  patchStyle(shadow, styles);\n  elm.style.display = styleDisplay;\n};\nconst waitForHydrated = (elm) => {\n  const T = setTimeout(() => {\n    clearTimeout(T);\n    if (STYLING_TASK_QUEUE.has(elm) && elm.classList.contains(\"hydrated\")) {\n      const { styleDisplay, themeDetails } = STYLING_TASK_QUEUE.get(elm);\n      setThemeStyleAfterHydrated(elm, themeDetails, styleDisplay);\n      STYLING_TASK_QUEUE.delete(elm);\n    } else {\n      waitForHydrated(elm);\n    }\n  }, 25);\n};\nconst observerCallback = (mutationsList) => {\n  for (const mutation of mutationsList) {\n    if (\n      /**\n       * Save by observer config\n       */\n      // mutation.type === 'attributes' &&\n      // mutation.attributeName === 'class' &&\n      /**\n       * Implizit check for HTMLElement\n       */\n      // mutation.target &&\n      STYLING_TASK_QUEUE.has(mutation.target) && mutation.target.classList.contains(\"hydrated\")\n    ) {\n      const { styleDisplay, themeDetails } = STYLING_TASK_QUEUE.get(mutation.target);\n      setThemeStyleAfterHydrated(mutation.target, themeDetails, styleDisplay);\n      STYLING_TASK_QUEUE.delete(mutation.target);\n    }\n  }\n};\nconst observerOptions = {\n  attributes: true,\n  attributeFilter: [\"class\"],\n  childList: false,\n  subtree: false\n};\nlet observer;\ntry {\n  new MutationObserver(observerCallback);\n} catch (e) {\n  observer = null;\n}\nconst STYLING_TASK_QUEUE = /* @__PURE__ */ new Map();\nconst setThemeStyle = (elm, themeDetails) => {\n  STYLING_TASK_QUEUE.set(elm, {\n    /**\n     * Das Element soll solange nicht sichtbar bleiben\n     * bis der Style im DOM gesetzt ist.\n     */\n    styleDisplay: `${elm.style.display}`,\n    themeDetails\n  });\n  if (observer) {\n    observer.observe(elm, observerOptions);\n  } else {\n    waitForHydrated(elm);\n  }\n  elm.style.display = \"none\";\n};\n\nclass Theme {\n  constructor(prefix, keyEnum, tagEnum) {\n    this.createTheme = (name, map) => createTheme(name, map);\n    this.createTranslation = (name, map) => createTranslation(name, map);\n    this.Prefix = prefix;\n    this.Key = Object.getOwnPropertyNames(keyEnum);\n    this.Tag = Object.getOwnPropertyNames(tagEnum);\n  }\n}\n\nexport { RobustStore, STORE, Theme, getTheme, getThemeDetails, patchTheme, patchThemeTag, register, setThemeStyle };\n"],"mappings":"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"}

package/dist/kolibri/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-fe1f3789.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-daaf2f39.js";export{K as KoliBriDevHelper}from"./prop.validators-ceeab1fe.js";export{t as translations}from"./i18n-640debcf.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";
+export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-fe1f3789.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-daaf2f39.js";export{K as KoliBriDevHelper}from"./prop.validators-59bc26b2.js";export{t as translations}from"./i18n-a72949f4.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";

package/dist/kolibri/kol-abbr.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as e}from"./index-0dce65d2.js";import{w as o}from"./button-link-e6d7d116.js";import{n as s}from"./dev.utils-daaf2f39.js";import{w as l}from"./prop.validators-ceeab1fe.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";const a="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}:host abbr{cursor:help}",n=class{constructor(i){t(this,i),this.nonce=s(),this._tooltipAlign="top",this._title=void 0,this.state={_title:"",_tooltipAlign:"top"}}render(){return i(e,null,i("abbr",{"aria-labelledby":this.nonce,role:"definition",title:this.state._title},i("span",{title:""},i("slot",null))),i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._title}))}validateTitle(t){l(this,"_title",t,{required:!0})}validateTooltipAlign(t){o(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};n.style={default:a};export{n as kol_abbr};
+import{r as t,h as i,H as o}from"./index-0dce65d2.js";import{w as e}from"./button-link-19f5259b.js";import{n as s}from"./dev.utils-daaf2f39.js";import{w as l}from"./prop.validators-59bc26b2.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";const n="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}:host abbr{cursor:help}",a=class{constructor(i){t(this,i),this.nonce=s(),this._tooltipAlign="top",this._title=void 0,this.state={_title:"",_tooltipAlign:"top"}}render(){return i(o,null,i("abbr",{"aria-labelledby":this.nonce,role:"definition",title:this.state._title},i("span",{title:""},i("slot",null))),i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._title}))}validateTitle(t){l(this,"_title",t,{required:!0})}validateTooltipAlign(t){e(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};a.style={default:n};export{a as kol_abbr};

package/dist/kolibri/kol-accordion.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t}from"./index-0dce65d2.js";import{f as n}from"./a11y.tipps-ff5a1a99.js";import{w as s,s as o,b as a}from"./prop.validators-ceeab1fe.js";import{w as l}from"./validation-819f310a.js";import"./dev.utils-daaf2f39.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";const r="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}";n("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),n("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const d=class{constructor(e){i(this,e),this.catchAriaExpanded=e=>{e instanceof HTMLButtonElement&&(this.buttonRef=e)},this.triggerAriaExpanded=e=>{e.setAttribute("aria-expanded",this.state._open?"true":"false")},this.onClick=e=>{this._open=!1===this._open;const t=setTimeout((()=>{var i;clearTimeout(t),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(e,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))},this._heading=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_heading:"⚠",_level:1}}render(){return e(t,null,e("div",{part:"accordion "+(this.state._open?"open":"close")},e("kol-heading-wc",{_level:this.state._level},e("button",{ref:this.catchAriaExpanded,onClick:this.onClick},e("kol-icon",{_ariaLabel:"",_icon:this.state._open?"fa-solid fa-minus":"fa-solid fa-plus",_part:this.state._open?"close":"open"}),e("span",null,this.state._heading))),e("div",{part:"header"},e("slot",{name:"header"})),e("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},e("slot",{name:"content"}))))}validateHeading(e){s(this,"_heading",e,{required:!0})}validateLevel(e){l(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&o(this,"_on",e)}validateOpen(e){a(this,"_open",e)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};d.style={default:r};export{d as kol_accordion};
+import{r as i,h as e,H as t}from"./index-0dce65d2.js";import{f as n}from"./a11y.tipps-ff5a1a99.js";import{w as s,s as o,b as a}from"./prop.validators-59bc26b2.js";import{w as l}from"./validation-51e063b4.js";import"./dev.utils-daaf2f39.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";const r="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}";n("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),n("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const d=class{constructor(e){i(this,e),this.catchAriaExpanded=e=>{e instanceof HTMLButtonElement&&(this.buttonRef=e,this.triggerAriaExpanded(e))},this.triggerAriaExpanded=e=>{e.setAttribute("aria-expanded",this.state._open?"true":"false")},this.onClick=e=>{this._open=!1===this._open;const t=setTimeout((()=>{var i;clearTimeout(t),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(e,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))},this._heading=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_heading:"⚠",_level:1}}render(){return e(t,null,e("div",{part:"accordion "+(this.state._open?"open":"close")},e("kol-heading-wc",{_level:this.state._level},e("button",{ref:this.catchAriaExpanded,onClick:this.onClick},e("kol-icon",{_ariaLabel:"",_icon:this.state._open?"fa-solid fa-minus":"fa-solid fa-plus",_part:this.state._open?"close":"open"}),e("span",null,this.state._heading))),e("div",{part:"header"},e("slot",{name:"header"})),e("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},e("slot",{name:"content"}))))}validateHeading(e){s(this,"_heading",e,{required:!0})}validateLevel(e){l(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&o(this,"_on",e)}validateOpen(e){a(this,"_open",e)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};d.style={default:r};export{d as kol_accordion};

package/dist/kolibri/kol-accordion.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","featureHint","KolAccordion","this","catchAriaExpanded","button","HTMLButtonElement","buttonRef","triggerAriaExpanded","setAttribute","state","_open","onClick","event","timeout","setTimeout","clearTimeout","_a","_on","_heading","_level","render","h","Host","part","ref","_ariaLabel","_icon","_part","name","style","display","height","visibility","undefined","validateHeading","value","watchString","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","watchBoolean","componentWillLoad"],"sources":["./src/components/style.sass?tag=kol-accordion&mode=default&encapsulation=shadow","./src/components/accordion/component.tsx"],"sourcesContent":["@windicss\n\n*\n\tbox-sizing: border-box\n\tfont-size: inherit\n\thyphens: auto\n\tletter-spacing: inherit\n\tword-break: break-word\n\tword-spacing: inherit\n\nkol-heading-wc\n\tfont-weight: 700\n\nkol-icon\n\tcolor: inherit\n\nkol-span-wc\n\tdisplay: grid\n\tplace-items: center\n\twidth: 100%\n\n\t> span\n\t\tdisplay: flex\n\t\tgap: 0.25rem\n\t\tplace-items: center\n\na,\nbutton\n\tcursor: pointer\n\n\t&.icon-only\n\n\t\t> kol-span-wc\n\n\t\t\t> span\n\n\t\t\t\t> span\n\t\t\t\t\tdisplay: none\n\na\n\tdisplay: inline-flex\n\tplace-items: baseline\n\nbutton\n\tborder-width: 0\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { Generic } from '@a11y-ui/core';\nimport { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\nimport { Events } from '../../enums/events';\n\nimport { EventValueCallback } from '../../types/callbacks';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\nexport type KoliBriAccordionCallbacks = {\n\t[Events.onClick]?: EventValueCallback<Event, boolean>;\n};\n\n/**\n * API\n */\ntype RequiredProps = {\n\theading: string;\n};\ntype OptionalProps = {\n\tlevel: HeadingLevel;\n\topen: boolean;\n\ton: KoliBriAccordionCallbacks;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n/**\n * @part accordion - Ermöglicht das Stylen des äußeren Container des Accordions.\n * @part open - Ermöglicht das Stylen des geöffneten Zustands und Icons.\n * @part close - Ermöglicht das Stylen des geschlossenen Zustands und Icons.\n * @part icon - Ermöglicht das Stylen der Icons.\n * @part header - Ermöglicht das Stylen des Kopfbereichs.\n * @part content - Ermöglicht das Stylen des Inhaltsbereichs.\n *\n * @slot header - Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate buttonRef?: HTMLButtonElement;\n\t// private content?: HTMLDivElement;\n\n\tprivate catchAriaExpanded = (button?: HTMLButtonElement) => {\n\t\tif (button instanceof HTMLButtonElement) {\n\t\t\tthis.buttonRef = button;\n\t\t}\n\t};\n\tprivate triggerAriaExpanded = (button: HTMLButtonElement) => {\n\t\tbutton.setAttribute('aria-expanded', this.state._open ? 'true' : 'false');\n\t};\n\n\tpublic render(): JSX.Element {\n\t\t// const height = this.content?.getBoundingClientRect().height ?? 0;\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div part={`accordion ${this.state._open ? 'open' : 'close'}`}>\n\t\t\t\t\t<kol-heading-wc _level={this.state._level}>\n\t\t\t\t\t\t<button ref={this.catchAriaExpanded} onClick={this.onClick}>\n\t\t\t\t\t\t\t<kol-icon _ariaLabel=\"\" _icon={this.state._open ? 'fa-solid fa-minus' : 'fa-solid fa-plus'} _part={this.state._open ? 'close' : 'open'} />\n\t\t\t\t\t\t\t<span>{this.state._heading}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</kol-heading-wc>\n\t\t\t\t\t<div part=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tpart=\"content\"\n\t\t\t\t\t\t// ref={(r) => (this.content = r)}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tthis.state._open === false\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t\t\t\theight: '0',\n\t\t\t\t\t\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// style={\n\t\t\t\t\t\t// \tthis.state._open\n\t\t\t\t\t\t// \t\t? height > 0 && process.env.NODE_ENV !== 'test' // TODO: remove this check when testing is fixed\n\t\t\t\t\t\t// \t\t\t? {\n\t\t\t\t\t\t// \t\t\t\theight: `${height}px`,\n\t\t\t\t\t\t// \t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\t}\n\t\t\t\t\t\t// \t\t\t: undefined\n\t\t\t\t\t\t// \t\t: {\n\t\t\t\t\t\t// \t\t\theight: '0',\n\t\t\t\t\t\t// \t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// }\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt die Überschrift des Accordions an.\n\t */\n\t@Prop() public _heading!: string;\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * Gibt an, ob das Accordion geöffnet ist.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_heading: '⚠',\n\t\t_level: 1,\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\twatchString(this, '_heading', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\twatchBoolean(this, '_open', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHeading(this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = this._open === false;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t\tif (this.buttonRef instanceof HTMLButtonElement) {\n\t\t\t\tthis.triggerAriaExpanded(this.buttonRef);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;0SAAA,MAAMA,EAAkB,geCYxBC,EAAY,+OAKZA,EAAY,mE,MAyCCC,EAAY,M,yBAIhBC,KAAAC,kBAAqBC,IAC5B,GAAIA,aAAkBC,kBAAmB,CACxCH,KAAKI,UAAYF,C,GAGXF,KAAAK,oBAAuBH,IAC9BA,EAAOI,aAAa,gBAAiBN,KAAKO,MAAMC,MAAQ,OAAS,QAAQ,EA6HlER,KAAAS,QAAWC,IAClBV,KAAKQ,MAAQR,KAAKQ,QAAU,MAQ5B,MAAMG,EAAUC,YAAW,K,MAC1BC,aAAaF,GACb,WAAWG,EAAAd,KAAKO,MAAMQ,OAAG,MAAAD,SAAA,SAAAA,EAAEL,WAAY,WAAY,CAClDT,KAAKO,MAAMQ,IAAIN,QAAQC,EAAOV,KAAKQ,QAAU,K,CAE9C,GAAIR,KAAKI,qBAAqBD,kBAAmB,CAChDH,KAAKK,oBAAoBL,KAAKI,U,IAE9B,E,oCAnFoC,E,8BAU0B,M,WAKjC,CAC/BY,SAAU,IACVC,OAAQ,E,CAzEFC,SAEN,OACCC,EAACC,EAAI,KACJD,EAAA,OAAKE,KAAM,aAAarB,KAAKO,MAAMC,MAAQ,OAAS,WACnDW,EAAA,kBAAgBF,OAAQjB,KAAKO,MAAMU,QAClCE,EAAA,UAAQG,IAAKtB,KAAKC,kBAAmBQ,QAAST,KAAKS,SAClDU,EAAA,YAAUI,WAAW,GAAGC,MAAOxB,KAAKO,MAAMC,MAAQ,oBAAsB,mBAAoBiB,MAAOzB,KAAKO,MAAMC,MAAQ,QAAU,SAChIW,EAAA,YAAOnB,KAAKO,MAAMS,YAGpBG,EAAA,OAAKE,KAAK,UACTF,EAAA,QAAMO,KAAK,YAEZP,EAAA,OACCE,KAAK,UAELM,MACC3B,KAAKO,MAAMC,QAAU,MAClB,CACAoB,QAAS,OACTC,OAAQ,IACRC,WAAY,UAEZC,WAiBJZ,EAAA,QAAMO,KAAK,c,CAuCTM,gBAAgBC,GACtBC,EAAYlC,KAAM,WAAYiC,EAAO,CACpCE,SAAU,M,CAQLC,cAAcH,GACpBI,EAAkBrC,KAAMiC,E,CAOlBK,WAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAMxB,UAAY,WAAY,CACvF8B,EAASvC,KAAM,MAAOiC,E,EAQjBO,aAAaP,GACnBQ,EAAazC,KAAM,QAASiC,E,CAMtBS,oBACN1C,KAAKgC,gBAAgBhC,KAAKgB,UAC1BhB,KAAKoC,cAAcpC,KAAKiB,QACxBjB,KAAKsC,WAAWtC,KAAKe,KACrBf,KAAKwC,aAAaxC,KAAKQ,M"}
+{"version":3,"names":["defaultStyleCss","featureHint","KolAccordion","this","catchAriaExpanded","button","HTMLButtonElement","buttonRef","triggerAriaExpanded","setAttribute","state","_open","onClick","event","timeout","setTimeout","clearTimeout","_a","_on","_heading","_level","render","h","Host","part","ref","_ariaLabel","_icon","_part","name","style","display","height","visibility","undefined","validateHeading","value","watchString","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","watchBoolean","componentWillLoad"],"sources":["./src/components/style.sass?tag=kol-accordion&mode=default&encapsulation=shadow","./src/components/accordion/component.tsx"],"sourcesContent":["@windicss\n\n*\n\tbox-sizing: border-box\n\tfont-size: inherit\n\thyphens: auto\n\tletter-spacing: inherit\n\tword-break: break-word\n\tword-spacing: inherit\n\nkol-heading-wc\n\tfont-weight: 700\n\nkol-icon\n\tcolor: inherit\n\nkol-span-wc\n\tdisplay: grid\n\tplace-items: center\n\twidth: 100%\n\n\t> span\n\t\tdisplay: flex\n\t\tgap: 0.25rem\n\t\tplace-items: center\n\na,\nbutton\n\tcursor: pointer\n\n\t&.icon-only\n\n\t\t> kol-span-wc\n\n\t\t\t> span\n\n\t\t\t\t> span\n\t\t\t\t\tdisplay: none\n\na\n\tdisplay: inline-flex\n\tplace-items: baseline\n\nbutton\n\tborder-width: 0\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { Generic } from '@a11y-ui/core';\nimport { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\nimport { Events } from '../../enums/events';\n\nimport { EventValueCallback } from '../../types/callbacks';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\nexport type KoliBriAccordionCallbacks = {\n\t[Events.onClick]?: EventValueCallback<Event, boolean>;\n};\n\n/**\n * API\n */\ntype RequiredProps = {\n\theading: string;\n};\ntype OptionalProps = {\n\tlevel: HeadingLevel;\n\topen: boolean;\n\ton: KoliBriAccordionCallbacks;\n};\nexport type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps;\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n/**\n * @part accordion - Ermöglicht das Stylen des äußeren Container des Accordions.\n * @part open - Ermöglicht das Stylen des geöffneten Zustands und Icons.\n * @part close - Ermöglicht das Stylen des geschlossenen Zustands und Icons.\n * @part icon - Ermöglicht das Stylen der Icons.\n * @part header - Ermöglicht das Stylen des Kopfbereichs.\n * @part content - Ermöglicht das Stylen des Inhaltsbereichs.\n *\n * @slot header - Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: '../style.sass',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\tprivate buttonRef?: HTMLButtonElement;\n\t// private content?: HTMLDivElement;\n\n\tprivate catchAriaExpanded = (button?: HTMLButtonElement) => {\n\t\tif (button instanceof HTMLButtonElement) {\n\t\t\tthis.buttonRef = button;\n\t\t\tthis.triggerAriaExpanded(button);\n\t\t}\n\t};\n\tprivate triggerAriaExpanded = (button: HTMLButtonElement) => {\n\t\tbutton.setAttribute('aria-expanded', this.state._open ? 'true' : 'false');\n\t};\n\n\tpublic render(): JSX.Element {\n\t\t// const height = this.content?.getBoundingClientRect().height ?? 0;\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div part={`accordion ${this.state._open ? 'open' : 'close'}`}>\n\t\t\t\t\t<kol-heading-wc _level={this.state._level}>\n\t\t\t\t\t\t<button ref={this.catchAriaExpanded} onClick={this.onClick}>\n\t\t\t\t\t\t\t<kol-icon _ariaLabel=\"\" _icon={this.state._open ? 'fa-solid fa-minus' : 'fa-solid fa-plus'} _part={this.state._open ? 'close' : 'open'} />\n\t\t\t\t\t\t\t<span>{this.state._heading}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</kol-heading-wc>\n\t\t\t\t\t<div part=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tpart=\"content\"\n\t\t\t\t\t\t// ref={(r) => (this.content = r)}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tthis.state._open === false\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tdisplay: 'none',\n\t\t\t\t\t\t\t\t\t\theight: '0',\n\t\t\t\t\t\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// style={\n\t\t\t\t\t\t// \tthis.state._open\n\t\t\t\t\t\t// \t\t? height > 0 && process.env.NODE_ENV !== 'test' // TODO: remove this check when testing is fixed\n\t\t\t\t\t\t// \t\t\t? {\n\t\t\t\t\t\t// \t\t\t\theight: `${height}px`,\n\t\t\t\t\t\t// \t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\t}\n\t\t\t\t\t\t// \t\t\t: undefined\n\t\t\t\t\t\t// \t\t: {\n\t\t\t\t\t\t// \t\t\theight: '0',\n\t\t\t\t\t\t// \t\t\toverflow: 'hidden',\n\t\t\t\t\t\t// \t\t\tvisibility: 'hidden',\n\t\t\t\t\t\t// \t\t}\n\t\t\t\t\t\t// }\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Gibt die Überschrift des Accordions an.\n\t */\n\t@Prop() public _heading!: string;\n\n\t/**\n\t * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * Gibt an, ob das Accordion geöffnet ist.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t/**\n\t * @see: components/abbr/component.tsx (@State)\n\t */\n\t@State() public state: States = {\n\t\t_heading: '⚠',\n\t\t_level: 1,\n\t};\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\twatchString(this, '_heading', value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (@Watch)\n\t */\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\twatchBoolean(this, '_open', value);\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentWillLoad)\n\t */\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHeading(this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = this._open === false;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t\tif (this.buttonRef instanceof HTMLButtonElement) {\n\t\t\t\tthis.triggerAriaExpanded(this.buttonRef);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;0SAAA,MAAMA,EAAkB,geCYxBC,EAAY,+OAKZA,EAAY,mE,MAyCCC,EAAY,M,yBAIhBC,KAAAC,kBAAqBC,IAC5B,GAAIA,aAAkBC,kBAAmB,CACxCH,KAAKI,UAAYF,EACjBF,KAAKK,oBAAoBH,E,GAGnBF,KAAAK,oBAAuBH,IAC9BA,EAAOI,aAAa,gBAAiBN,KAAKO,MAAMC,MAAQ,OAAS,QAAQ,EA6HlER,KAAAS,QAAWC,IAClBV,KAAKQ,MAAQR,KAAKQ,QAAU,MAQ5B,MAAMG,EAAUC,YAAW,K,MAC1BC,aAAaF,GACb,WAAWG,EAAAd,KAAKO,MAAMQ,OAAG,MAAAD,SAAA,SAAAA,EAAEL,WAAY,WAAY,CAClDT,KAAKO,MAAMQ,IAAIN,QAAQC,EAAOV,KAAKQ,QAAU,K,CAE9C,GAAIR,KAAKI,qBAAqBD,kBAAmB,CAChDH,KAAKK,oBAAoBL,KAAKI,U,IAE9B,E,oCAnFoC,E,8BAU0B,M,WAKjC,CAC/BY,SAAU,IACVC,OAAQ,E,CAzEFC,SAEN,OACCC,EAACC,EAAI,KACJD,EAAA,OAAKE,KAAM,aAAarB,KAAKO,MAAMC,MAAQ,OAAS,WACnDW,EAAA,kBAAgBF,OAAQjB,KAAKO,MAAMU,QAClCE,EAAA,UAAQG,IAAKtB,KAAKC,kBAAmBQ,QAAST,KAAKS,SAClDU,EAAA,YAAUI,WAAW,GAAGC,MAAOxB,KAAKO,MAAMC,MAAQ,oBAAsB,mBAAoBiB,MAAOzB,KAAKO,MAAMC,MAAQ,QAAU,SAChIW,EAAA,YAAOnB,KAAKO,MAAMS,YAGpBG,EAAA,OAAKE,KAAK,UACTF,EAAA,QAAMO,KAAK,YAEZP,EAAA,OACCE,KAAK,UAELM,MACC3B,KAAKO,MAAMC,QAAU,MAClB,CACAoB,QAAS,OACTC,OAAQ,IACRC,WAAY,UAEZC,WAiBJZ,EAAA,QAAMO,KAAK,c,CAuCTM,gBAAgBC,GACtBC,EAAYlC,KAAM,WAAYiC,EAAO,CACpCE,SAAU,M,CAQLC,cAAcH,GACpBI,EAAkBrC,KAAMiC,E,CAOlBK,WAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAMxB,UAAY,WAAY,CACvF8B,EAASvC,KAAM,MAAOiC,E,EAQjBO,aAAaP,GACnBQ,EAAazC,KAAM,QAASiC,E,CAMtBS,oBACN1C,KAAKgC,gBAAgBhC,KAAKgB,UAC1BhB,KAAKoC,cAAcpC,KAAKiB,QACxBjB,KAAKsC,WAAWtC,KAAKe,KACrBf,KAAKwC,aAAaxC,KAAKQ,M"}

package/dist/kolibri/kol-alert.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as a,H as e}from"./index-0dce65d2.js";import{f as t}from"./a11y.tipps-ff5a1a99.js";import{L as s}from"./dev.utils-daaf2f39.js";import{b as n,w as o,s as r,a as l}from"./prop.validators-ceeab1fe.js";import{w as c}from"./validation-819f310a.js";import{a as d}from"./i18n-640debcf.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";const h="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",f=e=>a("kol-icon",{class:"icon",_ariaLabel:"string"==typeof e.heading&&e.heading.length>0?"":e.ariaLabel,_icon:e.icon}),p=e=>{switch(e.type){case"error":return a(f,{ariaLabel:d("kol-error"),icon:"fa-solid fa-circle-xmark",heading:e.heading});case"info":return a(f,{ariaLabel:d("kol-info"),icon:"fa-solid fa-circle-info",heading:e.heading});case"warning":return a(f,{ariaLabel:d("kol-warning"),icon:"fa-solid fa-triangle-exclamation",heading:e.heading});case"success":return a(f,{ariaLabel:d("kol-success"),icon:"fa-solid fa-circle-check",heading:e.heading});default:return a(f,{ariaLabel:d("kol-message"),icon:"fa-regular fa-comment",heading:e.heading})}},u=class{constructor(a){i(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){if(this.state._alert){try{s.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(a){s.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return a(e,null,a("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&a(p,{heading:this.state._heading,type:this.state._type}),a("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&a("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&a(p,{heading:this.state._heading,type:this.state._type}),this.state._heading),a("div",{class:"content"},a("slot",null)),this.state._hasCloser&&a("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:d("kol-close"),_on:this.on,_tooltipAlign:"left"}))))}validateAlert(a){n(this,"_alert",a)}validateHasCloser(a){n(this,"_hasCloser",a)}validateHeading(a){o(this,"_heading",a)}validateLevel(a){c(this,a)}validateOn(a){if("object"==typeof a&&null!==a){t("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof a.onClose&&!0!==a.onClose||(e.onClose=a.onClose),r(this,"_on",e)}}validateType(a){l(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){l(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};u.style={default:h};export{u as kol_alert};
+import{r as i,h as a,H as e}from"./index-0dce65d2.js";import{f as t}from"./a11y.tipps-ff5a1a99.js";import{L as s}from"./dev.utils-daaf2f39.js";import{b as n,w as o,s as r,a as l}from"./prop.validators-59bc26b2.js";import{w as c}from"./validation-51e063b4.js";import{a as d}from"./i18n-a72949f4.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";const h="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",f=e=>a("kol-icon",{class:"icon",_ariaLabel:"string"==typeof e.heading&&e.heading.length>0?"":e.ariaLabel,_icon:e.icon}),p=e=>{switch(e.type){case"error":return a(f,{ariaLabel:d("kol-error"),icon:"fa-solid fa-circle-xmark",heading:e.heading});case"info":return a(f,{ariaLabel:d("kol-info"),icon:"fa-solid fa-circle-info",heading:e.heading});case"warning":return a(f,{ariaLabel:d("kol-warning"),icon:"fa-solid fa-triangle-exclamation",heading:e.heading});case"success":return a(f,{ariaLabel:d("kol-success"),icon:"fa-solid fa-circle-check",heading:e.heading});default:return a(f,{ariaLabel:d("kol-message"),icon:"fa-regular fa-comment",heading:e.heading})}},u=class{constructor(a){i(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){if(this.state._alert){try{s.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(a){s.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return a(e,null,a("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&a(p,{heading:this.state._heading,type:this.state._type}),a("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&a("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&a(p,{heading:this.state._heading,type:this.state._type}),this.state._heading),a("div",{class:"content"},a("slot",null)),this.state._hasCloser&&a("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:d("kol-close"),_on:this.on,_tooltipAlign:"left"}))))}validateAlert(a){n(this,"_alert",a)}validateHasCloser(a){n(this,"_hasCloser",a)}validateHeading(a){o(this,"_heading",a)}validateLevel(a){c(this,a)}validateOn(a){if("object"==typeof a&&null!==a){t("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof a.onClose&&!0!==a.onClose||(e.onClose=a.onClose),r(this,"_on",e)}}validateType(a){l(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){l(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};u.style={default:h};export{u as kol_alert};

package/dist/kolibri/kol-badge.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as o,H as s}from"./index-0dce65d2.js";import{N as e}from"./color-d69786a5.js";import{f as i,d as a}from"./a11y.tipps-ff5a1a99.js";import{r as n,a as r,o as l,p as c,s as h}from"./prop.validators-ceeab1fe.js";import{s as d}from"./index.m-86dc8c44.js";import{c as p}from"./index-e722bdb7.js";import"./dev.utils-daaf2f39.js";import"./index-eb735af6.js";import"./index-1b8b837d.js";const f=(t,o,a)=>(299*t+587*o+114*a)/1e3>=128?-1:1,b=(t,o,a,s=1)=>{const r=[Math.max(Math.min(Math.round(o[0]+s*Math.max(1,o[0]/100)),255),0),Math.max(Math.min(Math.round(o[1]+s*Math.max(1,o[1]/100)),255),0),Math.max(Math.min(Math.round(o[2]+s*Math.max(1,o[2]/100)),255),0)],e=d(n.hex(`rgba(${t.join(",")},1)`),n.hex(`rgba(${r.join(",")},1)`)),i=r[0]+r[1]+r[2];return 0===i||765===i||e>a?r:b(t,r,a,s)},u=(t,o,a,s=1)=>{if(m.has(t))return m.get(t);const r=b(t,o,a,s);return m.set(t,r),r},m=new Map,g=(t,o=7)=>{let a=[0,0,0,1],s=[255,255,255,1];"string"==typeof t?(a=p(t),s=a):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(a=p(t.baseColor),s="string"==typeof t.contrastColor?p(t.contrastColor):a);const r=f(a[0],a[1],a[2]);return s=[...u([a[0],a[1],a[2]],[s[0],s[1],s[2]],o,r),1],{baseColor:n.hex(`rgba(${a.join(",")})`),contrastColor:n.hex(`rgba(${s.join(",")})`)}},w="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}span{display:inline-flex}span kol-button-wc,span .kol-button-wc{box-shadow-left:1px solid rgba(0, 0, 0, 0.25)}";i("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const y=/^([a-f0-9]{3}|[a-f0-9]{6})$/,_=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.handleColorChange=t=>{let o,s=t;"string"==typeof s?(y.test(s)&&(a("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),s=`#${s}`),o=g(s)):o=g({baseColor:s.backgroundColor,contrastColor:s.color}),this.bgColorStr=o.baseColor,this.colorStr=o.contrastColor},this._color=e.Schwarz,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._smartButton=void 0,this.state={_color:e.Schwarz}}render(){return o(s,null,o("span",{class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},o("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this._label}),"object"==typeof this.state._smartButton&&null!==this.state._smartButton&&o("kol-button-wc",{_ariaLabel:this.state._smartButton._ariaLabel,_customClass:this.state._smartButton._customClass,_disabled:this.state._smartButton._disabled,_icon:this.state._smartButton._icon,_iconOnly:!0,_id:this.state._smartButton._id,_label:this.state._smartButton._label,_on:this.state._smartButton._on,_tooltipAlign:this.state._smartButton._tooltipAlign,_variant:this.state._smartButton._variant})))}validateColor(t){r(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:e.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){l(t,(()=>{try{t=c(t)}catch(t){}h(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};_.style={default:w};export{_ as kol_badge};
+import{r as t,h as o,H as s}from"./index-0dce65d2.js";import{N as i}from"./color-d69786a5.js";import{f as e,d as a}from"./a11y.tipps-ff5a1a99.js";import{r as n,a as r,o as l,p as c,s as h}from"./prop.validators-59bc26b2.js";import{s as d}from"./index.m-86dc8c44.js";import{c as p}from"./index-e722bdb7.js";import"./dev.utils-daaf2f39.js";import"./index-b76497e7.js";import"./index-1b8b837d.js";const f=(t,o,a)=>(299*t+587*o+114*a)/1e3>=128?-1:1,b=(t,o,a,s=1)=>{const r=[Math.max(Math.min(Math.round(o[0]+s*Math.max(1,o[0]/100)),255),0),Math.max(Math.min(Math.round(o[1]+s*Math.max(1,o[1]/100)),255),0),Math.max(Math.min(Math.round(o[2]+s*Math.max(1,o[2]/100)),255),0)],i=d(n.hex(`rgba(${t.join(",")},1)`),n.hex(`rgba(${r.join(",")},1)`)),e=r[0]+r[1]+r[2];return 0===e||765===e||i>a?r:b(t,r,a,s)},u=(t,o,a,s=1)=>{if(m.has(t))return m.get(t);const r=b(t,o,a,s);return m.set(t,r),r},m=new Map,g=(t,o=7)=>{let a=[0,0,0,1],s=[255,255,255,1];"string"==typeof t?(a=p(t),s=a):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(a=p(t.baseColor),s="string"==typeof t.contrastColor?p(t.contrastColor):a);const r=f(a[0],a[1],a[2]);return s=[...u([a[0],a[1],a[2]],[s[0],s[1],s[2]],o,r),1],{baseColor:n.hex(`rgba(${a.join(",")})`),contrastColor:n.hex(`rgba(${s.join(",")})`)}},w="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}span{display:inline-flex}span kol-button-wc,span .kol-button-wc{box-shadow-left:1px solid rgba(0, 0, 0, 0.25)}";e("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const y=/^([a-f0-9]{3}|[a-f0-9]{6})$/,_=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.handleColorChange=t=>{let o,s=t;"string"==typeof s?(y.test(s)&&(a("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),s=`#${s}`),o=g(s)):o=g({baseColor:s.backgroundColor,contrastColor:s.color}),this.bgColorStr=o.baseColor,this.colorStr=o.contrastColor},this._color=i.Schwarz,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this._smartButton=void 0,this.state={_color:i.Schwarz}}render(){return o(s,null,o("span",{class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},o("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this._label}),"object"==typeof this.state._smartButton&&null!==this.state._smartButton&&o("kol-button-wc",{_ariaLabel:this.state._smartButton._ariaLabel,_customClass:this.state._smartButton._customClass,_disabled:this.state._smartButton._disabled,_icon:this.state._smartButton._icon,_iconOnly:!0,_id:this.state._smartButton._id,_label:this.state._smartButton._label,_on:this.state._smartButton._on,_tooltipAlign:this.state._smartButton._tooltipAlign,_variant:this.state._smartButton._variant})))}validateColor(t){r(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:i.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){l(t,(()=>{try{t=c(t)}catch(t){}h(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};_.style={default:w};export{_ as kol_badge};

package/dist/kolibri/kol-breadcrumb.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a,h as i,F as e,H as s}from"./index-0dce65d2.js";import{a as t}from"./a11y.tipps-ff5a1a99.js";import{w as n}from"./prop.validators-ceeab1fe.js";import{w as r}from"./validation-5f5edc5a.js";import"./dev.utils-daaf2f39.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";const o="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",l=class{constructor(i){a(this,i),this._ariaLabel=void 0,this._links=void 0,this.state={_ariaLabel:"…",_links:[]}}render(){const a=this.state._links.length-1;return i(s,null,i("nav",{"aria-label":this.state._ariaLabel},i("ul",null,0===this.state._links.length&&i("li",null,i("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-house"}),"…"),this.state._links.map(((l,s)=>i("li",{key:s},0!==s&&i("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right",_part:"separator",exportparts:"separator"}),s===a?i("span",null,l._iconOnly?i("kol-icon",{_ariaLabel:l._label,_icon:"string"==typeof l._icon?l._icon:"fa-solid fa-link-slash"}):i(e,null,l._label)):i("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},l,{_ariaLabel:l._label}),l._label)))))))}validateAriaLabel(a){n(this,"_ariaLabel",a,{required:!0}),t(a)}validateLinks(a){r("KolBreadcrumb",this,a)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};l.style={default:o};export{l as kol_breadcrumb};
+import{r as a,h as i,F as e,H as s}from"./index-0dce65d2.js";import{a as t}from"./a11y.tipps-ff5a1a99.js";import{w as n}from"./prop.validators-59bc26b2.js";import{w as r}from"./validation-55aa40e0.js";import"./dev.utils-daaf2f39.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";const o="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",l=class{constructor(i){a(this,i),this._ariaLabel=void 0,this._links=void 0,this.state={_ariaLabel:"…",_links:[]}}render(){const a=this.state._links.length-1;return i(s,null,i("nav",{"aria-label":this.state._ariaLabel},i("ul",null,0===this.state._links.length&&i("li",null,i("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-house"}),"…"),this.state._links.map(((l,s)=>i("li",{key:s},0!==s&&i("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right",_part:"separator",exportparts:"separator"}),s===a?i("span",null,l._iconOnly?i("kol-icon",{_ariaLabel:l._label,_icon:"string"==typeof l._icon?l._icon:"fa-solid fa-link-slash"}):i(e,null,l._label)):i("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},l,{_ariaLabel:l._label}),l._label)))))))}validateAriaLabel(a){n(this,"_ariaLabel",a,{required:!0}),t(a)}validateLinks(a){r("KolBreadcrumb",this,a)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};l.style={default:o};export{l as kol_breadcrumb};

package/dist/kolibri/kol-button-wc_2.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as a}from"./index-0dce65d2.js";import{w as e}from"./button-link-e6d7d116.js";import{d as l,c as n}from"./a11y.tipps-ff5a1a99.js";import{n as h}from"./dev.utils-daaf2f39.js";import{e as o,i as d,g as r,w as c,a as u,b as f,s as _}from"./prop.validators-ceeab1fe.js";import{p as v}from"./reuse-2f7da8fc.js";import{a as p,w as b,v as m}from"./tab-index-2f165a2f.js";import{v as y,a as g}from"./label-a6e1b813.js";import{p as A,a as j}from"./controller-01ace904.js";import{a as x,w as I}from"./controller-f22ebfae.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./validator-2e4f8df6.js";const C=class{constructor(t){i(this,t),this.nonce=h(),this.catchRef=t=>{this.ref=t,v(this.host,this.ref)},this.onClick=t=>{var a,i;"submit"===this.state._type?A({form:this.host,ref:this.ref}):"reset"===this.state._type?j({form:this.host,ref:this.ref}):"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)?(o(t,this.ref),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value)):l("It was no button click callback configured!")},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_ariaLabel:"",_icon:{},_iconAlign:"left",_label:"",_on:{},_type:"button"}}render(){return t(s,null,t("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":d(this.state._ariaCurrent),"aria-expanded":r(this.state._ariaExpanded),"aria-label":!1===this.state._iconOnly?this.state._ariaLabel||this.state._label:void 0,"aria-labelledby":!0===this.state._iconOnly?this.nonce:void 0,"aria-selected":d(this.state._ariaSelected),class:{[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._iconOnly},disabled:this.state._disabled,id:this.state._id},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),t("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this.state._ariaLabel||this.state._label},t("slot",{name:"expert",slot:"expert"}))),!0===this.state._iconOnly&&t("kol-tooltip",{"aria-hidden":"true",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._ariaLabel||this.state._label}))}validateAccessKey(t){c(this,"_accessKey",t)}validateAriaControls(t){c(this,"_ariaControls",t)}validateAriaCurrent(t){u(this,"_ariaControls",(t=>!0===t||"date"===t||"location"===t||"page"===t||"step"===t||"time"===t),new Set(["boolean","String {data, location, page, step, time}"]),t)}validateAriaExpanded(t){f(this,"_ariaExpanded",t)}validateAriaLabel(t){y(this,t)}validateAriaSelected(t){f(this,"_ariaSelected",t)}validateCustomClass(t){c(this,"_customClass",t,{defaultValue:void 0})}validateDisabled(t){f(this,"_disabled",t),!0===t&&n()}validateIcon(t){p(this,t)}validateIconAlign(t){b(this,t)}validateIconOnly(t){f(this,"_iconOnly",t,{defaultValue:!1})}validateId(t){c(this,"_id",t)}validateLabel(t){g(this,t)}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRole(t){c(this,"_role",t)}validateTabIndex(t){m(this,t)}validateTooltipAlign(t){e(this,"_tooltipAlign",t)}validateType(t){x(this,"_type",t)}validateValue(t){_(this,"_value",t)}validateVariant(t){I(this,"_variant",t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaLabel(this._ariaLabel),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateIcon(this._icon),this.validateIconAlign(this._iconAlign),this.validateIconOnly(this._iconOnly),this.validateId(this._id),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}},O=t=>{t instanceof Node&&setTimeout((()=>{var a,i;null===(a=t.parentElement)||void 0===a||a.removeChild(t),null===(i=t.parentNode)||void 0===i||i.removeChild(t)}))},L=class{constructor(t){i(this,t),this._icon=void 0,this._iconOnly=!1,this._label=void 0,this.state={_icon:{},_iconOnly:!1,_label:""}}render(){return t(s,{class:{"icon-only":this.state._iconOnly}},this.state._icon.top&&t("kol-icon",{class:{"icon top":!0},style:this.state._icon.top.style,_ariaLabel:"",_icon:this.state._icon.top.icon}),t("span",null,this.state._icon.left&&t("kol-icon",{class:{"icon left":!0},style:this.state._icon.left.style,_ariaLabel:"",_icon:this.state._icon.left.icon}),!0!==this.state._iconOnly&&this.state._label.length>0?t("span",null,this.state._label):"",t("span",{ref:this.state._label.length>0||!0===this.state._iconOnly?O:void 0},t("slot",{name:"expert"})),this.state._icon.right&&t("kol-icon",{class:{"icon right":!0},style:this.state._icon.right.style,_ariaLabel:"",_icon:this.state._icon.right.icon})),this.state._icon.bottom&&t("kol-icon",{class:{"icon bottom":!0},style:this.state._icon.bottom.style,_ariaLabel:"",_icon:this.state._icon.bottom.icon}))}validateIcon(t){p(this,t)}validateIconOnly(t){f(this,"_iconOnly",t)}validateLabel(t){g(this,t)}componentWillLoad(){this.validateIcon(this._icon),this.validateIconOnly(this._iconOnly),this.validateLabel(this._label)}static get watchers(){return{_icon:["validateIcon"],_iconOnly:["validateIconOnly"],_label:["validateLabel"]}}};export{C as kol_button_wc,L as kol_span_wc};
+import{r as i,h as t,H as s,g as a}from"./index-0dce65d2.js";import{w as e}from"./button-link-19f5259b.js";import{d as l,c as n}from"./a11y.tipps-ff5a1a99.js";import{n as h}from"./dev.utils-daaf2f39.js";import{e as o,i as d,g as r,w as c,a as u,b as f,s as _}from"./prop.validators-59bc26b2.js";import{p as v}from"./reuse-2f7da8fc.js";import{a as p,w as b,v as m}from"./tab-index-818b2a80.js";import{v as y,a as g}from"./label-57c0d04e.js";import{p as A,a as j}from"./controller-542bf2a8.js";import{a as x,w as I}from"./controller-f27d2685.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./validator-2e4f8df6.js";const C=class{constructor(t){i(this,t),this.nonce=h(),this.catchRef=t=>{this.ref=t,v(this.host,this.ref)},this.onClick=t=>{var a,i;"submit"===this.state._type?A({form:this.host,ref:this.ref}):"reset"===this.state._type?j({form:this.host,ref:this.ref}):"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)?(o(t,this.ref),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value)):l("It was no button click callback configured!")},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel="",this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_ariaLabel:"",_icon:{},_iconAlign:"left",_label:"",_on:{},_type:"button"}}render(){return t(s,null,t("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":d(this.state._ariaCurrent),"aria-expanded":r(this.state._ariaExpanded),"aria-label":!1===this.state._iconOnly?this.state._ariaLabel||this.state._label:void 0,"aria-labelledby":!0===this.state._iconOnly?this.nonce:void 0,"aria-selected":d(this.state._ariaSelected),class:{[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._iconOnly},disabled:this.state._disabled,id:this.state._id},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),t("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this.state._ariaLabel||this.state._label},t("slot",{name:"expert",slot:"expert"}))),!0===this.state._iconOnly&&t("kol-tooltip",{"aria-hidden":"true",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._ariaLabel||this.state._label}))}validateAccessKey(t){c(this,"_accessKey",t)}validateAriaControls(t){c(this,"_ariaControls",t)}validateAriaCurrent(t){u(this,"_ariaControls",(t=>!0===t||"date"===t||"location"===t||"page"===t||"step"===t||"time"===t),new Set(["boolean","String {data, location, page, step, time}"]),t)}validateAriaExpanded(t){f(this,"_ariaExpanded",t)}validateAriaLabel(t){y(this,t)}validateAriaSelected(t){f(this,"_ariaSelected",t)}validateCustomClass(t){c(this,"_customClass",t,{defaultValue:void 0})}validateDisabled(t){f(this,"_disabled",t),!0===t&&n()}validateIcon(t){p(this,t)}validateIconAlign(t){b(this,t)}validateIconOnly(t){f(this,"_iconOnly",t,{defaultValue:!1})}validateId(t){c(this,"_id",t)}validateLabel(t){g(this,t)}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRole(t){c(this,"_role",t)}validateTabIndex(t){m(this,t)}validateTooltipAlign(t){e(this,"_tooltipAlign",t)}validateType(t){x(this,"_type",t)}validateValue(t){_(this,"_value",t)}validateVariant(t){I(this,"_variant",t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaLabel(this._ariaLabel),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateIcon(this._icon),this.validateIconAlign(this._iconAlign),this.validateIconOnly(this._iconOnly),this.validateId(this._id),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}},O=t=>{t instanceof Node&&setTimeout((()=>{var a,i;null===(a=t.parentElement)||void 0===a||a.removeChild(t),null===(i=t.parentNode)||void 0===i||i.removeChild(t)}))},L=class{constructor(t){i(this,t),this._icon=void 0,this._iconOnly=!1,this._label=void 0,this.state={_icon:{},_iconOnly:!1,_label:""}}render(){return t(s,{class:{"icon-only":this.state._iconOnly}},this.state._icon.top&&t("kol-icon",{class:{"icon top":!0},style:this.state._icon.top.style,_ariaLabel:"",_icon:this.state._icon.top.icon}),t("span",null,this.state._icon.left&&t("kol-icon",{class:{"icon left":!0},style:this.state._icon.left.style,_ariaLabel:"",_icon:this.state._icon.left.icon}),!0!==this.state._iconOnly&&this.state._label.length>0?t("span",null,this.state._label):"",t("span",{ref:this.state._label.length>0||!0===this.state._iconOnly?O:void 0},t("slot",{name:"expert"})),this.state._icon.right&&t("kol-icon",{class:{"icon right":!0},style:this.state._icon.right.style,_ariaLabel:"",_icon:this.state._icon.right.icon})),this.state._icon.bottom&&t("kol-icon",{class:{"icon bottom":!0},style:this.state._icon.bottom.style,_ariaLabel:"",_icon:this.state._icon.bottom.icon}))}validateIcon(t){p(this,t)}validateIconOnly(t){f(this,"_iconOnly",t)}validateLabel(t){g(this,t)}componentWillLoad(){this.validateIcon(this._icon),this.validateIconOnly(this._iconOnly),this.validateLabel(this._label)}static get watchers(){return{_icon:["validateIcon"],_iconOnly:["validateIconOnly"],_label:["validateLabel"]}}};export{C as kol_button_wc,L as kol_span_wc};

package/dist/kolibri/kol-card.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t}from"./index-0dce65d2.js";import{b as a,w as s}from"./prop.validators-ceeab1fe.js";import{w as n}from"./validation-819f310a.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const o="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",l=class{constructor(i){e(this,i),this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._level=1,this.state={_heading:"…"}}render(){return i(t,null,i("div",null,i("div",{class:"header"},i("kol-heading-wc",{_level:this.state._level},this.state._heading),i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"})),!0===this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"}))))}validateHasFooter(e){a(this,"_hasFooter",e)}validateHeading(e){s(this,"_heading",e,{required:!0})}validateHeadline(e){this.validateHeading(e)}validateLevel(e){n(this,e)}componentWillLoad(){this.validateHasFooter(this._hasFooter),this.validateHeading(this._heading||this._headline),this.validateLevel(this._level)}static get watchers(){return{_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_level:["validateLevel"]}}};l.style={default:o};export{l as kol_card};
+import{r as e,h as i,H as t}from"./index-0dce65d2.js";import{b as a,w as s}from"./prop.validators-59bc26b2.js";import{w as n}from"./validation-51e063b4.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const o="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}",l=class{constructor(i){e(this,i),this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._level=1,this.state={_heading:"…"}}render(){return i(t,null,i("div",null,i("div",{class:"header"},i("kol-heading-wc",{_level:this.state._level},this.state._heading),i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"})),!0===this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"}))))}validateHasFooter(e){a(this,"_hasFooter",e)}validateHeading(e){s(this,"_heading",e,{required:!0})}validateHeadline(e){this.validateHeading(e)}validateLevel(e){n(this,e)}componentWillLoad(){this.validateHasFooter(this._hasFooter),this.validateHeading(this._heading||this._headline),this.validateLevel(this._level)}static get watchers(){return{_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_level:["validateLevel"]}}};l.style={default:o};export{l as kol_card};

package/dist/kolibri/kol-details.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e}from"./index-0dce65d2.js";import{b as s,w as a}from"./prop.validators-ceeab1fe.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const n="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}:host details{display:grid;width:100%}:host details>kol-indented-text{margin:0.25rem 0 0 0.25rem}:host summary{cursor:pointer;display:flow-root;margin:0;padding:0}:host summary span{margin-left:0.25rem;text-decoration:underline}:host summary:hover{text-decoration-thickness:0.25rem}",o=class{constructor(t){i(this,t),this.onClick=()=>{setTimeout((()=>{var t;this._open=null===(t=this.htmlDetailsElement)||void 0===t?void 0:t.open}),25)},this._open=!1,this._summary=void 0,this.state={_summary:"…"}}render(){return t(e,null,t("details",{ref:t=>{this.htmlDetailsElement=t},open:this.state._open},t("summary",{onClick:this.onClick},this.state._open?t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-down"}):t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right"}),t("span",null,this.state._summary)),t("kol-indented-text",null,t("slot",null))))}validateOpen(t){s(this,"_open",t)}validateSummary(t){a(this,"_summary",t,{required:!0})}componentWillLoad(){this.validateOpen(this._open),this.validateSummary(this._summary)}static get watchers(){return{_open:["validateOpen"],_summary:["validateSummary"]}}};o.style={default:n};export{o as kol_details};
+import{r as i,h as t,H as e}from"./index-0dce65d2.js";import{b as s,w as a}from"./prop.validators-59bc26b2.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const n="@windicss; *{box-sizing:border-box;font-size:inherit;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}kol-heading-wc{font-weight:700}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:0.25rem;place-items:center}a,button{cursor:pointer}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{border-width:0}:host details{display:grid;width:100%}:host details>kol-indented-text{margin:0.25rem 0 0 0.25rem}:host summary{cursor:pointer;display:flow-root;margin:0;padding:0}:host summary span{margin-left:0.25rem;text-decoration:underline}:host summary:hover{text-decoration-thickness:0.25rem}",o=class{constructor(t){i(this,t),this.onClick=()=>{setTimeout((()=>{var t;this._open=null===(t=this.htmlDetailsElement)||void 0===t?void 0:t.open}),25)},this._open=!1,this._summary=void 0,this.state={_summary:"…"}}render(){return t(e,null,t("details",{ref:t=>{this.htmlDetailsElement=t},open:this.state._open},t("summary",{onClick:this.onClick},this.state._open?t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-down"}):t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right"}),t("span",null,this.state._summary)),t("kol-indented-text",null,t("slot",null))))}validateOpen(t){s(this,"_open",t)}validateSummary(t){a(this,"_summary",t,{required:!0})}componentWillLoad(){this.validateOpen(this._open),this.validateSummary(this._summary)}static get watchers(){return{_open:["validateOpen"],_summary:["validateSummary"]}}};o.style={default:n};export{o as kol_details};

package/dist/kolibri/kol-form.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i}from"./index-0dce65d2.js";import{b as e,w as o}from"./prop.validators-ceeab1fe.js";import{a as s}from"./i18n-640debcf.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const n=class{constructor(e){t(this,e),this.onSubmit=t=>{var e,i;t.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=this.state._on)||void 0===i||i.onSubmit(t))},this.onReset=t=>{var e,i;t.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onReset)&&(null===(i=this.state._on)||void 0===i||i.onReset(t))},this._on=void 0,this._requiredText=!0,this.state={}}render(){return i("form",{method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?i("p",null,i("kol-indented-text",null,s("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?i("p",null,i("kol-indented-text",null,this.state._requiredText)):null,i("slot",null))}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){"boolean"==typeof t?e(this,"_requiredText",t):o(this,"_requiredText",t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"]}}};export{n as kol_form};
+import{r as t,h as i}from"./index-0dce65d2.js";import{b as e,w as o}from"./prop.validators-59bc26b2.js";import{a as s}from"./i18n-a72949f4.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const n=class{constructor(e){t(this,e),this.onSubmit=t=>{var e,i;t.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=this.state._on)||void 0===i||i.onSubmit(t))},this.onReset=t=>{var e,i;t.preventDefault(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onReset)&&(null===(i=this.state._on)||void 0===i||i.onReset(t))},this._on=void 0,this._requiredText=!0,this.state={}}render(){return i("form",{method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?i("p",null,i("kol-indented-text",null,s("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?i("p",null,i("kol-indented-text",null,this.state._requiredText)):null,i("slot",null))}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){"boolean"==typeof t?e(this,"_requiredText",t):o(this,"_requiredText",t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"]}}};export{n as kol_form};

package/dist/kolibri/kol-heading-wc_2.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s}from"./index-0dce65d2.js";import{w as e}from"./validation-819f310a.js";import"./prop.validators-ceeab1fe.js";import"./index-eb735af6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const l=class{constructor(i){t(this,i),this._level=1,this.state={}}validateLevel(i){e(this,i)}componentWillLoad(){this.validateLevel(this._level)}render(){switch(this.state._level){case 2:return i("h2",null,i("slot",null));case 3:return i("h3",null,i("slot",null));case 4:return i("h4",null,i("slot",null));case 5:return i("h5",null,i("slot",null));case 6:return i("h6",null,i("slot",null));default:return i("h1",null,i("slot",null))}}static get watchers(){return{_level:["validateLevel"]}}},n=class{constructor(i){t(this,i),this._alert=!0,this._disabled=!1,this._error="",this._hideLabel=!1,this._hint="",this._icon=void 0,this._id=void 0,this._list=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._smartButton=void 0,this._touched=!1}render(){var t,l,e,o;const r="string"==typeof this._error&&this._error.length>0&&!0===this._touched,n="string"==typeof this._hint&&this._hint.length>0,a=!0===this._hideLabel&&!0!==this._required;return i(s,{class:{disabled:!0===this._disabled,error:!0===r,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched}},!1===this._renderNoLabel&&i("label",{htmlFor:this._id,id:`${this._id}-label`,style:{height:a?"0":void 0,margin:a?"0":void 0,padding:a?"0":void 0,visibility:a?"hidden":void 0}},i("span",null,i("slot",{name:"label"}))),n&&i("span",{class:"hint",id:`${this._id}-hint`},this._hint),i("div",{class:{input:!0,"icon-left":"object"==typeof(null===(t=this._icon)||void 0===t?void 0:t.left),"icon-right":"object"==typeof(null===(l=this._icon)||void 0===l?void 0:l.right)}},i("div",{class:"icons"},(null===(e=this._icon)||void 0===e?void 0:e.left)?i("kol-icon",{_ariaLabel:"",_icon:this._icon.left.icon}):i("i",null),(null===(o=this._icon)||void 0===o?void 0:o.right)?i("kol-icon",{_ariaLabel:"",_icon:this._icon.right.icon}):i("i",null)),i("slot",{name:"input"}),"object"==typeof this._smartButton&&null!==this._smartButton&&i("kol-button-wc",{_ariaLabel:this._smartButton._ariaLabel,_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icon:this._smartButton._icon,_iconOnly:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant})),r&&i("kol-alert",{class:"error",id:`${this._id}-error`,_alert:this._alert,_type:"error",_variant:"msg"},this._error),Array.isArray(this._list)&&this._list.length>0&&i("datalist",{id:`${this._id}-list`},this._list.map((t=>i("option",{value:t})))))}};export{l as kol_heading_wc,n as kol_input};
+import{r as t,h as i,H as s}from"./index-0dce65d2.js";import{w as e}from"./validation-51e063b4.js";import"./prop.validators-59bc26b2.js";import"./index-b76497e7.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-ff5a1a99.js";import"./dev.utils-daaf2f39.js";const l=class{constructor(i){t(this,i),this._level=1,this.state={}}validateLevel(i){e(this,i)}componentWillLoad(){this.validateLevel(this._level)}render(){switch(this.state._level){case 2:return i("h2",null,i("slot",null));case 3:return i("h3",null,i("slot",null));case 4:return i("h4",null,i("slot",null));case 5:return i("h5",null,i("slot",null));case 6:return i("h6",null,i("slot",null));default:return i("h1",null,i("slot",null))}}static get watchers(){return{_level:["validateLevel"]}}},n=class{constructor(i){t(this,i),this._alert=!0,this._disabled=!1,this._error="",this._hideLabel=!1,this._hint="",this._icon=void 0,this._id=void 0,this._list=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._smartButton=void 0,this._touched=!1}render(){var t,l,e,o;const r="string"==typeof this._error&&this._error.length>0&&!0===this._touched,n="string"==typeof this._hint&&this._hint.length>0,a=!0===this._hideLabel&&!0!==this._required;return i(s,{class:{disabled:!0===this._disabled,error:!0===r,"read-only":!0===this._readOnly,required:!0===this._required,touched:!0===this._touched}},!1===this._renderNoLabel&&i("label",{htmlFor:this._id,id:`${this._id}-label`,style:{height:a?"0":void 0,margin:a?"0":void 0,padding:a?"0":void 0,visibility:a?"hidden":void 0}},i("span",null,i("slot",{name:"label"}))),n&&i("span",{class:"hint",id:`${this._id}-hint`},this._hint),i("div",{class:{input:!0,"icon-left":"object"==typeof(null===(t=this._icon)||void 0===t?void 0:t.left),"icon-right":"object"==typeof(null===(l=this._icon)||void 0===l?void 0:l.right)}},i("div",{class:"icons"},(null===(e=this._icon)||void 0===e?void 0:e.left)?i("kol-icon",{_ariaLabel:"",_icon:this._icon.left.icon}):i("i",null),(null===(o=this._icon)||void 0===o?void 0:o.right)?i("kol-icon",{_ariaLabel:"",_icon:this._icon.right.icon}):i("i",null)),i("slot",{name:"input"}),"object"==typeof this._smartButton&&null!==this._smartButton&&i("kol-button-wc",{_ariaLabel:this._smartButton._ariaLabel,_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icon:this._smartButton._icon,_iconOnly:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant})),r&&i("kol-alert",{class:"error",id:`${this._id}-error`,_alert:this._alert,_type:"error",_variant:"msg"},this._error),Array.isArray(this._list)&&this._list.length>0&&i("datalist",{id:`${this._id}-list`},this._list.map((t=>i("option",{value:t})))))}};export{l as kol_heading_wc,n as kol_input};