@newlogic-digital/ui 3.5.0 → 4.0.0

package/src/styles/Ui/Control.css

@@ -1,47 +0,0 @@
-@import "winduum/src/ui/control/default.css";
-@import "winduum/src/ui/control/file.css";
-@import "winduum/src/ui/control/select.css";
-@import "winduum/src/ui/control/icon.css";
-@import "winduum/src/ui/control/floating.css";
-
-.ui-control {
-  &.active label,
-  :where(input, textarea):is(:focus, [placeholder]) ~ label,
-  :where(select):is([data-placeholder]) ~ label,
-  &:has(.-active-) label {
-    transform: var(--ui-control-floating-label-focus-transform);
-    opacity: var(--ui-control-floating-label-focus-opacity);
-  }
-
-  &:has(label):not(.active) select:not([data-placeholder]) {
-    font-size: 0;
-
-    & option {
-      font-size: var(--ui-control-font-size);
-    }
-  }
-
-  :where(.color) {
-    width: var(--ui-control-icon-font-size);
-    height: var(--ui-control-icon-font-size);
-    border-radius: 50%;
-    overflow: hidden;
-    display: block;
-    border: 1px solid rgb(0 0 0 / 15%);
-  }
-
-  :where([type="number"]) {
-    -moz-appearance: textfield;
-
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-    }
-  }
-
-  :where(input) {
-    &::-webkit-calendar-picker-indicator {
-      display: none;
-    }
-  }
-}

package/src/styles/Ui/ControlSelect.css

@@ -1,66 +0,0 @@
-.ui-control[data-controller~="ui-control-select"] {
-  cursor: pointer;
-
-  & select {
-    pointer-events: none;
-  }
-
-  & div[aria-hidden] {
-    will-change: transform;
-    border-radius: var(--ui-control-border-radius);
-    position: absolute;
-    background-color: rgb(var(--color-body-rgb));
-    z-index: 100;
-    left: 0;
-    right: 0;
-    top: 100%;
-    margin-top: 0.5rem;
-    border: 1px solid rgb(var(--color-current) / 7.5%);
-    transform: scaleY(0);
-    opacity: 0;
-    transition: var(--transition-opacity), var(--transition-transform);
-    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
-    transition-duration: 200ms;
-    backface-visibility: hidden;
-    transform-origin: center top;
-    user-select: none;
-    max-height: 12rem;
-    overflow-y: auto;
-    box-shadow: 0 0.15em 1.5em 0 rgb(var(--color-dark-rgb) / 5%), 0 0 1em 0 rgb(var(--color-dark-rgb) / 5%);
-    padding: 0.375rem;
-    color: rgb(var(--color-current));
-    cursor: default;
-
-    & [data-option] {
-      padding: calc(var(--ui-control-px) / 1.5) var(--ui-control-px);
-      cursor: pointer;
-      transition: var(--transition-background);
-      font-size: var(--ui-control-font-size);
-      border-radius: var(--ui-control-border-radius);
-
-      &[data-disabled] {
-        opacity: 0.5;
-        pointer-events: none;
-      }
-
-      &:is(:hover, :focus) {
-        background-color: rgb(var(--color-accent-rgb) / 10%);
-      }
-    }
-  }
-
-  &:focus-within {
-    --ui-control-border-opacity: 100%;
-    --ui-control-border-color: var(--color-accent);
-
-    & select {
-      outline-color: color-mix(in srgb, var(--color-accent) var(--ui-control-outline-opacity), transparent);
-      outline-offset: var(--ui-control-outline-offset);
-    }
-  }
-
-  &:focus-within select ~ div[aria-hidden] {
-    opacity: 1;
-    transform: none;
-  }
-}

package/src/styles/Ui/Dot.css

