@public-ui/sample-react 3.0.2-f97556ada8a20e9abe2dbb519562bad234f7191b.0 → 3.0.2-rc.0

package/dist/assets/kol-image.entry-CDMxm1_Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-image.entry-CDMxm1_Q.js","sources":["../../../../components/dist/esm/kol-image.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-c14cc40b.js';\nimport { w as watchValidator, B as watchString } from './index-ebe5a881.js';\nimport { v as validateImageSource } from './image-source-8079f8a5.js';\n\nconst loadingOptions = ['eager', 'lazy'];\nfunction validateLoading(component, value) {\n    watchValidator(component, '_loading', (value) => typeof value === 'string' && loadingOptions.includes(value), new Set(loadingOptions), value);\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-image {\\n    display: inline-block;\\n    max-height: 100%;\\n    max-width: 100%;\\n  }\\n}\";\nconst KolImageDefaultStyle0 = defaultStyleCss;\n\nconst KolImage = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alt = undefined;\n        this._loading = 'lazy';\n        this._sizes = undefined;\n        this._src = undefined;\n        this._srcset = undefined;\n        this.state = {\n            _alt: '',\n            _loading: 'lazy',\n            _src: '',\n        };\n    }\n    validateAlt(value) {\n        watchString(this, '_alt', value, {\n            required: true,\n        });\n    }\n    validateLoading(value) {\n        validateLoading(this, value);\n    }\n    validateSizes(value) {\n        watchString(this, '_sizes', value);\n    }\n    validateSrc(value) {\n        validateImageSource(this, value, {\n            required: true,\n        });\n    }\n    validateSrcset(value) {\n        watchString(this, '_srcset', value);\n    }\n    componentWillLoad() {\n        this.validateAlt(this._alt);\n        this.validateLoading(this._loading);\n        this.validateSizes(this._sizes);\n        this.validateSrc(this._src);\n        this.validateSrcset(this._srcset);\n    }\n    render() {\n        return (h(\"img\", { key: '23837493ec11632608a497a0319b945b91cadb6d', class: \"kol-image\", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));\n    }\n    static get watchers() { return {\n        \"_alt\": [\"validateAlt\"],\n        \"_loading\": [\"validateLoading\"],\n        \"_sizes\": [\"validateSizes\"],\n        \"_src\": [\"validateSrc\"],\n        \"_srcset\": [\"validateSrcset\"]\n    }; }\n};\nKolImage.style = {\n    default: KolImageDefaultStyle0\n};\n\nexport { KolImage as kol_image };\n\n//# sourceMappingURL=kol-image.entry.js.map"],"names":["loadingOptions","validateLoading","component","value","watchValidator","defaultStyleCss","KolImageDefaultStyle0","KolImage","hostRef","registerInstance","watchString","validateImageSource","h"],"mappings":"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"}

package/dist/assets/tooltip-align-465a8590-DrVOuuGQ.js

@@ -1,4 +0,0 @@
-import{a as o}from"./align-d2572387-C35Vlv_c.js";import"./index-CzY4Bmf1.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
-//# sourceMappingURL=tooltip-align-465a8590-DrVOuuGQ.js.map

package/index.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="en-US" dir="ltr">
-	<head>
-		<title>Code-Samples | KoliBri – Public UI</title>
-		<meta charset="UTF-8" />
-		<meta name="description" content="Webapp demonstrating KolBri-components with React." />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="shortcut icon" type="image/x-icon" href="/assets/kolibri.ico" />
-		<!-- We include all the important fonts in the index.html here so that they are available for the theme tests. -->
-		<link rel="stylesheet" href="/assets/bundes/style.css" />
-		<link rel="stylesheet" href="/assets/codicons/codicon.css" />
-		<link rel="stylesheet" href="/assets/fontawesome-free/css/all.min.css" />
-		<link rel="stylesheet" href="/assets/icofont/icofont.min.css" />
-		<link rel="stylesheet" href="/assets/kreon/style.css" />
-		<link rel="stylesheet" href="/assets/noto-sans/noto-sans.css" />
-		<link rel="stylesheet" href="/assets/material-icons/iconfont/material-icons.css" />
-		<link rel="stylesheet" href="/assets/material-symbols/index.css" />
-		<link rel="stylesheet" href="/assets/roboto/roboto.css" />
-		<link rel="stylesheet" href="/assets/tabler-icons/tabler-icons.css" />
-		<link rel="stylesheet" href="/main.css" />
-		<meta name="robots" content="noindex" />
-		<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />
-	</head>
-	<body>
-		<div id="app"></div>
-		<script type="module" src="/src/main.ts"></script>
-		<noscript>This website requires JavaScript.</noscript>
-	</body>
-</html>

package/prettier.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-	printWidth: 160,
-	singleQuote: true,
-	useTabs: true,
-};