@newlogic-digital/ui 3.5.0 → 3.7.5

package/src/templates/Sections/Ui/Intro.html

@@ -6,17 +6,17 @@
                 <p>Component framework with easy syntax for backend integration. Modern approach of CSS properties, enriched with utility classes from <a href="https://tailwindcss.com" target="_blank">TailwindCSS</a> and powered by <a href="https://winduum.dev" target="_blank">Winduum</a></p>
             </div>
             <div class="ui-text text-secondary dark:text-light dark:text-opacity-80">
-                <p>Javascript implementation is only <b>28 kB</b> and mainly intended for use on backend rendered websites and applications with PHP framework Nette</p>
+                <p>Javascript implementation is minimal and mainly intended for use on backend rendered websites and applications with PHP framework Nette</p>
             </div>
-            <div class="row py-6 g-3 flex-wrap">
-                <div class="col">
+            <div class="flex py-6 gap-3 flex-wrap">
+                <div class="flex-col">
                     <a href="/ui" class="ui-btn">
                         <span>Documentation</span>
                     </a>
                 </div>
-                <div class="col">
+                <div class="flex-col">
                     <a href="https://github.com/newlogic-digital/ui" target="_blank" rel="noopener" class="ui-btn accent-main">
-                        <span>Github v3.5.x</span>
+                        <span>Github v3.7.x</span>
                     </a>
                 </div>
             </div>
@@ -27,7 +27,7 @@
         <div class="wrp_s_body">
             <h1 class="ui-heading">Under the hood</h1>
             <div class="flex py-6 gap-4 flex-wrap items-center">
-                <div class="col">
+                <div class="flex-col">
                     <a href="https://winduum.dev/" target="_blank">
                         <svg class="w-auto h-12" fill="none" version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
                             <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m164.12 328.98c6.506 0 11.78-5.274 11.78-11.78s-5.274-11.78-11.78-11.78-11.78 5.274-11.78 11.78 5.274 11.78 11.78 11.78z" fill="#064b95" filter="url(#filter1_d_23_89)"/>
@@ -49,12 +49,12 @@
                         </svg>
                     </a>
                 </div>
-                <div class="col mr-2">
+                <div class="flex-col mr-2">
                     <a href="https://tailwindcss.com/docs" target="_blank">
                         <svg class="w-auto h-6" viewBox="0 0 247 31"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#06B6D4"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.546 12.825h-4.453v8.567c0 2.285 1.508 2.249 4.453 2.106v3.463c-5.962.714-8.332-.928-8.332-5.569v-8.567H64.91V9.112h3.304V4.318l3.879-1.143v5.937h4.453v3.713zM93.52 9.112h3.878v17.849h-3.878v-2.57c-1.365 1.891-3.484 3.034-6.285 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.285 2.999V9.112zm-5.674 14.636c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm16.016-17.313c-1.364 0-2.477-1.142-2.477-2.463a2.475 2.475 0 012.477-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.879v17.849h-3.879zm8.368 0V.9h3.878v26.06h-3.878zm29.053-17.849h4.094l-5.638 17.849h-3.807l-3.735-12.03-3.771 12.03h-3.806l-5.639-17.849h4.094l3.484 12.315 3.771-12.315h3.699l3.734 12.315 3.52-12.315zm8.906-2.677c-1.365 0-2.478-1.142-2.478-2.463a2.475 2.475 0 012.478-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.878v17.849h-3.878zm17.812-18.313c4.022 0 6.895 2.713 6.895 7.354V26.96h-3.878V16.394c0-2.713-1.58-4.14-4.022-4.14-2.55 0-4.561 1.499-4.561 5.14v9.567h-3.879V9.112h3.879v2.285c1.185-1.856 3.124-2.749 5.566-2.749zm25.282-6.675h3.879V26.96h-3.879v-2.57c-1.364 1.892-3.483 3.034-6.284 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.284 2.999V1.973zm-5.674 21.775c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm22.553 3.677c-5.423 0-9.481-4.105-9.481-9.389 0-5.318 4.058-9.388 9.481-9.388 3.519 0 6.572 1.82 8.008 4.605l-3.34 1.928c-.79-1.678-2.549-2.749-4.704-2.749-3.16 0-5.566 2.392-5.566 5.604 0 3.213 2.406 5.605 5.566 5.605 2.155 0 3.914-1.107 4.776-2.749l3.34 1.892c-1.508 2.82-4.561 4.64-8.08 4.64zm14.472-13.387c0 3.249 9.661 1.285 9.661 7.89 0 3.57-3.125 5.497-7.003 5.497-3.591 0-6.177-1.607-7.326-4.177l3.34-1.927c.574 1.606 2.011 2.57 3.986 2.57 1.724 0 3.052-.571 3.052-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.909-5.462 6.572-5.462 2.945 0 5.387 1.357 6.644 3.713l-3.268 1.82c-.647-1.392-1.904-2.035-3.376-2.035-1.401 0-2.622.607-2.622 1.892zm16.556 0c0 3.249 9.66 1.285 9.66 7.89 0 3.57-3.124 5.497-7.003 5.497-3.591 0-6.176-1.607-7.326-4.177l3.34-1.927c.575 1.606 2.011 2.57 3.986 2.57 1.724 0 3.053-.571 3.053-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.908-5.462 6.572-5.462 2.944 0 5.386 1.357 6.643 3.713l-3.268 1.82c-.646-1.392-1.903-2.035-3.375-2.035-1.401 0-2.622.607-2.622 1.892z" fill="currentColor"></path></svg>
                     </a>
                 </div>
