alchemy_cms 8.3.11 → 8.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34ce728c66dd012a36a76669753445e22afd8bfafe663c519f36813684cb4ce3
-  data.tar.gz: 2d97c6067004150461c7d356c8aaffeeeb21a16896deccaedb8b103660b831d3
+  metadata.gz: 7aff64db89e8d4901217627e3e705537ded66f2254d157768b938dbab94b405f
+  data.tar.gz: 6764a8bad67701db9a7ab0faabc40d5f6b189956a94d20b6d8ee9b7afbde39c3
 SHA512:
-  metadata.gz: 76bea0c8e788be8d678fee399f227ddcd80084af70cc4b9204ebc8dd3addc8347db2238bcc1e3cd46b0d26e4e06072e9b4daf08bad081fb24e73611b9b47b99d
-  data.tar.gz: d95da12f671a59a7081219407274906374cb0d5905cce5cef3c94822a5f379f7e190eba331bd6511cb49982f525823e9a1f6be8f106157e5fa20231990b502e2
+  metadata.gz: 17d825c6070abde46e376eb55414a32414c715e9d63d831a45b0b2fc157e39535cc4d61718d3e736dab3aa8894d71dc12bc922f72ed1042590d88dbb7b814b77
+  data.tar.gz: 1aa683313f37c41e5f7591e9cdb3282a1182e07edbec7f9250eb3469869da384e00295545acaa9bdfab8136d37fecfcb458bfbe7e366206e5dba1456b5b640d5

data/LICENSE

@@ -11,7 +11,7 @@ are permitted provided that the following conditions are met:
   list of conditions and the following disclaimer in the documentation and/or
   other materials provided with the distribution.
 
-  Neither the name of the magic labs GmbH nor the names of its
+  Neither the name of the Blish GmbH nor the names of its
   contributors may be used to endorse or promote products derived from
   this software without specific prior written permission.
 

data/README.md

@@ -162,19 +162,19 @@ Alchemy.configure do |config|
 end
 ```
 
-The only thing Alchemy needs to know from your user class is the `alchemy_roles` method.
+Alchemy needs a `alchemy_roles` column in your database for the RBAC to work.
 
-This method has to return an `Array` (or `ActiveRecord::Relation`) with at least one of the following roles: `member`, `author`, `editor`, `admin`.
+Alchemy provides a migration generator that adds these tables to your users table.
 
-##### Example
+```
+$ bin/rails g alchemy:user_columns_migration --table-name=my-users-table
+```
 
-```ruby
-# app/models/user.rb
+Then include this module in your model.
 
-def alchemy_roles
-  if admin?
-    %w(admin)
-  end
+```ruby
+class User
+  include Alchemy::UserMethods
 end
 ```
 
