@umbraco-ui/uui-toggle 0.0.14 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +3 -15
  2. package/custom-elements.json +86 -48
  3. package/lib/index.d.ts +1 -1
  4. package/lib/index.js +39 -27
  5. package/lib/uui-toggle.element.d.ts +10 -5
  6. package/package.json +7 -5
  7. package/dist/uui-toggle.min.js +0 -34
  8. package/dist/uui-toggle.min.js.map +0 -1
  9. package/lib/toggle-icons.d.ts +0 -2
  10. package/lib/uui-toggle.element.js +0 -161
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # uui-toggle
2
2
 
3
- ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-toggle?logoColor=%231B264F)
3
+ [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-toggle?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-toggle)
4
4
 
5
5
  Umbraco style toggle component.
6
6
 
@@ -15,25 +15,13 @@ npm i @umbraco-ui/uui-toggle
15
15
  Import the registration of `<uui-toggle>` via:
16
16
 
17
17
  ```javascript
18
- import '@umbraco-ui/uui-toggle/lib';
18
+ import '@umbraco-ui/uui-toggle';
19
19
  ```
20
20
 
21
21
  When looking to leverage the `UUIToggleElement` base class as a type and/or for extension purposes, do so via:
22
22
 
23
23
  ```javascript
24
- import { UUIToggleElement } from '@umbraco-ui/uui-toggle/lib/uui-toggle.element';
25
- ```
26
-
27
- ### CDN
28
-
29
- The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
30
-
31
- ```html
32
- <!-- Latest Version -->
33
- <script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-toggle@latest/dist/uui-toggle.min.js"></script>
34
-
35
- <!-- Specific version -->
36
- <script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-toggle@X.X.X/dist/uui-toggle.min.js"></script>
24
+ import { UUIToggleElement } from '@umbraco-ui/uui-toggle';
37
25
  ```
38
26
 
39
27
  ## Usage
package/custom-elements.json CHANGED
@@ -4,53 +4,69 @@
4
4
  {
5
5
  "name": "uui-toggle",
6
6
  "path": "./lib/uui-toggle.element.ts",
7
- "description": "Umbraco Toggle-switch, toggles between off/on.",
7
+ "description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.",
8
8
  "attributes": [
9
9
  {
10
- "name": "value",
11
- "description": "This is a value property of the uui-checkbox or the uui-toggle component. The default value of this property is 'on'. It reflects the behaviour of the native input type=\"checkbox\" element and its value attribute.",
12
- "type": "string",
13
- "default": "\"on\""
10
+ "name": "label-position",
11
+ "description": "Specifies the label position of the checkbox or the toggle",
12
+ "type": "'left' | 'right' | 'top' | 'bottom'",
13
+ "default": "\"right\""
14
+ },
15
+ {
16
+ "name": "checked",
17
+ "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
18
+ "type": "boolean",
19
+ "default": "\"false\""
20
+ },
21
+ {
22
+ "name": "disabled",
23
+ "description": "Disables the input.",
24
+ "type": "boolean",
25
+ "default": "\"false\""
14
26
  },
15
27
  {
16
28
  "name": "name",
17
- "description": "This is the name property of the uui-checkbox or the uui-toggle component. It reflects the behaviour of the native input type=\"checkbox\" element and its name attribute.",
29
+ "description": "This is a name property of the component.",
18
30
  "type": "string",
19
31
  "default": "\"''\""
20
32
  },
21
33
  {
22
- "name": "label-position",
23
- "description": "Specifies the label position of the checkbox or the toggle",
24
- "type": "'left' | 'right' | 'top' | 'bottom'",
25
- "default": "\"right\""
34
+ "name": "value",
35
+ "description": "intentional overwrite of FormControlMixins value getter and setter method.",
36
+ "type": "string",
37
+ "default": "\"''\""
26
38
  },
27
39
  {
28
- "name": "hide-label",
29
- "description": "Set to true to hide the labeling provided by the component.",
40
+ "name": "pristine",
41
+ "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
30
42
  "type": "boolean",
31
43
  "default": "\"false\""
32
44
  },
33
45
  {
34
- "name": "error",
35
- "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
46
+ "name": "required",
47
+ "description": "Apply validation rule for requiring a value of this form control.",
36
48
  "type": "boolean",
37
49
  "default": "\"false\""
38
50
  },
39
51
  {
40
- "name": "checked",
41
- "description": "Reflects the state of the element. True if checkbox or toggle is checked. Change this to switch the state programmatically.",
42
- "type": "boolean",
43
- "default": "\"false\""
52
+ "name": "required-message",
53
+ "description": "Required validation message.",
54
+ "type": "boolean"
44
55
  },
45
56
  {
46
- "name": "disabled",
47
- "description": "Reflects the disabled state of the element. True if checkbox or toggle is disabled. Change this to switch the state programmatically.",
57
+ "name": "error",
58
+ "description": "Apply custom error on this input.",
48
59
  "type": "boolean",
49
60
  "default": "\"false\""
50
61
  },
62
+ {
63
+ "name": "error-message",
64
+ "description": "Custom error message.",
65
+ "type": "boolean"
66
+ },
51
67
  {
52
68
  "name": "label",
53
- "description": "Text with which component should be labeled",
69
+ "description": "Label to be used for aria-label and eventually as visual label",
54
70
  "type": "string"
55
71
  }
56
72
  ],
@@ -60,6 +76,27 @@
60
76
  "type": "CSSResult[]",
61
77
  "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
62
78
  },
79
+ {
80
+ "name": "labelPosition",
81
+ "attribute": "label-position",
82
+ "description": "Specifies the label position of the checkbox or the toggle",
83
+ "type": "'left' | 'right' | 'top' | 'bottom'",
84
+ "default": "\"right\""
85
+ },
86
+ {
87
+ "name": "checked",
88
+ "attribute": "checked",
89
+ "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
90
+ "type": "boolean",
91
+ "default": "\"false\""
92
+ },
93
+ {
94
+ "name": "disabled",
95
+ "attribute": "disabled",
96
+ "description": "Disables the input.",
97
+ "type": "boolean",
98
+ "default": "\"false\""
99
+ },
63
100
  {
64
101
  "name": "formAssociated",
65
102
  "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/",
@@ -67,58 +104,59 @@
67
104
  "default": "true"
68
105
  },
69
106
  {
70
- "name": "value",
71
- "attribute": "value",
72
- "description": "This is a value property of the uui-checkbox or the uui-toggle component. The default value of this property is 'on'. It reflects the behaviour of the native input type=\"checkbox\" element and its value attribute.",
107
+ "name": "name",
108
+ "attribute": "name",
109
+ "description": "This is a name property of the component.",
73
110
  "type": "string",
74
- "default": "\"on\""
111
+ "default": "\"''\""
75
112
  },
76
113
  {
77
- "name": "name",
78
- "attribute": "name",
79
- "description": "This is the name property of the uui-checkbox or the uui-toggle component. It reflects the behaviour of the native input type=\"checkbox\" element and its name attribute.",
114
+ "name": "value",
115
+ "attribute": "value",
116
+ "description": "intentional overwrite of FormControlMixins value getter and setter method.",
80
117
  "type": "string",
81
118
  "default": "\"''\""
82
119
  },
83
120
  {
84
- "name": "labelPosition",
85
- "attribute": "label-position",
86
- "description": "Specifies the label position of the checkbox or the toggle",
87
- "type": "'left' | 'right' | 'top' | 'bottom'",
88
- "default": "\"right\""
121
+ "name": "pristine",
122
+ "attribute": "pristine",
123
+ "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
124
+ "type": "boolean",
125
+ "default": "\"false\""
89
126
  },
90
127
  {
91
- "name": "hideLabel",
92
- "attribute": "hide-label",
93
- "description": "Set to true to hide the labeling provided by the component.",
128
+ "name": "required",
129
+ "attribute": "required",
130
+ "description": "Apply validation rule for requiring a value of this form control.",
94
131
  "type": "boolean",
95
132
  "default": "\"false\""
96
133
  },
134
+ {
135
+ "name": "requiredMessage",
136
+ "attribute": "required-message",
137
+ "description": "Required validation message.",
138
+ "type": "boolean"
139
+ },
97
140
  {
98
141
  "name": "error",
99
142
  "attribute": "error",
100
- "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
143
+ "description": "Apply custom error on this input.",
101
144
  "type": "boolean",
102
145
  "default": "\"false\""
103
146
  },
104
147
  {
105
- "name": "checked",
106
- "attribute": "checked",
107
- "description": "Reflects the state of the element. True if checkbox or toggle is checked. Change this to switch the state programmatically.",
108
- "type": "boolean",
109
- "default": "\"false\""
148
+ "name": "errorMessage",
149
+ "attribute": "error-message",
150
+ "description": "Custom error message.",
151
+ "type": "boolean"
110
152
  },
111
153
  {
112
- "name": "disabled",
113
- "attribute": "disabled",
114
- "description": "Reflects the disabled state of the element. True if checkbox or toggle is disabled. Change this to switch the state programmatically.",
115
- "type": "boolean",
116
- "default": "\"false\""
154
+ "name": "validationMessage"
117
155
  },