@@ -1,22 +0,0 @@
-.ui-dot {
-  --ui-dot-sq: 0.375rem;
-  --ui-dot-bg-opacity: 0.2;
-
-  width: var(--ui-dot-sq);
-  height: var(--ui-dot-sq);
-  border-radius: var(--rounded-full);
-  background-color: rgb(var(--color-accent-rgb) / var(--ui-dot-bg-opacity));
-  transition: var(--transition-background), width var(--transition-duration), height var(--transition-duration);
-  position: relative;
-
-  &::before {
-    content: "";
-    position: absolute;
-    inset: -0.25rem;
-  }
-
-  &.active {
-    --ui-dot-bg-opacity: 1;
-    --ui-dot-sq: 0.5625rem;
-  }
-}

package/src/styles/Ui/Group.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/group.css";

package/src/styles/Ui/Heading.css

@@ -1,3 +0,0 @@
-@import "winduum/src/ui/heading/default.css";
-@import "winduum/src/ui/heading/sm.css";
-@import "winduum/src/ui/heading/lg.css";

package/src/styles/Ui/Image.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/image.css";

package/src/styles/Ui/Info.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/info.css";

package/src/styles/Ui/Label.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/label.css";

package/src/styles/Ui/Link.css

@@ -1,2 +0,0 @@
-@import "winduum/src/ui/link/default.css";
-@import "winduum/src/ui/link/underlined.css";

package/src/styles/Ui/Notice.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/notice.css";

package/src/styles/Ui/Progress.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/progress.css";

package/src/styles/Ui/Switch.css

@@ -1 +0,0 @@
-@import "winduum/src/ui/switch.css";

package/src/styles/Ui/Text.css

@@ -1,8 +0,0 @@
-@import "winduum/src/ui/text.css";
-
-.ui-text {
-  .c_text_table {
-    max-width: 100%;
-    overflow-x: auto;
-  }
-}

package/src/styles/Ui/Title.css

@@ -1,7 +0,0 @@
-@import "winduum/src/ui/title/default.css";
-@import "winduum/src/ui/title/sm.css";
-@import "winduum/src/ui/title/lg.css";
-
-.ui-title {
-  max-width: max-content;
-}

package/src/styles/Utils/+.css

@@ -1,8 +0,0 @@
-@import "breakpoints.css";
-@import "config.css";
-@import "default.css";
-@import "icons.css";
-@import "keyframes.css";
-@import "print.css";
-@import "tailwind.css";
-@import "theme/+.css";

package/src/styles/Utils/config.css

@@ -1,5 +0,0 @@
-@import "winduum/src/base/config.css";
-
-:root {
-  --spacing-section: 3rem;
-}

package/src/styles/Utils/default.css

@@ -1,19 +0,0 @@
-@import "winduum/src/base/default.css";
-
-:where(svg) {
-  display: block;
-}
-
-:where(use) {
-  stroke-width: 2;
-}
-
-:where(img) {
-  display: block;
-  font-size: 0;
-}
-
-:where(ol:not([type]), ul, menu) {
-  padding: 0;
-  margin: 0;
-}

package/src/styles/Utils/icons.css

@@ -1,5 +0,0 @@
-@import "winduum/src/base/icons.css";
-
-:root {
-  --icon-x-mark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50% / contain;
-}

package/src/styles/Utils/tailwind.css

@@ -1,50 +0,0 @@
-@import "winduum/src/base/tailwind/utilities.css";
-@import "winduum/src/base/tailwind/gutters.css";
-
-@layer utilities {
-  .slider {
-    overflow-x: auto;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
-    user-select: none;
-    scrollbar-width: none !important;
-    -ms-overflow-style: none;
-    display: flex;
-
-    &:not(.is-fade, .is-grabbing) {
-      scroll-behavior: smooth;
-      scroll-snap-type: x mandatory;
-    }
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    & > * {
-      flex: 0 0 auto;
-      scroll-snap-align: start;
-    }
-
-    &.is-grabbing {
-      &, & * {
-        cursor: grabbing;
-      }
-
-      & a {
-        pointer-events: none;
-      }
-    }
-  }
-
-  .slider-edge-x {
-    margin-left: calc(var(--container-padding-calc) * -1);
-    margin-right: calc(var(--container-padding-calc) * -1);
-    padding-left: var(--container-padding-calc);
-    scroll-padding-left: var(--container-padding-calc);
-    scroll-padding-right: var(--container-padding-calc);
-
-    & > *:last-child {
-      margin-right: var(--container-padding-calc);
-    }
-  }
-}