@@ -307,6 +307,38 @@ Please use [capistrano-alchemy](https://github.com/AlchemyCMS/capistrano-alchemy
 If you don't use Capistrano you have to **make sure** that the `uploads`, `tmp/cache/assets`, `public/assets` and `public/pictures` folders get **shared between deployments**, otherwise you **will loose data**. No, not really, but you know, just keep them in sync.
 
 
+## 🗃 Writing Migrations
+
+**On SQLite, a migration that rebuilds a table silently deletes data from other tables.**
+
+SQLite has no real `ALTER TABLE`, so Rails implements the operations below by recreating the table: it copies the rows aside, runs `DROP TABLE`, and copies them back.
+
+- `change_column`
+- `change_column_null`
+- `change_column_default`
+- `rename_column`
+- `remove_column` and `remove_columns`
+- `add_timestamps`
+- `add_column` with `null: false` and **no** `default:`
+
+With foreign keys enforced, SQLite's `DROP TABLE` performs an implicit `DELETE`, which fires `ON DELETE CASCADE`. The rebuilt table keeps its rows, because they come back from the copy, but **every cascading descendant is deleted permanently**. Since Alchemy cascades from pages down to ingredients, rebuilding `alchemy_pages` empties `alchemy_page_versions`, `alchemy_elements` and `alchemy_ingredients`.
+
+Rails tries to prevent this by disabling foreign keys for the rebuild, but that only works outside a transaction, and migrations run inside one by default. The safeguard is therefore silently ineffective.
+
+So when a migration touches a table that has cascading children:
+
+1. **Avoid the rebuild if you can.** `add_column` with both `null: false` and a `default:` is a plain `ALTER TABLE ADD COLUMN`. A nullable column combined with a model level default behaves the same on every adapter, and is the only option for MySQL `text` columns, which cannot carry a literal default.
+2. **If a rebuild is unavoidable**, including `remove_column` in `down`, declare `disable_ddl_transaction!` in the migration. Because it no longer rolls back as a single unit, make sure the migration is safe to run again after a partial failure.
+3. **Test against a populated database** and check that child records survive. An empty database hides the problem completely.
+
+You can check the migrations in this repository with:
+
+```bash
+ruby bin/check-destructive-migrations
+```
+
+This also runs in CI, and fails when a migration rebuilds a table without `disable_ddl_transaction!`.
+
 ## 🚧 Testing
 
 If you want to contribute to Alchemy ([and we encourage you to do so](CONTRIBUTING.md)) we have a strong test suite that helps you to not break anything.
@@ -354,12 +386,28 @@ $ bundle exec rake
 
 ### Start the dummy app
 
-You can even start the dummy app and use it to manually test your changes with:
+You can even start the dummy app and use it to manually test your changes.
+
+To run the whole stack in Docker (builds the images and starts the Rails
+server, Sass watcher, and JS bundle watcher):
 
 ```bash
 $ bin/start
 ```
 
+After changing dependencies (`Gemfile` or `package.json`), rebuild the image and
+refresh the baked `node_modules` in one step:
+
+```bash
+$ bin/start --refresh
+```
+
+Or, to run the dummy app locally without Docker:
+
+```bash
+$ bin/dev
+```
+
 
 ## 📦 Releasing
 

data/app/assets/builds/alchemy/admin/page-select.css

@@ -1 +1 @@
-.page-select--page,.page-select--page-name,.page-select--page-urlname{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.page-select--page{--size-1: var(--spacing-0, 2px);--size-2: var(--spacing-1, 4px);--size-3: var(--spacing-2, 8px);--small-font-size: var(--font-size_small, 10px);--grey: var(--color-grey_light, hsl(0deg, 0%, 94%));--color: var(--text-color, hsla(224deg, 23%, 26%, 0.8));--highlight-color: var(--grey);display:flex;flex-direction:column;color:var(--color)}.page-select--page alchemy-icon{margin-right:var(--size-2)}.page-select--page alchemy-icon .icon{fill:currentColor}.select2-highlighted .page-select--page{color:var(--highlight-color)}.page-select--top,.page-select--bottom{display:flex;flex-direction:row;align-items:center}.page-select--bottom{font-size:var(--small-font-size);padding-left:var(--size-1)}.page-select--page-urlname{color:var(--text-color-muted, hsla(224, 23%, 26%, 0.5));padding-right:var(--size-2)}.select2-highlighted .page-select--page-urlname{color:var(--highlight-color)}.page-select--language-code{--bg-color: var(--grey);--highlight-bg-color: var(--color-white, hsl(0deg, 0%, 100%));--border-radius: var(--border-radius_medium, 3px);display:inline-block;background-color:var(--bg-color);margin-left:auto;border-radius:var(--border-radius);padding:var(--size-1) var(--size-2);text-transform:uppercase}.select2-highlighted .page-select--language-code{color:var(--color);background-color:var(--highlight-bg-color)}.page-select--site-name{margin-left:auto;padding:var(--size-2) 0 var(--size-2) var(--size-3);font-size:var(--small-font-size)}@media(prefers-color-scheme: dark){.page-select--page{--grey: var(--a-dark-grey, hsl(200deg, 5%, 17.5%));--color: var(--select-text-color, hsl(200deg, 5%, 70%));--highlight-color: var(--select-hover-text-color, hsl(0deg, 0%, 100%))}.page-select--page-urlname{color:var(--a-lighter-grey, hsl(200, 5%, 70%))}.page-select--language-code{--highlight-bg-color: var(--bg-color)}}
+.remote-select--entry,.remote-select--selection{--size-1: var(--spacing-0, 2px);--size-2: var(--spacing-1, 4px);--size-3: var(--spacing-2, 8px);--small-font-size: var(--font-size_small, 10px);--color: var(--text-color, hsla(224deg, 23%, 26%, 0.8));--muted-color: var(--text-color-muted, hsla(224deg, 23%, 26%, 0.5));--highlight-color: var(--color-grey_light, hsl(0deg, 0%, 94%));--badge-bg-color: var(--color-grey_light, hsl(0deg, 0%, 94%));--badge-highlight-bg-color: var(--color-white, hsl(0deg, 0%, 100%));--border-radius: var(--border-radius_medium, 3px);color:var(--color)}.ts-dropdown .option.active .remote-select--entry,.ts-dropdown .option.active .remote-select--selection{color:var(--highlight-color)}.remote-select--entry{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:baseline;column-gap:var(--size-3);row-gap:var(--size-1);overflow:hidden}.remote-select--selection{display:flex;align-items:baseline;column-gap:var(--size-3);overflow:hidden}.remote-select--icon{grid-column:1;grid-row:1;align-self:center}.remote-select--icon .icon{fill:currentColor}.remote-select--media{grid-column:1;grid-row:1/-1;align-self:center;width:var(--remote-select-media-size, 20px);height:var(--remote-select-media-size, 20px);border-radius:var(--border-radius_medium);object-fit:cover}.remote-select--primary{grid-column:2;grid-row:1}.remote-select--secondary{grid-column:2;grid-row:2;color:var(--muted-color);font-size:var(--small-font-size)}.ts-dropdown .option.active .remote-select--secondary{color:var(--highlight-color)}.remote-select--primary,.remote-select--secondary,.remote-select--selection-name,.remote-select--selection-aside{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-select--aside{grid-column:3;grid-row:1}.remote-select--secondary-aside{grid-column:3;grid-row:2}.remote-select--aside,.remote-select--secondary-aside{justify-self:end;white-space:nowrap;font-size:var(--small-font-size)}.remote-select--selection-aside{flex:0 10 auto;margin-left:auto;color:var(--muted-color);font-size:var(--small-font-size)}.ts-dropdown .option.active .remote-select--selection-aside{color:var(--highlight-color)}.remote-select--truncate-head{direction:rtl;text-align:left}.remote-select--badge{display:inline-block;background-color:var(--badge-bg-color);border-radius:var(--border-radius);padding:var(--size-1) var(--size-2);text-transform:uppercase;color:var(--color)}.ts-dropdown .option.active .remote-select--badge{color:var(--color);background-color:var(--badge-highlight-bg-color)}@media(prefers-color-scheme: dark){.remote-select--entry,.remote-select--selection{--color: var(--select-text-color, hsl(200deg, 5%, 70%));--muted-color: var(--a-lighter-grey, hsl(200deg, 5%, 70%));--highlight-color: var(--select-hover-text-color, hsl(0deg, 0%, 100%));--badge-bg-color: var(--a-dark-grey, hsl(200deg, 5%, 17.5%));--badge-highlight-bg-color: var(--badge-bg-color)}}alchemy-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, var(--icon-size-md));height:var(--icon-size, var(--icon-size-md));opacity:1;transition:opacity var(--transition-duration) var(--transition-easing)}alchemy-icon:not(:defined){opacity:0}alchemy-icon[size=xs]{width:var(--icon-size-xs);height:var(--icon-size-xs)}alchemy-icon[size=sm]{width:var(--icon-size-sm);height:var(--icon-size-sm)}alchemy-icon[size="1x"]{width:var(--icon-size-1x);height:var(--icon-size-1x)}alchemy-icon[size=xl]{width:var(--icon-size-xl);height:var(--icon-size-xl)}alchemy-icon.disabled{opacity:.3}alchemy-icon.blank{background:rgba(0,0,0,0)}alchemy-icon.error{padding:0}.icon{fill:var(--icon-color, currentColor);width:var(--icon-size, var(--icon-size-md));height:var(--icon-size, var(--icon-size-md))}.icon--xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon--1x{width:var(--icon-size-1x);height:var(--icon-size-1x)}.icon--xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.tomselected{display:none}:where(.ts-wrapper.alchemy_selectbox .ts-control)>input{width:100%}.ts-wrapper.alchemy_selectbox{position:relative;width:100%;max-width:100%}.ts-wrapper.alchemy_selectbox.medium{width:var(--select-medium-width)}.ts-wrapper.alchemy_selectbox.large{width:var(--select-large-width)}.ts-wrapper.alchemy_selectbox.x-large{width:var(--select-x-large-width)}.ts-wrapper.alchemy_selectbox.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control .remote-select--media,.ts-wrapper.alchemy_selectbox.single.input-active .ts-control .remote-select--icon{opacity:.25;transition:opacity var(--transition-duration)}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control input{position:absolute;background-color:rgb(from var(--form-field-background-color) r g b/50%);backdrop-filter:grayscale(100%);height:20px;transition:background-color}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control input.has-value{position:absolute;background-color:var(--form-field-background-color)}.ts-wrapper.alchemy_selectbox .ts-control{--item-height: 21px;--input-max-width: calc(100% - var(--spacing-4));align-items:center;background:var(--select-background-color);padding:var(--form-field-padding);border:var(--form-field-border-width) var(--form-field-border-style) var(--select-border-color);color:var(--select-text-color);margin:var(--form-field-margin);line-height:var(--form-field-line-height);min-height:var(--form-field-height);font-size:var(--form-field-font-size);border-radius:var(--border-radius_medium);cursor:pointer;position:relative}.ts-wrapper.alchemy_selectbox .ts-control sl-spinner{display:none;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);font-size:1em;--indicator-color: var(--text-color-muted);--track-color: transparent}.ts-wrapper.alchemy_selectbox .ts-control>.item{margin:0;line-height:var(--item-height);max-width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-wrapper.alchemy_selectbox .ts-control>input{color:var(--form-field-text-color);font-size:var(--form-field-font-size);height:auto;max-width:var(--input-max-width);margin:0;padding:0;border-radius:0;border:0}.ts-wrapper.alchemy_selectbox .ts-control>input:focus{box-shadow:none;border:none}.ts-wrapper.alchemy_selectbox .ts-control input::placeholder{color:var(--text-color-muted)}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control{background:var(--select-background-color)}.ts-wrapper.alchemy_selectbox.single.has-items:has(.clear-button) .ts-control::after{margin-left:0}.ts-wrapper.alchemy_selectbox.single .ts-control{display:flex;align-items:center}.ts-wrapper.alchemy_selectbox.single .ts-control::after{content:"";display:inline-flex;flex:0 0 1em;width:1em;height:1em;margin-left:auto;background:var(--select-background-image) no-repeat center/contain}.ts-wrapper.alchemy_selectbox.loading .ts-control sl-spinner{display:inline-flex}.ts-wrapper.alchemy_selectbox.loading.single .ts-control::after{visibility:hidden}.ts-wrapper.alchemy_selectbox.focus .ts-control{border-color:var(--focus-color);border-radius:var(--border-radius_medium);box-shadow:0 0 0 1px var(--focus-color);outline:0 none}.ts-wrapper.alchemy_selectbox.focus .ts-control::-moz-focus-inner{border:none !important;padding:1px !important}.ts-wrapper.alchemy_selectbox.disabled .ts-control{background-color:var(--select-disabled-background-color);border-color:var(--select-disabled-border-color);color:var(--text-color-muted);cursor:not-allowed}.ts-wrapper.alchemy_selectbox.multi .ts-control{--input-max-width: 100%;display:flex;flex-wrap:wrap;height:auto;padding:var(--spacing-0)}.ts-wrapper.alchemy_selectbox.multi .ts-control>input{padding:4px 6px;margin:0;width:auto;min-width:7rem}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item{display:inline-flex;align-items:center;gap:var(--spacing-1);margin:var(--spacing-0);padding:0 var(--spacing-1);color:var(--text-color);background:var(--tag-background-color);border:0 none;border-radius:var(--border-radius_medium);max-width:unset;white-space:normal}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item .remove{appearance:none;border:none;background:none;box-shadow:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;align-self:start;height:var(--item-height);margin:0;padding:0;color:var(--icon-color);text-decoration:none}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item .remove:hover{color:var(--text-color)}.ts-wrapper.alchemy_selectbox.multi .ts-control>.clear-button{position:absolute;top:4.5px;right:var(--spacing-1)}.ts-wrapper.alchemy_selectbox.multi .ts-control:has(.clear-button){position:relative;padding-right:var(--spacing-6)}.ts-wrapper.alchemy_selectbox.has-items .clear-button{display:inline-flex}.ts-wrapper.alchemy_selectbox .clear-button{--button-height: auto;display:none;background:none;border:none;box-shadow:none;margin:0 0 0 auto;padding:var(--spacing-1);width:var(--spacing-5)}.ts-dropdown-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.ts-dropdown{position:absolute;width:max-content;top:0;left:0;z-index:1;background:var(--select-dropdown-background-color);box-shadow:var(--select-dropdown-box-shadow);color:var(--select-dropdown-text-color, var(--text-color));border:1px solid var(--select-dropdown-border-color);border-radius:var(--border-radius_medium)}.ts-dropdown>.ts-dropdown-content{border-radius:var(--border-radius_medium);max-height:var(--select-dropdown-max-height, 80vh);overflow-y:auto}.ts-dropdown .option{padding:var(--spacing-2);cursor:pointer;min-height:2.75em}.ts-dropdown .option .highlight,.ts-dropdown .option em{font-style:normal;text-decoration:underline}.ts-dropdown .option.selected{background:var(--select-selected-bg-color);box-shadow:inset 3px 0 0 var(--select-selected-marker-color);font-weight:var(--font-weight_semibold)}.ts-dropdown .option.active{background:var(--select-hover-bg-color, var(--color-blue_dark));color:var(--select-hover-text-color, var(--color-white))}.ts-dropdown .option.selected.active{--select-selected-marker-color: var(--color-orange_dark)}.ts-dropdown .loading-results{padding:var(--spacing-2);color:var(--text-color-muted)}.ts-dropdown .no-results{padding:var(--spacing-2);color:var(--text-color-muted)}.ts-dropdown .create{padding:var(--spacing-2);cursor:pointer}.ts-dropdown .loading-more,.ts-dropdown .no-more-results{color:var(--text-color-muted);cursor:default}

data/app/assets/builds/alchemy/admin/print.css

@@ -1 +1 @@
-div#main_menu,div#top_menu,div#corner,div#flash_notices,div.pagination span,div.pagination a{display:none}div#archive_all{padding:0}span.icon.true:before{content:"x"}div.pagination{text-align:right}div.pagination em.current{border:none;text-shadow:none}div.pagination em:before{content:"Page "}
+div#main_menu,div#top_menu,div#corner,div#flash_notices,div.pagination span,div.pagination a{display:none}span.icon.true:before{content:"x"}div.pagination{text-align:right}div.pagination em.current{border:none;text-shadow:none}div.pagination em:before{content:"Page "}

data/app/assets/builds/alchemy/admin/remote-select.css

@@ -0,0 +1 @@
+.remote-select--entry,.remote-select--selection{--size-1: var(--spacing-0, 2px);--size-2: var(--spacing-1, 4px);--size-3: var(--spacing-2, 8px);--small-font-size: var(--font-size_small, 10px);--color: var(--text-color, hsla(224deg, 23%, 26%, 0.8));--muted-color: var(--text-color-muted, hsla(224deg, 23%, 26%, 0.5));--highlight-color: var(--color-grey_light, hsl(0deg, 0%, 94%));--badge-bg-color: var(--color-grey_light, hsl(0deg, 0%, 94%));--badge-highlight-bg-color: var(--color-white, hsl(0deg, 0%, 100%));--border-radius: var(--border-radius_medium, 3px);color:var(--color)}.ts-dropdown .option.active .remote-select--entry,.ts-dropdown .option.active .remote-select--selection{color:var(--highlight-color)}.remote-select--entry{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:baseline;column-gap:var(--size-3);row-gap:var(--size-1);overflow:hidden}.remote-select--selection{display:flex;align-items:baseline;column-gap:var(--size-3);overflow:hidden}.remote-select--icon{grid-column:1;grid-row:1;align-self:center}.remote-select--icon .icon{fill:currentColor}.remote-select--media{grid-column:1;grid-row:1/-1;align-self:center;width:var(--remote-select-media-size, 20px);height:var(--remote-select-media-size, 20px);border-radius:var(--border-radius_medium);object-fit:cover}.remote-select--primary{grid-column:2;grid-row:1}.remote-select--secondary{grid-column:2;grid-row:2;color:var(--muted-color);font-size:var(--small-font-size)}.ts-dropdown .option.active .remote-select--secondary{color:var(--highlight-color)}.remote-select--primary,.remote-select--secondary,.remote-select--selection-name,.remote-select--selection-aside{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-select--aside{grid-column:3;grid-row:1}.remote-select--secondary-aside{grid-column:3;grid-row:2}.remote-select--aside,.remote-select--secondary-aside{justify-self:end;white-space:nowrap;font-size:var(--small-font-size)}.remote-select--selection-aside{flex:0 10 auto;margin-left:auto;color:var(--muted-color);font-size:var(--small-font-size)}.ts-dropdown .option.active .remote-select--selection-aside{color:var(--highlight-color)}.remote-select--truncate-head{direction:rtl;text-align:left}.remote-select--badge{display:inline-block;background-color:var(--badge-bg-color);border-radius:var(--border-radius);padding:var(--size-1) var(--size-2);text-transform:uppercase;color:var(--color)}.ts-dropdown .option.active .remote-select--badge{color:var(--color);background-color:var(--badge-highlight-bg-color)}@media(prefers-color-scheme: dark){.remote-select--entry,.remote-select--selection{--color: var(--select-text-color, hsl(200deg, 5%, 70%));--muted-color: var(--a-lighter-grey, hsl(200deg, 5%, 70%));--highlight-color: var(--select-hover-text-color, hsl(0deg, 0%, 100%));--badge-bg-color: var(--a-dark-grey, hsl(200deg, 5%, 17.5%));--badge-highlight-bg-color: var(--badge-bg-color)}}

data/app/assets/builds/alchemy/admin/tags-autocomplete.css

@@ -0,0 +1 @@
+alchemy-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, var(--icon-size-md));height:var(--icon-size, var(--icon-size-md));opacity:1;transition:opacity var(--transition-duration) var(--transition-easing)}alchemy-icon:not(:defined){opacity:0}alchemy-icon[size=xs]{width:var(--icon-size-xs);height:var(--icon-size-xs)}alchemy-icon[size=sm]{width:var(--icon-size-sm);height:var(--icon-size-sm)}alchemy-icon[size="1x"]{width:var(--icon-size-1x);height:var(--icon-size-1x)}alchemy-icon[size=xl]{width:var(--icon-size-xl);height:var(--icon-size-xl)}alchemy-icon.disabled{opacity:.3}alchemy-icon.blank{background:rgba(0,0,0,0)}alchemy-icon.error{padding:0}.icon{fill:var(--icon-color, currentColor);width:var(--icon-size, var(--icon-size-md));height:var(--icon-size, var(--icon-size-md))}.icon--xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon--1x{width:var(--icon-size-1x);height:var(--icon-size-1x)}.icon--xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.tomselected{display:none}:where(.ts-wrapper.alchemy_selectbox .ts-control)>input{width:100%}.ts-wrapper.alchemy_selectbox{position:relative;width:100%;max-width:100%}.ts-wrapper.alchemy_selectbox.medium{width:var(--select-medium-width)}.ts-wrapper.alchemy_selectbox.large{width:var(--select-large-width)}.ts-wrapper.alchemy_selectbox.x-large{width:var(--select-x-large-width)}.ts-wrapper.alchemy_selectbox.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control .remote-select--media,.ts-wrapper.alchemy_selectbox.single.input-active .ts-control .remote-select--icon{opacity:.25;transition:opacity var(--transition-duration)}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control input{position:absolute;background-color:rgb(from var(--form-field-background-color) r g b/50%);backdrop-filter:grayscale(100%);height:20px;transition:background-color}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control input.has-value{position:absolute;background-color:var(--form-field-background-color)}.ts-wrapper.alchemy_selectbox .ts-control{--item-height: 21px;--input-max-width: calc(100% - var(--spacing-4));align-items:center;background:var(--select-background-color);padding:var(--form-field-padding);border:var(--form-field-border-width) var(--form-field-border-style) var(--select-border-color);color:var(--select-text-color);margin:var(--form-field-margin);line-height:var(--form-field-line-height);min-height:var(--form-field-height);font-size:var(--form-field-font-size);border-radius:var(--border-radius_medium);cursor:pointer;position:relative}.ts-wrapper.alchemy_selectbox .ts-control sl-spinner{display:none;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);font-size:1em;--indicator-color: var(--text-color-muted);--track-color: transparent}.ts-wrapper.alchemy_selectbox .ts-control>.item{margin:0;line-height:var(--item-height);max-width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-wrapper.alchemy_selectbox .ts-control>input{color:var(--form-field-text-color);font-size:var(--form-field-font-size);height:auto;max-width:var(--input-max-width);margin:0;padding:0;border-radius:0;border:0}.ts-wrapper.alchemy_selectbox .ts-control>input:focus{box-shadow:none;border:none}.ts-wrapper.alchemy_selectbox .ts-control input::placeholder{color:var(--text-color-muted)}.ts-wrapper.alchemy_selectbox.single.input-active .ts-control{background:var(--select-background-color)}.ts-wrapper.alchemy_selectbox.single.has-items:has(.clear-button) .ts-control::after{margin-left:0}.ts-wrapper.alchemy_selectbox.single .ts-control{display:flex;align-items:center}.ts-wrapper.alchemy_selectbox.single .ts-control::after{content:"";display:inline-flex;flex:0 0 1em;width:1em;height:1em;margin-left:auto;background:var(--select-background-image) no-repeat center/contain}.ts-wrapper.alchemy_selectbox.loading .ts-control sl-spinner{display:inline-flex}.ts-wrapper.alchemy_selectbox.loading.single .ts-control::after{visibility:hidden}.ts-wrapper.alchemy_selectbox.focus .ts-control{border-color:var(--focus-color);border-radius:var(--border-radius_medium);box-shadow:0 0 0 1px var(--focus-color);outline:0 none}.ts-wrapper.alchemy_selectbox.focus .ts-control::-moz-focus-inner{border:none !important;padding:1px !important}.ts-wrapper.alchemy_selectbox.disabled .ts-control{background-color:var(--select-disabled-background-color);border-color:var(--select-disabled-border-color);color:var(--text-color-muted);cursor:not-allowed}.ts-wrapper.alchemy_selectbox.multi .ts-control{--input-max-width: 100%;display:flex;flex-wrap:wrap;height:auto;padding:var(--spacing-0)}.ts-wrapper.alchemy_selectbox.multi .ts-control>input{padding:4px 6px;margin:0;width:auto;min-width:7rem}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item{display:inline-flex;align-items:center;gap:var(--spacing-1);margin:var(--spacing-0);padding:0 var(--spacing-1);color:var(--text-color);background:var(--tag-background-color);border:0 none;border-radius:var(--border-radius_medium);max-width:unset;white-space:normal}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item .remove{appearance:none;border:none;background:none;box-shadow:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;align-self:start;height:var(--item-height);margin:0;padding:0;color:var(--icon-color);text-decoration:none}.ts-wrapper.alchemy_selectbox.multi .ts-control>.item .remove:hover{color:var(--text-color)}.ts-wrapper.alchemy_selectbox.multi .ts-control>.clear-button{position:absolute;top:4.5px;right:var(--spacing-1)}.ts-wrapper.alchemy_selectbox.multi .ts-control:has(.clear-button){position:relative;padding-right:var(--spacing-6)}.ts-wrapper.alchemy_selectbox.has-items .clear-button{display:inline-flex}.ts-wrapper.alchemy_selectbox .clear-button{--button-height: auto;display:none;background:none;border:none;box-shadow:none;margin:0 0 0 auto;padding:var(--spacing-1);width:var(--spacing-5)}.ts-dropdown-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.ts-dropdown{position:absolute;width:max-content;top:0;left:0;z-index:1;background:var(--select-dropdown-background-color);box-shadow:var(--select-dropdown-box-shadow);color:var(--select-dropdown-text-color, var(--text-color));border:1px solid var(--select-dropdown-border-color);border-radius:var(--border-radius_medium)}.ts-dropdown>.ts-dropdown-content{border-radius:var(--border-radius_medium);max-height:var(--select-dropdown-max-height, 80vh);overflow-y:auto}.ts-dropdown .option{padding:var(--spacing-2);cursor:pointer;min-height:2.75em}.ts-dropdown .option .highlight,.ts-dropdown .option em{font-style:normal;text-decoration:underline}.ts-dropdown .option.selected{background:var(--select-selected-bg-color);box-shadow:inset 3px 0 0 var(--select-selected-marker-color);font-weight:var(--font-weight_semibold)}.ts-dropdown .option.active{background:var(--select-hover-bg-color, var(--color-blue_dark));color:var(--select-hover-text-color, var(--color-white))}.ts-dropdown .option.selected.active{--select-selected-marker-color: var(--color-orange_dark)}.ts-dropdown .loading-results{padding:var(--spacing-2);color:var(--text-color-muted)}.ts-dropdown .no-results{padding:var(--spacing-2);color:var(--text-color-muted)}.ts-dropdown .create{padding:var(--spacing-2);cursor:pointer}.ts-dropdown .loading-more,.ts-dropdown .no-more-results{color:var(--text-color-muted);cursor:default}.autocomplete_tag_list .ts-control>.item::before{content:"";flex:0 0 1rem;width:1rem;height:1rem;background:var(--tag-background-image) no-repeat center/contain}