css-zero 0.0.54 → 0.0.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7ed27e158f8a76846339dfa69f1c174dea2af1fdadae6a3b63373da5b8c71f7b
-  data.tar.gz: b3969c7185bd0508fe1c63ec94a48c9d96243d614d2cc30a2dd5469fb0be959f
+  metadata.gz: 17f6ec5f98d948bcf736e90b9227945332d6aa2824e0cdd724410cddcc5517eb
+  data.tar.gz: 64970cb50034a169941ce79442c15fb921c8f32b95562b98dd74b9ded15cf08b
 SHA512:
-  metadata.gz: 623658c4fba2326aabdd9313c80f8fb1d2fdeb46d2f48d6181f5d1fc9701f1be82173f15956c194d680d9800f13984fda6151c3d11dd9b02ff00d3bb1aa5bffc
-  data.tar.gz: d1a40430b67b9084a6f40de4c32907b19f31c157baed20f9f27538b4017d9ce3e2e9ca837d649e7659c8b12512b9f6d3339d1ad739a1b6ed4947615b89f2bfe0
+  metadata.gz: fd30ee50be1fbd90e53f83227b688d3e27092ca6a093cfcf07d9d5c102a8a310e1c225ff119b0d683041ef6948c7b734e19d05876c3031f44b1f4c0b8d3aee3a
+  data.tar.gz: 4fcdc76132b119c96fcf9e613eb709083cf4da4aa2bf20c7eaab44984887743855c4ff1b73f59bd77fb8697da60a893dfacf728b271933a6b2ea79aacdf979b1

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.54"
+  VERSION = "0.0.55"
 end

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/accordion.css

@@ -2,13 +2,13 @@
   details {
     border-block-end-width: var(--border);
     interpolate-size: allow-keywords;
+    overflow: hidden;
 
     &::details-content {
       block-size: 0;
-      overflow-y: clip;
       transition-behavior: allow-discrete;
       transition-duration: var(--time-150);
-      transition-property: content-visibility height;
+      transition-property: content-visibility block-size;
     }
 
     &[open]::details-content {

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/zdatepicker.css

@@ -8,7 +8,7 @@
   border-radius: var(--rounded-md);
   box-shadow: var(--shadow-md);
   font-size: var(--text-sm);
-  inline-size: 280px;
+  inline-size: 285px;
   padding: var(--size-3);
 
   :is(.dayContainer, .flatpickr-days) {
@@ -122,7 +122,8 @@
     color: var(--color-text);
     display: inline-flex;
     height: var(--size-9);
-    max-width: 100%;
+    margin-block-start: 1px;
+    max-width: var(--size-9);
 
     &:is(.inRange) {
       border-radius: 0;
@@ -130,6 +131,7 @@
 
     &:is(.today, .inRange, :hover, :focus) {
       background: var(--color-secondary);
+      color: var(--color-text);
     }
 
     &:is(

data/lib/generators/css_zero/add/templates/app/javascript/controllers/autosave_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import { FetchRequest } from "@rails/request.js"
+import { FetchRequest } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
 
 const AUTOSAVE_INTERVAL = 3000
 
@@ -61,4 +61,4 @@ async function submitForm(form) {
   })
 
   return await request.perform()
-}
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/combobox_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
-import { get } from "@rails/request.js"
-import TomSelect from "tom-select"
+import { get } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
+import TomSelect from "https://cdn.skypack.dev/tom-select@2.3.1"
 
 export default class extends Controller {
   static values = { url: String, optionCreate: { type: String, default: "Add" }, noResults: { type: String, default: "No results found" } }
@@ -28,11 +28,11 @@ export default class extends Controller {
   }
 
   get #inputSettings() {
-    return { render: this.#render, load: this.hasUrlValue && this.load, persist: false, createOnBlur: true, create: true }
+    return { render: this.#render, load: this.#loadSetting, persist: false, createOnBlur: true, create: true }
   }
 
   get #selectSettings() {
-    return { render: this.#render, load: this.hasUrlValue && this.load }
+    return { render: this.#render, load: this.#loadSetting }
   }
 
   get #render() {
@@ -45,4 +45,8 @@ export default class extends Controller {
       }
     }
   }
+
+  get #loadSetting() {
+    return this.hasUrlValue && this.load
+  }
 }

data/lib/generators/css_zero/add/templates/app/javascript/controllers/datepicker_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import flatpickr from "flatpickr"
+import flatpickr from "https://cdn.skypack.dev/flatpickr@4.6.13"
 
 export default class extends Controller {
   static targets = [ "details" ]
@@ -30,23 +30,14 @@ export default class extends Controller {
   }
 
   get #dateTimeOptions() {
-    return {
-      altInput: true,
-      altFormat: this.dateTimeFormatValue,
-      dateFormat: "Y-m-d H:i",
-      disable: this.disableValue,
-      mode: this.modeValue,
-      enableTime: true
-    }
+    return { ...this.#baseOptions, altFormat: this.dateTimeFormatValue, dateFormat: "Y-m-d H:i", enableTime: true }
   }
 
   get #basicOptions() {
-    return {
-      altInput: true,
-      altFormat: this.dateFormatValue,
-      dateFormat: "Y-m-d",
-      disable: this.disableValue,
-      mode: this.modeValue
-    }
+    return { ...this.#baseOptions, altFormat: this.dateFormatValue, dateFormat: "Y-m-d" }
+  }
+
+  get #baseOptions() {
+    return { altInput: true, disable: this.disableValue, mode: this.modeValue }
   }
-}
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/inputmask_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import Inputmask from "inputmask"
+import Inputmask from "https://cdn.skypack.dev/inputmask@5.0.9"
 
 export default class extends Controller {
   static values = {
@@ -15,14 +15,18 @@ export default class extends Controller {
 
   connect() {
     if (this.hasMaskValue) {
-      Inputmask.default({ mask: this.maskValue }).mask(this.element)
+      Inputmask({ mask: this.maskValue }).mask(this.element)
     } else if (this.aliasValue == "numeric") {
-      Inputmask.default(this.#numericOptions).mask(this.element)
+      Inputmask(this.#numericOptions).mask(this.element)
     } else if (this.aliasValue == "datetime") {
-      Inputmask.default(this.#datetimeOptions).mask(this.element)
+      Inputmask(this.#datetimeOptions).mask(this.element)
     }
   }
 
+  disconnect() {
+    Inputmask.remove(this.element)
+  }
+
   get #numericOptions() {
     return {
       alias: "numeric",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.54
+  version: 0.0.55
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-29 00:00:00.000000000 Z
+date: 2024-10-31 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com