118
156
  {
119
157
  "name": "label",
120
158
  "attribute": "label",
121
- "description": "Text with which component should be labeled",
159
+ "description": "Label to be used for aria-label and eventually as visual label",
122
160
  "type": "string"
123
161
  }
124
162
  ],
package/lib/index.d.ts CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export * from './uui-toggle.element';
package/lib/index.js CHANGED
@@ -1,16 +1,21 @@
1
- import { svg, css, html } from 'lit';
2
1
  import { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from '@umbraco-ui/uui-base/lib/animations';
3
- import { UUIBooleanInputBaseElement } from '@umbraco-ui/uui-base/lib/uui-boolean-input';
4
2
  import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
3
+ import { UUIBooleanInputElement } from '@umbraco-ui/uui-boolean-input/lib';
4
+ import { iconCheck, iconWrong } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
5
+ import { css, html } from 'lit';
5
6
 
6
- const iconCheck = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
7
- <path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
8
- </svg>`;
9
- const iconWrong = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
10
- <path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
11
- </svg>`;
12
-
13
- class UUIToggleElement extends UUIBooleanInputBaseElement {
7
+ var __defProp = Object.defineProperty;
8
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
9
+ var __decorateClass = (decorators, target, key, kind) => {
10
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
11
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
+ if (decorator = decorators[i])
13
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
14
+ if (kind && result)
15
+ __defProp(target, key, result);
16
+ return result;
17
+ };
18
+ let UUIToggleElement = class extends UUIBooleanInputElement {
14
19
  constructor() {
15
20
  super("switch");
16
21
  }
@@ -22,9 +27,10 @@ class UUIToggleElement extends UUIBooleanInputBaseElement {
22
27
  </div>
23
28
  `;
24
29
  }
25
- }
30
+ };
31
+ UUIToggleElement.formAssociated = true;
26
32
  UUIToggleElement.styles = [
27
- ...UUIBooleanInputBaseElement.styles,
33
+ ...UUIBooleanInputElement.styles,
28
34
  UUIHorizontalShakeKeyframes,
29
35
  css`
30
36
  :host {
@@ -47,7 +53,7 @@ UUIToggleElement.styles = [
47
53
  var(--uui-interface-surface-alt,#d8d7d9)
48
54
  );
49
55
  border: 1px solid
50
- var(--uui-toggle-border-color, var(--uui-interface-border,#C4C4C4));
56
+ var(--uui-toggle-border-color, var(--uui-interface-border,#c4c4c4));
51
57
  font-size: calc(var(--uui-toggle-size) * 0.6);
52
58
  }
53
59
  label:hover input:not([disabled]) + #slider {
@@ -71,13 +77,13 @@ UUIToggleElement.styles = [
71
77
  );
72
78
  }
73
79
  input:checked + #slider {
74
- background-color: var(--uui-interface-select,#3544B1);
80
+ background-color: var(--uui-interface-select,#3544b1);
75
81
  }
76
82
  label:hover input:checked:not([disabled]) + #slider {
77
83
  background-color: var(--uui-interface-select-hover,rgb(70, 86, 200));
78
84
  }
79
85
  label:focus input:checked + #slider {
80
- background-color: var(--uui-interface-select-focus,#3544B1);
86
+ background-color: var(--uui-interface-select-focus,#3544b1);
81
87
  }
82
88
 
83
89
  #icon-check,
@@ -102,7 +108,7 @@ UUIToggleElement.styles = [
102
108
  fill: var(--uui-interface-contrast,#060606);
103
109
  }
104
110
  input:checked + #slider #icon-check {
105
- fill: var(--uui-interface-select-contrast,#FEFEFE);
111
+ fill: var(--uui-interface-select-contrast,#fefefe);
106
112
  }
107
113
 
108
114
  #slider::after {
@@ -113,7 +119,7 @@ UUIToggleElement.styles = [
113
119
  width: calc(var(--uui-toggle-size) - 4px);
114
120
  height: calc(var(--uui-toggle-size) - 4px);
115
121
  border-radius: 100px;
116
- background-color: var(--uui-interface-select-contrast,#FEFEFE);
122
+ background-color: var(--uui-interface-select-contrast,#fefefe);
117
123
  transition: width 120ms ease, left 120ms ease, transform 120ms ease,
118
124
  background-color 120ms;
119
125
  }
@@ -123,6 +129,11 @@ UUIToggleElement.styles = [
123
129
  transform: translateX(-100%);
124
130
  }
125
131
 
132
+ input:focus + #slider {
133
+ outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
134
+ var(--uui-interface-outline,#3879ff);
135
+ }
136
+
126
137
  :host(:not([disabled])) label:active #slider::after {
127
138
  /** Stretch when mouse down */
128
139
  width: calc(1.06 * var(--uui-toggle-size));
@@ -141,22 +152,23 @@ UUIToggleElement.styles = [
141
152
  fill: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));
142
153
  }
143
154
  :host([disabled]) label:active #slider {
144
- -webkit-animation: ${UUIHorizontalShakeAnimationValue};
145
- animation: ${UUIHorizontalShakeAnimationValue};
155
+ animation: ${UUIHorizontalShakeAnimationValue};
146
156
  }
147
157
  :host([disabled]) input:checked + #slider #icon-check {
148
158
  fill: var(--uui-interface-select-contrast-disabled,rgb(228, 228, 228));
149
159
  }
150
160
 
151
- :host([error]) #slider {
152
- border: 1px solid var(--uui-look-danger-border, #d42054);
153
- }
154
-
155
- :host([error]) label:hover #slider {
156
- border: 1px solid var(--uui-look-danger-border, #d42054);
161
+ :host(:not([pristine]):invalid) #slider,
162
+ :host(:not([pristine]):invalid) label:hover #slider,
163
+ /* polyfill support */
164
+ :host(:not([pristine])[internals-invalid]) #slider,
165
+ :host(:not([pristine])[internals-invalid]) label:hover #slider {
166
+ border: 1px solid var(--uui-look-danger-border,#d42054);
157
167
  }
158
168
  `
159
169
  ];
160
- UUIToggleElement.formAssociated = true;
170
+ UUIToggleElement = __decorateClass([
171
+ defineElement("uui-toggle")
172
+ ], UUIToggleElement);
161
173
 
162
- defineElement("uui-toggle", UUIToggleElement);
174
+ export { UUIToggleElement };
package/lib/uui-toggle.element.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { UUIBooleanInputBaseElement } from '@umbraco-ui/uui-base/lib/uui-boolean-input';
1
+ import { UUIBooleanInputElement } from '@umbraco-ui/uui-boolean-input/lib';
2
2
  /**
3
- * Umbraco Toggle-switch, toggles between off/on.
3
+ * Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.
4
4
  * @element uui-toggle
5
5
  * @fires UUIBooleanInputEvent#change- fires when the element is begin checked by a user action
6
6
  * @slot to overwrite displayed label content
@@ -12,15 +12,20 @@ import { UUIBooleanInputBaseElement } from '@umbraco-ui/uui-base/lib/uui-boolean
12
12
  * @cssprop --uui-toggle-background-color-hover - Set the toggle background color when hovered
13
13
  * @cssprop --uui-toggle-border-color-focus - Set the toggle background color when focused
14
14
  * @cssprop --uui-toggle-background-color-focus - Set the toggle background color when focused
15
- * @extends UUIBooleanInputBaseElement
15
+ * @extends UUIBooleanInputElement
16
16
  */
17
- export declare class UUIToggleElement extends UUIBooleanInputBaseElement {
18
- static styles: import("lit").CSSResult[];
17
+ export declare class UUIToggleElement extends UUIBooleanInputElement {
19
18
  /**
20
19
  * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/
21
20
  * @type {boolean}
22
21
  */
23
22
  static readonly formAssociated = true;
23
+ static styles: import("lit").CSSResult[];
24
24
  constructor();
25
25
  renderCheckbox(): import("lit-html").TemplateResult<1>;
26
26
  }
27
+ declare global {
28
+ interface HTMLElementTagNameMap {
29
+ 'uui-toggle': UUIToggleElement;
30
+ }
31
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-toggle",
3
- "version": "0.0.14",
3
+ "version": "0.0.18",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -19,17 +19,19 @@
19
19
  "bugs": {
20
20
  "url": "https://github.com/umbraco/Umbraco.UI/issues"
21
21
  },
22
- "main": "./dist/uui-toggle.min.js",
22
+ "main": "./lib/index.js",
23
23
  "module": "./lib/index.js",
24
+ "types": "./lib/index.d.ts",
25
+ "type": "module",
24
26
  "customElements": "custom-elements.json",
25
27
  "files": [
26
- "dist",
27
28
  "lib/**/*.d.ts",
28
29
  "lib/**/*.js",
29
30
  "custom-elements.json"
30
31
  ],
31
32
  "dependencies": {
32
- "@umbraco-ui/uui-base": "0.0.12"
33
+ "@umbraco-ui/uui-base": "0.0.16",
34
+ "@umbraco-ui/uui-boolean-input": "0.0.2"
33
35
  },
34
36
  "scripts": {
35
37
  "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -40,5 +42,5 @@
40
42
  "access": "public"
41
43
  },
42
44
  "homepage": "https://uui.umbraco.com/?path=/story/uui-toggle",
43
- "gitHead": "d93ca46ec731a6b06aaa977af2fa167e49f770c1"
45
+ "gitHead": "6fbddfc1295e2ea00a532d4f9eb798165b2d39ac"
44
46
  }
package/dist/uui-toggle.min.js DELETED
@@ -1,34 +0,0 @@
1
- var Fe=Object.defineProperty,Ge=Object.defineProperties;var Je=Object.getOwnPropertyDescriptors;var ye=Object.getOwnPropertySymbols;var Ze=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable;var Ae=(p,v,f)=>v in p?Fe(p,v,{enumerable:!0,configurable:!0,writable:!0,value:f}):p[v]=f,j=(p,v)=>{for(var f in v||(v={}))Ze.call(v,f)&&Ae(p,f,v[f]);if(ye)for(var f of ye(v))Qe.call(v,f)&&Ae(p,f,v[f]);return p},D=(p,v)=>Ge(p,Je(v));(function(p){typeof define=="function"&&define.amd?define(p):p()})(function(){"use strict";/**
2
- * @license
3
- * Copyright 2019 Google LLC
4
- * SPDX-License-Identifier: BSD-3-Clause
5
- */const p=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,v=Symbol(),f=new Map;class ee{constructor(e,t){if(this._$cssResult$=!0,t!==v)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){let e=f.get(this.cssText);return p&&e===void 0&&(f.set(this.cssText,e=new CSSStyleSheet),e.replaceSync(this.cssText)),e}toString(){return this.cssText}}const z=r=>new ee(typeof r=="string"?r:r+"",v),C=(r,...e)=>{const t=r.length===1?r[0]:e.reduce((i,s,o)=>i+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+r[o+1],r[0]);return new ee(t,v)},we=(r,e)=>{p?r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const i=document.createElement("style"),s=window.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=t.cssText,r.appendChild(i)})},te=p?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return z(t)})(r):r;/**
6
- * @license
7
- * Copyright 2017 Google LLC
8
- * SPDX-License-Identifier: BSD-3-Clause
9
- */var V,X;const q={toAttribute(r,e){switch(e){case Boolean:r=r?"":null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch(i){t=null}}return t}},ie=(r,e)=>e!==r&&(e==e||r==r),W={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:ie};class w extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(e){var t;(t=this.l)!==null&&t!==void 0||(this.l=[]),this.l.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,i)=>{const s=this._$Eh(i,t);s!==void 0&&(this._$Eu.set(s,i),e.push(s))}),e}static createProperty(e,t=W){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i=typeof e=="symbol"?Symbol():"__"+e,s=this.getPropertyDescriptor(e,i,t);s!==void 0&&Object.defineProperty(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(s){const o=this[e];this[t]=s,this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||W}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const s of i)t.unshift(te(s))}else e!==void 0&&t.push(te(e));return t}static _$Eh(e,t){const i=t.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}o(){var e;this._$Ev=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Ep(),this.requestUpdate(),(e=this.constructor.l)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,i;((t=this._$Em)!==null&&t!==void 0?t:this._$Em=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((i=e.hostConnected)===null||i===void 0||i.call(e))}removeController(e){var t;(t=this._$Em)===null||t===void 0||t.splice(this._$Em.indexOf(e)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Et.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return we(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$Em)===null||e===void 0||e.forEach(t=>{var i;return(i=t.hostConnected)===null||i===void 0?void 0:i.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$Em)===null||e===void 0||e.forEach(t=>{var i;return(i=t.hostDisconnected)===null||i===void 0?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$Eg(e,t,i=W){var s,o;const n=this.constructor._$Eh(e,i);if(n!==void 0&&i.reflect===!0){const c=((o=(s=i.converter)===null||s===void 0?void 0:s.toAttribute)!==null&&o!==void 0?o:q.toAttribute)(t,i.type);this._$Ei=e,c==null?this.removeAttribute(n):this.setAttribute(n,c),this._$Ei=null}}_$AK(e,t){var i,s,o;const n=this.constructor,c=n._$Eu.get(e);if(c!==void 0&&this._$Ei!==c){const l=n.getPropertyOptions(c),a=l.converter,g=(o=(s=(i=a)===null||i===void 0?void 0:i.fromAttribute)!==null&&s!==void 0?s:typeof a=="function"?a:null)!==null&&o!==void 0?o:q.fromAttribute;this._$Ei=c,this[c]=g(t,l.type),this._$Ei=null}}requestUpdate(e,t,i){let s=!0;e!==void 0&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||ie)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),i.reflect===!0&&this._$Ei!==e&&(this._$ES===void 0&&(this._$ES=new Map),this._$ES.set(e,i))):s=!1),!this.isUpdatePending&&s&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach((s,o)=>this[o]=s),this._$Et=void 0);let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),(e=this._$Em)===null||e===void 0||e.forEach(s=>{var o;return(o=s.hostUpdate)===null||o===void 0?void 0:o.call(s)}),this.update(i)):this._$ET()}catch(s){throw t=!1,this._$ET(),s}t&&this._$AE(i)}willUpdate(e){}_$AE(e){var t;(t=this._$Em)===null||t===void 0||t.forEach(i=>{var s;return(s=i.hostUpdated)===null||s===void 0?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(e){return!0}update(e){this._$ES!==void 0&&(this._$ES.forEach((t,i)=>this._$Eg(i,this[i],t)),this._$ES=void 0),this._$ET()}updated(e){}firstUpdated(e){}}w.finalized=!0,w.elementProperties=new Map,w.elementStyles=[],w.shadowRootOptions={mode:"open"},(V=globalThis.reactiveElementPolyfillSupport)===null||V===void 0||V.call(globalThis,{ReactiveElement:w}),((X=globalThis.reactiveElementVersions)!==null&&X!==void 0?X:globalThis.reactiveElementVersions=[]).push("1.0.0");/**
10
- * @license
11
- * Copyright 2017 Google LLC
12
- * SPDX-License-Identifier: BSD-3-Clause
13
- */var K,F;const M=globalThis.trustedTypes,se=M?M.createPolicy("lit-html",{createHTML:r=>r}):void 0,m=`lit$${(Math.random()+"").slice(9)}$`,re="?"+m,Ee=`<${re}>`,E=document,P=(r="")=>E.createComment(r),U=r=>r===null||typeof r!="object"&&typeof r!="function",oe=Array.isArray,Se=r=>{var e;return oe(r)||typeof((e=r)===null||e===void 0?void 0:e[Symbol.iterator])=="function"},T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,le=/>/g,A=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,ae=/'/g,ce=/"/g,he=/^(?:script|style|textarea)$/i,de=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),R=de(1),ue=de(2),S=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),pe=new WeakMap,ke=(r,e,t)=>{var i,s;const o=(i=t==null?void 0:t.renderBefore)!==null&&i!==void 0?i:e;let n=o._$litPart$;if(n===void 0){const c=(s=t==null?void 0:t.renderBefore)!==null&&s!==void 0?s:null;o._$litPart$=n=new O(e.insertBefore(P(),c),c,void 0,t!=null?t:{})}return n._$AI(r),n},k=E.createTreeWalker(E,129,null,!1),xe=(r,e)=>{const t=r.length-1,i=[];let s,o=e===2?"<svg>":"",n=T;for(let l=0;l<t;l++){const a=r[l];let g,h,d=-1,b=0;for(;b<a.length&&(n.lastIndex=b,h=n.exec(a),h!==null);)b=n.lastIndex,n===T?h[1]==="!--"?n=ne:h[1]!==void 0?n=le:h[2]!==void 0?(he.test(h[2])&&(s=RegExp("</"+h[2],"g")),n=A):h[3]!==void 0&&(n=A):n===A?h[0]===">"?(n=s!=null?s:T,d=-1):h[1]===void 0?d=-2:(d=n.lastIndex-h[2].length,g=h[1],n=h[3]===void 0?A:h[3]==='"'?ce:ae):n===ce||n===ae?n=A:n===ne||n===le?n=T:(n=A,s=void 0);const L=n===A&&r[l+1].startsWith("/>")?" ":"";o+=n===T?a+Ee:d>=0?(i.push(g),a.slice(0,d)+"$lit$"+a.slice(d)+m+L):a+m+(d===-2?(i.push(void 0),l):L)}const c=o+(r[t]||"<?>")+(e===2?"</svg>":"");return[se!==void 0?se.createHTML(c):c,i]};class H{constructor({strings:e,_$litType$:t},i){let s;this.parts=[];let o=0,n=0;const c=e.length-1,l=this.parts,[a,g]=xe(e,t);if(this.el=H.createElement(a,i),k.currentNode=this.el.content,t===2){const h=this.el.content,d=h.firstChild;d.remove(),h.append(...d.childNodes)}for(;(s=k.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes()){const h=[];for(const d of s.getAttributeNames())if(d.endsWith("$lit$")||d.startsWith(m)){const b=g[n++];if(h.push(d),b!==void 0){const L=s.getAttribute(b.toLowerCase()+"$lit$").split(m),B=/([.?@])?(.*)/.exec(b);l.push({type:1,index:o,name:B[2],strings:L,ctor:B[1]==="."?Pe:B[1]==="?"?Ue:B[1]==="@"?Te:I})}else l.push({type:6,index:o})}for(const d of h)s.removeAttribute(d)}if(he.test(s.tagName)){const h=s.textContent.split(m),d=h.length-1;if(d>0){s.textContent=M?M.emptyScript:"";for(let b=0;b<d;b++)s.append(h[b],P()),k.nextNode(),l.push({type:2,index:++o});s.append(h[d],P())}}}else if(s.nodeType===8)if(s.data===re)l.push({type:2,index:o});else{let h=-1;for(;(h=s.data.indexOf(m,h+1))!==-1;)l.push({type:7,index:o}),h+=m.length-1}o++}}static createElement(e,t){const i=E.createElement("template");return i.innerHTML=e,i}}function x(r,e,t=r,i){var s,o,n,c;if(e===S)return e;let l=i!==void 0?(s=t._$Cl)===null||s===void 0?void 0:s[i]:t._$Cu;const a=U(e)?void 0:e._$litDirective$;return(l==null?void 0:l.constructor)!==a&&((o=l==null?void 0:l._$AO)===null||o===void 0||o.call(l,!1),a===void 0?l=void 0:(l=new a(r),l._$AT(r,t,i)),i!==void 0?((n=(c=t)._$Cl)!==null&&n!==void 0?n:c._$Cl=[])[i]=l:t._$Cu=l),l!==void 0&&(e=x(r,l._$AS(r,e.values),l,i)),e}class Ce{constructor(e,t){this.v=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(e){var t;const{el:{content:i},parts:s}=this._$AD,o=((t=e==null?void 0:e.creationScope)!==null&&t!==void 0?t:E).importNode(i,!0);k.currentNode=o;let n=k.nextNode(),c=0,l=0,a=s[0];for(;a!==void 0;){if(c===a.index){let g;a.type===2?g=new O(n,n.nextSibling,this,e):a.type===1?g=new a.ctor(n,a.name,a.strings,this,e):a.type===6&&(g=new He(n,this,e)),this.v.push(g),a=s[++l]}c!==(a==null?void 0:a.index)&&(n=k.nextNode(),c++)}return o}m(e){let t=0;for(const i of this.v)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class O{constructor(e,t,i,s){var o;this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=s,this._$Cg=(o=s==null?void 0:s.isConnected)===null||o===void 0||o}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cg}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=x(this,e,t),U(e)?e===u||e==null||e===""?(this._$AH!==u&&this._$AR(),this._$AH=u):e!==this._$AH&&e!==S&&this.$(e):e._$litType$!==void 0?this.T(e):e.nodeType!==void 0?this.S(e):Se(e)?this.M(e):this.$(e)}A(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}S(e){this._$AH!==e&&(this._$AR(),this._$AH=this.A(e))}$(e){this._$AH!==u&&U(this._$AH)?this._$AA.nextSibling.data=e:this.S(E.createTextNode(e)),this._$AH=e}T(e){var t;const{values:i,_$litType$:s}=e,o=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=H.createElement(s.h,this.options)),s);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===o)this._$AH.m(i);else{const n=new Ce(o,this),c=n.p(this.options);n.m(i),this.S(c),this._$AH=n}}_$AC(e){let t=pe.get(e.strings);return t===void 0&&pe.set(e.strings,t=new H(e)),t}M(e){oe(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,s=0;for(const o of e)s===t.length?t.push(i=new O(this.A(P()),this.A(P()),this,this.options)):i=t[s],i._$AI(o),s++;s<t.length&&(this._$AR(i&&i._$AB.nextSibling,s),t.length=s)}_$AR(e=this._$AA.nextSibling,t){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,t);e&&e!==this._$AB;){const s=e.nextSibling;e.remove(),e=s}}setConnected(e){var t;this._$AM===void 0&&(this._$Cg=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}class I{constructor(e,t,i,s,o){this.type=1,this._$AH=u,this._$AN=void 0,this.element=e,this.name=t,this._$AM=s,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,s){const o=this.strings;let n=!1;if(o===void 0)e=x(this,e,t,0),n=!U(e)||e!==this._$AH&&e!==S,n&&(this._$AH=e);else{const c=e;let l,a;for(e=o[0],l=0;l<o.length-1;l++)a=x(this,c[i+l],t,l),a===S&&(a=this._$AH[l]),n||(n=!U(a)||a!==this._$AH[l]),a===u?e=u:e!==u&&(e+=(a!=null?a:"")+o[l+1]),this._$AH[l]=a}n&&!s&&this.k(e)}k(e){e===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}}class Pe extends I{constructor(){super(...arguments),this.type=3}k(e){this.element[this.name]=e===u?void 0:e}}class Ue extends I{constructor(){super(...arguments),this.type=4}k(e){e&&e!==u?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class Te extends I{constructor(e,t,i,s,o){super(e,t,i,s,o),this.type=5}_$AI(e,t=this){var i;if((e=(i=x(this,e,t,0))!==null&&i!==void 0?i:u)===S)return;const s=this._$AH,o=e===u&&s!==u||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==u&&(s===u||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;typeof this._$AH=="function"?this._$AH.call((i=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&i!==void 0?i:this.element,e):this._$AH.handleEvent(e)}}class He{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){x(this,e)}}(K=globalThis.litHtmlPolyfillSupport)===null||K===void 0||K.call(globalThis,H,O),((F=globalThis.litHtmlVersions)!==null&&F!==void 0?F:globalThis.litHtmlVersions=[]).push("2.0.0");/**
14
- * @license
15
- * Copyright 2017 Google LLC
16
- * SPDX-License-Identifier: BSD-3-Clause
17
- */var G,J,Z;class N extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=ke(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!1)}render(){return S}}N.finalized=!0,N._$litElement$=!0,(G=globalThis.litElementHydrateSupport)===null||G===void 0||G.call(globalThis,{LitElement:N}),(J=globalThis.litElementPolyfillSupport)===null||J===void 0||J.call(globalThis,{LitElement:N}),((Z=globalThis.litElementVersions)!==null&&Z!==void 0?Z:globalThis.litElementVersions=[]).push("3.0.0"),C`@-webkit-keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,z("uui-blink 0.9s infinite both"),C`@-webkit-keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,z("pulse 0.8s ease-in-out infinite both");const Oe=C`@-webkit-keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,ve=z("uui-horizontal-shake 600ms ease backwards");/**
18
- * @license
19
- * Copyright 2017 Google LLC
20
- * SPDX-License-Identifier: BSD-3-Clause
21
- */const Ne=(r,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?D(j({},e),{finisher(t){t.createProperty(e.key,r)}}):{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,r)}};function _(r){return(e,t)=>t!==void 0?((i,s,o)=>{s.constructor.createProperty(o,i)})(r,e,t):Ne(r,e)}/**
22
- * @license
23
- * Copyright 2017 Google LLC
24
- * SPDX-License-Identifier: BSD-3-Clause
25
- */function ze(r){return _(D(j({},r),{state:!0}))}/**
26
- * @license
27
- * Copyright 2017 Google LLC
28
- * SPDX-License-Identifier: BSD-3-Clause
29
- */const Me=({finisher:r,descriptor:e})=>(t,i)=>{var s;if(i===void 0){const o=(s=t.originalKey)!==null&&s!==void 0?s:t.key,n=e!=null?{kind:"method",placement:"prototype",key:o,descriptor:e(t.key)}:D(j({},t),{key:o});return r!=null&&(n.finisher=function(c){r(c,o)}),n}{const o=t.constructor;e!==void 0&&Object.defineProperty(t,i,e(i)),r==null||r(o,i)}};/**
30
- * @license
31
- * Copyright 2017 Google LLC
32
- * SPDX-License-Identifier: BSD-3-Clause
33
- */function Re(r,e){return Me({descriptor:t=>{const i={get(){var s,o;return(o=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(r))!==null&&o!==void 0?o:null},enumerable:!0,configurable:!0};if(e){const s=typeof t=="symbol"?Symbol():"__"+t;i.get=function(){var o,n;return this[s]===void 0&&(this[s]=(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(r))!==null&&n!==void 0?n:null),this[s]}}return i}})}var Ie=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,fe=(r,e,t,i)=>{for(var s=i>1?void 0:i?Le(e,t):e,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&Ie(e,t,s),s};const Be=(r,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}labelSlotChanged(s){this.labelSlotHasContent=s.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return R`${this.labelSlotHasContent===!1?R`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this.labelSlotHasContent?"":"visibility: hidden"}" name="${r||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return fe([_({type:String})],t.prototype,"label",2),fe([ze()],t.prototype,"labelSlotHasContent",2),t};var je=Object.defineProperty,$e=Object.getOwnPropertySymbols,De=Object.prototype.hasOwnProperty,Ve=Object.prototype.propertyIsEnumerable,ge=(r,e,t)=>e in r?je(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,be=(r,e)=>{for(var t in e||(e={}))De.call(e,t)&&ge(r,t,e[t]);if($e)for(var t of $e(e))Ve.call(e,t)&&ge(r,t,e[t]);return r};const _e=class extends Event{constructor(r,e={}){super(r,be(be({},_e.defaultInit),e));this.detail=e.detail||{}}};let me=_e;me.defaultInit={composed:!0};class Q extends me{}Q.CHANGE="change";var Xe=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,y=(r,e,t,i)=>{for(var s=i>1?void 0:i?qe(e,t):e,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&Xe(e,t,s),s};class $ extends Be("",N){constructor(e="checkbox"){super();this._value="on",this.name="",this.labelPosition="right",this.hideLabel=!1,this.error=!1,this._checked=!1,this.disabled=!1,this.inputRole=e,this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}_onInputChange(){this.checked=this._input.checked,this.dispatchEvent(new Q(Q.CHANGE,{bubbles:!0}))}render(){return R`<label><input type="checkbox" id="input" ?disabled="${this.disabled}" @change="${this._onInputChange}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.hideLabel===!1?this.renderLabel():""}</label>`}}$.styles=[C`:host{display:inline-block}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],$.formAssociated=!0,y([Re("#input")],$.prototype,"_input",2),y([_({type:String})],$.prototype,"value",1),y([_({type:String})],$.prototype,"name",2),y([_({type:String,attribute:"label-position",reflect:!0})],$.prototype,"labelPosition",2),y([_({type:Boolean,attribute:"hide-label",reflect:!0})],$.prototype,"hideLabel",2),y([_({type:Boolean,reflect:!0})],$.prototype,"error",2),y([_({type:Boolean,reflect:!0})],$.prototype,"checked",1),y([_({type:Boolean,reflect:!0})],$.prototype,"disabled",2);const We=ue`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,Ke=ue`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;class Y extends ${constructor(){super("switch")}renderCheckbox(){return R`<div id="slider"><div id="icon-check">${We}</div><div id="icon-wrong">${Ke}</div></div>`}}Y.styles=[...$.styles,Oe,C`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#slider{position:relative;grid-area:'input';display:flex;align-items:center;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-interface-surface-alt,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])+#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-toggle-background-color-hover,var(--uui-interface-surface-alt-hover,#c8c8c8))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-toggle-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#slider{background-color:var(--uui-interface-select,#3544b1)}label:hover input:checked:not([disabled])+#slider{background-color:var(--uui-interface-select-hover,#4656c8)}label:focus input:checked+#slider{background-color:var(--uui-interface-select-focus,#3544b1)}#icon-check,#icon-wrong{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms}#icon-check{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast,#fefefe)}#slider::after{content:'';position:absolute;top:2px;left:2px;width:calc(var(--uui-toggle-size) - 4px);height:calc(var(--uui-toggle-size) - 4px);border-radius:100px;background-color:var(--uui-interface-select-contrast,#fefefe);transition:width 120ms ease,left 120ms ease,transform 120ms ease,background-color 120ms}input:checked+#slider::after{left:calc(100% - 2px);transform:translateX(-100%)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-interface-surface-alt-disabled,#ccc)}:host([disabled]) input:checked+#slider{background-color:var(--uui-interface-select-disabled,#575757)}:host([disabled]) #slider::after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #slider #icon-wrong{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #slider{-webkit-animation:${ve};animation:${ve}}:host([disabled]) input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}:host([error]) #slider{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #slider{border:1px solid var(--uui-look-danger-border,#d42054)}`],Y.formAssociated=!0,((r,e,t)=>{if(r.indexOf("-")>0===!1){console.error(`${r} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(r)?console.error(`${r} is already defined`):customElements.define(r,e,t)})("uui-toggle",Y)});
34
- //# sourceMappingURL=uui-toggle.min.js.map
package/dist/uui-toggle.min.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"uui-toggle.min.js","sources":["../../../node_modules/@lit/reactive-element/css-tag.js","../../../node_modules/@lit/reactive-element/reactive-element.js","../../../node_modules/lit-html/lit-html.js","../../../node_modules/lit-element/lit-element.js","../../uui-base/lib/animations/index.js","../../../node_modules/@lit/reactive-element/decorators/property.js","../../../node_modules/@lit/reactive-element/decorators/state.js","../../../node_modules/@lit/reactive-element/decorators/base.js","../../../node_modules/@lit/reactive-element/decorators/query.js","../../uui-base/lib/uui-boolean-input/index.js","../lib/uui-toggle.element.js","../lib/index.ts","../../uui-base/lib/registration/index.js"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,e=Symbol(),n=new Map;class s{constructor(t,n){if(this._$cssResult$=!0,n!==e)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t}get styleSheet(){let e=n.get(this.cssText);return t&&void 0===e&&(n.set(this.cssText,e=new CSSStyleSheet),e.replaceSync(this.cssText)),e}toString(){return this.cssText}}const o=t=>new s(\"string\"==typeof t?t:t+\"\",e),r=(t,...n)=>{const o=1===t.length?t[0]:n.reduce(((e,n,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(n)+t[s+1]),t[0]);return new s(o,e)},i=(e,n)=>{t?e.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((t=>{const n=document.createElement(\"style\"),s=window.litNonce;void 0!==s&&n.setAttribute(\"nonce\",s),n.textContent=t.cssText,e.appendChild(n)}))},S=t?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const n of t.cssRules)e+=n.cssText;return o(e)})(t):t;export{s as CSSResult,i as adoptStyles,r as css,S as getCompatibleStyle,t as supportsAdoptingStyleSheets,o as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as i}from\"./css-tag.js\";export{CSSResult,adoptStyles,css,getCompatibleStyle,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */var s,e;const r={toAttribute(t,i){switch(i){case Boolean:t=t?\"\":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},h=(t,i)=>i!==t&&(i==i||t==t),o={attribute:!0,type:String,converter:r,reflect:!1,hasChanged:h};class n extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var i;null!==(i=this.l)&&void 0!==i||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Eh(s,i);void 0!==e&&(this._$Eu.set(e,s),t.push(e))})),t}static createProperty(t,i=o){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s=\"symbol\"==typeof t?Symbol():\"__\"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e)}}static getPropertyDescriptor(t,i,s){return{get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||o}static finalize(){if(this.hasOwnProperty(\"finalized\"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty(\"properties\")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(t(i))}else void 0!==i&&s.push(t(i));return s}static _$Eh(t,i){const s=i.attribute;return!1===s?void 0:\"string\"==typeof s?s:\"string\"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Ep(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var i,s;(null!==(i=this._$Em)&&void 0!==i?i:this._$Em=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var i;null===(i=this._$Em)||void 0===i||i.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Et.set(i,this[i]),delete this[i])}))}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return i(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Em)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}))}attributeChangedCallback(t,i,s){this._$AK(t,s)}_$Eg(t,i,s=o){var e,h;const n=this.constructor._$Eh(t,s);if(void 0!==n&&!0===s.reflect){const o=(null!==(h=null===(e=s.converter)||void 0===e?void 0:e.toAttribute)&&void 0!==h?h:r.toAttribute)(i,s.type);this._$Ei=t,null==o?this.removeAttribute(n):this.setAttribute(n,o),this._$Ei=null}}_$AK(t,i){var s,e,h;const o=this.constructor,n=o._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=o.getPropertyOptions(n),l=t.converter,a=null!==(h=null!==(e=null===(s=l)||void 0===s?void 0:s.fromAttribute)&&void 0!==e?e:\"function\"==typeof l?l:null)&&void 0!==h?h:r.fromAttribute;this._$Ei=n,this[n]=a(i,t.type),this._$Ei=null}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||h)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$Ei!==t&&(void 0===this._$ES&&(this._$ES=new Map),this._$ES.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,i)=>this[i]=t)),this._$Et=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$ET()}catch(t){throw i=!1,this._$ET(),t}i&&this._$AE(s)}willUpdate(t){}_$AE(t){var i;null===(i=this._$Em)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){void 0!==this._$ES&&(this._$ES.forEach(((t,i)=>this._$Eg(i,this[i],t))),this._$ES=void 0),this._$ET()}updated(t){}firstUpdated(t){}}n.finalized=!0,n.elementProperties=new Map,n.elementStyles=[],n.shadowRootOptions={mode:\"open\"},null===(s=globalThis.reactiveElementPolyfillSupport)||void 0===s||s.call(globalThis,{ReactiveElement:n}),(null!==(e=globalThis.reactiveElementVersions)&&void 0!==e?e:globalThis.reactiveElementVersions=[]).push(\"1.0.0\");export{n as ReactiveElement,r as defaultConverter,h as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nvar t,i;const s=globalThis.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+\"\").slice(9)}$`,n=\"?\"+o,l=`<${n}>`,h=document,r=(t=\"\")=>h.createComment(t),d=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,v=t=>{var i;return u(t)||\"function\"==typeof(null===(i=t)||void 0===i?void 0:i[Symbol.iterator])},c=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,a=/-->/g,f=/>/g,_=/>|[ \t\\n\f\\r](?:([^\\s\"'>=/]+)([ \t\\n\f\\r]*=[ \t\\n\f\\r]*(?:[^ \t\\n\f\\r\"'`<>=]|(\"|')|))|$)/g,g=/'/g,m=/\"/g,$=/^(?:script|style|textarea)$/i,p=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=p(1),b=p(2),T=Symbol.for(\"lit-noChange\"),x=Symbol.for(\"lit-nothing\"),w=new WeakMap,A=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new S(i.insertBefore(r(),t),t,void 0,null!=s?s:{})}return l._$AI(t),l},C=h.createTreeWalker(h,129,null,!1),P=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?\"<svg>\":\"\",d=c;for(let i=0;i<s;i++){const s=t[i];let e,u,v=-1,p=0;for(;p<s.length&&(d.lastIndex=p,u=d.exec(s),null!==u);)p=d.lastIndex,d===c?\"!--\"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp(\"</\"+u[2],\"g\")),d=_):void 0!==u[3]&&(d=_):d===_?\">\"===u[0]?(d=null!=h?h:c,v=-1):void 0===u[1]?v=-2:(v=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'\"'===u[3]?m:g):d===m||d===g?d=_:d===a||d===f?d=c:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith(\"/>\")?\" \":\"\";r+=d===c?s+l:v>=0?(n.push(e),s.slice(0,v)+\"$lit$\"+s.slice(v)+o+y):s+o+(-2===v?(n.push(void 0),i):y)}const u=r+(t[s]||\"<?>\")+(2===i?\"</svg>\":\"\");return[void 0!==e?e.createHTML(u):u,n]};class V{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,v=this.parts,[c,a]=P(t,i);if(this.el=V.createElement(c,e),C.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(l=C.nextNode())&&v.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith(\"$lit$\")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+\"$lit$\").split(o),i=/([.?@])?(.*)/.exec(s);v.push({type:1,index:h,name:i[2],strings:t,ctor:\".\"===i[1]?k:\"?\"===i[1]?H:\"@\"===i[1]?I:M})}else v.push({type:6,index:h})}for(const i of t)l.removeAttribute(i)}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:\"\";for(let s=0;s<i;s++)l.append(t[s],r()),C.nextNode(),v.push({type:2,index:++h});l.append(t[i],r())}}}else if(8===l.nodeType)if(l.data===n)v.push({type:2,index:h});else{let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)v.push({type:7,index:h}),t+=o.length-1}h++}}static createElement(t,i){const s=h.createElement(\"template\");return s.innerHTML=t,s}}function E(t,i,s=t,e){var o,n,l,h;if(i===T)return i;let r=void 0!==e?null===(o=s._$Cl)||void 0===o?void 0:o[e]:s._$Cu;const u=d(i)?void 0:i._$litDirective$;return(null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Cl)&&void 0!==l?l:h._$Cl=[])[e]=r:s._$Cu=r),void 0!==r&&(i=E(t,r._$AS(t,i.values),r,e)),i}class N{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);C.currentNode=o;let n=C.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new S(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new L(n,this,t)),this.v.push(i),d=e[++r]}l!==(null==d?void 0:d.index)&&(n=C.nextNode(),l++)}return o}m(t){let i=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class S{constructor(t,i,s,e){var o;this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cg=null===(o=null==e?void 0:e.isConnected)||void 0===o||o}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=E(this,t,i),d(t)?t===x||null==t||\"\"===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==T&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):v(t)?this.M(t):this.$(t)}A(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==x&&d(this._$AH)?this._$AA.nextSibling.data=t:this.S(h.createTextNode(t)),this._$AH=t}T(t){var i;const{values:s,_$litType$:e}=t,o=\"number\"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=V.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.m(s);else{const t=new N(o,this),i=t.p(this.options);t.m(s),this.S(i),this._$AH=t}}_$AC(t){let i=w.get(t.strings);return void 0===i&&w.set(t.strings,i=new V(t)),i}M(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new S(this.A(r()),this.A(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cg=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class M{constructor(t,i,s,e,o){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=x}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=E(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=E(this,e[s+l],i,l),h===T&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===x?t=x:t!==x&&(t+=(null!=h?h:\"\")+o[l+1]),this._$AH[l]=h}n&&!e&&this.k(t)}k(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:\"\")}}class k extends M{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===x?void 0:t}}class H extends M{constructor(){super(...arguments),this.type=4}k(t){t&&t!==x?this.element.setAttribute(this.name,\"\"):this.element.removeAttribute(this.name)}}class I extends M{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5}_$AI(t,i=this){var s;if((t=null!==(s=E(this,t,i,0))&&void 0!==s?s:x)===T)return;const e=this._$AH,o=t===x&&e!==x||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==x&&(e===x||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,s;\"function\"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const R={P:\"$lit$\",V:o,L:n,I:1,N:P,R:N,D:v,j:E,H:S,O:M,F:H,B:I,W:k,Z:L};null===(t=globalThis.litHtmlPolyfillSupport)||void 0===t||t.call(globalThis,V,S),(null!==(i=globalThis.litHtmlVersions)&&void 0!==i?i:globalThis.litHtmlVersions=[]).push(\"2.0.0\");export{R as _$LH,y as html,T as noChange,x as nothing,A as render,b as svg};\n//# sourceMappingURL=lit-html.js.map\n","import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as i}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */var l,o,r;const s=t;class n extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=e(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return i}}n.finalized=!0,n._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:n}),null===(o=globalThis.litElementPolyfillSupport)||void 0===o||o.call(globalThis,{LitElement:n});const h={_$AK:(t,e,i)=>{t._$AK(e,i)},_$AL:t=>t._$AL};(null!==(r=globalThis.litElementVersions)&&void 0!==r?r:globalThis.litElementVersions=[]).push(\"3.0.0\");export{n as LitElement,s as UpdatingElement,h as _$LE};\n//# sourceMappingURL=lit-element.js.map\n","import { css, unsafeCSS } from 'lit';\n\nconst UUIBlinkKeyframes = css`\n @-webkit-keyframes uui-blink {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n }\n @keyframes uui-blink {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n }\n`;\nconst UUIBlinkAnimationValue = unsafeCSS(\"uui-blink 0.9s infinite both\");\n\nconst UUIHorizontalPulseKeyframes = css`\n @-webkit-keyframes pulse {\n 0% {\n transform: translate(-50%, -50%) scale(0.2);\n opacity: 0.9;\n }\n 80% {\n transform: translate(-50%, -50%) scale(1.2);\n opacity: 0;\n }\n 100% {\n transform: translate(-50%, -50%) scale(2.2);\n opacity: 0;\n }\n }\n @keyframes pulse {\n 0% {\n transform: translate(-50%, -50%) scale(0.2);\n opacity: 0.9;\n }\n 80% {\n transform: translate(-50%, -50%) scale(1.2);\n opacity: 0;\n }\n 100% {\n transform: translate(-50%, -50%) scale(2.2);\n opacity: 0;\n }\n }\n`;\nconst UUIHorizontalPulseAnimationValue = unsafeCSS(\"pulse 0.8s ease-in-out infinite both\");\n\nconst UUIHorizontalShakeKeyframes = css`\n @-webkit-keyframes uui-horizontal-shake {\n 10%,\n 90% {\n transform: translateX(-1px);\n }\n\n 20%,\n 80% {\n transform: translateX(1px);\n }\n\n 30%,\n 50%,\n 70% {\n transform: translateX(-2px);\n }\n\n 40%,\n 60% {\n transform: translateX(2px);\n }\n }\n@keyframes uui-horizontal-shake {\n 10%,\n 90% {\n transform: translateX(-1px);\n }\n\n 20%,\n 80% {\n transform: translateX(1px);\n }\n\n 30%,\n 50%,\n 70% {\n transform: translateX(-2px);\n }\n\n 40%,\n 60% {\n transform: translateX(2px);\n }\n }\n`;\nconst UUIHorizontalShakeAnimationValue = unsafeCSS(\"uui-horizontal-shake 600ms ease backwards\");\n\nexport { UUIBlinkAnimationValue, UUIBlinkKeyframes, UUIHorizontalPulseAnimationValue, UUIHorizontalPulseKeyframes, UUIHorizontalShakeAnimationValue, UUIHorizontalShakeKeyframes };\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst i=(i,e)=>\"method\"===e.kind&&e.descriptor&&!(\"value\"in e.descriptor)?{...e,finisher(n){n.createProperty(e.key,i)}}:{kind:\"field\",key:Symbol(),placement:\"own\",descriptor:{},originalKey:e.key,initializer(){\"function\"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(n){n.createProperty(e.key,i)}};function e(e){return(n,t)=>void 0!==t?((i,e,n)=>{e.constructor.createProperty(n,i)})(e,n,t):i(e,n)}export{e as property};\n//# sourceMappingURL=property.js.map\n","import{property as r}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function t(t){return r({...t,state:!0})}export{t as state};\n//# sourceMappingURL=state.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=(e,t,o)=>{Object.defineProperty(t,o,e)},t=(e,t)=>({kind:\"method\",placement:\"prototype\",key:t.key,descriptor:e}),o=({finisher:e,descriptor:t})=>(o,n)=>{var r;if(void 0===n){const n=null!==(r=o.originalKey)&&void 0!==r?r:o.key,i=null!=t?{kind:\"method\",placement:\"prototype\",key:n,descriptor:t(o.key)}:{...o,key:n};return null!=e&&(i.finisher=function(t){e(t,n)}),i}{const r=o.constructor;void 0!==t&&Object.defineProperty(o,n,t(n)),null==e||e(r,n)}};export{o as decorateProperty,e as legacyPrototypeMethod,t as standardPrototypeMethod};\n//# sourceMappingURL=base.js.map\n","import{decorateProperty as o}from\"./base.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function i(i,n){return o({descriptor:o=>{const t={get(){var o,n;return null!==(n=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(i))&&void 0!==n?n:null},enumerable:!0,configurable:!0};if(n){const n=\"symbol\"==typeof o?Symbol():\"__\"+o;t.get=function(){var o,t;return void 0===this[n]&&(this[n]=null!==(t=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(i))&&void 0!==t?t:null),this[n]}}return t}})}export{i as query};\n//# sourceMappingURL=query.js.map\n","import { html, css, LitElement } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\n\nvar __defProp$2 = Object.defineProperty;\nvar __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;\nvar __decorateClass$1 = (decorators, target, key, kind) => {\n var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;\n for (var i = decorators.length - 1, decorator; i >= 0; i--)\n if (decorator = decorators[i])\n result = (kind ? decorator(target, key, result) : decorator(result)) || result;\n if (kind && result)\n __defProp$2(target, key, result);\n return result;\n};\nconst LabelMixin = (labelSlotName, superClass) => {\n class LabelMixinClass extends superClass {\n constructor() {\n super(...arguments);\n this.labelSlotHasContent = false;\n }\n connectedCallback() {\n super.connectedCallback();\n if (!this.label) {\n console.warn(this.tagName + \" needs a `label`\");\n }\n }\n labelSlotChanged(e) {\n this.labelSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;\n }\n renderLabel() {\n return html`\n ${this.labelSlotHasContent === false ? html`<span class=\"label\">${this.label}</span>` : \"\"}\n <slot\n class=\"label\"\n style=${this.labelSlotHasContent ? \"\" : \"visibility: hidden\"}\n name=${labelSlotName ? labelSlotName : \"\"}\n @slotchange=${this.labelSlotChanged}></slot>\n `;\n }\n }\n __decorateClass$1([\n property({ type: String })\n ], LabelMixinClass.prototype, \"label\", 2);\n __decorateClass$1([\n state()\n ], LabelMixinClass.prototype, \"labelSlotHasContent\", 2);\n return LabelMixinClass;\n};\n\nvar __defProp$1 = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nconst _UUIEvent = class extends Event {\n constructor(evName, eventInit = {}) {\n super(evName, __spreadValues(__spreadValues({}, _UUIEvent.defaultInit), eventInit));\n this.detail = eventInit.detail || {};\n }\n};\nlet UUIEvent = _UUIEvent;\nUUIEvent.defaultInit = {\n composed: true\n};\n\nclass UUIBooleanInputEvent extends UUIEvent {\n}\nUUIBooleanInputEvent.CHANGE = \"change\";\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __decorateClass = (decorators, target, key, kind) => {\n var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;\n for (var i = decorators.length - 1, decorator; i >= 0; i--)\n if (decorator = decorators[i])\n result = (kind ? decorator(target, key, result) : decorator(result)) || result;\n if (kind && result)\n __defProp(target, key, result);\n return result;\n};\nclass UUIBooleanInputBaseElement extends LabelMixin(\"\", LitElement) {\n constructor(inputRole = \"checkbox\") {\n super();\n this._value = \"on\";\n this.name = \"\";\n this.labelPosition = \"right\";\n this.hideLabel = false;\n this.error = false;\n this._checked = false;\n this.disabled = false;\n this.inputRole = inputRole;\n this._internals = this.attachInternals();\n }\n get value() {\n return this._value;\n }\n set value(newVal) {\n const oldValue = this._value;\n this._value = newVal;\n this._internals.setFormValue(this._checked && this.name !== \"\" ? this._value : null);\n this.requestUpdate(\"value\", oldValue);\n }\n get checked() {\n return this._checked;\n }\n set checked(newVal) {\n const oldValue = this._checked;\n this._checked = newVal;\n this._internals.setFormValue(this._checked && this.name !== \"\" ? this._value ? this._value : \"on\" : null);\n this.requestUpdate(\"checked\", oldValue);\n }\n _onInputChange() {\n this.checked = this._input.checked;\n this.dispatchEvent(new UUIBooleanInputEvent(UUIBooleanInputEvent.CHANGE, { bubbles: true }));\n }\n render() {\n return html`\n <label>\n <input\n type=\"checkbox\"\n id=\"input\"\n ?disabled=\"${this.disabled}\"\n @change=\"${this._onInputChange}\"\n .checked=\"${this.checked}\"\n aria-checked=\"${this.checked ? \"true\" : \"false\"}\"\n aria-label=${this.label}\n role=\"${this.inputRole}\" />\n ${this.renderCheckbox()}\n ${this.hideLabel === false ? this.renderLabel() : \"\"}\n </label>\n `;\n }\n}\nUUIBooleanInputBaseElement.styles = [\n css`\n :host {\n display: inline-block;\n }\n\n label {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n justify-items: center;\n gap: var(--uui-size-3,9px);\n }\n\n input {\n position: absolute;\n height: 0px;\n width: 0px;\n }\n\n :host([label-position='left']) label {\n flex-direction: row-reverse;\n }\n\n :host([label-position='top']) label {\n gap: var(--uui-size-half-base-unit);\n flex-direction: column-reverse;\n }\n\n :host([label-position='bottom']) label {\n gap: var(--uui-size-half-base-unit);\n flex-direction: column;\n }\n\n :host([disabled]) .label {\n opacity: 0.5;\n }\n `\n];\nUUIBooleanInputBaseElement.formAssociated = true;\n__decorateClass([\n query(\"#input\")\n], UUIBooleanInputBaseElement.prototype, \"_input\", 2);\n__decorateClass([\n property({ type: String })\n], UUIBooleanInputBaseElement.prototype, \"value\", 1);\n__decorateClass([\n property({ type: String })\n], UUIBooleanInputBaseElement.prototype, \"name\", 2);\n__decorateClass([\n property({ type: String, attribute: \"label-position\", reflect: true })\n], UUIBooleanInputBaseElement.prototype, \"labelPosition\", 2);\n__decorateClass([\n property({ type: Boolean, attribute: \"hide-label\", reflect: true })\n], UUIBooleanInputBaseElement.prototype, \"hideLabel\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], UUIBooleanInputBaseElement.prototype, \"error\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], UUIBooleanInputBaseElement.prototype, \"checked\", 1);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], UUIBooleanInputBaseElement.prototype, \"disabled\", 2);\n\nexport { UUIBooleanInputBaseElement };\n","import { svg, css, html } from 'lit';\nimport { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from '@umbraco-ui/uui-base/lib/animations';\nimport { UUIBooleanInputBaseElement } from '@umbraco-ui/uui-base/lib/uui-boolean-input';\n\nconst iconCheck = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n<path d=\"M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z\"/>\n</svg>`;\nconst iconWrong = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n<path d=\"M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z\"/>\n</svg>`;\n\nclass UUIToggleElement extends UUIBooleanInputBaseElement {\n constructor() {\n super(\"switch\");\n }\n renderCheckbox() {\n return html`\n <div id=\"slider\">\n <div id=\"icon-check\">${iconCheck}</div>\n <div id=\"icon-wrong\">${iconWrong}</div>\n </div>\n `;\n }\n}\nUUIToggleElement.styles = [\n ...UUIBooleanInputBaseElement.styles,\n UUIHorizontalShakeKeyframes,\n css`\n :host {\n --uui-toggle-size: 18px;\n --uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));\n }\n\n #slider {\n position: relative;\n grid-area: 'input';\n display: flex;\n align-items: center;\n\n width: var(--uui-toggle-switch-width);\n height: var(--uui-toggle-size);\n border-radius: 100px;\n\n background-color: var(\n --uui-toggle-background-color,\n var(--uui-interface-surface-alt,#d8d7d9)\n );\n border: 1px solid\n var(--uui-toggle-border-color, var(--uui-interface-border,#C4C4C4));\n font-size: calc(var(--uui-toggle-size) * 0.6);\n }\n label:hover input:not([disabled]) + #slider {\n border-color: var(\n --uui-toggle-border-color-hover,\n var(--uui-interface-border-hover,rgb(179, 179, 179))\n );\n background-color: var(\n --uui-toggle-background-color-hover,\n var(--uui-interface-surface-alt-hover,rgb(200, 200, 200))\n );\n }\n label:focus #slider {\n border-color: var(\n --uui-toggle-border-color-focus,\n var(--uui-interface-border-focus,rgb(179, 179, 179))\n );\n background-color: var(\n --uui-toggle-background-color-focus,\n var(--uui-interface-surface-alt-focus,#d8d7d9)\n );\n }\n input:checked + #slider {\n background-color: var(--uui-interface-select,#3544B1);\n }\n label:hover input:checked:not([disabled]) + #slider {\n background-color: var(--uui-interface-select-hover,rgb(70, 86, 200));\n }\n label:focus input:checked + #slider {\n background-color: var(--uui-interface-select-focus,#3544B1);\n }\n\n #icon-check,\n #icon-wrong {\n position: absolute;\n vertical-align: middle;\n width: 1em;\n height: 1em;\n line-height: 0;\n transition: fill 120ms;\n }\n\n #icon-check {\n margin-left: -0.5em;\n left: calc(var(--uui-toggle-size) * 0.5);\n fill: var(--uui-interface-contrast,#060606);\n }\n\n #icon-wrong {\n margin-right: -0.5em;\n right: calc(var(--uui-toggle-size) * 0.5);\n fill: var(--uui-interface-contrast,#060606);\n }\n input:checked + #slider #icon-check {\n fill: var(--uui-interface-select-contrast,#FEFEFE);\n }\n\n #slider::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: calc(var(--uui-toggle-size) - 4px);\n height: calc(var(--uui-toggle-size) - 4px);\n border-radius: 100px;\n background-color: var(--uui-interface-select-contrast,#FEFEFE);\n transition: width 120ms ease, left 120ms ease, transform 120ms ease,\n background-color 120ms;\n }\n\n input:checked + #slider::after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n\n :host(:not([disabled])) label:active #slider::after {\n /** Stretch when mouse down */\n width: calc(1.06 * var(--uui-toggle-size));\n }\n\n :host([disabled]) #slider {\n background-color: var(--uui-interface-surface-alt-disabled,rgb(204, 204, 204));\n }\n :host([disabled]) input:checked + #slider {\n background-color: var(--uui-interface-select-disabled,rgb(87, 87, 87));\n }\n :host([disabled]) #slider::after {\n background-color: var(--uui-interface-surface-disabled,rgb(228, 228, 228));\n }\n :host([disabled]) #slider #icon-wrong {\n fill: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));\n }\n :host([disabled]) label:active #slider {\n -webkit-animation: ${UUIHorizontalShakeAnimationValue};\n animation: ${UUIHorizontalShakeAnimationValue};\n }\n :host([disabled]) input:checked + #slider #icon-check {\n fill: var(--uui-interface-select-contrast-disabled,rgb(228, 228, 228));\n }\n\n :host([error]) #slider {\n border: 1px solid var(--uui-look-danger-border, #d42054);\n }\n\n :host([error]) label:hover #slider {\n border: 1px solid var(--uui-look-danger-border, #d42054);\n }\n `\n];\nUUIToggleElement.formAssociated = true;\n\nexport { UUIToggleElement };\n","import { UUIToggleElement } from './uui-toggle.element';\nimport { defineElement } from '@umbraco-ui/uui-base/lib/registration';\n\ndefineElement('uui-toggle', UUIToggleElement as any);\n","const defineElement = (name, constructor, options) => {\n const isValidElementName = name.indexOf(\"-\") > 0;\n if (isValidElementName === false) {\n console.error(`${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);\n return;\n }\n if (customElements.get(name)) {\n console.error(`${name} is already defined`);\n } else {\n customElements.define(name, constructor, options);\n }\n};\n\nexport { defineElement };\n"],"names":["t","e","n","o","s","r","i","S","h","l","css","unsafeCSS","html","property","state","LitElement","query","svg"],"mappings":"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"}
package/lib/toggle-icons.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare const iconCheck: import("lit-html").TemplateResult<2>;
2
- export declare const iconWrong: import("lit-html").TemplateResult<2>;
package/lib/uui-toggle.element.js DELETED
@@ -1,161 +0,0 @@
1
- import { svg, css, html } from 'lit';
2
- import { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from '@umbraco-ui/uui-base/lib/animations';
3
- import { UUIBooleanInputBaseElement } from '@umbraco-ui/uui-base/lib/uui-boolean-input';
4
-
5
- const iconCheck = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
6
- <path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
7
- </svg>`;
8
- const iconWrong = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
9
- <path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
10
- </svg>`;
11
-
12
- class UUIToggleElement extends UUIBooleanInputBaseElement {
13
- constructor() {
14
- super("switch");
15
- }
16
- renderCheckbox() {
17
- return html`
18
- <div id="slider">
19
- <div id="icon-check">${iconCheck}</div>
20
- <div id="icon-wrong">${iconWrong}</div>
21
- </div>
22
- `;
23
- }
24
- }
25
- UUIToggleElement.styles = [
26
- ...UUIBooleanInputBaseElement.styles,
27
- UUIHorizontalShakeKeyframes,
28
- css`
29
- :host {
30
- --uui-toggle-size: 18px;
31
- --uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
32
- }
33
-
34
- #slider {
35
- position: relative;
36
- grid-area: 'input';
37
- display: flex;
38
- align-items: center;
39
-
40
- width: var(--uui-toggle-switch-width);
41
- height: var(--uui-toggle-size);
42
- border-radius: 100px;
43
-
44
- background-color: var(
45
- --uui-toggle-background-color,
46
- var(--uui-interface-surface-alt,#d8d7d9)
47
- );
48
- border: 1px solid
49
- var(--uui-toggle-border-color, var(--uui-interface-border,#C4C4C4));
50
- font-size: calc(var(--uui-toggle-size) * 0.6);
51
- }
52
- label:hover input:not([disabled]) + #slider {
53
- border-color: var(
54
- --uui-toggle-border-color-hover,
55
- var(--uui-interface-border-hover,rgb(179, 179, 179))
56
- );
57
- background-color: var(
58
- --uui-toggle-background-color-hover,
59
- var(--uui-interface-surface-alt-hover,rgb(200, 200, 200))
60
- );
61
- }
62
- label:focus #slider {
63
- border-color: var(
64
- --uui-toggle-border-color-focus,
65
- var(--uui-interface-border-focus,rgb(179, 179, 179))
66
- );
67
- background-color: var(
68
- --uui-toggle-background-color-focus,
69
- var(--uui-interface-surface-alt-focus,#d8d7d9)
70
- );
71
- }
72
- input:checked + #slider {
73
- background-color: var(--uui-interface-select,#3544B1);
74
- }
75
- label:hover input:checked:not([disabled]) + #slider {
76
- background-color: var(--uui-interface-select-hover,rgb(70, 86, 200));
77
- }
78
- label:focus input:checked + #slider {
79
- background-color: var(--uui-interface-select-focus,#3544B1);
80
- }
81
-
82
- #icon-check,
83
- #icon-wrong {
84
- position: absolute;
85
- vertical-align: middle;
86
- width: 1em;
87
- height: 1em;
88
- line-height: 0;
89
- transition: fill 120ms;
90
- }
91
-
92
- #icon-check {
93
- margin-left: -0.5em;
94
- left: calc(var(--uui-toggle-size) * 0.5);
95
- fill: var(--uui-interface-contrast,#060606);
96
- }
97
-
98
- #icon-wrong {
99
- margin-right: -0.5em;
100
- right: calc(var(--uui-toggle-size) * 0.5);
101
- fill: var(--uui-interface-contrast,#060606);
102
- }
103
- input:checked + #slider #icon-check {
104
- fill: var(--uui-interface-select-contrast,#FEFEFE);
105
- }
106
-
107
- #slider::after {
108
- content: '';
109
- position: absolute;
110
- top: 2px;
111
- left: 2px;
112
- width: calc(var(--uui-toggle-size) - 4px);
113
- height: calc(var(--uui-toggle-size) - 4px);
114
- border-radius: 100px;
115
- background-color: var(--uui-interface-select-contrast,#FEFEFE);
116
- transition: width 120ms ease, left 120ms ease, transform 120ms ease,
117
- background-color 120ms;
118
- }
119
-
120
- input:checked + #slider::after {
121
- left: calc(100% - 2px);
122
- transform: translateX(-100%);
123
- }
124
-
125
- :host(:not([disabled])) label:active #slider::after {
126
- /** Stretch when mouse down */
127
- width: calc(1.06 * var(--uui-toggle-size));
128
- }
129
-
130
- :host([disabled]) #slider {
131
- background-color: var(--uui-interface-surface-alt-disabled,rgb(204, 204, 204));
132
- }
133
- :host([disabled]) input:checked + #slider {
134
- background-color: var(--uui-interface-select-disabled,rgb(87, 87, 87));
135
- }
136
- :host([disabled]) #slider::after {
137
- background-color: var(--uui-interface-surface-disabled,rgb(228, 228, 228));
138
- }
139
- :host([disabled]) #slider #icon-wrong {
140
- fill: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));
141
- }
142
- :host([disabled]) label:active #slider {
143
- -webkit-animation: ${UUIHorizontalShakeAnimationValue};
144
- animation: ${UUIHorizontalShakeAnimationValue};
145
- }
146
- :host([disabled]) input:checked + #slider #icon-check {
147
- fill: var(--uui-interface-select-contrast-disabled,rgb(228, 228, 228));
148
- }
149
-
150
- :host([error]) #slider {
151
- border: 1px solid var(--uui-look-danger-border, #d42054);
152
- }
153
-
154
- :host([error]) label:hover #slider {
155
- border: 1px solid var(--uui-look-danger-border, #d42054);
156
- }
157
- `
158
- ];
159
- UUIToggleElement.formAssociated = true;
160
-
161
- export { UUIToggleElement };