package/src/styles/Utils/theme/+.css

@@ -1 +0,0 @@
-@import "main.css";

package/src/styles/Utils/theme/main.css

@@ -1,19 +0,0 @@
-@import "winduum/src/base/theme/default-rgb.css";
-@import "winduum/src/base/theme/default.css";
-
-:root {
-  --font-primary: "Poppins", sans-serif;
-  --font-secondary: "Poppins", sans-serif;
-  --color-primary-rgb: 131 205 79;
-  --color-primary-fg-rgb: var(--color-dark-rgb);
-  --color-main-rgb: 17 19 21;
-  --color-dark-rgb: 17 19 21;
-  --color-accent-rgb: var(--color-primary-rgb);
-  --color-current-rgb: var(--color-main-rgb);
-  --color-body-secondary-fg: var(--color-main);
-
-  &.dark {
-    --color-main-rgb: 201 209 217;
-    --color-body-rgb: 14 17 22;
-  }
-}

package/src/templates/Components/CookieConsent.latte

@@ -1,28 +0,0 @@
-{var $center = true}
-
-<div class="c-cookieconsent {if $center}is-center{/if}" data-controller="c-cookieconsent">
-    <div class="c">
-        <div class="c_head mt-2">
-            {if true}
-                <div class="ui-image w-40 mb-6">
-                    <img src="{placeholder(160, 46)}">
-                </div>
-            {/if}
-            <div class="ui-heading lg md:my-8">Nastavení soukromí a&nbsp;cookies&nbsp;🍪</div>
-        </div>
-        <div class="c_body">
-            <div class="ui-text xs md:sm">
-                <p>Webové stránky používají k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory&nbsp;cookies.</p>
-                <p>Následující volbou souhlasíte s našimi <a href="/gdpr">zásady&nbsp;ochrany osobních údajů a cookies</a>. Svá&nbsp;nastavení můžete kdykoli změnit.</p>
-            </div>
-        </div>
-        <div class="c_foot {if $center}flex-col gap-y-2{else}gap-x-4{/if}">
-            <div class="col w-full">
-                <button class="ui-btn lg w-full" data-action="click->c-cookieconsent#approve">Ano, souhlasím</button>
-            </div>
-            <div class="col w-full {if !$center}pr-6{/if}">
-                <button class="ui-btn ghosted lg accent-main w-full" data-action="click->c-cookieconsent#decline"><span>Nesouhlasím</span></button>
-            </div>
-        </div>
-    </div>
-</div>

package/src/templates/Components/Dialogs/Basic.latte

@@ -1,22 +0,0 @@
-<form class="c-dialog c-dialog-basic sm scrollable">
-    <div class="c_dialog_head flex justify-between">
-        <h2 class="ui-heading">Info</h2>
-        <button class="ui-btn square ghosted accent-main" type="button" data-action="click->lib-dialog#close">
-            <svg>
-                <use href="#icon-x"></use>
-            </svg>
-        </button>
-    </div>
-    <div class="c_dialog_body py-4">
-        <div class="ui-text">
-            {foreach range(1, 44) as $i}
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget efficitur metus. In bibendum nisi et dui sagittis efficitur.</p>
-            {/foreach}
-        </div>
-    </div>
-    <div class="c_dialog_foot">
-        <div class="col max-md:w-full">
-            <button class="ui-btn" type="button" data-action="click->lib-dialog#close">Continue</button>
-        </div>
-    </div>
-</form>

package/src/templates/Layout/Header.latte

