@limetech/lime-elements 36.2.0 → 36.3.0-next.2

package/dist/lime-elements/style/internal/shared_input-select-picker.scss

@@ -107,6 +107,22 @@ $cropped-label-hack--font-size: 0.875rem; //14px
     opacity: 0;
 }
 
+@mixin helper-text-color {
+    .mdc-text-field:not(.mdc-text-field--disabled) {
+        .mdc-text-field-character-counter,
+        + .mdc-text-field-helper-line .mdc-text-field-character-counter,
+        + .mdc-text-field-helper-line .mdc-text-field-helper-text {
+            color: $helper-text-color;
+        }
+    }
+}
+
+@mixin input-field-placeholder {
+    &::placeholder {
+        color: rgb(var(--contrast-900)) !important;
+    }
+}
+
 @mixin looks-like-helper-text-pseudo-before {
     height: $height-of-helper-text-pseudo-before;
     display: inline-block;

package/dist/lime-elements/style/internal/z-index.scss

@@ -2,6 +2,4 @@ $input-field--formatted-value: 1 !default;
 $input-field--input-with-formatted-value: 2 !default;
 $input-field--mdc-text-field__input--readonly: 1 !default;
 $tab-bar--active-tab: 2 !default;
-$table--has-interactive-rows--selectable-row--hover: 2 !default;
-$table--limel-table--row-selector: 1 !default;
 $button-group-radio-button-keyboard-focused: 1 !default;

package/dist/lime-elements/style/mixins.scss

@@ -12,20 +12,53 @@
 }
 
 @mixin in($media) {
+    // ⛔️ As long as we don't have a script that generates a
+    // `.css` files automatically, we cannot use this mixin.
+    // we need to manually write the dark-mode CSS variables
+    // inside this file: /style/color-palette-extended.css
+    //
+    // ⚠️ Also note that this mixin only puts styles
+    // on the `:root` which means the `<html` level.
+    // Therefore, it cannot be used inside components
+    // to generate custom dark-mode styles.
+
     @if $media == dark-mode {
         @media (prefers-color-scheme: dark) {
+            :root:not([data-theme='force-light']) {
+                @content;
+            }
+        }
+        :root[data-theme='force-dark'] {
             @content;
         }
+
+        // @media (prefers-color-scheme: dark) {
+        //     :host(:not([data-theme='force-light'])) & {
+        //         @content;
+        //     }
+        // }
+        // :host([data-theme='force-dark']) & {
+        //     @content;
+        // }
     }
 }
 
-@mixin is-elevated-clickable() {
-    transition: background-color 0.2s ease, box-shadow 0.2s ease,
-        transform 0.1s ease-out;
-
+@mixin is-elevated-clickable(
+    $color: var(--mdc-theme-on-surface),
+    $color--hovered: var(--mdc-theme-on-surface),
+    $background-color: var(--lime-elevated-surface-background-color),
+    $background-color--hovered: var(--lime-elevated-surface-background-color)
+) {
+    transition: color 0.2s ease, background-color 0.2s ease,
+        box-shadow 0.2s ease, transform 0.1s ease-out;
+
+    color: $color;
+    background-color: $background-color;
     box-shadow: var(--button-shadow-normal);
 
     &:hover {
+        color: $color--hovered;
+        background-color: $background-color--hovered;
         box-shadow: var(--button-shadow-hovered);
     }
 
@@ -36,27 +69,48 @@
     }
 }
 
-@mixin is-elevated-inset-clickable() {
-    transition: background-color 0.2s ease, box-shadow 0.2s ease,
-        transform 0.1s ease-out;
-
+@mixin is-elevated-inset-clickable(
+    $color: var(--mdc-theme-on-surface),
+    $color--hovered: var(--mdc-theme-on-surface),
+    $background-color: var(--lime-elevated-surface-background-color),
+    $background-color--hovered: var(--lime-elevated-surface-background-color),
+    $background-color--inset: var(--mdc-theme-surface)
+) {
+    transition: color 0.2s ease, background-color 0.2s ease,
+        box-shadow 0.2s ease, transform 0.1s ease-out;
+
+    color: $color;
+    background-color: $background-color;
     box-shadow: var(--button-shadow-normal);
 
     &:hover {
+        color: $color--hovered;
+        background-color: $background-color--hovered;
         box-shadow: var(--button-shadow-hovered);
     }
 
     &:active {
+        background-color: $background-color--inset;
         box-shadow: var(--button-shadow-inset-pressed);
         transform: translate3d(0, 0.05rem, 0);
     }
 }
 
-@mixin is-flat-clickable() {
-    transition: background-color 0.2s ease, box-shadow 0.2s ease,
-        transform 0.1s ease-out;
+@mixin is-flat-clickable(
+    $color: var(--mdc-theme-on-surface),
+    $background-color: transparent,
+    $color--hovered: var(--mdc-theme-on-surface),
+    $background-color--hovered: var(--lime-elevated-surface-background-color)
+) {
+    transition: color 0.2s ease, background-color 0.2s ease,
+        box-shadow 0.2s ease, transform 0.1s ease-out;
+
+    color: $color;
+    background-color: $background-color;
 
     &:hover {
+        color: $color--hovered;
+        background-color: $background-color--hovered;
         box-shadow: var(--button-shadow-hovered);
     }
 
@@ -67,15 +121,27 @@
     }
 }
 
-@mixin is-flat-inset-clickable() {
-    transition: background-color 0.2s ease, box-shadow 0.2s ease,
-        transform 0.1s ease-out;
+@mixin is-flat-inset-clickable(
+    $color: var(--mdc-theme-on-surface),
+    $background-color: transparent,
+    $color--hovered: var(--mdc-theme-on-surface),
+    $background-color--hovered: var(--lime-elevated-surface-background-color),
+    $background-color--inset: var(--mdc-theme-surface)
+) {
+    transition: color 0.2s ease, background-color 0.2s ease,
+        box-shadow 0.2s ease, transform 0.1s ease-out;
+
+    color: $color;
+    background-color: $background-color;
 
     &:hover {
+        color: $color--hovered;
+        background-color: $background-color--hovered;
         box-shadow: var(--button-shadow-hovered);
     }
 
     &:active {
+        background-color: $background-color--inset;
         box-shadow: var(--button-shadow-inset-pressed);
         transform: translate3d(0, 0.05rem, 0);
     }
@@ -83,7 +149,10 @@
 
 @mixin clear-all-button() {
     // NOTE: you may need to specify "position: absolute" and align the position where you use this mixin
-    @include is-flat-clickable;
+    @include is-flat-clickable(
+        $background-color: rgb(var(--contrast-900)),
+        $background-color--hovered: rgb(var(--contrast-1100))
+    );
 
     cursor: pointer;
 
@@ -92,16 +161,11 @@
     border-radius: 50%;
 
     background: {
-        color: #babac0;
         repeat: no-repeat;
         position: center;
         size: functions.pxToRem(12);
         image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs/><path fill='rgb(255,255,255)' d='M7.219 5.781L5.78 7.22 14.563 16 5.78 24.781 7.22 26.22 16 17.437l8.781 8.782 1.438-1.438L17.437 16l8.782-8.781L24.78 5.78 16 14.563z'/></svg>");
     }
-
-    &:hover {
-        background-color: #757580;
-    }
 }
 
 @mixin truncate-text() {

package/dist/lime-elements/style/shadows.scss

@@ -1,9 +1,15 @@
 @use './functions';
-
-$visualise-focused-state: 0 0 0 #{functions.pxToRem(2)} var(--mdc-theme-primary);
-$visualise-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-default));
+@use './mixins';
 
 :root {
+    // Could be useful for highlighting areas or elements that are focused, using a box-shadow.
+    // However, we recommend to use `var(--shadow-depth-8-focus)` to get a more coherent visual effect.
+    --shadow-focused-state: 0 0 0 #{functions.pxToRem(2)} var(--mdc-theme-primary);
+
+    // Could be useful for highlighting areas or elements that contain errors, using a box-shadow.
+    // However, we recommend to use `var(--shadow-depth-8-error)` to get a more coherent visual effect.
+    --shadow-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-default));
+
     // Good for buttons and clickables such as select dropdowns, or slider grabbers
     --button-shadow-normal: 0 #{functions.pxToRem(1.5)} #{functions.pxToRem(
                 3.6
@@ -36,19 +42,9 @@ $visualise-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-defaul
         0 #{functions.pxToRem(0.6)} #{functions.pxToRem(1.8)} 0
             rgba(var(--color-black), 0.108);
     // Same as above, but when element is focused
-    --shadow-depth-8-focused: 0 #{functions.pxToRem(3.2)} #{functions.pxToRem(
-                7.2
-            )} 0 rgba(var(--color-black), 0.132),
-        0 #{functions.pxToRem(0.6)} #{functions.pxToRem(1.8)} 0
-            rgba(var(--color-black), 0.108),
-        #{$visualise-focused-state};
+    --shadow-depth-8-focused: var(--shadow-depth-8), var(--shadow-focused-state);
     // Same as above, but when element is indicating error or warning