-                <div class="col mr-2">
+                <div class="flex-col mr-2">
                     <a href="https://stimulus.hotwire.dev/" target="_blank">
                         <svg class="w-auto h-6" viewBox="0 0 372.93 60.02" xmlns="http://www.w3.org/2000/svg">
                             <g fill="#77e8b9">
@@ -66,7 +66,7 @@
                         </svg>
                     </a>
                 </div>
-                <div class="col -mt-4">
+                <div class="flex-col -mt-4">
                     <a href="https://swup.js.org/getting-started" target="_blank">
                         <svg class="w-auto h-12" viewBox="0 0 996 429" xmlns="http://www.w3.org/2000/svg">
                             <g fill="none">
@@ -78,76 +78,30 @@
                     </a>
                 </div>
             </div>
-            <div class="row g-3 items-center flex-wrap">
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Newlogic Core</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Vite</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Vituum</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">PostCSS</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">TailwindCSS</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Stimulus</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Swup</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Lightweight</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Modern</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Modular</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Accessible</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Responsive</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Progressive</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Fast</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Dark Mode</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Easy syntax</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">CSS Properties</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">ES Modules</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Dynamic Imports</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Lazyloading</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Mobile First</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Backend First</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Made for Nette</div>
-                </div>
+            <div class="flex gap-3 items-center flex-wrap">
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Newlogic Core</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Vite</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Vituum</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">PostCSS</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">TailwindCSS</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Stimulus</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Swup</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Lightweight</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Modern</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Modular</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Accessible</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Responsive</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Progressive</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Fast</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Dark Mode</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Easy syntax</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">CSS Properties</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">ES Modules</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Dynamic Imports</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Lazyloading</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Mobile First</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Backend First</div>
+                <div class="ui-badge rounded-full accent-body-secondary text-main">Made for Nette</div>
             </div>
             <div class="ui-text py-8 accent-main">
                 <p>Newlogic UI uses <a href="https://core.newlogic.cz" target="_blank">Newlogic Core</a>, which compiles modern JS and CSS syntax via <a href="https://vitejs.dev" target="_blank">Vite</a> and <a href="https://vituum.dev" target="_blank">Vituum</a>. Source code can be used with any other tools or even different environment than NodeJS, e.g. Deno and is written in W3C standards and should be runnable in current or future version of browsers.</p>

package/src/templates/Ui/ControlDate.latte

@@ -4,7 +4,7 @@
 >
     {block iconl}{/block}
     {block body}{/block}
-    <div class="icon-r">
+    <div class="ms-auto">
         {block iconr}{/block}
         <svg data-action="click->ui-control#showDatepicker">
             <use href="#icon-calendar"></use>

package/src/templates/Ui/ControlTime.latte

@@ -4,7 +4,7 @@
 >
     {block iconl}{/block}
     {block body}{/block}
-    <div class="icon-r">
+    <div class="ms-auto">
         {block iconr}{/block}
         <svg data-action="click->ui-control#showPicker">
             <use href="#icon-clock"></use>

package/src/views/dialog/basic.json.latte

@@ -1,5 +1,5 @@
 {capture $dialog}
-    {include '../../templates/Components/Dialogs/Basic.latte'}
+    {include '../../templates/Components/Dialog/Basic.latte'}
 {/capture}
 
 {$dialog|json('content')|noescape}