@@ -1,40 +0,0 @@
-<header id="l-header" class="{if $headerNormal}is-l-header-normal{/if}" data-controller="l-header">
-    <div class="l_header_body flex flex-row">
-        <div class="col">
-            <a href="/" class="l_header_logo" title="Newlogic UI">
-                <svg class="w-auto h-6" fill="currentColor" viewBox="0 0 194 32">
-                    <path d="M121.152 0a2.813 2.813 0 0 0-2.805 2.626l.001.009a2.81 2.81 0 0 0 5.608-.009v-.008A2.81 2.81 0 0 0 121.151 0ZM70.216.103V25.34h4.628V.103Zm95.062 1.751v13.152c0 6.505 4.044 10.9 10.162 10.9 5.978 0 9.952-4.395 9.952-10.9V1.854h-3.763v13.152c0 4.395-2.496 7.279-6.189 7.279-3.868 0-6.4-2.884-6.4-7.28V1.856Zm24.077 0v23.56h3.763V1.855ZM0 1.854V25.34h4.767V10.268L17.773 25.34h3.996V1.854H17v15.494L3.996 1.854H0Zm105.945 5.448a8.498 8.498 0 0 0-.503 16.98h-.024.025a8.382 8.382 0 0 0 5.503-1.606v.28l-.001-.016a4.528 4.528 0 0 1-4.873 4.889h.011a5.358 5.358 0 0 1-4.778-2.524l-3.746 2.84c1.508 2.418 4.45 3.855 8.517 3.855 5.645 0 9.36-2.979 9.36-8.342l-.04-15.809h-4.45v1.08a8.46 8.46 0 0 0-5-1.627zm-73.61.011a9.28 9.28 0 1 0 .335 18.553l-.023-.001c.162.009.325.013.489.013 3.609 0 6.701-2.21 8.018-5.41l-4.138-.876-.011.023a4.467 4.467 0 0 1-4.335 2.29h-.007a4.532 4.532 0 0 1-4.373-4.066h13.32l-.002-1.576v-.017a9.28 9.28 0 0 0-9.273-8.933zm102.628.01-.137.002h.006-.117a9.273 9.273 0 1 0 .112 18.543h-.015c.097.003.195.005.292.005 4.059 0 7.473-2.757 8.486-6.562l-4.282-1.086-.006.03a4.447 4.447 0 0 1-4.475 3.371h-.01a5.033 5.033 0 0 1 .21-10.064 4.18 4.18 0 0 1 4.113 3.475l4.451-1.262-.016-.064a8.998 8.998 0 0 0-8.611-6.387zm-48.503.099c-.116 0-.231.002-.33.006h-.053a9.487 9.487 0 1 0 9.482 9.184v-.09a9.1 9.1 0 0 0-9.1-9.1zm-44.884.422 5.818 17.53h4.172l3.47-10.304 3.435 10.305h4.17l5.823-17.527h-4.59l-3.47 10.797-3.577-10.797h-3.613L49.64 18.61 46.167 7.844h-4.591zm77.265.01V25.34l4.628.005V7.853Zm-12.871 3.352c.099 0 .197.004.282.009l.121-.002a4.577 4.577 0 0 1 4.577 4.559l-.001-.002v.001a4.577 4.577 0 0 1-4.697 4.558 4.566 4.566 0 1 1-.282-9.123zm-73.075.147c1.95 0 3.578 1.37 3.982 3.226h-8.443l.008-.03a4.39 4.39 0 0 1 4.299-3.193h-.008l.162-.003zm53.184.48a5.002 5.002 0 0 1 4.994 4.779h-.001a5.046 5.046 0 0 1-4.94 5.219h-.053a5 5 0 0 1 0-9.999zm64.47 6.02-.066.001a3.945 3.945 0 1 0 3.945 3.965l.001-.085a3.88 3.88 0 0 0-3.88-3.88zm-.056.908a3.088 3.088 0 0 1 3.087 3.058v.039c0 1.7-1.378 3.078-3.078 3.078h-.02a3.087 3.087 0 0 1 .01-6.175zm-1.475 1.147v3.589h.907v-1.104h.494l.907 1.104h1.071l-1.006-1.204h-.001l.009-.003c.477-.17.82-.626.82-1.162v-.016c0-.71-.552-1.204-1.46-1.204h-1.74zm.92.77h.802c.374 0 .612.159.612.453 0 .295-.237.493-.612.493h-.803z"/>
-                </svg>
-            </a>
-        </div>
-        <div class="col ml-auto md:hidden">
-            <button class="l_header_menu" data-action="click->l-header#showDrawer" aria-label="Menu">
-                <svg class="icon"><use href="#icon-menu"></use></svg>
-            </button>
-        </div>
-        <div class="col max-md:hidden">
-            <nav class="l_header_nav flex">
-                <div class="col" n:foreach="$layout->nav as $page">
-                    <a href="{$page->url}" title="{$page->name}" class="ui-link after:content-none">{$page->name}</a>
-                </div>
-            </nav>
-        </div>
-        <div class="col max-md:hidden flex-row items-center gap-x-6 ml-auto">
-            <div class="col">
-                <button class="ui-btn square ghosted accent-light" data-action="click->lib#darkMode">
-                    <svg class="icon-moon dark:hidden">
-                        <use href="#icon-moon"></use>
-                    </svg>
-                    <svg class="icon-sun hidden dark:block">
-                        <use href="#icon-sun"></use>
-                    </svg>
-                </button>
-            </div>
-            <div class="col">
-                <div class="l_header_cta">
-                    <a href="https://www.newlogic.cz" title="newlogic.cz" class="ui-btn accent-light" target="_blank" rel="noopener"><span>Newlogic.cz</span></a>
-                </div>
-            </div>
-        </div>
-    </div>
-</header>