-    --shadow-depth-8-error: 0 #{functions.pxToRem(3.2)} #{functions.pxToRem(
-                7.2
-            )} 0 rgba(var(--color-black), 0.132),
-        0 #{functions.pxToRem(0.6)} #{functions.pxToRem(1.8)} 0
-            rgba(var(--color-black), 0.108),
-        #{$visualise-error-state};
+    --shadow-depth-8-error: var(--shadow-depth-8), var(--shadow-error-state);
     // Same as above, but light source is below the element, good for bottom bars, etc...
     --shadow-depth-8-reversed: 0 #{functions.pxToRem(-3.2)} #{functions.pxToRem(
                 7.2
@@ -63,12 +59,8 @@ $visualise-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-defaul
             rgba(var(--color-black), 0.108);
 
     // Same as above, but when element is focused
-    --shadow-depth-16-focused: 0 #{functions.pxToRem(6.4)} #{functions.pxToRem(
-                14.4
-            )} 0 rgba(var(--color-black), 0.132),
-        0 #{functions.pxToRem(1.2)} #{functions.pxToRem(3.6)} 0
-            rgba(var(--color-black), 0.108),
-        #{$visualise-focused-state};
+    --shadow-depth-16-focused: var(--shadow-depth-16),
+        var(--shadow-focused-state);
 
     // Good for Pop up dialogs
     --shadow-depth-64: 0 #{functions.pxToRem(25.6)} #{functions.pxToRem(57.6)} 0
@@ -77,12 +69,8 @@ $visualise-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-defaul
             rgba(var(--color-black), 0.18);
 
     // Same as above, but when element is focused
-    --shadow-depth-64-focused: 0 #{functions.pxToRem(25.6)} #{functions.pxToRem(
-                57.6
-            )} 0 rgba(var(--color-black), 0.22),
-        0 #{functions.pxToRem(4.8)} #{functions.pxToRem(14.4)} 0
-            rgba(var(--color-black), 0.18),
-        #{$visualise-focused-state};
+    --shadow-depth-64-focused: var(--shadow-depth-64),
+        var(--shadow-focused-state);
 
     --shadow-inflated-8: #{functions.pxToRem(-2)} #{functions.pxToRem(-2)} #{functions.pxToRem(
                 6
@@ -122,3 +110,105 @@ $visualise-error-state: 0 0 0 #{functions.pxToRem(2)} rgb(var(--color-red-defaul
         -1px -1px 0 1px rgba(var(--color-black), 0.07) inset,
         0 0 1px 1px rgba(var(--color-white), 0.98) inset;
 }