package/src/views/email/email.latte

@@ -1,6 +1,6 @@
 <extends src="emails/templates.test/Layout.latte">
     <block name="body">
-        <include src="emails/templates.test/Header.latte"></include>
-        <include src="emails/templates.test/Content.latte"></include>
+        <include src="emails/templates.test/Sections/Header.latte"></include>
+        <include src="emails/templates.test/Sections/Text.latte"></include>
     </block>
 </extends>

package/src/views/email/email.test.latte

@@ -1,6 +1,6 @@
 <extends src="emails/templates.test/Layout.latte">
     <block name="body">
-        <include src="emails/templates.test/Header.latte"></include>
-        <include src="emails/templates.test/Content.latte"></include>
+        <include src="emails/templates.test/Sections/Header.latte"></include>
+        <include src="emails/templates.test/Sections/Text.latte"></include>
     </block>
 </extends>

package/src/views/gdpr.json

@@ -1,11 +1,13 @@
 {
-  "headerNormal": true,
+  "headerOffset": true,
   "page": {
-    "title": "Newlogic UI",
+    "title": "GDPR",
     "body": [
       {
-        "src": "Sections/Gdpr.latte",
-        "intro": true
+        "src": "Sections/Text.latte"
+      },
+      {
+        "src": "Sections/CookieConsent.latte"
       }
     ]
   }

package/src/views/popover/info.json.latte

@@ -0,0 +1,15 @@
+{capture $content}
+    <div class="c-popover-content shadow h-48" id="popover2" aria-describedby="popoverAction" popover="manual">
+        <input type="text" autofocus>
+        <button
+            type="button"
+            data-action="controller#delegate"
+            data-controller-name-param="c-popover"
+            data-controller-method-param="hide"
+            data-controller-selector-param="#popoverAction"
+        >x</button>
+    </div>
+{/capture}
+
+{$content|json('content')|noescape}
+

package/vite.config.js

@@ -1,20 +1,27 @@
+import { defineConfig } from 'vite'
 import core from '@newlogic-digital/core'
-import postcssHasPseudo from 'css-has-pseudo'
-import postcssCustomSelectors from 'postcss-custom-selectors'
 
-export default {
+export default defineConfig({
     plugins: [
         core({
-            latte: {
-                globals: {
-                    template: './src/templates/Layout/Main.latte'
+            juice: {
+                postcss: {
+                    globalData: {
+                        files: ['./src/emails/styles/main/Base/config.css']
+                    }
                 }
             }
         })
     ],
-    css: {
-        postcss: {
-            plugins: [postcssCustomSelectors(), postcssHasPseudo()]
+    build: {
+        target: ['edge111', 'firefox111', 'chrome111', 'safari16'],
+        rollupOptions: {
+            output: {
+                manualChunks: {
+                    swup: ['swup'],
+                    stimulus: ['@hotwired/stimulus']
+                }
+            }
         }
     }
-}
+})

package/src/emails/styles/email.css

@@ -1,77 +0,0 @@
-@import "../../styles/Utils/theme/main.css";
-
-:root {
-  --width: 660px;
-  --container: 30px;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: var(--color-default);
-}
-
-table {
-  border-collapse: separate;
-}
-
-p {
-  font-size: 16px;
-  line-height: 1.5;
-  color: var(--color-default);
-  margin: 0;
-}
-
-.elm_container_wrapper {
-  background-color: #fff;
-  width: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: var(--color-default);
-
-  & .elm_container {
-    margin: 0;
-    width: 100%;
-    background-color: #fff;
-
-    & > tr > td {
-      padding: 0 var(--container);
-
-      &.elm_full {
-        padding: 0;
-      }
-    }
-
-    & .elm_inner_container {
-      width: var(--width);
-      min-width: var(--width);
-      padding: 0;
-    }
-  }
-}
-
-.elm_content {
-  & .elm_content_info {
-    color: #606060;
-    font-size: 13px;
-    line-height: 2;
-
-    & a {
-      &, & span {
-        color: #606060;
-      }
-    }
-  }
-
-  & .elm_content_heading {
-    font-size: 22px;
-    font-weight: 600;
-    color: var(--color-primary);
-  }
-}
-
-@media print {
-  * {
-    -webkit-print-color-adjust: exact;
-  }
-}

package/src/emails/templates.test/Content.latte

@@ -1,24 +0,0 @@
-<tr class="nlm_content">
-    <td>
-        <table class="elm_inner_container">
-            <tr>
-                <td>
-                    <br />
-                    <div class="elm_content_heading">Děkujeme za Váš zájem</div>
-                    <br />
-                    Jsme opravdu rádi že jste se nám ozvali! Toto jsou Vaše údaje z formuláře:
-                    <br />
-                    <br />
-                    <p><strong>Jméno</strong>: Pavel Novák</p>
-                    <p><strong>Email</strong>: jmeno.prijmeni@email.cz</p>
-                    <p><strong>Telefon</strong>: +420111222333</p>
-                    <br/>
-                    <p><strong>Zpráva</strong>:</p>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae est dui. Vestibulum vehicula in mi in interdum. Aliquam quis tempor nibh. Duis tincidunt vel purus tincidunt iaculis. In bibendum leo justo, et elementum justo dapibus et. Aliquam eu elementum magna. Fusce egestas urna ac venenatis auctor. Phasellus felis leo, suscipit non est sit amet, lobortis pellentesque urna. Ut enim leo, posuere eget mauris vel, egestas pellentesque metus. Curabitur ut est ut orci blandit suscipit. Morbi lacinia sapien luctus lectus maximus, vitae gravida lectus aliquet. Vestibulum ut placerat diam. Fusce dapibus tincidunt justo, sed venenatis nisl porttitor vitae.</p>
-                    <br />
-                    <div class="elm_content_info"><a href="https://www.nazevwebu.cz"><span>www.nazevwebu.cz</span></a></div>
-                </td>
-            </tr>
-        </table>
-    </td>
-</tr>

package/src/emails/templates.test/Header.latte

@@ -1,14 +0,0 @@
-<tr class="elm_header">
-    <td>
-        <table class="elm_inner_container">
-            <tr n:foreach="range(1,2) as $i">
-                <td>
-                    <br />
-                    <a href="#"><img src="https://via.placeholder.com/160x60" width="160" alt="" style="width: 160px" /></a>
-                    <br />
-                    <br />
-                </td>
-            </tr>
-        </table>
-    </td>
-</tr>

package/src/scripts/Components/CookieConsent.js

@@ -1,78 +0,0 @@
-import { LibStimulus, Controller } from '../Libraries/Stimulus.js'
-import LibCookieConsent from '../Libraries/CookieConsent.js'
-
-LibStimulus.register('c-cookieconsent', class extends Controller {
-    connect () {
-        const selector = this.element
-
-        if (document.querySelector('.c-form-cookieconsent') !== null) {
-            return
-        }
-
-        if (LibCookieConsent.getItem('lib-cookieconsent') === null || parseInt(LibCookieConsent.getItem('lib-cookieconsent-expire')) < Date.now()) {
-            setTimeout(() => {
-                selector.classList.add('active', 'is-animate')
-            }, 1500)
-        }
-    }
-
-    approve () {
-        this.hide(['performance', 'marketing'])
-    }
-
-    decline () {
-        this.hide([])
-    }
-
-    hide (type) {
-        LibCookieConsent.set(type)
-        this.element.classList.remove('is-animate')
-
-        setTimeout(() => {
-            this.element.classList.remove('active')
-            this.element.remove()
-        }, 500)
-    }
-})
-LibStimulus.register('c-form-cookieconsent', class extends Controller {
-    connect () {
-        const selector = this.element
-        const type = LibCookieConsent.getItem('lib-cookieconsent')
-        const modal = document.querySelector('.c-cookieconsent')
-
-        if (modal) {
-            modal.classList.remove('is-animate', 'active')
-        }
-
-        if (type !== null) {
-            this.element.querySelectorAll('input:not([disabled])').forEach(input => {
-                input.checked = false
-            })
-
-            JSON.parse(type).forEach(type => {
-                if (selector.querySelector(`input[value="${type}"]`) !== null) {
-                    selector.querySelector(`input[value="${type}"]`).checked = true
-                }
-            })
-        }
-    }
-
-    update () {
-        const type = []
-
-        this.element.querySelectorAll('input:not([disabled])').forEach(input => {
-            input.checked && type.push(input.value)
-        })
-
-        LibCookieConsent.set(type)
-        location.reload()
-    }
-
-    disconnect () {
-        const modal = document.querySelector('.c-cookieconsent')
-
-        if (modal && (LibCookieConsent.getItem('lib-cookieconsent') === null || parseInt(LibCookieConsent.getItem('lib-cookieconsent-expire')) < Date.now())) {
-            modal.classList.add('active', 'is-animate')
-        }
-    }
-})

package/src/scripts/Layout/Main.js

@@ -1,50 +0,0 @@
-import { LibStimulus, Controller } from '../Libraries/Stimulus.js'
-import LibTippy from '../Libraries/Tippy.js'
-import { initSlider, nextSlide, prevSlide, selectSlide } from '../Libraries/Slider.js'
-
-LibStimulus.register('lib', class extends Controller {
-    darkMode () {
-        if (document.documentElement.classList.contains('dark')) {
-            localStorage.theme = 'light'
-            document.documentElement.classList.remove('dark')
-        } else {
-            localStorage.theme = 'dark'
-            document.documentElement.classList.add('dark')
-        }
-    }
-})
-
-LibStimulus.register('lib-tippy', class extends Controller {
-    connect () {
-        const attributes = this.element.dataset.libTippy
-
-        new LibTippy(this.element, attributes?.replace(/\s/g, '')?.split(','))
-    }
-})
-
-LibStimulus.register('lib-slider', class extends Controller {
-    static targets = ['slider', 'dots', 'progress', 'counterMin', 'counterMax']
-
-    connect () {
-        initSlider(this.sliderTarget, {
-            paginationSelector: this.hasDotsTarget ? this.dotsTarget : null,
-            paginationItemClass: 'ui-dot',
-            progressSelector: this.hasProgressTarget ? this.progressTarget : null,
-            counterMinSelector: this.hasCounterMinTarget ? this.counterMinTarget : null,
-            counterMaxSelector: this.hasCounterMaxTarget ? this.counterMaxTarget : null,
-            pauseSelector: this.element.querySelectorAll('[data-action*="lib-slider"]')
-        })
-    }
-
-    next () {
-        nextSlide(this.sliderTarget)
-    }
-
-    prev () {
-        prevSlide(this.sliderTarget)
-    }
-
-    select () {
-        selectSlide(this.sliderTarget)
-    }
-})

package/src/scripts/Libraries/Drawer.js

@@ -1,42 +0,0 @@
-import { LibStimulus, Controller } from './Stimulus.js'
-
-LibStimulus.register('lib-drawer', class LibDrawer extends Controller {
-    connect () {
-        setTimeout(() => this.element.classList.add('is-transition'), 50)
-        this.element.addEventListener('click', ({ target }) => {
-            if (target === this.element) {
-                this.hide()
-            }
-        })
-    }
-
-    show () {
-        this.element.scrollLeft = 0
-        this.element.style.setProperty('--lib-drawer-opacity', '1')
-        this.element.classList.add('is-opacity', 'active')
-        this.element.setAttribute('aria-hidden', 'false')
-        this.element.removeAttribute('inert')
-        document.documentElement.classList.add('overflow-hidden')
-    }
-
-    hide () {
-        this.element.setAttribute('inert', '')
-        this.element.setAttribute('aria-hidden', 'true')
-        this.element.classList.remove('active')
-        this.element.classList.add('is-opacity')
-        this.element.style.setProperty('--lib-drawer-opacity', '0')
-        document.documentElement.classList.remove('overflow-hidden')
-    }
-
-    scroll ({ target }) {
-        if (target.scrollLeft > 1) {
-            this.element.classList.remove('is-opacity')
-            this.element.style.setProperty('--lib-drawer-opacity', `${Math.abs((target.scrollLeft / this.element.children[0].clientWidth) - 1)}`)
-        }
-
-        if (target.scrollLeft === this.element.children[0].clientWidth) {
-            this.element.classList.remove('active')
-            document.documentElement.classList.remove('overflow-hidden')
-        }
-    }
-})

package/src/scripts/Libraries/Script.js

@@ -1,18 +0,0 @@
-import { LibStimulus, Controller } from './Stimulus.js'
-
-LibStimulus.register('lib-script', class extends Controller {
-    connect () {
-        const element = this.element
-        const script = document.createElement('script')
-
-        ;[...element.attributes].forEach(attribute => {
-            if (attribute.specified && !attribute.name.includes('type') && !attribute.name.includes('data-controller')) {
-                script.setAttribute(attribute.name, attribute.value)
-            }
-        })
-
-        script.innerHTML = element.innerHTML
-        element.parentElement.appendChild(script)
-        element.remove()
-    }
-})