package/src/templates/Layout/Main.latte

@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html class="no-js sw" lang="en">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title>{$page->title}</title>
-
-        <meta name="keywords" content="">
-        <meta name="description" content="">
-        <meta name="author" content="">
-        <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1, viewport-fit=cover"/>
-        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
-        <meta name="format-detection" content="telephone=no">
-        <meta name="mobile-web-app-capable" content="yes">
-        <meta name="apple-mobile-web-app-title" content="{$page->title}">
-        <meta name="apple-mobile-web-app-capable" content="yes">
-
-        {foreach $prefetch as $url}
-            <link rel="dns-prefetch" href="{$url}">
-        {/foreach}
-
-        {foreach $assets->css->all as $url}
-            <link rel="stylesheet" href="{$url|asset}">
-        {/foreach}
-
-        <script>
-            (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) && document.documentElement.classList.add('dark')
-            document.documentElement.className = document.documentElement.className.replace('no-js', 'js');matchMedia('(hover: hover) and (pointer: fine)').matches && document.documentElement.classList.add('no-touch');/Android|iPhone|iPad|iPod/i.test(navigator.userAgent) && document.documentElement.classList.add('mobile');(p => document.documentElement.classList.add(p.includes('macintel') && navigator.maxTouchPoints > 2 ? 'ipad' : p))(navigator.platform.toLowerCase().replace(/ .*/, ''));(u => document.documentElement.classList.add(u && u[0]))(navigator.userAgent.toLowerCase().match(/chrome|safari|firefox/i))
-        </script>
-
-        <script src="{$assets->js->main|asset}" type="module"></script>
-
-        <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=YAX2K07XnE">
-        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v=YAX2K07XnE">
-        <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-chrome-192x192.png?v=YAX2K07XnE">
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v=YAX2K07XnE">
-        <link rel="manifest" href="/favicons/site.webmanifest?v=YAX2K07XnE">
-        <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v=YAX2K07XnE" color="#84ce4e">
-        <link rel="shortcut icon" href="/favicons/favicon.ico?v=YAX2K07XnE">
-        <meta name="apple-mobile-web-app-title" content="Newlogic UI">
-        <meta name="application-name" content="Newlogic UI">
-        <meta name="msapplication-TileColor" content="#84ce4e">
-        <meta name="msapplication-config" content="/favicons/browserconfig.xml?v=YAX2K07XnE">
-        <meta name="theme-color" content="#ffffff">
-    </head>
-
-    <body data-controller="lib lib-dialog lib-ripple lib-fetch">
-        <div class="l-default">
-            {include '../Layout/Header.latte'}
-            <main id="l-main" class="transition-fade">
-                {include '../Utils/sections.latte', sections => $page->body}
-            </main>
-            {include '../Layout/Footer.latte'}
-        </div>
-
-        {if $layout->cookies}
-            {include '../Components/CookieConsent.latte'}
-        {/if}
-
-        {fetch('/src/icons.svg')|noescape}
-    </body>
-</html>