+
+// ⚠️ This section below is commented out.
+// It's contents are moved to src/style/color-palette-extended.css
+//
+// Because we don't want to give dark-mode-specific shadows to those
+// clients that only import src/style/color-palette-extended-light-mode-only.css
+// Because if their OS is in dark mode, not their app,
+// The shadows will get rendered too dark, due to `@media (prefers-color-scheme: dark)`
+// rule from the mixin. The day we generate `.css` files from these `.scss` files,
+// we can do it differently.
+
+// @include mixins.in(dark-mode) {
+//     --button-shadow-normal: 0 #{functions.pxToRem(1.5)} #{functions.pxToRem(
+//                 3.6
+//             )} 0 rgba(var(--color-black), 0.632),
+//         0 #{functions.pxToRem(0.3)} #{functions.pxToRem(0.9)} 0
+//             rgba(var(--color-black), 0.608);
+
+//     --button-shadow-hovered: 0 #{functions.pxToRem(2)} #{functions.pxToRem(6)}
+//             rgba(var(--color-black), 0.55),
+//         0 #{functions.pxToRem(6)} #{functions.pxToRem(10)}
+//             rgba(var(--color-black), 0.45);
+
+//     --button-shadow-pressed: 0 #{functions.pxToRem(1)} #{functions.pxToRem(3)} 0
+//             rgba(var(--color-black), 0.532),
+//         0 #{functions.pxToRem(0.3)} #{functions.pxToRem(0.9)} 0
+//             rgba(var(--color-black), 0.508);
+
+//     --button-shadow-inset: 0 #{functions.pxToRem(0.5)} #{functions.pxToRem(3.5)}
+//             0 rgba(var(--color-black), 0.532) inset,
+//         0 #{functions.pxToRem(0.3)} #{functions.pxToRem(0.9)} 0
+//             rgba(var(--color-black), 0.508) inset,
+//         0 0 #{functions.pxToRem(4)} rgba(var(--color-white), 0.1);
+
+//     --button-shadow-inset-pressed: 0 #{functions.pxToRem(0.5)} #{functions.pxToRem(
+//                 5.5
+//             )} 0 rgba(var(--color-black), 0.532) inset,
+//         0 #{functions.pxToRem(0.3)} #{functions.pxToRem(1.9)} 0
+//             rgba(var(--color-black), 0.52) inset,
+//         0 0 #{functions.pxToRem(3)} rgba(var(--color-white), 0.1);
+
+//     --shadow-depth-8: 0 #{functions.pxToRem(3.2)} #{functions.pxToRem(7.2)} 0
+//             rgba(var(--color-black), 0.532),
+//         0 #{functions.pxToRem(0.6)} #{functions.pxToRem(1.8)} 0
+//             rgba(var(--color-black), 0.508);
+
+//     --shadow-depth-8-reversed: 0 #{functions.pxToRem(-3.2)} #{functions.pxToRem(
+//                 7.2
+//             )} 0 rgba(var(--color-black), 0.532),
+//         0 #{functions.pxToRem(-0.6)} #{functions.pxToRem(1.8)} 0
+//             rgba(var(--color-black), 0.508);
+
+//     --shadow-depth-16: 0 #{functions.pxToRem(6.4)} #{functions.pxToRem(14.4)} 0
+//             rgba(var(--color-black), 0.532),
+//         0 #{functions.pxToRem(1.2)} #{functions.pxToRem(3.6)} 0
+//             rgba(var(--color-black), 0.508);
+
+//     --shadow-depth-64: 0 #{functions.pxToRem(25.6)} #{functions.pxToRem(57.6)} 0
+//             rgba(var(--color-black), 0.22),
+//         0 #{functions.pxToRem(4.8)} #{functions.pxToRem(14.4)} 0
+//             rgba(var(--color-black), 0.58);
+
+//     --shadow-inflated-8: #{functions.pxToRem(-2)} #{functions.pxToRem(-2)} #{functions.pxToRem(
+//                 6
+//             )} rgba(var(--color-black), 0.21),
+//         #{functions.pxToRem(-4)} #{functions.pxToRem(-4)} #{functions.pxToRem(
+//                 10
+//             )} rgba(var(--color-white), 0.08),
+//         #{functions.pxToRem(4)} #{functions.pxToRem(4)} #{functions.pxToRem(10)}
+//             rgba(var(--color-black), 0.46),
+//         #{functions.pxToRem(1)} #{functions.pxToRem(1)} #{functions.pxToRem(10)}
+//             rgba(var(--color-white), 0.16),
+//         -1px -1px 0 1px rgba(var(--color-black), 0.37) inset,
+//         0 0 1px 1px rgba(var(--color-white), 0.2) inset;
+
+//     --shadow-inflated-16: #{functions.pxToRem(-3)} #{functions.pxToRem(-3)} #{functions.pxToRem(
+//                 6
+//             )} rgba(var(--color-black), 0.21),
+//         #{functions.pxToRem(-6)} #{functions.pxToRem(-6)} #{functions.pxToRem(
+//                 16
+//             )} rgba(var(--color-white), 0.1),
+//         #{functions.pxToRem(6)} #{functions.pxToRem(6)} #{functions.pxToRem(16)}
+//             rgba(var(--color-black), 0.46),
+//         #{functions.pxToRem(2)} #{functions.pxToRem(2)} #{functions.pxToRem(10)}
+//             rgba(var(--color-white), 0.16),
+//         -1px -1px 0 1px rgba(var(--color-black), 0.37) inset,
+//         0 0 1px 1px rgba(var(--color-white), 0.2) inset;
+
+//     --shadow-inflated-64: #{functions.pxToRem(-3)} #{functions.pxToRem(-3)} #{functions.pxToRem(
+//                 6
+//             )} rgba(var(--color-black), 0.21),
+//         #{functions.pxToRem(-10)} #{functions.pxToRem(-10)} #{functions.pxToRem(
+//                 30
+//             )} rgba(var(--color-white), 0.2),
+//         #{functions.pxToRem(10)} #{functions.pxToRem(10)} #{functions.pxToRem(
+//                 36
+//             )} rgba(var(--color-black), 0.46),
+//         #{functions.pxToRem(2)} #{functions.pxToRem(2)} #{functions.pxToRem(10)}
+//             rgba(var(--color-white), 0.16),
+//         -1px -1px 0 1px rgba(var(--color-black), 0.37) inset,
+//         0 0 1px 1px rgba(var(--color-white), 0.2) inset;
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.2.0",
+  "version": "36.3.0-next.2",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -50,10 +50,10 @@
     "@types/jest": "^27.4.0",
     "@types/lodash-es": "^4.17.4",
     "@types/puppeteer": "^7.0.4",
-    "@types/react": "^18.0.25",
+    "@types/react": "^18.0.26",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^5.44.0",
-    "@typescript-eslint/parser": "^5.43.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.2",
+    "@typescript-eslint/parser": "^5.48.1",
     "ajv": "^6.12.6",
     "awesome-debounce-promise": "^2.1.0",
     "codemirror": "^5.65.9",
@@ -73,8 +73,8 @@
     "jest": "^26.6.3",
     "jest-cli": "^27.4.5",
     "jsonlint-mod": "^1.7.6",
-    "jsx-dom": "^8.0.3",
-    "kompendium": "^0.11.3",
+    "jsx-dom": "^8.0.4",
+    "kompendium": "^0.12.1",
     "lodash-es": "^4.17.21",
     "material-components-web": "^13.0.0",
     "moment": "^2.29.4",
@@ -89,7 +89,7 @@
     "showdown": "2.1.0",
     "shx": "^0.3.3",
     "tabulator-tables": "^4.9.3",
-    "typescript": "^4.9.3"
+    "typescript": "^4.9.4"
   },
   "keywords": [
     "lime elements",

package/dist/lime-elements/p-12a7453b.entry.js

@@ -1,73 +0,0 @@
-import{r as c,c as e,h as o,g as r}from"./p-d4e788e1.js";import{c as t}from"./p-6c094f3f.js";import{C as n}from"./p-1af8258b.js";import{M as i,a}from"./p-48d4ef20.js";import{a as d}from"./p-9faad6eb.js";import{M as m,a as h,b as l}from"./p-cbc43682.js";import{m as b}from"./p-dcc97cc2.js";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var s=function(c,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,e){c.__proto__=e}||function(c,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(c[o]=e[o])})(c,e)};function k(c,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=c}s(c,e),c.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var p=function(){return(p=Object.assign||function(c){for(var e,o=1,r=arguments.length;o<r;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(c[t]=e[t]);return c}).apply(this,arguments)};function x(c){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&c[e],r=0;if(o)return o.call(c);if(c&&"number"==typeof c.length)return{next:function(){return c&&r>=c.length&&(c=void 0),{value:c&&c[r++],done:!c}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var u={ANIM_CHECKED_INDETERMINATE:"mdc-checkbox--anim-checked-indeterminate",ANIM_CHECKED_UNCHECKED:"mdc-checkbox--anim-checked-unchecked",ANIM_INDETERMINATE_CHECKED:"mdc-checkbox--anim-indeterminate-checked",ANIM_INDETERMINATE_UNCHECKED:"mdc-checkbox--anim-indeterminate-unchecked",ANIM_UNCHECKED_CHECKED:"mdc-checkbox--anim-unchecked-checked",ANIM_UNCHECKED_INDETERMINATE:"mdc-checkbox--anim-unchecked-indeterminate",BACKGROUND:"mdc-checkbox__background",CHECKED:"mdc-checkbox--checked",CHECKMARK:"mdc-checkbox__checkmark",CHECKMARK_PATH:"mdc-checkbox__checkmark-path",DISABLED:"mdc-checkbox--disabled",INDETERMINATE:"mdc-checkbox--indeterminate",MIXEDMARK:"mdc-checkbox__mixedmark",NATIVE_CONTROL:"mdc-checkbox__native-control",ROOT:"mdc-checkbox",SELECTED:"mdc-checkbox--selected",UPGRADED:"mdc-checkbox--upgraded"},f={ARIA_CHECKED_ATTR:"aria-checked",ARIA_CHECKED_INDETERMINATE_VALUE:"mixed",DATA_INDETERMINATE_ATTR:"data-indeterminate",NATIVE_CONTROL_SELECTOR:".mdc-checkbox__native-control",TRANSITION_STATE_CHECKED:"checked",TRANSITION_STATE_INDETERMINATE:"indeterminate",TRANSITION_STATE_INIT:"init",TRANSITION_STATE_UNCHECKED:"unchecked"},g={ANIM_END_LATCH_MS:250},_=function(c){function e(o){var r=c.call(this,p(p({},e.defaultAdapter),o))||this;return r.currentCheckState=f.TRANSITION_STATE_INIT,r.currentAnimationClass="",r.animEndLatchTimer=0,r.enableAnimationEndHandler=!1,r}return k(e,c),Object.defineProperty(e,"cssClasses",{get:function(){return u},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return f},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return g},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},forceLayout:function(){},hasNativeControl:function(){return!1},isAttachedToDOM:function(){return!1},isChecked:function(){return!1},isIndeterminate:function(){return!1},removeClass:function(){},removeNativeControlAttr:function(){},setNativeControlAttr:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.currentCheckState=this.determineCheckState(),this.updateAriaChecked(),this.adapter.addClass(u.UPGRADED)},e.prototype.destroy=function(){clearTimeout(this.animEndLatchTimer)},e.prototype.setDisabled=function(c){this.adapter.setNativeControlDisabled(c),c?this.adapter.addClass(u.DISABLED):this.adapter.removeClass(u.DISABLED)},e.prototype.handleAnimationEnd=function(){var c=this;this.enableAnimationEndHandler&&(clearTimeout(this.animEndLatchTimer),this.animEndLatchTimer=setTimeout((function(){c.adapter.removeClass(c.currentAnimationClass),c.enableAnimationEndHandler=!1}),g.ANIM_END_LATCH_MS))},e.prototype.handleChange=function(){this.transitionCheckState()},e.prototype.transitionCheckState=function(){if(this.adapter.hasNativeControl()){var c=this.currentCheckState,e=this.determineCheckState();if(c!==e){this.updateAriaChecked();var o=u.SELECTED;e===f.TRANSITION_STATE_UNCHECKED?this.adapter.removeClass(o):this.adapter.addClass(o),this.currentAnimationClass.length>0&&(clearTimeout(this.animEndLatchTimer),this.adapter.forceLayout(),this.adapter.removeClass(this.currentAnimationClass)),this.currentAnimationClass=this.getTransitionAnimationClass(c,e),this.currentCheckState=e,this.adapter.isAttachedToDOM()&&this.currentAnimationClass.length>0&&(this.adapter.addClass(this.currentAnimationClass),this.enableAnimationEndHandler=!0)}}},e.prototype.determineCheckState=function(){var c=f.TRANSITION_STATE_INDETERMINATE,e=f.TRANSITION_STATE_CHECKED,o=f.TRANSITION_STATE_UNCHECKED;return this.adapter.isIndeterminate()?c:this.adapter.isChecked()?e:o},e.prototype.getTransitionAnimationClass=function(c,o){var r=f.TRANSITION_STATE_CHECKED,t=f.TRANSITION_STATE_UNCHECKED,n=e.cssClasses,i=n.ANIM_UNCHECKED_CHECKED,a=n.ANIM_UNCHECKED_INDETERMINATE,d=n.ANIM_CHECKED_UNCHECKED,m=n.ANIM_CHECKED_INDETERMINATE,h=n.ANIM_INDETERMINATE_CHECKED,l=n.ANIM_INDETERMINATE_UNCHECKED;switch(c){case f.TRANSITION_STATE_INIT:return o===t?"":o===r?h:l;case t:return o===r?i:a;case r:return o===t?d:m;default:return o===r?h:l}},e.prototype.updateAriaChecked=function(){this.adapter.isIndeterminate()?this.adapter.setNativeControlAttr(f.ARIA_CHECKED_ATTR,f.ARIA_CHECKED_INDETERMINATE_VALUE):this.adapter.removeNativeControlAttr(f.ARIA_CHECKED_ATTR)},e}(i),v=["checked","indeterminate"],y=function(c){function e(){var e=null!==c&&c.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}return k(e,c),e.attachTo=function(c){return new e(c)},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this.getNativeControl().checked},set:function(c){this.getNativeControl().checked=c},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this.getNativeControl().indeterminate},set:function(c){this.getNativeControl().indeterminate=c},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.getNativeControl().disabled},set:function(c){this.foundation.setDisabled(c)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.getNativeControl().value},set:function(c){this.getNativeControl().value=c},enumerable:!1,configurable:!0}),e.prototype.initialize=function(){var c=f.DATA_INDETERMINATE_ATTR;this.getNativeControl().indeterminate="true"===this.getNativeControl().getAttribute(c),this.getNativeControl().removeAttribute(c)},e.prototype.initialSyncWithDOM=function(){var c=this;this.handleChange=function(){c.foundation.handleChange()},this.handleAnimationEnd=function(){c.foundation.handleAnimationEnd()},this.getNativeControl().addEventListener("change",this.handleChange),this.listen(d(window,"animationend"),this.handleAnimationEnd),this.installPropertyChangeHooks()},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.getNativeControl().removeEventListener("change",this.handleChange),this.unlisten(d(window,"animationend"),this.handleAnimationEnd),this.uninstallPropertyChangeHooks(),c.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var c=this;return new _({addClass:function(e){return c.root.classList.add(e)},forceLayout:function(){return c.root.offsetWidth},hasNativeControl:function(){return!!c.getNativeControl()},isAttachedToDOM:function(){return Boolean(c.root.parentNode)},isChecked:function(){return c.checked},isIndeterminate:function(){return c.indeterminate},removeClass:function(e){c.root.classList.remove(e)},removeNativeControlAttr:function(e){c.getNativeControl().removeAttribute(e)},setNativeControlAttr:function(e,o){c.getNativeControl().setAttribute(e,o)},setNativeControlDisabled:function(e){c.getNativeControl().disabled=e}})},e.prototype.createRipple=function(){var c=this,e=p(p({},m.createAdapter(this)),{deregisterInteractionHandler:function(e,o){c.getNativeControl().removeEventListener(e,o,h())},isSurfaceActive:function(){return b(c.getNativeControl(),":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(e,o){c.getNativeControl().addEventListener(e,o,h())}});return new m(this.root,new l(e))},e.prototype.installPropertyChangeHooks=function(){var c,e,o=this,r=this.getNativeControl(),t=Object.getPrototypeOf(r),n=function(c){var e=Object.getOwnPropertyDescriptor(t,c);if(!E(e))return{value:void 0};Object.defineProperty(r,c,{configurable:e.configurable,enumerable:e.enumerable,get:e.get,set:function(c){e.set.call(r,c),o.foundation.handleChange()}})};try{for(var i=x(v),a=i.next();!a.done;a=i.next()){var d=n(a.value);if("object"==typeof d)return d.value}}catch(e){c={error:e}}finally{try{a&&!a.done&&(e=i.return)&&e.call(i)}finally{if(c)throw c.error}}},e.prototype.uninstallPropertyChangeHooks=function(){var c,e,o=this.getNativeControl(),r=Object.getPrototypeOf(o);try{for(var t=x(v),n=t.next();!n.done;n=t.next()){var i=n.value,a=Object.getOwnPropertyDescriptor(r,i);if(!E(a))return;Object.defineProperty(o,i,a)}}catch(e){c={error:e}}finally{try{n&&!n.done&&(e=t.return)&&e.call(t)}finally{if(c)throw c.error}}},e.prototype.getNativeControl=function(){var c=f.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(c);if(!e)throw new Error("Checkbox component requires a "+c+" element");return e},e}(a);function E(c){return!!c&&"function"==typeof c.set}
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var C=function(c,e){return(C=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,e){c.__proto__=e}||function(c,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(c[o]=e[o])})(c,e)};function w(c,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=c}C(c,e),c.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var T=function(){return(T=Object.assign||function(c){for(var e,o=1,r=arguments.length;o<r;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(c[t]=e[t]);return c}).apply(this,arguments)},z={ROOT:"mdc-form-field"},A={LABEL_SELECTOR:".mdc-form-field > label"},I=function(c){function e(o){var r=c.call(this,T(T({},e.defaultAdapter),o))||this;return r.click=function(){r.handleClick()},r}return w(e,c),Object.defineProperty(e,"cssClasses",{get:function(){return z},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return A},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var c=this;this.adapter.activateInputRipple(),requestAnimationFrame((function(){c.adapter.deactivateInputRipple()}))},e}(i),N=function(c){function e(){return null!==c&&c.apply(this,arguments)||this}return w(e,c),e.attachTo=function(c){return new e(c)},e.prototype.labelEl=function(){return this.root.querySelector(I.strings.LABEL_SELECTOR)},e.prototype.getDefaultFoundation=function(){var c=this;return new I({activateInputRipple:function(){c.input&&c.input.ripple&&c.input.ripple.activate()},deactivateInputRipple:function(){c.input&&c.input.ripple&&c.input.ripple.deactivate()},deregisterInteractionHandler:function(e,o){var r=c.labelEl();r&&r.removeEventListener(e,o)},registerInteractionHandler:function(e,o){var r=c.labelEl();r&&r.addEventListener(e,o)}})},e}(a);
-/**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */const O=class{constructor(o){c(this,o),this.change=e(this,"change",7),this.id=t(),this.initialize=()=>{const c=this.limelCheckbox.shadowRoot.querySelector(".mdc-form-field");c&&(this.formField=new N(c),this.mdcCheckbox=new y(this.getCheckboxElement()),this.formField.input=this.mdcCheckbox)},this.getCheckboxElement=()=>this.limelCheckbox.shadowRoot.querySelector(".mdc-checkbox"),this.onChange=c=>{c.stopPropagation(),this.change.emit(this.mdcCheckbox.checked),this.modified=!0},this.disabled=!1,this.readonly=!1,this.label=void 0,this.helperText=void 0,this.checked=!1,this.indeterminate=!1,this.required=!1,this.modified=!1}handleCheckedChange(c){this.mdcCheckbox.checked=c}handleIndeterminateChange(c){this.mdcCheckbox.checked=this.checked,this.mdcCheckbox.indeterminate=c}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}disconnectedCallback(){var c,e;null===(c=this.mdcCheckbox)||void 0===c||c.destroy(),null===(e=this.formField)||void 0===e||e.destroy();const o=this.getCheckboxElement();o&&o.classList.remove(u.ANIM_CHECKED_INDETERMINATE,u.ANIM_CHECKED_UNCHECKED,u.ANIM_INDETERMINATE_CHECKED,u.ANIM_INDETERMINATE_UNCHECKED,u.ANIM_UNCHECKED_CHECKED,u.ANIM_UNCHECKED_INDETERMINATE)}render(){return o(n,{disabled:this.disabled||this.readonly,label:this.label,helperText:this.helperText,checked:this.checked||this.indeterminate,indeterminate:this.indeterminate,required:this.required,readonly:this.readonly,invalid:this.required&&this.modified&&!this.checked,onChange:this.onChange,id:this.id})}get limelCheckbox(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],indeterminate:["handleIndeterminateChange"]}}};O.style='@charset "UTF-8";:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      var(--lime-text-primary-on-background-color)\n  )}:host{--mdc-checkbox-checked-color:var(--mdc-theme-primary)}.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#575756;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #575756))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#575756;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #575756))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#575756;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756));background-color:#575756;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756))}@keyframes mdc-checkbox-fade-in-background-8A000000FF57575600000000FF575756{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#575756;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756));background-color:#575756;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF57575600000000FF575756{0%,80%{border-color:#575756;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756));background-color:#575756;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #575756))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF57575600000000FF575756}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF57575600000000FF575756}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;border-color:var(--mdc-checkbox-disabled-color, GrayText);background-color:transparent}.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:transparent;background-color:var(--mdc-checkbox-disabled-color, transparent)}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:GrayText;color:var(--mdc-checkbox-ink-color, GrayText)}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:GrayText;border-color:var(--mdc-checkbox-ink-color, GrayText)}.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color, border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-checkbox{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-checkbox .mdc-checkbox__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox{z-index:0}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{z-index:-1;z-index:var(--mdc-ripple-z-index, -1)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0;}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px;}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0;}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0;}.mdc-form-field{display:flex}.mdc-form-field .mdc-checkbox__background{background-color:var(--lime-checkbox-unchecked-color)}.mdc-form-field .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background,.mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{--lime-checkbox-unchecked-color:rgb(\n      var(--contrast-300)\n  )}.mdc-form-field .mdc-checkbox.mdc-checkbox--invalid .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:var(--lime-error-text-color)}.mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus-visible+.mdc-checkbox__background:after{content:"";display:block;position:absolute;inset:-0.25rem;border-radius:0.25rem;box-shadow:var(--shadow-depth-8-focused)}.mdc-form-field .mdc-checkbox--disabled{opacity:0.5}.mdc-form-field label{cursor:pointer;line-height:normal;padding-left:0}.mdc-form-field label.mdc-checkbox--required::after{margin-left:0.0625rem;content:"*"}.mdc-form-field label.mdc-checkbox--invalid{color:var(--lime-error-text-color)}:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      var(--lime-text-primary-on-background-color)\n  )}.limel-checkbox-helper-line{padding-right:1rem;padding-left:1rem;flex-basis:100%;width:100%}.limel-checkbox-helper-text{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;font-weight:400;letter-spacing:0.0333333333em;text-decoration:inherit;text-transform:inherit;display:block;margin-top:0;line-height:normal;margin:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;color:rgba(var(--contrast-1200), 1)}:host(:hover) .limel-checkbox-helper-text,:host(:focus) .limel-checkbox-helper-text,:host(:focus-within) .limel-checkbox-helper-text{opacity:1}@media (pointer: coarse){.limel-checkbox-helper-text{opacity:1}}.lime-checkbox--readonly.mdc-checkbox--disabled{opacity:1;--mdc-ripple-press-opacity:1;--mdc-checkbox-disabled-color:transparent;--mdc-checkbox-ink-color:var(--mdc-theme-primary)}.lime-checkbox--readonly.mdc-checkbox--disabled :not(:checked):not(:indeterminate)~.mdc-checkbox__background{--mdc-checkbox-disabled-color:transparent;--mdc-checkbox-ink-color:transparent;--lime-checkbox-unchecked-color:transparent}.lime-checkbox--readonly.mdc-checkbox--disabled :not(:checked):not(:indeterminate)~.mdc-checkbox__background:after{color:rgb(var(--color-red-default));content:"×";font-size:1.25rem;position:absolute}';export{O as limel_checkbox}

package/dist/lime-elements/p-15c2eb16.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as r}from"./p-d4e788e1.js";import{d as t}from"./p-c70b1ea3.js";import{E as n,a}from"./p-216ffe20.js";const i=class{constructor(i){e(this,i),this.open=o(this,"open",7),this.close=o(this,"close",7),this.action=o(this,"action",7),this.onClick=()=>{this.handleInteraction()},this.handleKeyDown=e=>{(e.key===n||e.keyCode===a)&&(e.stopPropagation(),e.preventDefault(),this.handleInteraction())},this.handleInteraction=()=>{this.isOpen=!this.isOpen,this.isOpen?(this.open.emit(),setTimeout(t,100)):this.close.emit()},this.renderActions=()=>{if(this.actions)return r("div",{class:"section__header__actions"},this.actions.map(this.renderActionButton))},this.renderActionButton=e=>r("limel-icon-button",{icon:e.icon,label:e.label,disabled:e.disabled,onClick:this.handleActionClick(e)}),this.handleActionClick=e=>o=>{o.stopPropagation(),this.action.emit(e)},this.isOpen=!1,this.header=void 0,this.actions=void 0}render(){return r("section",{class:this.isOpen?"open":""},r("header",{class:"section__header",onClick:this.onClick,onKeyDown:this.handleKeyDown,tabindex:"0"},r("div",{class:"section__header__expand-icon"},r("div",{class:"expand-icon__line"}),r("div",{class:"expand-icon__line"}),r("div",{class:"expand-icon__line"}),r("div",{class:"expand-icon__line"})),r("h2",{class:"section__header__title mdc-typography mdc-typography--headline2"},this.header),r("div",{class:"section__header__divider-line"}),this.renderActions()),r("div",{class:"section__body"},r("slot",null)))}};i.style=':host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      var(--lime-text-primary-on-background-color)\n  )}:host{--border-radius-of-header:0.75rem;display:block}:host([hidden]){display:none}:host([disabled]){pointer-events:none}.section__header{transition:background-color 0.4s ease, border-radius 0.1s ease;cursor:pointer;align-items:center;display:flex;justify-content:space-between;padding-left:0.625rem;padding-right:0.625rem;height:3.75rem;background-color:var(--closed-header-background-color, rgb(var(--contrast-200)));border-radius:var(--border-radius-of-header)}.section__header:focus{outline:none}.section__header:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}section.open .section__header{background-color:var(--open-header-background-color, rgb(var(--contrast-100)));border-radius:var(--border-radius-of-header) var(--border-radius-of-header) 0 0}section.open .section__header:hover{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}.section__header:hover{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}.section__header__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-headline2-font-size, 1rem);line-height:0.875rem;line-height:var(--mdc-typography-headline2-line-height, 0.875rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight, 300);letter-spacing:-0.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform, inherit);justify-self:flex-start;padding-right:0.75rem;user-select:none;padding-right:0.5rem;height:auto;max-height:3rem;line-height:1.2rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section__header__divider-line{transition:opacity 0.3s ease 0.3s;flex-grow:1;height:0.125rem;border-radius:0.0625rem;background-color:var(--header-stroke-color, rgb(var(--contrast-900)));margin-right:0.5rem;opacity:0}section.open .section__header__divider-line{opacity:0.16}.section__header__actions{justify-self:flex-end;flex-shrink:0}@keyframes fade-in-section__body{0%{opacity:0}100%{opacity:1}}.section__body{animation:fade-in-section__body 0.3s ease-in forwards;background-color:var(--body-background-color, var(--contrast-100));padding-left:var(--body-padding, 1.25rem);padding-right:var(--body-padding, 1.25rem);margin-bottom:1.5rem;border-radius:0 0 var(--border-radius-of-header) var(--border-radius-of-header);display:none;opacity:0}section.open .section__body{display:block}.section__body:before,.section__body:after{content:" ";display:table}.section__body:after{clear:both}.section__header__expand-icon{position:relative;height:1.875rem;margin:0 1rem 0 0.5rem;width:0.75rem;flex-shrink:0}.expand-icon__line{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;border-radius:1rem;height:0.125rem;background-color:var(--header-stroke-color, rgb(var(--contrast-900)))}.expand-icon__line:first-of-type,.expand-icon__line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s}.expand-icon__line:first-of-type{transform:rotate3d(0, 0, 1, 90deg)}.expand-icon__line:last-of-type{transform:rotate3d(0, 0, 1, -90deg)}.expand-icon__line:nth-of-type(2),.expand-icon__line:nth-of-type(3){transition:opacity 0.2s ease, transform 0.18s ease}.section__header:hover .expand-icon__line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}.section__header:hover .expand-icon__line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}.section__header:hover .expand-icon__line:nth-of-type(2),.section__header:hover .expand-icon__line:nth-of-type(3){transition:opacity 0.5s ease 0.4s, transform 0.7s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}.section__header:hover .expand-icon__line:nth-of-type(2){transform:translate3d(0, -0.5rem, 0);opacity:0.4}.section__header:hover .expand-icon__line:nth-of-type(3){transform:translate3d(0, 0.5rem, 0);opacity:0.4}section.open .section__header .expand-icon__line:first-of-type,section.open .section__header .expand-icon__line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s}section.open .section__header .expand-icon__line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .section__header .expand-icon__line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .section__header .expand-icon__line:nth-of-type(2),section.open .section__header .expand-icon__line:nth-of-type(3){transition:opacity 1s ease, transform 0.4s ease}section.open .section__header .expand-icon__line:nth-of-type(2){transform:translate3d(0, -1rem, 0);opacity:0}section.open .section__header .expand-icon__line:nth-of-type(3){transform:translate3d(0, 1rem, 0);opacity:0}section.open .section__header:hover .expand-icon__line:first-of-type,section.open .section__header:hover .expand-icon__line:last-of-type{transition:opacity 0.2s ease 0.4s, transform 0.4s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}section.open .section__header:hover .expand-icon__line:first-of-type{transform:rotate3d(0, 0, 1, 45deg)}section.open .section__header:hover .expand-icon__line:last-of-type{transform:rotate3d(0, 0, 1, -45deg)}';export{i as limel_collapsible_section}

package/dist/lime-elements/p-37fe095f.entry.js

@@ -1 +0,0 @@
-import{r as n,h as e}from"./p-d4e788e1.js";const i=class{constructor(i){n(this,i),this.renderPrefix=()=>{if(this.prefix)return e("span",{class:"prefix"},this.prefix)},this.renderValue=()=>{var n;const i=(null!==(n=this.value)&&void 0!==n?n:"").toString().length;if(this.value)return e("span",{class:{value:!0,[`ch-${i}`]:!0}},this.value)},this.renderSuffix=()=>{if(this.suffix)return e("span",{class:"suffix"},this.suffix)},this.renderIcon=()=>{if(this.icon)return e("limel-icon",{class:"icon",name:this.icon})},this.renderProgress=()=>{var n,i;if((null===(n=this.progress)||void 0===n?void 0:n.value)||0===(null===(i=this.progress)||void 0===i?void 0:i.value))return e("limel-circular-progress",{class:"progress",prefix:this.progress.prefix,value:this.progress.value,suffix:this.progress.suffix,maxValue:this.progress.maxValue,displayPercentageColors:this.progress.displayPercentageColors})},this.renderLabel=()=>{if(this.label)return e("span",{class:"label"},this.label)},this.renderNotification=()=>{if(this.badge)return e("limel-badge",{label:this.badge})},this.renderSpinner=()=>{if(this.loading)return e("limel-linear-progress",{indeterminate:!0})},this.value=void 0,this.icon=void 0,this.label=null,this.prefix=void 0,this.suffix=void 0,this.disabled=!1,this.badge=void 0,this.loading=!1,this.link=void 0,this.progress=void 0}render(){var n,i,r,o,t,s,l,a,c,f;const h=this.checkProps(null==this?void 0:this.prefix)+this.value+" "+this.checkProps(null==this?void 0:this.suffix)+this.checkProps(null==this?void 0:this.label)+". "+this.checkProps(null===(n=null==this?void 0:this.progress)||void 0===n?void 0:n.prefix)+this.checkProps(null===(i=null==this?void 0:this.progress)||void 0===i?void 0:i.value)+this.checkProps(null===(r=null==this?void 0:this.progress)||void 0===r?void 0:r.suffix)+this.checkProps(null===(o=null==this?void 0:this.link)||void 0===o?void 0:o.title),d=this.disabled?"#":null===(t=this.link)||void 0===t?void 0:t.href;return[e("a",{title:null===(s=this.link)||void 0===s?void 0:s.title,href:d,target:null===(l=this.link)||void 0===l?void 0:l.target,tabindex:"0","aria-label":h,"aria-disabled":this.disabled,class:{"is-clickable":!!(null===(a=this.link)||void 0===a?void 0:a.href)&&!this.disabled,"has-circular-progress":!!(null===(c=this.progress)||void 0===c?void 0:c.value)||0===(null===(f=this.progress)||void 0===f?void 0:f.value)}},this.renderIcon(),this.renderProgress(),e("div",{class:"value-group"},this.renderPrefix(),e("div",{class:"value-and-suffix"},this.renderValue(),this.renderSuffix()),this.renderSpinner()),this.renderLabel()),this.renderNotification()]}checkProps(n){return n?n+" ":""}};i.style="/*\n * This file is imported into every component!\n *\n * Nothing in this file may output any CSS\n * without being explicitly called by outside code.\n */\n/**\n* @prop --info-tile-border-radius: defines the radius of corners of the info-tile. Defaults to `1rem`\n* @prop --info-tile-icon-color: defines the fill color of the info-tile icon. Defaults to `--contrast-1000`\n* @prop --info-tile-text-color: defines the color of the info-tile label. Defaults to `--contrast-1100`\n* @prop --info-tile-background-color: defines the backgrounds color of the info-tile icon. Defaults to `--contrast-100`\n* @prop --info-tile-badge-text-color: Text color of the notification badge. Defaults to `--color-white`\n* @prop --info-tile-badge-background-color: Background color of the notification badge. Defaults to `--color-red-default`\n* @prop --info-tile-progress-fill-color: Determines the color of the progressed section. Defaults to `--lime-primary-color`.\n* @prop --info-tile-progress-background-color: Determines the background color of the central section of the progress bar. Defaults to `--info-tile-background-color`.\n* @prop --info-tile-progress-suffix-color: Determines the color of the progress prefix. Defaults to `--contrast-1000`.\n * @prop --info-tile-progress-text-color: Determines the color of the progress value. Defaults to `--info-tile-text-color`.\n * @prop --info-tile-progress-prefix-color: Determines the color of the progress suffix. Defaults to `--contrast-1000`.\n*/\n:host(limel-info-tile) {\n  --badge-text-color: var(\n      --info-tile-badge-text-color,\n      rgb(var(--color-white))\n  );\n  --badge-background-color: var(\n      --info-tile-badge-background-color,\n      rgb(var(--color-red-default))\n  );\n  --circular-progress-text-color: var(\n      --info-tile-progress-text-color,\n      var(--info-tile-text-color)\n  );\n  --circular-progress-suffix-color: var(--info-tile-progress-suffix-color);\n  --circular-progress-prefix-color: var(--info-tile-progress-prefix-color);\n  --circular-progress-track-color: rgb(var(--contrast-800), 0.3);\n  --circular-progress-fill-color: var(--info-tile-progress-fill-color);\n  --circular-progress-background-color: var(\n      --info-tile-progress-background-color,\n      var(--info-tile-background-color)\n  );\n  --label-min-size: 0.75rem;\n  --label-preferred-size: 6cqw;\n  --label-max-size: 1rem;\n  --value-min-size: 1rem;\n  --value-preferred-size: 20cqw;\n  --value-max-size: 4rem;\n  --suffix-prefix-min-size: 0.75rem;\n  --suffix-prefix-preferred-size: 8cqw;\n  --suffix-prefix-max-size: 1.5rem;\n  --icon-min-size: 2rem;\n  --icon-preferred-size: 60cqh;\n  --icon-max-size: calc(100cqw - 0.5rem);\n  isolation: isolate;\n  container-type: size;\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n:host(limel-info-tile) * {\n  box-sizing: border-box;\n}\n\n:host(limel-info-tile[disabled]) a {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\na {\n  all: unset;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n  height: 100%;\n  width: 100%;\n  flex-grow: 1;\n  padding: 0.25rem 1rem 0.5rem 1rem;\n  border-radius: var(--info-tile-border-radius, 1rem);\n  background-color: var(--info-tile-background-color, rgb(var(--contrast-100)));\n}\na.is-clickable {\n  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;\n  box-shadow: var(--button-shadow-normal);\n  cursor: pointer;\n}\na.is-clickable:hover {\n  box-shadow: var(--button-shadow-hovered);\n}\na.is-clickable:active {\n  box-shadow: var(--button-shadow-pressed);\n  transform: translate3d(0, 0.08rem, 0);\n}\na.is-clickable:focus {\n  outline: none;\n}\na.is-clickable:focus-visible {\n  outline: none;\n  box-shadow: var(--shadow-depth-8-focused);\n}\n\n.icon {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.75rem;\n  padding: 0.25rem;\n  display: flex;\n  justify-content: center;\n  color: var(--info-tile-icon-color, rgb(var(--contrast-1000)));\n  border-radius: 0;\n  height: clamp(var(--icon-min-size), var(--icon-preferred-size), var(--icon-max-size));\n}\n@supports not (container-type: size) {\n  .icon {\n    height: min(60%, var(--icon-max-size));\n  }\n}\n.has-circular-progress .icon {\n  top: unset;\n  bottom: 0.5rem;\n  --icon-min-size: 1.5rem;\n  --icon-preferred-size: 20cqh;\n}\n\n.progress {\n  position: absolute;\n  top: 0.75rem;\n  right: 0.75rem;\n  --circular-progress-size: min(\n      var(--icon-preferred-size),\n      var(--icon-max-size)\n  );\n}\n\n.label {\n  z-index: 1;\n  color: var(--info-tile-text-color, rgb(var(--contrast-1100)));\n  line-height: normal;\n  font-size: clamp(var(--label-min-size), var(--label-preferred-size), var(--label-max-size));\n}\n@supports not (container-type: size) {\n  .label {\n    font-size: 0.875rem;\n  }\n}\n\nlimel-badge {\n  position: absolute;\n  top: -0.5rem;\n  right: -0.5rem;\n}\n\nlimel-linear-progress {\n  --lime-primary-color: var(--info-tile-text-color);\n  position: absolute;\n  inset: auto 0 0 0;\n  border-radius: 1rem;\n  overflow: hidden;\n}\n\n.value-group {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  color: var(--info-tile-text-color, rgb(var(--contrast-1100)));\n}\n\n.value-and-suffix,\n.label {\n  text-shadow: 0 0 0.5rem var(--info-tile-background-color, rgb(var(--contrast-100))), 0 0 0.25rem var(--info-tile-background-color, rgb(var(--contrast-100)));\n}\n\n.value-and-suffix {\n  display: flex;\n}\n\n.prefix,\n.suffix {\n  font-size: clamp(var(--suffix-prefix-min-size), var(--suffix-prefix-preferred-size), var(--suffix-prefix-max-size));\n  opacity: 0.7;\n}\n@supports not (container-type: size) {\n  .prefix,\n.suffix {\n    font-size: 0.75rem;\n  }\n}\n\n.prefix {\n  align-self: flex-start;\n  line-height: normal;\n  transform: translateY(40%);\n}\n\n.value {\n  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.95);\n  transform-origin: left;\n  transform: translate3d(0, 0, 0) scale(1);\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: bold;\n  line-height: normal;\n  font-size: clamp(var(--value-min-size), var(--value-preferred-size), var(--value-max-size));\n}\n@supports not (container-type: size) {\n  .value {\n    font-size: 2.5rem;\n  }\n}\n:host(limel-info-tile[loading]) .value {\n  opacity: 0.3;\n  transform: translate3d(0, 0, 0) scale(0.9);\n}\n\n.suffix {\n  transform: translateY(10%);\n}\n\n@container (width < 8rem) {\n  .progress {\n    top: 0.25rem;\n    right: 0.25rem;\n  }\n\n  a {\n    padding: 0.375rem;\n    gap: 0.125rem;\n  }\n}\n@container (width < 18.75rem) {\n  .progress {\n    top: 0.5rem;\n    right: 0.5rem;\n  }\n\n  .icon {\n    top: 0.25rem;\n    right: 0.5rem;\n  }\n  .has-circular-progress .icon {\n    right: 0.25rem;\n    bottom: 0.25rem;\n  }\n}\n@container (width < 40.5rem) {\n  .value {\n    --value-preferred-size: 13cqw;\n  }\n  .value.ch-1, .value.ch-2, .value.ch-3, .value.ch-4 {\n    --value-preferred-size: 20cqw;\n  }\n  .value.ch-5 {\n    --value-preferred-size: 18cqw;\n  }\n  .value.ch-6 {\n    --value-preferred-size: 17cqw;\n  }\n  .value.ch-7 {\n    --value-preferred-size: 16cqw;\n  }\n  .value.ch-8 {\n    --value-preferred-size: 15cqw;\n  }\n  .value.ch-9 {\n    --value-preferred-size: 14cqw;\n  }\n}\n@container (height > 8rem) {\n  a {\n    padding-top: 0.75rem;\n    padding-bottom: 1rem;\n  }\n}\n@container (height < 8rem) and (width > 8rem) {\n  .value {\n    --value-preferred-size: 32cqh !important;\n  }\n\n  .suffix,\n.prefix {\n    --suffix-prefix-preferred-size: 16cqh !important;\n  }\n}\n@container (height > 18.75rem) {\n  .progress,\n.icon {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n\n  a {\n    align-items: center;\n    justify-content: center;\n  }\n\n  .label {\n    text-align: center;\n  }\n\n  .has-circular-progress .icon {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    --icon-max-size: 3rem;\n  }\n}";export{i as limel_info_tile}