package/src/templates/Sections/Gdpr.latte

@@ -1,127 +0,0 @@
-<div class="s-text py-14">
-    <div class="container">
-        <div class="d:col-10 ml-auto mr-auto">
-            <div class="wrp_s_head mb-8">
-                <h2 class="ui-heading">Zásady používání cookies</h2>
-            </div>
-            <div class="wrp_s_body">
-                <div class="ui-text"><h4 style="text-align: left;">Pravidla používání cookies na našich webových
-                        stránkách</h4>
-                    <p style="text-align: left;">Tyto webové stránky používají k poskytování služeb, personalizaci
-                        reklam a analýze návštěvnosti soubory cookies. Pokud nepovolíte využití reklamních cookies, web
-                        bude používat pouze cookies nezbytné k tomu, abyste se mohli pohybovat po webu a používat jeho
-                        funkce. Zásady ukládání cookies na váš počítač si můžete kdykoliv vypnout nebo upravit na konci
-                        této stránky.</p>
-                    <p></p>
-                    <p></p><h4 style="text-align: left;">Cookies nutné pro funkčnost stránek</h4>
-                    <p style="text-align: left;">Tyto cookies jsou nezbytné k tomu, abyste se mohli pohybovat po webu a
-                        používat jeho funkce. Jsou aktivovány v okamžiku, kdy uživatel vstoupí na stránku. Některé části
-                        webových stránek nemusí správně fungovat, pokud tyto soubory cookie nejsou uloženy.</p>
-                    <p></p>
-                    <table style="border-collapse: collapse; width: 100%; height: 96px;" border="1">
-                        <tbody>
-                        <tr style="height: 24px;">
-                            <td style="width: 46.4115%; height: 24px;">Cookie</td>
-                            <td style="width: 46.4115%; height: 24px;">PHPSSID</td>
-                        </tr>
-                        <tr style="height: 24px;">
-                            <td style="width: 46.4115%; height: 24px;">Autor</td>
-                            <td style="width: 46.4115%; height: 24px;"><a
-                                        href="http://www.newlogic.cz">www.newlogic.cz</a></td>
-                        </tr>
-                        <tr style="height: 24px;">
-                            <td style="width: 46.4115%; height: 24px;">Účel</td>
-                            <td style="width: 46.4115%; height: 24px;">Tyto soubory cookies mohou být použity pro
-                                sledování aktuální relace uživatele. Součástí těchto údajů je i IP adresa uživatele,
-                                která je použita jako jedna z komponent pro hash generovaný frameworkem. Vlastník
-                                stránek IP adresu samostatně neukládá a z hashe ji nelze zpětně rekonstruovat.
-                            </td>
-                        </tr>
-                        <tr style="height: 24px;">
-                            <td style="width: 46.4115%; height: 24px;">Platnost</td>
-                            <td style="width: 46.4115%; height: 24px;">1 den</td>
-                        </tr>
-                        </tbody>
-                    </table>
-                    <p></p>
-                    <p></p><h4 style="text-align: left;">Cookies užívané k měření návštěvnosti stránek</h4>
-                    <p style="text-align: left;">Tyto cookies slouží k měření počtu návštěv stránek. Jedná se o nástroje
-                        služby Google Analytics.</p>
-                    <p></p>
-                    <table style="border-collapse: collapse; width: 100%;" border="1">
-                        <tbody>
-                        <tr>
-                            <td style="width: 46.4689%;">Cookie</td>
-                            <td style="width: 46.4689%;">utma, utmb, utmc, utmt, utmz</td>
-                        </tr>
-                        <tr>
-                            <td style="width: 46.4689%;">Autor</td>
-                            <td style="width: 46.4689%;"><a
-                                        href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage">Google
-                                    Analytics</a></td>
-                        </tr>
-                        <tr>
-                            <td style="width: 46.4689%;">Účel</td>
-                            <td style="width: 46.4689%;">Google Analytics měřící kódy</td>
-                        </tr>
-                        <tr>
-                            <td style="width: 46.4689%;">Platnost</td>
-                            <td style="width: 46.4689%;">Do ukončení uživatelské relace.</td>
-                        </tr>
-                        </tbody>
-                    </table>
-                    <p></p>
-                    <p></p>
-                    <p></p>
-                </div>
-                <form class="c-form-cookieconsent flex flex-col gap-8" data-controller="c-form-cookieconsent" data-action="submit->c-form-cookieconsent#update:prevent" autocomplete="off">
-                    <div class="c_form_head">
-                        <div class="ui-text">
-                            <h4 style="text-align: left;">Nastavení cookies</h4>
-                            <p style="text-align: left;">
-                                Následujícím nastavením můžete upravit jaké soubory cookie
-                                se budou používat na této stránce.
-                            </p>
-                        </div>
-                    </div>
-                    <div class="c_form_body">
-                        <div class="ui-text mb-4">
-                            <h5>Nutné cookies</h5>
-                            <p>
-                                Tyto soubory cookies jsou nezbytně nutné pro váš pohyb po webové stránce a využívání všech funkcí, např. nastavení preferencí soukromí, přihlašování nebo vyplňování formulářů. Bez těchto cookies by nebylo možné řádně poskytovat služby požadované při používání naší stránky. Nezbytně nutné cookies nevyžadují souhlas uživatele dle příslušných právních předpisů. Můžete si také nakonfigurovat webový prohlížeč a nezbytně nutné soubory cookies zablokovat, ovšem následně se může stát, že nebudete moci používat všechny funkce stránky tak, jak byste chtěli.
-                            </p>
-                        </div>
-                        <label class="ui-switch">
-                            <input type="checkbox" value="decline" checked disabled>
-                        </label>
-                    </div>
-                    <div class="c_form_body">
-                        <div class="ui-text mb-4">
-                            <h5>Statistické soubory cookies</h5>
-                            <p>
-                                Tyto soubory cookie nám umožňují počítat návštěvy a zdroje návštěvnosti, abychom mohli měřit a zlepšovat výkon našich stránek. Pomáhají nám zjistit, které stránky jsou nejoblíbenější a které nejméně, a vidět, jak se návštěvníci na webu pohybují, což nám pomáhá optimalizovat váš zážitek. Všechny informace, které tyto soubory cookie shromažďují, jsou agregované, a proto anonymní. Pokud tyto soubory cookie nepovolíte, nebudeme moci používat vaše údaje tímto způsobem.
-                            </p>
-                        </div>
-                        <label class="ui-switch">
-                            <input type="checkbox" value="performance">
-                        </label>
-                    </div>
-                    <div class="c_form_body">
-                        <div class="ui-text mb-4">
-                            <h5>Reklamní soubory cookies</h5>
-                            <p>
-                                Tyto soubory cookies (zvané také cílené nebo reklamní cookies) se používají k zobrazování reklam na stránkách třetích stran, které by více odpovídaly vaší osobě a vašim zájmům. Používají se také k omezení počtu shlédnutí reklam a měření účinností reklamních kampaní.
-                            </p>
-                        </div>
-                        <label class="ui-switch">
-                            <input type="checkbox" value="marketing">
-                        </label>
-                    </div>
-                    <div class="c_form_foot">
-                        <button class="ui-btn"><span>Uložit předvolby</span></button>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>