@limetech/lime-elements 40.11.1 → 40.11.3
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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/{focus-trigger-element-BfnJmxKO.js → focus-trigger-element-Sr7Yjtmk.js} +6 -17
- package/dist/cjs/get-focus-target-DgqZ25gx.js +105 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-breadcrumbs_6.cjs.entry.js +12 -4
- package/dist/cjs/limel-helper-line_3.cjs.entry.js +2 -2
- package/dist/cjs/limel-hotkey_4.cjs.entry.js +2 -71
- package/dist/cjs/limel-popover_2.cjs.entry.js +2 -1
- package/dist/cjs/limel-select.cjs.entry.js +8 -3
- package/dist/cjs/limel-slider.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/input-field/input-field.js +10 -3
- package/dist/collection/components/notched-outline/notched-outline.js +21 -2
- package/dist/collection/components/select/select.template.js +8 -3
- package/dist/collection/components/slider/slider.js +4 -4
- package/dist/collection/util/focus-trigger-element.js +6 -17
- package/dist/collection/util/get-focus-target.js +47 -16
- package/dist/esm/{focus-trigger-element-BOFcjLq3.js → focus-trigger-element-CIEHI_yk.js} +6 -17
- package/dist/esm/get-focus-target-BhoYaGlg.js +102 -0
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-breadcrumbs_6.entry.js +12 -4
- package/dist/esm/limel-helper-line_3.entry.js +2 -2
- package/dist/esm/limel-hotkey_4.entry.js +1 -70
- package/dist/esm/limel-popover_2.entry.js +2 -1
- package/dist/esm/limel-select.entry.js +8 -3
- package/dist/esm/limel-slider.entry.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-09390c6a.entry.js +1 -0
- package/dist/lime-elements/p-25d0d06b.entry.js +159 -0
- package/dist/lime-elements/p-732e7807.entry.js +23 -0
- package/dist/lime-elements/p-89d75e9c.entry.js +1 -0
- package/dist/lime-elements/{p-29b2a176.entry.js → p-9ed21407.entry.js} +1 -1
- package/dist/lime-elements/p-9ff6a455.entry.js +1 -0
- package/dist/lime-elements/p-B8Rm8W5O.js +1 -0
- package/dist/lime-elements/p-BhoYaGlg.js +1 -0
- package/dist/types/components/input-field/input-field.d.ts +2 -1
- package/dist/types/components/notched-outline/notched-outline.d.ts +7 -0
- package/dist/types/components/slider/slider.d.ts +1 -1
- package/dist/types/components.d.ts +9 -0
- package/dist/types/util/focus-trigger-element.d.ts +4 -4
- package/dist/types/util/get-focus-target.d.ts +18 -6
- package/package.json +1 -1
- package/dist/lime-elements/p-065f1635.entry.js +0 -1
- package/dist/lime-elements/p-1a5478e3.entry.js +0 -1
- package/dist/lime-elements/p-7cdbbffe.entry.js +0 -23
- package/dist/lime-elements/p-9461c6bb.entry.js +0 -1
- package/dist/lime-elements/p-D0F7gOYG.js +0 -1
- package/dist/lime-elements/p-b9da0108.entry.js +0 -159
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import{h as e,r as t,c as l,a as c}from"./p-BU9IJqli.js";import{b as i}from"./p-B-tmXAXV.js";import{S as d,a as o}from"./p-Bu6-QXrA.js";import{i as n}from"./p-B8hi7R6R.js";import{c as r}from"./p-BrjD-ITe.js";import{r as s}from"./p-eF09GxA_.js";import{b as a,g as m}from"./p-CgNJbSP4.js";import{M as p}from"./p-CmtleG1y.js";import{_ as h,a as u,M as _,c as g}from"./p-6YuZiAPi.js";import"./p-B8VKuhvH.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2018 Google Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in
|
|
14
|
+
* all copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
|
+
* THE SOFTWARE.
|
|
23
|
+
*/var f={ARIA_HIDDEN:"aria-hidden",ROLE:"role"},b={HELPER_TEXT_VALIDATION_MSG:"mdc-select-helper-text--validation-msg",HELPER_TEXT_VALIDATION_MSG_PERSISTENT:"mdc-select-helper-text--validation-msg-persistent"},x=function(e){function t(l){return e.call(this,u(u({},t.defaultAdapter),l))||this}return h(t,e),Object.defineProperty(t,"cssClasses",{get:function(){return b},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return f},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},getAttr:function(){return null},removeAttr:function(){},setContent:function(){}}},enumerable:!1,configurable:!0}),t.prototype.getId=function(){return this.adapter.getAttr("id")},t.prototype.isVisible=function(){return"true"!==this.adapter.getAttr(f.ARIA_HIDDEN)},t.prototype.setContent=function(e){this.adapter.setContent(e)},t.prototype.setValidation=function(e){e?this.adapter.addClass(b.HELPER_TEXT_VALIDATION_MSG):this.adapter.removeClass(b.HELPER_TEXT_VALIDATION_MSG)},t.prototype.setValidationMsgPersistent=function(e){e?this.adapter.addClass(b.HELPER_TEXT_VALIDATION_MSG_PERSISTENT):this.adapter.removeClass(b.HELPER_TEXT_VALIDATION_MSG_PERSISTENT)},t.prototype.setValidity=function(e){if(this.adapter.hasClass(b.HELPER_TEXT_VALIDATION_MSG)){var t=this.adapter.hasClass(b.HELPER_TEXT_VALIDATION_MSG_PERSISTENT);if(!e||t)return this.showToScreenReader(),void(e?this.adapter.removeAttr(f.ROLE):this.adapter.setAttr(f.ROLE,"alert"));this.adapter.removeAttr(f.ROLE),this.hide()}},t.prototype.showToScreenReader=function(){this.adapter.removeAttr(f.ARIA_HIDDEN)},t.prototype.hide=function(){this.adapter.setAttr(f.ARIA_HIDDEN,"true")},t}(_),v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return h(t,e),t.attachTo=function(e){return new t(e)},Object.defineProperty(t.prototype,"foundationForSelect",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),t.prototype.getDefaultFoundation=function(){var e=this;return new x({addClass:function(t){return e.root.classList.add(t)},removeClass:function(t){return e.root.classList.remove(t)},hasClass:function(t){return e.root.classList.contains(t)},getAttr:function(t){return e.root.getAttribute(t)},setAttr:function(t,l){return e.root.setAttribute(t,l)},removeAttr:function(t){return e.root.removeAttribute(t)},setContent:function(t){e.root.textContent=t}})},t}(g);const w=-1;function y(e,t){var l;if(!e||e.disabled)return!1;const c=null===(l=e.text)||void 0===l?void 0:l.trim().toLowerCase();return!!c&&c.startsWith(t)}class k{constructor(e=1e3){this.buffer="",this.timeout=e}get value(){return this.buffer}get isEmpty(){return""===this.buffer}append(e){return this.buffer+=e,clearTimeout(this.resetTimeoutId),this.resetTimeoutId=setTimeout((()=>{this.clear()}),this.timeout),this.buffer}clear(){this.buffer="",clearTimeout(this.resetTimeoutId),this.resetTimeoutId=void 0}}const z="s-trigger",T="s-label",C="s-selected-text",Y=t=>{const l=t.value;let c=!!t.value,i=!0;n(l)?c=l.length>0:c&&(c=!!l.value,i=""===l.text);let d=!t.invalid;return t.checkValid&&t.required&&!c&&(d=!1),[e("div",{class:{"limel-select__field":!0,"limel-select__field--open":t.isOpen}},e("limel-notched-outline",{class:{"limel-select":!0,"mdc-select":!0,"mdc-select--disabled":t.disabled,"limel-select--readonly":t.readonly,"limel-select--invalid":!d,"limel-select--with-helper-text":"string"==typeof t.helperText},labelId:z,labelElementId:T,label:t.label,required:t.required,invalid:!d,disabled:t.disabled,readonly:t.readonly,hasValue:c,hasFloatingLabel:X(t)},e(O,Object.assign({},t,{hasValue:c,isValid:d,hasEmptyText:i}))),e(I,{text:t.helperText,isValid:d})),e(j,Object.assign({},t))]},X=e=>{if(e.isOpen)return!0;const t=e.value;return!!t&&(n(t)?t.length>0:""!==t.text)},O=t=>{return e("button",{id:z,slot:"content",class:{"mdc-select__anchor":!0,"limel-select-trigger":!0,"limel-select--focused":t.isOpen},onClick:t.open,onKeyDown:t.onTriggerKeyDown,"aria-haspopup":"listbox","aria-expanded":t.isOpen,"aria-controls":t.id,"aria-labelledby":t.label?`${T} ${C}`:C,"aria-required":t.required,disabled:t.disabled||t.readonly},e("span",{class:"mdc-select__selected-text-container limel-select__selected-option"},function(t){if(n(t))return;if(!(null==t?void 0:t.icon))return;const l=m(t.icon),c=a(t.icon,t.iconColor),i={};return c&&(i.color=c),e("limel-icon",{class:"limel-select__selected-option__icon",name:l,size:"medium",style:i})}(t.value),function(e){if(!n(e))return F(e)}(t.value),e("span",{id:C,class:"mdc-select__selected-text limel-select__selected-option__text"},!(l=t.value)||n(l)&&0===l.length?"":n(l)?l.map(((t,c)=>e("span",{class:"multiple-selected-options",key:t.value},function(t){const l=m(t.icon),c=F(t);if(!l)return[c,t.text];const i=a(t.icon,t.iconColor),d={};return i&&(d.color=i),[e("limel-icon",{class:"limel-select__selected-option__icon",name:l,size:"small",style:d}),c,t.text]}(t),c<l.length-1&&", "))):l.text)),e(A,Object.assign({},t,{isValid:t.isValid})),e("span",{class:"mdc-select__dropdown-icon"},e("svg",{class:"mdc-select__dropdown-icon-graphic",viewBox:"7 10 10 5",focusable:"false"},e("polygon",{stroke:"none","fill-rule":"evenodd",points:"7 10 12 15 17 10"}))));var l},A=t=>{if(!t.isValid)return e("limel-icon",{name:"high_importance",size:"medium",class:"invalid-icon"})},I=t=>{if("string"==typeof t.text)return e("limel-helper-line",{helperText:t.text.trim(),invalid:!t.isValid})},j=t=>e(t.native?q:R,Object.assign({},t)),R=t=>{const l=S(t.options,t.value,t.required);return e("limel-portal",{containerId:t.id,visible:t.isOpen,inheritParentWidth:!0,containerStyle:{"z-index":t.dropdownZIndex},anchor:t.anchor},e("limel-menu-surface",{open:t.isOpen,onDismiss:t.close,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex","min-width":"100%",width:"fit-content"}},e("limel-list",{ref:t.listRef,items:l,type:t.multiple?"checkbox":"selectable",onChange:t.onMenuChange})))},q=t=>{const l=t.options.filter((e=>!("separator"in e))).map(E(t.value));return e("select",{required:t.required,"aria-labelledby":t.label?T:void 0,"aria-disabled":t.disabled,"aria-required":t.required,onChange:t.onNativeChange,onFocus:t.open,onBlur:t.close,class:"limel-select__native-control",disabled:t.disabled,multiple:t.multiple},l)},E=t=>l=>{const{value:c,disabled:i,text:d}=l;return e("option",{key:c,value:c,selected:M(l,t),disabled:i},d)};function M(e,t){return!!t&&(n(t)?t.some((t=>e.value===t.value)):e.value===t.value)}function S(e,t,l=!1){const c=function(e){return t=>!e||!!t.text||"separator"in t||void 0}(l);return e.filter(c).map((e=>{if("separator"in e)return{text:e.text,separator:!0};const l=M(e,t),{text:c,secondaryText:i,disabled:d,primaryComponent:o}=e,n=m(e.icon),r=a(e.icon,e.iconColor);return n?{text:c,secondaryText:i,selected:l,disabled:d,value:e,icon:{name:n,color:r},primaryComponent:o}:{text:c,secondaryText:i,selected:l,disabled:d,value:e,primaryComponent:o}}))}function F(e){return s(null==e?void 0:e.primaryComponent,"limel-select__selected-option__primary-component")}const N=class{resetHasChanged(){this.hasChanged=!1}updateHasRichOptions(){this.hasRichOptions=this.computeHasRichOptions()}resetTypeaheadOnItemsChange(){this.resetTypeahead()}constructor(e){t(this,e),this.change=l(this,"change",7),this.disabled=!1,this.readonly=!1,this.required=!1,this.options=[],this.multiple=!1,this.menuOpen=!1,this.hasChanged=!1,this.hasRichOptions=!1,this.checkValid=!1,this.typeaheadBuffer=new k,this.handleMenuTriggerKeyDown=e=>{this.handleTypeaheadKey(e,w)||this.menuOpen||e.key!==d&&e.key!==o||(e.stopPropagation(),e.preventDefault(),this.openMenu())},this.setListElement=e=>{var t,l;this.list!==e&&(null===(t=this.list)||void 0===t||t.removeEventListener("keydown",this.handleListKeyDownCapture,!0),this.list=e,null===(l=this.list)||void 0===l||l.addEventListener("keydown",this.handleListKeyDownCapture,!0))},this.handleListKeyDownCapture=e=>{this.handleTypeaheadKey(e,this.getFocusedMenuItemIndex())},this.handleMenuChange=this.handleMenuChange.bind(this),this.handleNativeChange=this.handleNativeChange.bind(this),this.openMenu=this.openMenu.bind(this),this.closeMenu=this.closeMenu.bind(this),this.portalId=r()}connectedCallback(){this.initialize()}componentWillLoad(){this.isMobileDevice=i(),Object.hasOwn(this.host.dataset,"native")&&(this.isMobileDevice=!0),this.hasRichOptions=this.computeHasRichOptions()}componentDidLoad(){this.initialize(),function(e){for(const t of e)t.iconColor&&console.warn("The `iconColor` prop is deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name'` write `icon {name: 'icon-name', color: 'color-name'}`.")}(this.getOptionsExcludingSeparators()),this.updatePortalAnchor()}initialize(){let e;e=this.host.shadowRoot.querySelector(".mdc-floating-label"),e&&(this.mdcFloatingLabel=new p(e),e=this.host.shadowRoot.querySelector(".mdc-select-helper-text"),e&&(this.mdcSelectHelperText=new v(e)))}disconnectedCallback(){this.cancelPendingFocus(),this.resetTypeahead(),this.mdcFloatingLabel&&this.mdcFloatingLabel.destroy(),this.mdcSelectHelperText&&this.mdcSelectHelperText.destroy()}componentDidUpdate(){this.menuOpen&&this.setMenuFocus()}render(){const t=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return e(Y,{key:"dd610ca15d4efd4ebc6bc52dae88625dcbca241f",id:this.portalId,disabled:this.disabled||this.readonly,readonly:this.readonly,required:this.required,invalid:this.invalid,label:this.label,helperText:this.helperText,value:this.value,options:this.options,onMenuChange:this.handleMenuChange,onNativeChange:this.handleNativeChange,onTriggerKeyDown:this.handleMenuTriggerKeyDown,listRef:this.setListElement,multiple:this.multiple,isOpen:this.menuOpen,open:this.openMenu,close:this.closeMenu,checkValid:this.checkValid,native:this.shouldRenderNative(),dropdownZIndex:t,anchor:this.getAnchorElement()})}watchOpen(e,t){this.checkValid||!e&&t&&(this.checkValid=!0)}setMenuFocus(){this.shouldRenderNative()||(this.cancelPendingFocus(),this.focusTimeoutId=setTimeout((()=>{if(this.focusTimeoutId=void 0,!this.menuOpen)return;const e=document.querySelector(`#${this.portalId} limel-menu-surface limel-list`);e&&(this.focusObserver=new IntersectionObserver((t=>{const l=t[0];if(!(null==l?void 0:l.isIntersecting))return;if(this.focusObserver.disconnect(),this.focusObserver=void 0,!this.menuOpen)return;const c=this.pendingTypeaheadIndex;this.pendingTypeaheadIndex=void 0,void 0!==c&&this.focusMenuItemAtIndex(e,c)||this.getFocusedMenuItemIndex()===w&&this.focusFirstMenuItem(e)})),this.focusObserver.observe(e))}),0))}cancelPendingFocus(){void 0!==this.focusTimeoutId&&(clearTimeout(this.focusTimeoutId),this.focusTimeoutId=void 0),this.focusObserver&&(this.focusObserver.disconnect(),this.focusObserver=void 0)}focusFirstMenuItem(e){var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector("[tabindex]");l&&l.focus({preventScroll:!0})}focusMenuItemAtIndex(e,t){var l;const c=null===(l=null==e?void 0:e.shadowRoot)||void 0===l?void 0:l.querySelector(`[data-index="${t}"]`);return!!c&&(c.focus({preventScroll:!0}),c.scrollIntoView({block:"nearest"}),e.shadowRoot.activeElement===c)}setTriggerFocus(){this.host.shadowRoot.querySelector(".limel-select-trigger").focus()}getAnchorElement(){var e;return null!==(e=this.host.shadowRoot.querySelector(".limel-select__field"))&&void 0!==e?e:this.host}updatePortalAnchor(){const e=this.host.shadowRoot.querySelector("limel-portal");e&&(e.anchor=this.getAnchorElement())}handleMenuChange(e){var t,l;if(e.stopPropagation(),n(e.detail)){const c=null===(l=null===(t=document.querySelector(`#${this.portalId} limel-menu-surface`))||void 0===t?void 0:t.shadowRoot)||void 0===l?void 0:l.querySelector(".mdc-menu-surface"),i=(null==c?void 0:c.scrollTop)||0,d=e.detail.map((e=>e.value));return this.change.emit(d),void requestAnimationFrame((()=>{setTimeout((()=>{c.scrollTop=i}),0)}))}if(!e.detail.selected)return;const c=e.detail.value;c.disabled||(this.change.emit(c),this.menuOpen=!1,this.cancelPendingFocus(),this.resetTypeahead(),this.setTriggerFocus())}openMenu(){const e=this.getFirstNativeAutoSelectOption();e&&(this.hasChanged=!0,this.change.emit(e)),this.menuOpen=!0}getFirstNativeAutoSelectOption(){if(this.hasChanged||!this.shouldRenderNative())return;const e=this.getOptionsExcludingSeparators(),t=this.value;return t&&!Array.isArray(t)&&e.some((e=>e.value===t.value))||e.length>0&&!e[0].value?void 0:e.find((e=>!e.disabled&&e.value))}closeMenu(){this.menuOpen=!1,this.cancelPendingFocus(),this.resetTypeahead(),this.setTriggerFocus()}handleTypeaheadKey(e,t){if(this.shouldRenderNative()||!function(e){return!(1!==e.key.length||e.altKey||e.ctrlKey||e.metaKey||e.isComposing)}(e))return!1;if(e.key===d&&this.typeaheadBuffer.isEmpty)return!1;e.preventDefault(),e.stopPropagation();const l=S(this.options,this.value,this.required),c=function(e,t,l){const c=e.length,i=t.toLowerCase();if(!i||0===c)return w;const d=[...i],o=function(e){return e.every((t=>t===e[0]))}(d),n=o?d[0]:i,r=l>=0&&l<c?(l+(o?1:0))%c:0;for(let t=0;t<c;t+=1){const l=(r+t)%c;if(y(e[l],n))return l}return w}(l.map((e=>"separator"in e?null:e)),this.typeaheadBuffer.append(e.key),this.resolveTypeaheadIndex(l,t));return c!==w&&this.focusTypeaheadMatch(c),!0}resolveTypeaheadIndex(e,t){return t!==w?t:void 0!==this.pendingTypeaheadIndex?this.pendingTypeaheadIndex:e.findIndex((e=>!("separator"in e)&&e.selected))}focusTypeaheadMatch(e){this.pendingTypeaheadIndex=e,this.menuOpen&&this.focusMenuItemAtIndex(this.list,e)?this.pendingTypeaheadIndex=void 0:this.menuOpen?this.setMenuFocus():this.openMenu()}getFocusedMenuItemIndex(){var e,t,l;const c=null===(t=null===(e=this.list)||void 0===e?void 0:e.shadowRoot)||void 0===t?void 0:t.activeElement,i=null==c?void 0:c.closest("[data-index]"),d=Number.parseInt(null!==(l=null==i?void 0:i.dataset.index)&&void 0!==l?l:"",10);return Number.isNaN(d)?w:d}resetTypeahead(){this.typeaheadBuffer.clear(),this.pendingTypeaheadIndex=void 0}handleNativeChange(e){e.stopPropagation();const t=this.host.shadowRoot.querySelector("select.limel-select__native-control"),l=Array.apply(null,t.options).filter((e=>!!e.selected)).map((e=>this.getOptionsExcludingSeparators().find((t=>t.value===e.value))));this.multiple?this.change.emit(l):(this.change.emit(l[0]),this.menuOpen=!1)}getOptionsExcludingSeparators(){return this.options.filter((e=>!("separator"in e)))}shouldRenderNative(){return this.isMobileDevice&&!this.multiple&&!this.hasRichOptions}computeHasRichOptions(){return this.getOptionsExcludingSeparators().some((e=>{var t;return!!(null===(t=e.primaryComponent)||void 0===t?void 0:t.name)||!!e.secondaryText||!!m(e.icon)}))}get host(){return c(this)}static get watchers(){return{value:[{resetHasChanged:0}],options:[{resetHasChanged:0},{updateHasRichOptions:0},{resetTypeaheadOnItemsChange:0}],required:[{resetTypeaheadOnItemsChange:0}],menuOpen:[{watchOpen:0}]}}};N.style='@charset "UTF-8";.limel-select.mdc-select.limel-select--readonly .limel-select-trigger{cursor:default;opacity:1}.limel-select.mdc-select.limel-select--readonly .mdc-floating-label{color:rgba(var(--contrast-1200), 1)}.limel-select.mdc-select.limel-select--readonly .limel-select__selected-option__text{color:rgba(var(--contrast-1400), 1)}.limel-select.mdc-select.limel-select--readonly .mdc-select__dropdown-icon{display:none}:host(limel-select:focus),:host(limel-select:focus-visible),:host(limel-select:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-select){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-select:focus) limel-helper-line,:host(limel-select:focus-visible) limel-helper-line,:host(limel-select:focus-within) limel-helper-line,:host(limel-select:hover) limel-helper-line{will-change:grid-template-rows}div.limel-select__field--open limel-helper-line{--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label{transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@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-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px;z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__leading{width:12px}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__trailing{flex-grow:1}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--notched .mdc-notched-outline__notch{border-top:none}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{color:rgba(0, 0, 0, 0.87)}.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-select.mdc-select--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.54)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#6200ee;fill:var(--mdc-theme-primary, #6200ee)}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:rgba(0, 0, 0, 0.54)}.mdc-select.mdc-select--disabled .mdc-select__icon{color:rgba(0, 0, 0, 0.38)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:red}.mdc-select.mdc-select--disabled .mdc-floating-label{color:GrayText}.mdc-select.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-select.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing{border-color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__icon{color:GrayText}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:GrayText}}.mdc-select .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-select .mdc-select__anchor{padding-left:16px;padding-right:0}[dir=rtl] .mdc-select .mdc-select__anchor,.mdc-select .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor{padding-left:0;padding-right:0}[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:0;}.mdc-select .mdc-select__icon{width:24px;height:24px;font-size:24px}.mdc-select .mdc-select__dropdown-icon{width:24px;height:24px}.mdc-select .mdc-select__menu .mdc-deprecated-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item,.mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:12px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic,.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:12px;margin-right:0;}.mdc-select{display:inline-flex;position:relative}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{position:absolute;top:0;left:0}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic{width:41.6666666667%;height:20.8333333333%}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:1;transition:opacity 75ms linear 75ms}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:0;transition:opacity 75ms linear}.mdc-select__dropdown-icon{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select__dropdown-icon,.mdc-select__dropdown-icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select__dropdown-icon{display:inline-flex;position:relative;align-self:center;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:0;transition:opacity 49.5ms linear}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:1;transition:opacity 100.5ms linear 49.5ms}.mdc-select__anchor .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-select__anchor{width:200px;min-width:0;flex:1 1 auto;position:relative;box-sizing:border-box;overflow:hidden;outline:none;cursor:pointer}.mdc-select__selected-text-container{display:flex;appearance:none;pointer-events:none;box-sizing:border-box;width:auto;min-width:0;flex-grow:1;height:28px;border:none;outline:none;padding:0;background-color:transparent;color:inherit}.mdc-select__selected-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;text-align:left}[dir=rtl] .mdc-select__selected-text,.mdc-select__selected-text[dir=rtl]{text-align:right;}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--disabled{cursor:default;pointer-events:none}.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item,.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:12px;padding-right:12px;}.mdc-select__menu .mdc-deprecated-list .mdc-select__icon,.mdc-select__menu .mdc-list .mdc-select__icon{margin-left:0;margin-right:0}[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon,[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon,.mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl],.mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl]{margin-left:0;margin-right:0;}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-list-item__start{display:inline-flex;align-items:center}.mdc-select__option{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select__option,.mdc-select__option[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select__one-line-option.mdc-list-item--with-one-line{height:48px}.mdc-select__two-line-option.mdc-list-item--with-two-lines{height:64px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start{margin-top:20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:"";vertical-align:0}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text{margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{margin-top:0;line-height:normal}.mdc-select__option-with-leading-content.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item,.mdc-select__option-with-leading-content.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-select__option-with-leading-content .mdc-list-item__start{margin-left:12px;margin-right:0}[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start,.mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl]{margin-left:0;margin-right:12px;}.mdc-select__option-with-leading-content .mdc-list-item__start{width:36px;height:24px}.mdc-select__option-with-leading-content{padding-left:0;padding-right:12px}[dir=rtl] .mdc-select__option-with-leading-content,.mdc-select__option-with-leading-content[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-select__option-with-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-select__option-with-meta.mdc-list-item,.mdc-select__option-with-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-select__option-with-meta .mdc-list-item__end{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end,.mdc-select__option-with-meta .mdc-list-item__end[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select--filled .mdc-select__anchor{height:56px;display:flex;align-items:baseline}.mdc-select--filled .mdc-select__anchor::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before{content:""}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before{display:none}.mdc-select--filled .mdc-select__anchor{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor{background-color:rgb(244.8, 244.8, 244.8)}.mdc-select--filled.mdc-select--disabled .mdc-select__anchor{background-color:rgb(249.9, 249.9, 249.9)}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-select--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-select--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-select--filled .mdc-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after{transform:scale(1, 2);opacity:1}.mdc-select--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-select--filled .mdc-floating-label,.mdc-select--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{left:48px;right:initial}[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1}@keyframes mdc-floating-label-shake-float-above-select-outlined-56px{0%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined .mdc-select__anchor{height:56px}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-select--outlined .mdc-select__anchor{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{}@supports (top: max(0%)){.mdc-select--outlined+.mdc-select-helper-text{margin-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor{background-color:transparent}.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor{background-color:transparent}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-select--outlined{border:none}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before{content:""}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--outlined .mdc-select__anchor::before{display:none}.mdc-select--outlined .mdc-select__anchor{display:flex;align-items:baseline;overflow:visible}.mdc-select--outlined .mdc-select__selected-text-container{display:flex;border:none;z-index:1;background-color:transparent}.mdc-select--outlined .mdc-select__icon{z-index:2}.mdc-select--outlined .mdc-floating-label{line-height:1.15rem;left:4px;right:initial}[dir=rtl] .mdc-select--outlined .mdc-floating-label,.mdc-select--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl]{}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl]{}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 96px)}.mdc-select--outlined .mdc-menu-surface{margin-bottom:8px}.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,.mdc-select--outlined .mdc-menu-surface--is-open-below{margin-bottom:0}.mdc-select__anchor{--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-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-select__anchor .mdc-select__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-select__anchor .mdc-select__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__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-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-select__anchor:hover .mdc-select__ripple::before,.mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before,.mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__anchor .mdc-select__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select-helper-text{margin:0;margin-left:16px;margin-right:16px}[dir=rtl] .mdc-select-helper-text,.mdc-select-helper-text[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-select-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block}.mdc-select-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-select-helper-text{margin-top:0;line-height:normal}.mdc-select-helper-text--validation-msg{opacity:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-select--invalid+.mdc-select-helper-text--validation-msg,.mdc-select-helper-text--validation-msg-persistent{opacity:1}.mdc-select--with-leading-icon .mdc-select__icon{display:inline-block;box-sizing:border-box;border:none;text-decoration:none;cursor:pointer;user-select:none;flex-shrink:0;align-self:center;background-color:transparent;fill:currentColor}.mdc-select--with-leading-icon .mdc-select__icon{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon,.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex="-1"]{cursor:default;pointer-events:none}:host(limel-select){--limel-notched-outline-border-radius:0.375rem;display:block;position:relative}:host([hidden]){display:none}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}.mdc-select__anchor,.mdc-select__selected-text{font-family:inherit;font-size:var(--limel-theme-default-font-size)}.mdc-select__selected-text{height:100%}.mdc-select__dropdown-icon-graphic{transition:transform 0.2s ease}.limel-select__selected-option{display:flex;align-items:center;box-sizing:border-box;outline:none;align-self:center;min-width:0;padding:0 0.25rem 0 1rem}.limel-select__selected-option__icon{margin-right:0.25rem;margin-left:-0.5rem;flex-shrink:0}.limel-select__selected-option__primary-component{display:inline-flex;align-items:center;margin-right:0.25rem;flex-shrink:0}.multiple-selected-options{display:inline-flex;align-items:center;padding-right:0.25rem}.multiple-selected-options limel-icon{margin-left:0}.mdc-select:not(.mdc-select--disabled) .limel-select__selected-option__text{color:rgba(var(--contrast-1400), 1)}.mdc-select.mdc-select--disabled .limel-select__selected-option__text{color:rgba(var(--contrast-1400), 0.5)}.limel-select__selected-option__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.limel-select{flex-wrap:wrap;width:100%}.limel-select .mdc-select__anchor{height:2.25rem;padding-left:0rem}.limel-select .limel-select-trigger{border:none;height:2.5rem;display:inline-flex;align-items:center;border-radius:0.375rem}.limel-select .limel-select-trigger,.limel-select .limel-select__selected-option{width:100%}.limel-select .mdc-select__dropdown-icon{margin-right:0.25rem;margin-left:0.25rem}.limel-select.mdc-select--disabled:not(.limel-select--readonly) .limel-select-trigger{cursor:not-allowed;opacity:0.4;box-shadow:var(--button-shadow-normal)}.limel-select.mdc-select--disabled:not(.limel-select--readonly) .mdc-select__dropdown-icon svg{fill:rgb(var(--contrast-800))}.limel-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon svg{fill:rgb(var(--contrast-1000))}.limel-select:not(.mdc-select--disabled) .limel-select-trigger{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:hover,.limel-select:not(.mdc-select--disabled) .limel-select-trigger:focus,.limel-select:not(.mdc-select--disabled) .limel-select-trigger:focus-visible{will-change:color, background-color, box-shadow, transform}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:hover,.limel-select:not(.mdc-select--disabled) .limel-select-trigger:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:hover,.limel-select:not(.mdc-select--disabled) .limel-select-trigger:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:focus{outline:none}.limel-select:not(.mdc-select--disabled) .limel-select-trigger:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused{background-color:rgba(var(--contrast-100), 0.8)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-select__dropdown-icon svg{fill:var(--lime-primary-color, var(--limel-theme-primary-color))}.limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-select__dropdown-icon-graphic{transform:rotate(-180deg)}.limel-select:not(.mdc-select--disabled) .limel-select-trigger[aria-expanded]:not([aria-expanded=false]),.limel-select:not(.mdc-select--disabled) .limel-select-trigger[aria-expanded=true]{box-shadow:var(--button-shadow-inset-pressed)}.limel-select.limel-select--invalid .limel-select__selected-option__text,.limel-select.limel-select--invalid .invalid-icon{color:var(--limel-theme-error-text-color)}.invalid-icon{flex-shrink:0}select.limel-select__native-control{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border:0}';export{N as limel_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as r,H as o}from"./p-BU9IJqli.js";import{c as i}from"./p-BrjD-ITe.js";import{t as s}from"./p-w3yKYfBQ.js";import"./p-ChagAaNf.js";const a=class{constructor(o){t(this,o),this.change=e(this,"change",7),this.disabled=!1,this.readonly=!1,this.factor=1,this.required=!1,this.invalid=!1,this.displaysPercentageColors=!1,this.unit="",this.language="en",this.valuemax=100,this.valuemin=0,this.valueIsCommitted=!1,this.syncStateFromValue=()=>{const t=this.value;(t=>Number.isFinite(t))(t)?(this.isUnset=!1,this.valueIsCommitted=!0,this.displayValue=this.multiplyByFactor(t),this.setPercentageClass(t)):this.enterUnsetState()},this.enterUnsetState=()=>{this.isUnset=!0,this.valueIsCommitted=!1,this.displayValue=this.getRestingDisplayValue(),this.percentageClass=void 0},this.renderStepDots=(t,e)=>{if(!this.step)return;const o=this.multiplyByFactor(this.step),i=Math.floor((e-t)/o)+1;return i>20?void 0:Array.from({length:i},(()=>r("span",{class:"step-dot"})))},this.renderHelperLine=()=>{if(this.helperText)return r("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.hasClearButton=()=>!this.readonly&&!this.required,this.renderClearButton=()=>{if(!this.hasClearButton())return;const t=this.label?s.get("clear-value-of",this.language,{label:this.label}):s.get("clear-value",this.language);return r("button",{type:"button",id:this.clearButtonId,class:"clear-button","aria-label":t,onClick:this.handleClear,disabled:this.isUnset||this.disabled},r("svg",{viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},r("path",{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"})),r("limel-tooltip",{elementId:this.clearButtonId,label:t}))},this.handleInput=t=>{t.stopPropagation();const e=Number(t.target.value);this.isUnset=!1,this.displayValue=e,this.setPercentageClass(e/this.factor)},this.handleChange=t=>{t.stopPropagation(),this.commitValue(Number(t.target.value))},this.handleClick=t=>{this.valueIsCommitted||this.commitValue(Number(t.target.value))},this.commitValue=t=>{const e=this.multiplyByFactor(this.step),r=this.multiplyByFactor(this.valuemin);let o=t;this.isMultipleOfStep(o-r,e)||(o=r+this.roundToStep(o-r,e)),this.valueIsCommitted=!0,this.isUnset=!1,this.displayValue=o,this.setPercentageClass(o/this.factor),this.change.emit(o/this.factor)},this.handleClear=t=>{var e;t.stopPropagation(),this.enterUnsetState(),this.change.emit(null),null===(e=this.inputElement)||void 0===e||e.focus()},this.getContainerClassList=()=>Object.assign({"is-unset":this.isUnset,"has-clear-button":this.hasClearButton()},this.getPercentageClassList()),this.getPercentageClassList=()=>this.percentageClass?{[this.percentageClass]:!0}:{},this.multiplyByFactor=t=>Math.round(t*this.factor),this.getRestingDisplayValue=()=>{const t=this.multiplyByFactor(this.valuemin),e=(t+this.multiplyByFactor(this.valuemax))/2,r=this.step?this.multiplyByFactor(this.step):1;return t+Math.round((e-t)/r)*r},this.getFraction=()=>{const t=this.multiplyByFactor(this.valuemin),e=this.multiplyByFactor(this.valuemax);return e===t?0:Math.max(0,Math.min(1,(this.displayValue-t)/(e-t)))},this.setPercentageClass=t=>{this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))},this.isMultipleOfStep=(t,e)=>!e||t%e==0,this.roundToStep=(t,e)=>Math.round(t/e)*e,this.inputId=i(),this.helperTextId=i(),this.clearButtonId=i()}componentWillLoad(){this.syncStateFromValue()}render(){const t=this.multiplyByFactor(this.valuemin),e=this.multiplyByFactor(this.valuemax),i=this.getFraction(),a={};return this.step&&(a.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(a.disabled=!0),r(o,{key:"6d910879894ffc7ff36df228e4252e4758622ab9",class:this.getContainerClassList()},r("limel-notched-outline",{key:"56e3b4dbc963b6923c63a33acb21895f4e86c947",labelId:this.inputId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!this.isUnset,hasFloatingLabel:!0},r("div",{key:"f74ef31e0b7d67dcc8a231a05f9b00b84de50b33",slot:"content"},r("div",{key:"4a4018ac095977f89cba99a0222603469d11ce30",class:"slider",style:{"--slider-fraction":`${i}`}},r("input",Object.assign({key:"588a4049b70749cf54a9faf08d6f0514cbfd2d6c",id:this.inputId,type:"range",min:t,max:e,value:this.displayValue,"aria-describedby":this.helperText?this.helperTextId:void 0,"aria-valuetext":this.isUnset?s.get("value-not-set",this.language):void 0,ref:t=>{this.inputElement=t},onInput:this.handleInput,onChange:this.handleChange,onClick:this.handleClick},a)),r("div",{key:"48f58e7fe170d8fe9d01fcd938b53088ff9b796d",class:"track"},r("div",{key:"4f488b62a840c0346de6157d7d1ce7bdba26b357",class:"active"}),this.renderStepDots(t,e)),r("div",{key:"4234e2d0711fa650b1d0b7c05eb9d52d327818fc",class:"thumb"},r("div",{key:"28c9d98e694cdaa0927ef05b396199b24d6b6e16",class:"knob"}),r("div",{key:"cde9b95313351dd37794e32f2a107426a5bca7dc",class:"indicator","aria-hidden":"true"},this.isUnset?"↔︎":this.displayValue))),r("div",{key:"0fa3c9c45697c787376880734f8be0127927eb30",class:"range-labels"},r("span",{key:"9dc7d1b38bcf62369e827519b919c9cd69676b4d",class:"min"},this.multiplyByFactor(this.valuemin),this.unit),r("span",{key:"6cf1350f909d119da15e46599dbada96f2e9f7dc",class:"max"},this.multiplyByFactor(this.valuemax),this.unit)))),this.renderClearButton(),this.renderHelperLine())}watchValue(){this.syncStateFromValue()}static get watchers(){return{value:[{watchValue:0}]}}};a.style='@charset "UTF-8";:host([displays-percentage-colors].percent-0){--lime-primary-color:var(--color-percent--0)}:host([displays-percentage-colors].percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host([displays-percentage-colors].percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host([displays-percentage-colors].percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host([displays-percentage-colors].percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host([displays-percentage-colors].percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host([displays-percentage-colors].percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host([displays-percentage-colors].percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host([displays-percentage-colors].percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host([displays-percentage-colors].percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host([displays-percentage-colors].percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host([displays-percentage-colors].percent-30-40) .indicator,:host([displays-percentage-colors].percent-40-50) .indicator,:host([displays-percentage-colors].percent-70-80) .indicator{color:rgb(var(--color-gray-darker))}:host([displays-percentage-colors].percent-50-60) .indicator,:host([displays-percentage-colors].percent-60-70) .indicator{color:rgb(var(--color-gray-dark))}:host([readonly]:not([readonly=false])) input[type=range]{cursor:default}:host([readonly]:not([readonly=false])) .track,:host([readonly]:not([readonly=false])) .active,:host([readonly]:not([readonly=false])) .indicator{height:0.75rem}:host([readonly]:not([readonly=false])) .indicator{box-shadow:none}:host([readonly]:not([readonly=false])) .knob{opacity:0}:host([readonly]:not([readonly=false])) .active{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.thumb{position:absolute;left:calc(var(--slider-fraction) * 100%);top:0;bottom:0;width:0;z-index:1}.knob{transition:border-color 0.5s ease;position:absolute;top:50%;left:0;transform:translate3d(-50%, -50%, 0);width:1.25rem;height:1.25rem;border-radius:50%;border:0.5rem solid;border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:rgb(var(--contrast-100))}.knob:before,.knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;width:0;height:0;border:0.375rem solid transparent}:host([disabled]:not([disabled=false])) .knob:before,:host([disabled]:not([disabled=false])) .knob:after{content:none}.knob:before{opacity:calc(var(--slider-fraction) * 100);left:-1rem;transform:rotate(90deg)}.knob:after{opacity:calc((1 - var(--slider-fraction)) * 100);right:-1rem;transform:rotate(-90deg)}.slider:hover .knob,.slider:has(input[type=range]:active) .knob,.slider:has(input[type=range]:focus) .knob{box-shadow:var(--button-shadow-normal)}.slider:hover .knob:before,.slider:has(input[type=range]:active) .knob:before,.slider:has(input[type=range]:focus) .knob:before{left:-1.5rem;border-top-color:rgb(var(--contrast-1400), 0.5)}.slider:hover .knob:after,.slider:has(input[type=range]:active) .knob:after,.slider:has(input[type=range]:focus) .knob:after{right:-1.5rem;border-top-color:rgb(var(--contrast-1400), 0.5)}.indicator{user-select:none;position:absolute;left:0;top:50%;z-index:1;transform:translate3d(-50%, -50%, 0);transform-origin:bottom center;transition:transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.5s ease;border-radius:1.25rem;padding:0 0.375rem;height:1.25rem;min-width:1.25rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:rgb(var(--color-white));font-size:0.6875rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));box-shadow:var(--button-shadow-normal)}:host(:not([disabled]):not([readonly])) input[type=range]:active~.thumb .indicator,:host(:not([disabled]):not([readonly])) input[type=range]:focus~.thumb .indicator{transform:translate3d(-50%, calc(-100% - 0.75rem), 0) scale(1.25);box-shadow:var(--shadow-depth-16)}*,*:before,*:after{box-sizing:border-box;min-width:0;min-height:0}:host(limel-slider){box-sizing:border-box;isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.slider{position:relative;height:2.5rem;margin:0 0.75rem}input[type=range]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;margin:0;appearance:none}:host([disabled]:not([disabled=false])) input[type=range]{cursor:not-allowed}:host([disabled]:not([disabled=false])) .track .active{opacity:0.5}:host([disabled]:not([disabled=false])) .indicator{border-radius:0.125rem;box-shadow:var(--button-shadow-pressed)}.track{transition:background-color 0.5s ease;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:0.5rem;border-radius:1rem;background-color:rgba(var(--contrast-700), 0.6)}.track:before,.track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.track:before{left:-0.75rem}.track:after{right:-0.75rem}.track .active{transition:background-color 0.5s ease;position:absolute;height:100%;width:calc(var(--slider-fraction) * 100%);border-radius:inherit;background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.step-dot{transform:translateX(-50%);border-radius:50%;height:0.25rem;width:0.25rem;background-color:rgb(var(--contrast-100), 0.6)}.step-dot:first-of-type,.step-dot:last-of-type{opacity:0}.range-labels{display:flex;justify-content:space-between;margin-top:-0.75rem;width:100%}.range-labels .min,.range-labels .max{line-height:1;font-size:0.75rem;color:var(--limel-notched-outline-label-color, rgb(var(--contrast-1200)))}:host(.has-clear-button) div[slot=content]{padding-right:calc(1rem + 0.25rem)}:host(.is-unset) .track .active{width:0}:host(.is-unset) .thumb{left:50%}button.clear-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button.clear-button:focus{outline:none}button.clear-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.clear-button:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--contrast-1100));background-color:rgba(var(--contrast-700), 0.6)}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):focus,button.clear-button:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}button.clear-button:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.clear-button:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.clear-button:not([disabled]):focus-visible{background-color:rgb(var(--contrast-1000))}button.clear-button{position:absolute;inset:0.75rem 0 0 auto;display:flex;align-items:center;justify-content:center;height:1rem;width:1rem;border-radius:50%}button.clear-button svg{width:calc(1rem - 0.25rem);height:calc(1rem - 0.25rem);fill:currentColor}button.clear-button:before{content:"";position:absolute;inset:0 auto 0 0;margin:auto;height:0.125rem;width:0.25rem;background-color:rgba(var(--contrast-700), 0.6);transform:translate(-100%, 0)}button.clear-button[disabled]{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-600));cursor:not-allowed}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}';export{a as limel_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,c as l,a as o}from"./p-BU9IJqli.js";import{a as r,s}from"./p-1CgnIGyd.js";import"./p-6YuZiAPi.js";const n=class{constructor(i){e(this,i),this.invalid=!1,this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0),this.renderHelperText=()=>{if(this.helperText)return t("span",{class:"helper-text",id:this.helperTextId},this.helperText)},this.renderCharacterCounter=()=>{if(this.maxLength)return t("span",{class:"counter"},`${this.length} / ${this.maxLength}`)}}render(){return t(i,{key:"69872d6dcdbecf1d703a9fb441f118f9389596bc",tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},t("div",{key:"bf63441b2481b1d91fae50d7f85630e361fb2089"},this.renderHelperText(),this.renderCharacterCounter()))}};n.style=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";class a{constructor(){this.defaultConfig={isOpen:!0,badgeIcons:!1},this.getAriaOrientation=e=>"listbox"===e||"radiogroup"===e?"vertical":null,this.getIndexForWhichToApplyTabIndex=e=>{let t;for(const[i,l]of e.entries())if("separator"in l);else{const e=l;if(e.disabled)continue;if(e.selected){t=i;break}void 0===t&&(t=i)}return t},this.renderListItem=(e,i)=>{var l;if("separator"in e)return t("li",{class:"mdc-deprecated-list-divider",role:"separator",key:`sep-${i}`},this.renderTextForSeparator(e),t("div",{class:"limel-list-divider-line"}));const o={};let r;i===this.applyTabIndexToItemAtIndex&&(o.tabindex="0"),r="radio"===this.config.type||"checkbox"===this.config.type?this.config.type:"selectable"===this.config.type?"option":"listitem";const s=null!==(l=e.id)&&void 0!==l?l:`item-${i}`;return t("limel-list-item",Object.assign({key:s,class:{"mdc-deprecated-list-item":!0,"mdc-deprecated-list-item--disabled":!!e.disabled}},o,{"data-index":i,type:r,text:e.text,secondaryText:e.secondaryText,icon:e.icon,image:e.image,primaryComponent:e.primaryComponent,badgeIcon:this.config.badgeIcons,iconSize:this.config.iconSize,selected:e.selected,disabled:e.disabled,actions:e.actions}))},this.renderTextForSeparator=e=>{if("text"in e)return t("h2",{class:"limel-list-divider-title"},e.text)}}render(e,i={}){let l;switch(e||(e=[]),this.config=Object.assign(Object.assign({},this.defaultConfig),i),this.config.type){case"checkbox":l="group";break;case"radio":l="radiogroup";break;default:l="listbox"}return this.applyTabIndexToItemAtIndex=this.getIndexForWhichToApplyTabIndex(e),t("ul",{class:"mdc-deprecated-list",role:l,"aria-orientation":this.getAriaOrientation(l)},e.map(this.renderListItem))}}const{ACTION_EVENT:d}=s,c=class{constructor(t){e(this,t),this.change=l(this,"change",7),this.select=l(this,"select",7),this.interact=l(this,"interact",7),this.iconSize="small",this.maxLinesSecondaryText=3,this.listRenderer=new a,this.setup=()=>{this.setupList(),this.setupListeners()},this.setupList=()=>{this.mdcList&&(this.teardown(),this.mdcList=null);const e=this.element.shadowRoot.querySelector(".mdc-deprecated-list");e&&(this.listElement=e,this.listElement.removeEventListener("mousedown",this.handleItemMouseDown),this.listElement.addEventListener("mousedown",this.handleItemMouseDown),this.mdcList=new r(e),this.mdcList.hasTypeahead=!0)},this.handleItemMouseDown=e=>{var t;const i=e.target,l=null===(t=null==i?void 0:i.closest)||void 0===t?void 0:t.call(i,".mdc-deprecated-list-item");l&&(e.preventDefault(),l.classList.contains("mdc-deprecated-list-item--disabled")||l.focus({preventScroll:!0}))},this.setupListeners=()=>{this.mdcList&&(this.mdcList.unlisten(d,this.handleAction),this.selectable=["selectable","radio","checkbox"].includes(this.type),this.multiple="checkbox"===this.type,this.selectable&&(this.mdcList.listen(d,this.handleAction),this.mdcList.singleSelection=!this.multiple))},this.teardown=()=>{var e,t,i;null===(e=this.listElement)||void 0===e||e.removeEventListener("mousedown",this.handleItemMouseDown),null===(t=this.mdcList)||void 0===t||t.unlisten(d,this.handleAction),null===(i=this.mdcList)||void 0===i||i.destroy()},this.handleAction=e=>{this.multiple?this.handleMultiSelect(e.detail.index):this.handleSingleSelect(e.detail.index)},this.handleSingleSelect=e=>{const t=this.items.filter(this.isListItem);if(t[e].disabled)return;const i=t.find((e=>!!e.selected));let l;i&&("radio"!==this.type&&(this.mdcList.selectedIndex=-1),l=Object.assign(Object.assign({},i),{selected:!1}),this.change.emit(l)),t[e]!==i&&(l=Object.assign(Object.assign({},t[e]),{selected:!0}),this.change.emit(l)),this.interact.emit(l)},this.handleMultiSelect=e=>{const t=this.items.filter(this.isListItem);if(t[e].disabled)return;const i=t.filter(((t,i)=>i===e?!t.selected:t.selected)).map((e=>Object.assign(Object.assign({},e),{selected:!0})));this.change.emit(i),this.interact.emit(Object.assign({},i[e]))},this.isListItem=e=>!("separator"in e)}connectedCallback(){this.setup()}disconnectedCallback(){this.teardown()}componentDidLoad(){this.setup(),this.triggerIconColorWarning()}render(){var e;this.config={badgeIcons:this.badgeIcons,type:this.type,iconSize:this.iconSize};let l=+(null===(e=this.maxLinesSecondaryText)||void 0===e?void 0:e.toFixed(0));this.maxLinesSecondaryText<1&&(l=1);const o=this.listRenderer.render(this.items,this.config);return t(i,{key:"5a259a6d125ba3cc5ee04a68dd3ab761bceb2cfb",style:{"--maxLinesSecondaryText":`${l}`}},o)}handleType(){this.setupListeners()}itemsChanged(){this.mdcList&&setTimeout((()=>{this.setup();const e=this.items.filter(this.isListItem);if(this.multiple)this.mdcList.selectedIndex=e.filter((e=>e.selected)).map((t=>e.indexOf(t)));else{const t=e.findIndex((e=>e.selected));-1===t?this.mdcList.initializeListType():this.mdcList.selectedIndex=t}}),0)}triggerIconColorWarning(){var e;(null===(e=this.items)||void 0===e?void 0:e.some((e=>"iconColor"in e)))&&console.warn("The `iconColor` prop is deprecated, has no visual effect anymore, and will soon be removed! Use the new `Icon` interface, and instead of `iconColor: 'color-name'` write `icon: { name: 'icon-name', color: 'color-name' }`.")}static get delegatesFocus(){return!0}get element(){return o(this)}static get watchers(){return{type:[{handleType:0}],items:[{itemsChanged:0}]}}};c.style='@charset "UTF-8";:host(.has-striped-rows) .mdc-deprecated-list{border:1px solid rgb(var(--contrast-400))}:host(.has-striped-rows) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(even),:host(.has-striped-rows.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(even){background-color:var(--list-background-color-of-odd-interactive-items, rgb(var(--contrast-200)))}:host(.has-striped-rows) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(odd),:host(.has-striped-rows.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(odd){background-color:var(--list-background-color-of-even-interactive-items, rgb(var(--contrast-100)))}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus-visible{will-change:color, background-color, box-shadow, transform}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover{box-shadow:var(--button-shadow-hovered)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}:host(.has-grid-layout){--gap:var(--list-grid-gap, 0.5rem);padding:var(--gap);}:host(.has-grid-layout) .mdc-deprecated-list{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--list-grid-item-max-width, 10rem) - var(--gap), var(--list-grid-item-min-width, 7.5rem))), 1fr));max-width:var(--list-grid-max-width, 100%)}:host(.has-grid-layout) .mdc-deprecated-list limel-list-item{border-radius:var(--limel-list-border-radius) !important}:host(.has-grid-layout) .mdc-deprecated-list-divider{grid-column:1/-1}:host(.static-actions-list){z-index:1;background-color:var(--limel-theme-surface-background-color)}:host(.has-position-sticky){position:sticky;box-shadow:0 0 0.75rem 0.5rem var(--limel-theme-surface-background-color)}:host(.has-position-sticky.is-on-top){top:0}:host(.has-position-sticky.is-at-bottom){bottom:0}:host(.is-on-top){border-bottom:1px solid rgb(var(--contrast-400));margin-bottom:0.5rem;padding-bottom:0.25rem}:host(.is-at-bottom){border-top:1px solid rgb(var(--contrast-400));margin-top:0.5rem;padding-top:0.25rem}:host(limel-list){--limel-list-border-radius:0.5rem;display:block;isolation:isolate}:host([hidden]){display:none}ul{--mdc-theme-text-icon-on-background:var( --icon-color, rgb(var(--contrast-900)) );margin:var(--list-margin, 0.25rem);border-radius:var(--limel-list-border-radius);padding:0;list-style:none}.mdc-deprecated-list-divider{border-bottom-color:transparent;display:flex;align-items:center;gap:0.75rem;height:auto;padding:0 0.25rem;margin-bottom:0.5rem}.mdc-deprecated-list-divider:not(:first-child){margin-top:0.75rem}:host(.has-striped-rows) .mdc-deprecated-list-divider{margin-top:0.5rem}.limel-list-divider-line{background-color:rgb(var(--contrast-400));height:0.125rem;border-radius:1rem;min-width:1rem;flex-grow:1}.limel-list-divider-title{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--contrast-900));font-size:var(--limel-theme-default-small-font-size)}';const h=class{constructor(t){e(this,t),this.required=!1,this.readonly=!1,this.invalid=!1,this.disabled=!1,this.hasValue=!1,this.hasLeadingIcon=!1,this.hasFloatingLabel=!1}render(){return t("div",{key:"a7d059bafca0519edd93c90daad620131d3fbdd0",class:"limel-notched-outline"},t("slot",{key:"2498cc520769655fe0445ff58bd782e5ccfb857f",name:"content"}),t("span",{key:"8946f7b280ee76331b6ac66e4b212ea8a3aa567c",class:"limel-notched-outline--outlines","aria-hidden":"true"},t("span",{key:"096357fb61dddafd811669d36d910dfd753fcc1e",class:"limel-notched-outline--leading-outline"}),this.renderLabel(),t("span",{key:"37460f34ac2cd82360a0a3bd6cba015133d64516",class:"limel-notched-outline--trailing-outline"}),this.renderEmptyReadonlyValue()))}renderLabel(){if(this.label)return t("span",{class:"limel-notched-outline--notch"},t("label",{htmlFor:this.labelId},this.label))}renderEmptyReadonlyValue(){if(this.readonly&&!this.hasValue)return t("span",{class:"limel-notched-outline--empty-readonly-value","aria-hidden":"true"},"–")}};h.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}limel-notched-outline{--limel-notched-outline-border-color:rgba(var(--contrast-700), 0.65);--limel-notched-outline-background-color:rgba(var(--contrast-200), 0.5);display:block;width:100%;height:fit-content}.limel-notched-outline{position:relative;width:100%;height:100%}.limel-notched-outline [slot=content]{background-color:var(--limel-notched-outline-background-color);border-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--outlines{pointer-events:none;position:absolute;inset:0;z-index:var(--limel-notched-outline-z-index, 0);display:flex}.limel-notched-outline--leading-outline,.limel-notched-outline--notch,.limel-notched-outline--trailing-outline{transition:border-color 0.2s ease;border-width:1px;border-style:solid;border-color:var(--limel-notched-outline-border-color)}.limel-notched-outline--leading-outline{flex-shrink:0;width:0.75rem;border-right-width:0;border-top-left-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-left-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--notch{flex-shrink:0;position:relative;z-index:2;border-top-color:var(--limel-notched-outline-notch-border-top-color, var(--limel-notched-outline-border-color));border-right-width:0;border-left-width:0;max-width:calc(100% - 1.5rem)}.limel-notched-outline--notch label{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;transition:color 0.2s ease, font-size 0.2s ease, transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(var(--limel-notched-outline-label-transform-x, 0), var(--limel-notched-outline-label-transform-y, 0.62rem), 0);display:block;padding:0 0.25rem;color:var(--limel-notched-outline-label-color, rgba(var(--contrast-1200), 1));font-size:var(--limel-notched-outline-label-font-size, var(--limel-theme-default-font-size));letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);line-height:normal}.limel-notched-outline--notch label:after{position:absolute;right:0;padding:0 0.25rem}.limel-notched-outline--trailing-outline{flex-grow:1;border-left-width:0;border-top-right-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-right-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(var(--contrast-1400), 1);font-size:var(--limel-theme-default-font-size);font-weight:400;font-family:inherit;letter-spacing:0.009375em}.mdc-text-field--disabled .limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}.limel-notched-outline--empty-readonly-value{position:absolute;top:0.62rem;left:1rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:rgba(var(--contrast-700), 1);--limel-notched-outline-background-color:rgba(var(--contrast-200), 1)}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-border-color:var(--lime-primary-color, var(--limel-theme-primary-color));--limel-notched-outline-background-color:rgba(var(--contrast-100), 0.8)}limel-notched-outline[disabled]:not([disabled=false]){--limel-notched-outline-label-color:rgba(var(--contrast-1200), 0.5)}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label{padding-right:0.75rem}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label:after{content:"*";scale:1.3}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])){--limel-notched-outline-border-color:var( --limel-theme-error-text-color )}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:var( --limel-theme-error-color )}limel-notched-outline[invalid]:not([invalid=false]) .limel-notched-outline--notch label:after{color:var(--limel-theme-error-text-color)}limel-notched-outline[readonly]:not([readonly=false]){--limel-notched-outline-border-color:transparent !important;--limel-notched-outline-background-color:transparent !important}limel-notched-outline[readonly]:not([readonly=false]) .limel-notched-outline--notch label{transition-duration:0s}limel-notched-outline[has-leading-icon]:not([has-leading-icon=false]):not([has-floating-label]):not([has-value]){--limel-notched-outline-label-transform-x:1.25rem}limel-notched-outline[has-leading-icon] .limel-notched-outline--empty-readonly-value{left:2.25rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover label,limel-notched-outline:not([disabled]:not([disabled=false])):focus label,limel-notched-outline:not([disabled]:not([disabled=false])):focus-within label{will-change:color, transform, font-size}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}limel-notched-outline[has-floating-label],limel-notched-outline[has-value]:not([has-value=false]),limel-notched-outline[readonly]:not([has-value]:not([has-value=true])){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}';export{n as limel_helper_line,c as limel_list,h as limel_notched_outline}
|
|
1
|
+
import{r as e,h as t,H as i,c as l,a as o}from"./p-BU9IJqli.js";import{a as r,s}from"./p-1CgnIGyd.js";import"./p-6YuZiAPi.js";const n=class{constructor(i){e(this,i),this.invalid=!1,this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0),this.renderHelperText=()=>{if(this.helperText)return t("span",{class:"helper-text",id:this.helperTextId},this.helperText)},this.renderCharacterCounter=()=>{if(this.maxLength)return t("span",{class:"counter"},`${this.length} / ${this.maxLength}`)}}render(){return t(i,{key:"69872d6dcdbecf1d703a9fb441f118f9389596bc",tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},t("div",{key:"bf63441b2481b1d91fae50d7f85630e361fb2089"},this.renderHelperText(),this.renderCharacterCounter()))}};n.style=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";class a{constructor(){this.defaultConfig={isOpen:!0,badgeIcons:!1},this.getAriaOrientation=e=>"listbox"===e||"radiogroup"===e?"vertical":null,this.getIndexForWhichToApplyTabIndex=e=>{let t;for(const[i,l]of e.entries())if("separator"in l);else{const e=l;if(e.disabled)continue;if(e.selected){t=i;break}void 0===t&&(t=i)}return t},this.renderListItem=(e,i)=>{var l;if("separator"in e)return t("li",{class:"mdc-deprecated-list-divider",role:"separator",key:`sep-${i}`},this.renderTextForSeparator(e),t("div",{class:"limel-list-divider-line"}));const o={};let r;i===this.applyTabIndexToItemAtIndex&&(o.tabindex="0"),r="radio"===this.config.type||"checkbox"===this.config.type?this.config.type:"selectable"===this.config.type?"option":"listitem";const s=null!==(l=e.id)&&void 0!==l?l:`item-${i}`;return t("limel-list-item",Object.assign({key:s,class:{"mdc-deprecated-list-item":!0,"mdc-deprecated-list-item--disabled":!!e.disabled}},o,{"data-index":i,type:r,text:e.text,secondaryText:e.secondaryText,icon:e.icon,image:e.image,primaryComponent:e.primaryComponent,badgeIcon:this.config.badgeIcons,iconSize:this.config.iconSize,selected:e.selected,disabled:e.disabled,actions:e.actions}))},this.renderTextForSeparator=e=>{if("text"in e)return t("h2",{class:"limel-list-divider-title"},e.text)}}render(e,i={}){let l;switch(e||(e=[]),this.config=Object.assign(Object.assign({},this.defaultConfig),i),this.config.type){case"checkbox":l="group";break;case"radio":l="radiogroup";break;default:l="listbox"}return this.applyTabIndexToItemAtIndex=this.getIndexForWhichToApplyTabIndex(e),t("ul",{class:"mdc-deprecated-list",role:l,"aria-orientation":this.getAriaOrientation(l)},e.map(this.renderListItem))}}const{ACTION_EVENT:d}=s,c=class{constructor(t){e(this,t),this.change=l(this,"change",7),this.select=l(this,"select",7),this.interact=l(this,"interact",7),this.iconSize="small",this.maxLinesSecondaryText=3,this.listRenderer=new a,this.setup=()=>{this.setupList(),this.setupListeners()},this.setupList=()=>{this.mdcList&&(this.teardown(),this.mdcList=null);const e=this.element.shadowRoot.querySelector(".mdc-deprecated-list");e&&(this.listElement=e,this.listElement.removeEventListener("mousedown",this.handleItemMouseDown),this.listElement.addEventListener("mousedown",this.handleItemMouseDown),this.mdcList=new r(e),this.mdcList.hasTypeahead=!0)},this.handleItemMouseDown=e=>{var t;const i=e.target,l=null===(t=null==i?void 0:i.closest)||void 0===t?void 0:t.call(i,".mdc-deprecated-list-item");l&&(e.preventDefault(),l.classList.contains("mdc-deprecated-list-item--disabled")||l.focus({preventScroll:!0}))},this.setupListeners=()=>{this.mdcList&&(this.mdcList.unlisten(d,this.handleAction),this.selectable=["selectable","radio","checkbox"].includes(this.type),this.multiple="checkbox"===this.type,this.selectable&&(this.mdcList.listen(d,this.handleAction),this.mdcList.singleSelection=!this.multiple))},this.teardown=()=>{var e,t,i;null===(e=this.listElement)||void 0===e||e.removeEventListener("mousedown",this.handleItemMouseDown),null===(t=this.mdcList)||void 0===t||t.unlisten(d,this.handleAction),null===(i=this.mdcList)||void 0===i||i.destroy()},this.handleAction=e=>{this.multiple?this.handleMultiSelect(e.detail.index):this.handleSingleSelect(e.detail.index)},this.handleSingleSelect=e=>{const t=this.items.filter(this.isListItem);if(t[e].disabled)return;const i=t.find((e=>!!e.selected));let l;i&&("radio"!==this.type&&(this.mdcList.selectedIndex=-1),l=Object.assign(Object.assign({},i),{selected:!1}),this.change.emit(l)),t[e]!==i&&(l=Object.assign(Object.assign({},t[e]),{selected:!0}),this.change.emit(l)),this.interact.emit(l)},this.handleMultiSelect=e=>{const t=this.items.filter(this.isListItem);if(t[e].disabled)return;const i=t.filter(((t,i)=>i===e?!t.selected:t.selected)).map((e=>Object.assign(Object.assign({},e),{selected:!0})));this.change.emit(i),this.interact.emit(Object.assign({},i[e]))},this.isListItem=e=>!("separator"in e)}connectedCallback(){this.setup()}disconnectedCallback(){this.teardown()}componentDidLoad(){this.setup(),this.triggerIconColorWarning()}render(){var e;this.config={badgeIcons:this.badgeIcons,type:this.type,iconSize:this.iconSize};let l=+(null===(e=this.maxLinesSecondaryText)||void 0===e?void 0:e.toFixed(0));this.maxLinesSecondaryText<1&&(l=1);const o=this.listRenderer.render(this.items,this.config);return t(i,{key:"5a259a6d125ba3cc5ee04a68dd3ab761bceb2cfb",style:{"--maxLinesSecondaryText":`${l}`}},o)}handleType(){this.setupListeners()}itemsChanged(){this.mdcList&&setTimeout((()=>{this.setup();const e=this.items.filter(this.isListItem);if(this.multiple)this.mdcList.selectedIndex=e.filter((e=>e.selected)).map((t=>e.indexOf(t)));else{const t=e.findIndex((e=>e.selected));-1===t?this.mdcList.initializeListType():this.mdcList.selectedIndex=t}}),0)}triggerIconColorWarning(){var e;(null===(e=this.items)||void 0===e?void 0:e.some((e=>"iconColor"in e)))&&console.warn("The `iconColor` prop is deprecated, has no visual effect anymore, and will soon be removed! Use the new `Icon` interface, and instead of `iconColor: 'color-name'` write `icon: { name: 'icon-name', color: 'color-name' }`.")}static get delegatesFocus(){return!0}get element(){return o(this)}static get watchers(){return{type:[{handleType:0}],items:[{itemsChanged:0}]}}};c.style='@charset "UTF-8";:host(.has-striped-rows) .mdc-deprecated-list{border:1px solid rgb(var(--contrast-400))}:host(.has-striped-rows) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(even),:host(.has-striped-rows.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(even){background-color:var(--list-background-color-of-odd-interactive-items, rgb(var(--contrast-200)))}:host(.has-striped-rows) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(odd),:host(.has-striped-rows.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):not(:hover):nth-child(odd){background-color:var(--list-background-color-of-even-interactive-items, rgb(var(--contrast-100)))}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus-visible{will-change:color, background-color, box-shadow, transform}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover{box-shadow:var(--button-shadow-hovered)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):hover,:host(.has-interactive-items) limel-list-item:not([disabled]):not([disabled=true]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}:host(.has-grid-layout){--gap:var(--list-grid-gap, 0.5rem);padding:var(--gap);}:host(.has-grid-layout) .mdc-deprecated-list{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--list-grid-item-max-width, 10rem) - var(--gap), var(--list-grid-item-min-width, 7.5rem))), 1fr));max-width:var(--list-grid-max-width, 100%)}:host(.has-grid-layout) .mdc-deprecated-list limel-list-item{border-radius:var(--limel-list-border-radius) !important}:host(.has-grid-layout) .mdc-deprecated-list-divider{grid-column:1/-1}:host(.static-actions-list){z-index:1;background-color:var(--limel-theme-surface-background-color)}:host(.has-position-sticky){position:sticky;box-shadow:0 0 0.75rem 0.5rem var(--limel-theme-surface-background-color)}:host(.has-position-sticky.is-on-top){top:0}:host(.has-position-sticky.is-at-bottom){bottom:0}:host(.is-on-top){border-bottom:1px solid rgb(var(--contrast-400));margin-bottom:0.5rem;padding-bottom:0.25rem}:host(.is-at-bottom){border-top:1px solid rgb(var(--contrast-400));margin-top:0.5rem;padding-top:0.25rem}:host(limel-list){--limel-list-border-radius:0.5rem;display:block;isolation:isolate}:host([hidden]){display:none}ul{--mdc-theme-text-icon-on-background:var( --icon-color, rgb(var(--contrast-900)) );margin:var(--list-margin, 0.25rem);border-radius:var(--limel-list-border-radius);padding:0;list-style:none}.mdc-deprecated-list-divider{border-bottom-color:transparent;display:flex;align-items:center;gap:0.75rem;height:auto;padding:0 0.25rem;margin-bottom:0.5rem}.mdc-deprecated-list-divider:not(:first-child){margin-top:0.75rem}:host(.has-striped-rows) .mdc-deprecated-list-divider{margin-top:0.5rem}.limel-list-divider-line{background-color:rgb(var(--contrast-400));height:0.125rem;border-radius:1rem;min-width:1rem;flex-grow:1}.limel-list-divider-title{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--contrast-900));font-size:var(--limel-theme-default-small-font-size)}';const h=class{constructor(t){e(this,t),this.required=!1,this.readonly=!1,this.invalid=!1,this.disabled=!1,this.hasValue=!1,this.hasLeadingIcon=!1,this.hasFloatingLabel=!1}render(){return t("div",{key:"c93fb22346511118f2a512f2910653efc246138e",class:"limel-notched-outline"},t("slot",{key:"25cedc7d6cc4cc5a1392a8b66c7b81f264dbec25",name:"content"}),t("span",{key:"8d57b4c8920dd6b6a381e6f9f6a39e9117a7b5f6",class:"limel-notched-outline--outlines","aria-hidden":"true"},t("span",{key:"1f6ae50a5e9e4e46b4993024f8dbfa0286e51200",class:"limel-notched-outline--leading-outline"}),this.renderLabel(),t("span",{key:"722664ca8623cd3f4359a871561c2cf9cc2ca82d",class:"limel-notched-outline--trailing-outline"}),this.renderEmptyReadonlyValue()))}renderLabel(){if(this.label)return t("span",{class:"limel-notched-outline--notch"},t("label",{id:this.labelElementId,htmlFor:this.labelId},this.label))}renderEmptyReadonlyValue(){if(this.readonly&&!this.hasValue)return t("span",{class:"limel-notched-outline--empty-readonly-value","aria-hidden":"true"},"–")}};h.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}limel-notched-outline{--limel-notched-outline-border-color:rgba(var(--contrast-700), 0.65);--limel-notched-outline-background-color:rgba(var(--contrast-200), 0.5);display:block;width:100%;height:fit-content}.limel-notched-outline{position:relative;width:100%;height:100%}.limel-notched-outline [slot=content]{background-color:var(--limel-notched-outline-background-color);border-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--outlines{pointer-events:none;position:absolute;inset:0;z-index:var(--limel-notched-outline-z-index, 0);display:flex}.limel-notched-outline--leading-outline,.limel-notched-outline--notch,.limel-notched-outline--trailing-outline{transition:border-color 0.2s ease;border-width:1px;border-style:solid;border-color:var(--limel-notched-outline-border-color)}.limel-notched-outline--leading-outline{flex-shrink:0;width:0.75rem;border-right-width:0;border-top-left-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-left-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--notch{flex-shrink:0;position:relative;z-index:2;border-top-color:var(--limel-notched-outline-notch-border-top-color, var(--limel-notched-outline-border-color));border-right-width:0;border-left-width:0;max-width:calc(100% - 1.5rem)}.limel-notched-outline--notch label{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;transition:color 0.2s ease, font-size 0.2s ease, transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(var(--limel-notched-outline-label-transform-x, 0), var(--limel-notched-outline-label-transform-y, 0.62rem), 0);display:block;padding:0 0.25rem;color:var(--limel-notched-outline-label-color, rgba(var(--contrast-1200), 1));font-size:var(--limel-notched-outline-label-font-size, var(--limel-theme-default-font-size));letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);line-height:normal}.limel-notched-outline--notch label:after{position:absolute;right:0;padding:0 0.25rem}.limel-notched-outline--trailing-outline{flex-grow:1;border-left-width:0;border-top-right-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-right-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(var(--contrast-1400), 1);font-size:var(--limel-theme-default-font-size);font-weight:400;font-family:inherit;letter-spacing:0.009375em}.mdc-text-field--disabled .limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}.limel-notched-outline--empty-readonly-value{position:absolute;top:0.62rem;left:1rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:rgba(var(--contrast-700), 1);--limel-notched-outline-background-color:rgba(var(--contrast-200), 1)}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-border-color:var(--lime-primary-color, var(--limel-theme-primary-color));--limel-notched-outline-background-color:rgba(var(--contrast-100), 0.8)}limel-notched-outline[disabled]:not([disabled=false]){--limel-notched-outline-label-color:rgba(var(--contrast-1200), 0.5)}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label{padding-right:0.75rem}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label:after{content:"*";scale:1.3}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])){--limel-notched-outline-border-color:var( --limel-theme-error-text-color )}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:var( --limel-theme-error-color )}limel-notched-outline[invalid]:not([invalid=false]) .limel-notched-outline--notch label:after{color:var(--limel-theme-error-text-color)}limel-notched-outline[readonly]:not([readonly=false]){--limel-notched-outline-border-color:transparent !important;--limel-notched-outline-background-color:transparent !important}limel-notched-outline[readonly]:not([readonly=false]) .limel-notched-outline--notch label{transition-duration:0s}limel-notched-outline[has-leading-icon]:not([has-leading-icon=false]):not([has-floating-label]):not([has-value]){--limel-notched-outline-label-transform-x:1.25rem}limel-notched-outline[has-leading-icon] .limel-notched-outline--empty-readonly-value{left:2.25rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover label,limel-notched-outline:not([disabled]:not([disabled=false])):focus label,limel-notched-outline:not([disabled]:not([disabled=false])):focus-within label{will-change:color, transform, font-size}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}limel-notched-outline[has-floating-label],limel-notched-outline[has-value]:not([has-value=false]),limel-notched-outline[readonly]:not([has-value]:not([has-value=true])){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}';export{n as limel_helper_line,c as limel_list,h as limel_notched_outline}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as t,a as r}from"./p-BU9IJqli.js";import{c as i}from"./p-BrjD-ITe.js";import{E as s}from"./p-Bu6-QXrA.js";import{f as a,z as c}from"./p-B8Rm8W5O.js";import"./p-ByzvFNMm.js";import"./p-9W8bTt2G.js";import"./p-DbBZn7JO.js";import"./p-BcJ-TDVt.js";import"./p-BJQylLSL.js";import"./p-CZ30nDJE.js";import"./p-BhoYaGlg.js";function n(e){const o=e.closest(".limel-portal--container");return o?o.portalSource:e.getRootNode().host}const p=class{constructor(t){e(this,t),this.close=o(this,"close",7),this.open=!1,this.shouldRestoreFocusOnClose=!1,this.handleGlobalKeyPress=e=>{e.key===s&&(e.stopPropagation(),e.preventDefault(),this.requestCloseAndRestoreFocus())},this.requestCloseAndRestoreFocus=()=>{this.shouldRestoreFocusOnClose=!0,this.close.emit()},this.setTriggerRef=e=>{this.triggerSlot=e},this.focusTrigger=()=>{var e,o;const t=null===(o=null===(e=this.triggerSlot)||void 0===e?void 0:e.assignedElements())||void 0===o?void 0:o[0];a(t)},this.setTriggerAttributes=e=>{e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"),e.setAttribute("aria-controls",this.portalId),e.setAttribute("role","button")},this.portalId=i(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers(),!this.open&&this.shouldRestoreFocusOnClose&&(this.shouldRestoreFocusOnClose=!1,setTimeout(this.focusTrigger,0))}connectedCallback(){this.setupGlobalHandlers()}disconnectedCallback(){this.teardownGlobalHandlers()}componentDidRender(){if(this.triggerSlot)for(const e of this.triggerSlot.assignedElements())this.setTriggerAttributes(e)}setupGlobalHandlers(){this.open&&this.host.isConnected?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keydown",this.handleGlobalKeyPress)):this.teardownGlobalHandlers()}teardownGlobalHandlers(){document.removeEventListener("click",this.globalClickListener,{capture:!0}),document.removeEventListener("keydown",this.handleGlobalKeyPress)}render(){const e=this.getCssProperties(),o=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return t("div",{key:"a819793a1a82680cb7ce15239366c57c5e8300cc",class:"trigger-anchor"},t("slot",{key:"ddd5f786c93939afae68e0a35446be8470bfe638",name:"trigger",ref:this.setTriggerRef}),t("limel-portal",{key:"369a832fab6a9e3438202ed1c3dbb6fe9b5a5f39",visible:this.open,containerId:this.portalId,containerStyle:{"z-index":o},openDirection:this.openDirection},t("limel-popover-surface",{key:"1b583fc37aa48fb67ff2b40f8c2e88cb7f6db88f",contentCollection:this.host.children,style:e})))}globalClickListener(e){const o=function(e,o){var t;let r=o;do{if(e.contains(r)||(null===(t=e.shadowRoot)||void 0===t?void 0:t.contains(r)))return!0;r=n(r)}while(r);return!1}(this.host,e.target);this.open&&!o&&(e.stopPropagation(),e.preventDefault(),this.close.emit())}getCssProperties(){const e=["--popover-surface-width","--popover-body-background-color","--popover-border-radius","--popover-box-shadow"],o=getComputedStyle(this.host),t=e.map((e=>o.getPropertyValue(e)));return c(e,t)}get host(){return r(this)}static get watchers(){return{open:[{watchOpen:0}]}}};p.style=".trigger-anchor{display:inline-block;position:relative}";const l=class{constructor(o){e(this,o)}componentDidLoad(){this.appendElement()}render(){return t("div",{key:"0efb74a821ff0c1919a048ee08209befdf5582c0",class:"limel-popover-surface",tabindex:"0"})}appendElement(){const e=this.host.shadowRoot.querySelector(".limel-popover-surface"),o=[...this.contentCollection];for(const t of o)"trigger"!==t.slot&&e.append(t)}get host(){return r(this)}};l.style='@charset "UTF-8";:host(limel-popover-surface){isolation:isolate;position:relative;display:flex;width:var(--popover-surface-width, auto);max-height:inherit;max-width:calc(100vw - 2rem);margin:0 0.25rem}.limel-popover-surface{flex:1;min-width:0;min-height:0;border-radius:var(--popover-border-radius, 0.75rem);box-shadow:var(--popover-box-shadow, var(--shadow-depth-16));border:1px solid rgb(var(--contrast-1200), 0.1);backdrop-filter:blur(0.3125rem);-webkit-backdrop-filter:blur(0.3125rem)}.limel-popover-surface:after{transition:opacity 0.4s ease;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0.95;border-radius:var(--popover-border-radius, 0.75rem);background-color:var(--popover-body-background-color, var(--lime-elevated-surface-background-color))}.limel-popover-surface:focus{outline:none}.limel-popover-surface:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}.limel-popover-surface>*{box-sizing:border-box}';export{p as limel_popover,l as limel_popover_surface}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./p-ByzvFNMm.js";import{f as a}from"./p-BhoYaGlg.js";function o(a,o){return function(r,a,o){for(var t=-1,s=r.length,i=a.length,n={};++t<s;)o(n,r[t],t<i?a[t]:void 0);return n}(a||[],o||[],r)}const t=r=>{return!(!r||!0===(o=r).disabled||o.hasAttribute("disabled")||"true"===o.getAttribute("aria-disabled")||(a(r).focus(),0));var o};export{t as f,o as z}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const n=["button",'input:not([type="hidden"])',"select","textarea"],t=["a[href]",...n.map((n=>`${n}:not([disabled])`)),"summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].map((n=>`${n}:not([tabindex="-1"])`)).join(", "),e=n.map((n=>`${n}[disabled]:not([tabindex="-1"])`)).join(", ");async function i(n){return o(r(n))}async function o(n,t=n.next()){return t.done?t.value:(await t.value.componentOnReady(),await o(n,n.next()))}function u(n){const t=r(n);for(let n=t.next();;n=t.next())if(n.done)return n.value}function*r(n){var t;const e={},i=yield*c(n,e);return null!==(t=null!=i?i:e.disabled)&&void 0!==t?t:n}function*c(n,i){return function(n){var e;return!(null===(e=n.shadowRoot)||void 0===e?void 0:e.delegatesFocus)&&n.matches(t)}(n)?n:(function(n,t){!t.disabled&&n.matches(e)&&(t.disabled=n)}(n,i),yield*function*(n,t){(function(n){return"componentOnReady"in n&&"function"==typeof n.componentOnReady})(n)&&(yield n);const e=n.shadowRoot?yield*l(n.shadowRoot.children,t):void 0;return null!=e?e:yield*l(n.children,t)}(n,i))}function*l(n,t){for(const e of n){if("limel-tooltip"===e.localName)continue;const n=yield*c(e,t);if(n)return n}}export{u as f,i as g}
|
|
@@ -159,7 +159,8 @@ export declare class InputField {
|
|
|
159
159
|
private completionsList;
|
|
160
160
|
private portalId;
|
|
161
161
|
private helperTextId;
|
|
162
|
-
private
|
|
162
|
+
private inputId;
|
|
163
|
+
private labelElementId;
|
|
163
164
|
private changeWaiting;
|
|
164
165
|
constructor();
|
|
165
166
|
connectedCallback(): void;
|
|
@@ -50,6 +50,13 @@ export declare class NotchedOutline {
|
|
|
50
50
|
* labeled by the provided label.
|
|
51
51
|
*/
|
|
52
52
|
labelId?: string;
|
|
53
|
+
/**
|
|
54
|
+
* The `id` of the label element itself.
|
|
55
|
+
* Use it in `aria-labelledby` on the input element, when something else
|
|
56
|
+
* would otherwise end up in the name of the input element. For example,
|
|
57
|
+
* another `<label>` that wraps it, or the selected value of a `limel-select`.
|
|
58
|
+
*/
|
|
59
|
+
labelElementId?: string;
|
|
53
60
|
/**
|
|
54
61
|
* Set to `true` when the user has entered a value for the input element,
|
|
55
62
|
* shrinking the label in size, and visually rendering it above the entered value.
|
|
@@ -2831,6 +2831,10 @@ export namespace Components {
|
|
|
2831
2831
|
* Label to display for the input element. :::important Note that the input element of the consumer component will be labeled by this label, using the `labelId` prop. :::
|
|
2832
2832
|
*/
|
|
2833
2833
|
"label"?: string;
|
|
2834
|
+
/**
|
|
2835
|
+
* The `id` of the label element itself. Use it in `aria-labelledby` on the input element, when something else would otherwise end up in the name of the input element. For example, another `<label>` that wraps it, or the selected value of a `limel-select`.
|
|
2836
|
+
*/
|
|
2837
|
+
"labelElementId"?: string;
|
|
2834
2838
|
/**
|
|
2835
2839
|
* The `id` of the input element which should be labeled by the provided label.
|
|
2836
2840
|
*/
|
|
@@ -10093,6 +10097,10 @@ declare namespace LocalJSX {
|
|
|
10093
10097
|
* Label to display for the input element. :::important Note that the input element of the consumer component will be labeled by this label, using the `labelId` prop. :::
|
|
10094
10098
|
*/
|
|
10095
10099
|
"label"?: string;
|
|
10100
|
+
/**
|
|
10101
|
+
* The `id` of the label element itself. Use it in `aria-labelledby` on the input element, when something else would otherwise end up in the name of the input element. For example, another `<label>` that wraps it, or the selected value of a `limel-select`.
|
|
10102
|
+
*/
|
|
10103
|
+
"labelElementId"?: string;
|
|
10096
10104
|
/**
|
|
10097
10105
|
* The `id` of the input element which should be labeled by the provided label.
|
|
10098
10106
|
*/
|
|
@@ -12209,6 +12217,7 @@ declare namespace LocalJSX {
|
|
|
12209
12217
|
"disabled": boolean;
|
|
12210
12218
|
"label": string;
|
|
12211
12219
|
"labelId": string;
|
|
12220
|
+
"labelElementId": string;
|
|
12212
12221
|
"hasValue": boolean;
|
|
12213
12222
|
"hasLeadingIcon": boolean;
|
|
12214
12223
|
"hasFloatingLabel": boolean;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Focuses the first focusable element inside
|
|
3
|
-
* Supports custom elements by searching
|
|
4
|
-
* and its light DOM.
|
|
2
|
+
* Focuses a trigger element, or the first focusable element inside it if the
|
|
3
|
+
* trigger can not take focus itself. Supports custom elements by searching
|
|
4
|
+
* both the element's shadow root and its light DOM.
|
|
5
5
|
*
|
|
6
6
|
* @param trigger - The trigger element to focus.
|
|
7
|
-
* @returns `
|
|
7
|
+
* @returns `false` if there is no trigger, or it is disabled. Otherwise `true`.
|
|
8
8
|
*/
|
|
9
9
|
export declare const focusTriggerElement: (trigger?: HTMLElement | null) => boolean;
|
|
10
10
|
//# sourceMappingURL=focus-trigger-element.d.ts.map
|
|
@@ -1,14 +1,26 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Get the element that
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
2
|
+
* Get the element that gets the focus when a user moves to `owner`. That is
|
|
3
|
+
* the owner itself if it can be focused, otherwise the first element that can
|
|
4
|
+
* be focused inside it, also inside shadow roots. A disabled control is only
|
|
5
|
+
* used when there is nothing that can be focused, and if there is no control
|
|
6
|
+
* at all, the owner itself is used.
|
|
7
7
|
*
|
|
8
8
|
* An element that passes the focus on to an element in its shadow root is
|
|
9
|
-
* never used itself, since the
|
|
9
|
+
* never used itself, since the focus lands on the element inside.
|
|
10
10
|
*
|
|
11
|
+
* Waits for the components in the way to render, so use this for an owner
|
|
12
|
+
* that may not have rendered yet.
|
|
13
|
+
*
|
|
14
|
+
* @see findFocusTarget for an owner that has already rendered
|
|
11
15
|
* @param owner
|
|
12
16
|
*/
|
|
13
17
|
export declare function getFocusTarget(owner: HTMLElement): Promise<HTMLElement>;
|
|
18
|
+
/**
|
|
19
|
+
* Same as `getFocusTarget`, for an owner that has already rendered, without
|
|
20
|
+
* waiting for any component.
|
|
21
|
+
*
|
|
22
|
+
* @see getFocusTarget for an owner that may not have rendered yet
|
|
23
|
+
* @param owner
|
|
24
|
+
*/
|
|
25
|
+
export declare function findFocusTarget(owner: HTMLElement): HTMLElement;
|
|
14
26
|
//# sourceMappingURL=get-focus-target.d.ts.map
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,H as o}from"./p-BU9IJqli.js";import{c as i}from"./p-BrjD-ITe.js";import{t as s}from"./p-w3yKYfBQ.js";import"./p-ChagAaNf.js";const a=class{constructor(o){t(this,o),this.change=e(this,"change",7),this.disabled=!1,this.readonly=!1,this.factor=1,this.required=!1,this.invalid=!1,this.displaysPercentageColors=!1,this.unit="",this.language="en",this.valuemax=100,this.valuemin=0,this.valueIsCommitted=!1,this.syncStateFromValue=()=>{const t=this.value;(t=>Number.isFinite(t))(t)?(this.isUnset=!1,this.valueIsCommitted=!0,this.displayValue=this.multiplyByFactor(t),this.setPercentageClass(t)):this.enterUnsetState()},this.enterUnsetState=()=>{this.isUnset=!0,this.valueIsCommitted=!1,this.displayValue=this.getRestingDisplayValue(),this.percentageClass=void 0},this.renderStepDots=(t,e)=>{if(!this.step)return;const o=this.multiplyByFactor(this.step),i=Math.floor((e-t)/o)+1;return i>20?void 0:Array.from({length:i},(()=>r("span",{class:"step-dot"})))},this.renderHelperLine=()=>{if(this.helperText)return r("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.hasClearButton=()=>!this.readonly&&!this.required,this.renderClearButton=()=>{if(!this.hasClearButton())return;const t=this.label?s.get("clear-value-of",this.language,{label:this.label}):s.get("clear-value",this.language);return r("button",{type:"button",id:this.clearButtonId,class:"clear-button","aria-label":t,onClick:this.handleClear,disabled:this.isUnset||this.disabled},r("svg",{viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},r("path",{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"})),r("limel-tooltip",{elementId:this.clearButtonId,label:t}))},this.handleInput=t=>{t.stopPropagation();const e=Number(t.target.value);this.isUnset=!1,this.displayValue=e,this.setPercentageClass(e/this.factor)},this.handleChange=t=>{t.stopPropagation(),this.commitValue(Number(t.target.value))},this.handleClick=t=>{this.valueIsCommitted||this.commitValue(Number(t.target.value))},this.commitValue=t=>{const e=this.multiplyByFactor(this.step),r=this.multiplyByFactor(this.valuemin);let o=t;this.isMultipleOfStep(o-r,e)||(o=r+this.roundToStep(o-r,e)),this.valueIsCommitted=!0,this.isUnset=!1,this.displayValue=o,this.setPercentageClass(o/this.factor),this.change.emit(o/this.factor)},this.handleClear=t=>{var e;t.stopPropagation(),this.enterUnsetState(),this.change.emit(null),null===(e=this.inputElement)||void 0===e||e.focus()},this.getContainerClassList=()=>Object.assign({"is-unset":this.isUnset,"has-clear-button":this.hasClearButton()},this.getPercentageClassList()),this.getPercentageClassList=()=>this.percentageClass?{[this.percentageClass]:!0}:{},this.multiplyByFactor=t=>Math.round(t*this.factor),this.getRestingDisplayValue=()=>{const t=this.multiplyByFactor(this.valuemin),e=(t+this.multiplyByFactor(this.valuemax))/2,r=this.step?this.multiplyByFactor(this.step):1;return t+Math.round((e-t)/r)*r},this.getFraction=()=>{const t=this.multiplyByFactor(this.valuemin),e=this.multiplyByFactor(this.valuemax);return e===t?0:Math.max(0,Math.min(1,(this.displayValue-t)/(e-t)))},this.setPercentageClass=t=>{this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))},this.isMultipleOfStep=(t,e)=>!e||t%e==0,this.roundToStep=(t,e)=>Math.round(t/e)*e,this.labelId=i(),this.helperTextId=i(),this.clearButtonId=i()}componentWillLoad(){this.syncStateFromValue()}render(){const t=this.multiplyByFactor(this.valuemin),e=this.multiplyByFactor(this.valuemax),i=this.getFraction(),a={};return this.step&&(a.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(a.disabled=!0),r(o,{key:"6d910879894ffc7ff36df228e4252e4758622ab9",class:this.getContainerClassList()},r("limel-notched-outline",{key:"56e3b4dbc963b6923c63a33acb21895f4e86c947",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!this.isUnset,hasFloatingLabel:!0},r("div",{key:"f74ef31e0b7d67dcc8a231a05f9b00b84de50b33",slot:"content"},r("div",{key:"4a4018ac095977f89cba99a0222603469d11ce30",class:"slider",style:{"--slider-fraction":`${i}`}},r("input",Object.assign({key:"8e45c543c4ba524e5257169f79d0e86b4cf95635",type:"range",min:t,max:e,value:this.displayValue,"aria-labelledby":this.labelId,"aria-describedby":this.helperText?this.helperTextId:void 0,"aria-valuetext":this.isUnset?s.get("value-not-set",this.language):void 0,ref:t=>{this.inputElement=t},onInput:this.handleInput,onChange:this.handleChange,onClick:this.handleClick},a)),r("div",{key:"83a5600495635b0fd19cb93be94b59a333f574a5",class:"track"},r("div",{key:"771452b79092adfea7aa82ab87d18910fe6bda8c",class:"active"}),this.renderStepDots(t,e)),r("div",{key:"f3819b77285addfdd15b378943ca2ef16748f319",class:"thumb"},r("div",{key:"46802964d1de2d5ee42faa6f02c1a51f6e35d37e",class:"knob"}),r("div",{key:"273328b017f98f7d581331b0ea1817d370b402f0",class:"indicator","aria-hidden":"true"},this.isUnset?"↔︎":this.displayValue))),r("div",{key:"92b16e21ce4cbf4e78136f5475581dc82c7aaac7",class:"range-labels"},r("span",{key:"be3be26585786ed002a4ad8678cc4f759b2ff510",class:"min"},this.multiplyByFactor(this.valuemin),this.unit),r("span",{key:"abe4058f7a055ec348971ebf5a5d26c3a5ccb0f5",class:"max"},this.multiplyByFactor(this.valuemax),this.unit)))),this.renderClearButton(),this.renderHelperLine())}watchValue(){this.syncStateFromValue()}static get watchers(){return{value:[{watchValue:0}]}}};a.style='@charset "UTF-8";:host([displays-percentage-colors].percent-0){--lime-primary-color:var(--color-percent--0)}:host([displays-percentage-colors].percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host([displays-percentage-colors].percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host([displays-percentage-colors].percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host([displays-percentage-colors].percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host([displays-percentage-colors].percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host([displays-percentage-colors].percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host([displays-percentage-colors].percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host([displays-percentage-colors].percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host([displays-percentage-colors].percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host([displays-percentage-colors].percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host([displays-percentage-colors].percent-30-40) .indicator,:host([displays-percentage-colors].percent-40-50) .indicator,:host([displays-percentage-colors].percent-70-80) .indicator{color:rgb(var(--color-gray-darker))}:host([displays-percentage-colors].percent-50-60) .indicator,:host([displays-percentage-colors].percent-60-70) .indicator{color:rgb(var(--color-gray-dark))}:host([readonly]:not([readonly=false])) input[type=range]{cursor:default}:host([readonly]:not([readonly=false])) .track,:host([readonly]:not([readonly=false])) .active,:host([readonly]:not([readonly=false])) .indicator{height:0.75rem}:host([readonly]:not([readonly=false])) .indicator{box-shadow:none}:host([readonly]:not([readonly=false])) .knob{opacity:0}:host([readonly]:not([readonly=false])) .active{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.thumb{position:absolute;left:calc(var(--slider-fraction) * 100%);top:0;bottom:0;width:0;z-index:1}.knob{transition:border-color 0.5s ease;position:absolute;top:50%;left:0;transform:translate3d(-50%, -50%, 0);width:1.25rem;height:1.25rem;border-radius:50%;border:0.5rem solid;border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:rgb(var(--contrast-100))}.knob:before,.knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;width:0;height:0;border:0.375rem solid transparent}:host([disabled]:not([disabled=false])) .knob:before,:host([disabled]:not([disabled=false])) .knob:after{content:none}.knob:before{opacity:calc(var(--slider-fraction) * 100);left:-1rem;transform:rotate(90deg)}.knob:after{opacity:calc((1 - var(--slider-fraction)) * 100);right:-1rem;transform:rotate(-90deg)}.slider:hover .knob,.slider:has(input[type=range]:active) .knob,.slider:has(input[type=range]:focus) .knob{box-shadow:var(--button-shadow-normal)}.slider:hover .knob:before,.slider:has(input[type=range]:active) .knob:before,.slider:has(input[type=range]:focus) .knob:before{left:-1.5rem;border-top-color:rgb(var(--contrast-1400), 0.5)}.slider:hover .knob:after,.slider:has(input[type=range]:active) .knob:after,.slider:has(input[type=range]:focus) .knob:after{right:-1.5rem;border-top-color:rgb(var(--contrast-1400), 0.5)}.indicator{user-select:none;position:absolute;left:0;top:50%;z-index:1;transform:translate3d(-50%, -50%, 0);transform-origin:bottom center;transition:transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.5s ease;border-radius:1.25rem;padding:0 0.375rem;height:1.25rem;min-width:1.25rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:rgb(var(--color-white));font-size:0.6875rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));box-shadow:var(--button-shadow-normal)}:host(:not([disabled]):not([readonly])) input[type=range]:active~.thumb .indicator,:host(:not([disabled]):not([readonly])) input[type=range]:focus~.thumb .indicator{transform:translate3d(-50%, calc(-100% - 0.75rem), 0) scale(1.25);box-shadow:var(--shadow-depth-16)}*,*:before,*:after{box-sizing:border-box;min-width:0;min-height:0}:host(limel-slider){box-sizing:border-box;isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.slider{position:relative;height:2.5rem;margin:0 0.75rem}input[type=range]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;margin:0;appearance:none}:host([disabled]:not([disabled=false])) input[type=range]{cursor:not-allowed}:host([disabled]:not([disabled=false])) .track .active{opacity:0.5}:host([disabled]:not([disabled=false])) .indicator{border-radius:0.125rem;box-shadow:var(--button-shadow-pressed)}.track{transition:background-color 0.5s ease;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:0.5rem;border-radius:1rem;background-color:rgba(var(--contrast-700), 0.6)}.track:before,.track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.track:before{left:-0.75rem}.track:after{right:-0.75rem}.track .active{transition:background-color 0.5s ease;position:absolute;height:100%;width:calc(var(--slider-fraction) * 100%);border-radius:inherit;background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.step-dot{transform:translateX(-50%);border-radius:50%;height:0.25rem;width:0.25rem;background-color:rgb(var(--contrast-100), 0.6)}.step-dot:first-of-type,.step-dot:last-of-type{opacity:0}.range-labels{display:flex;justify-content:space-between;margin-top:-0.75rem;width:100%}.range-labels .min,.range-labels .max{line-height:1;font-size:0.75rem;color:var(--limel-notched-outline-label-color, rgb(var(--contrast-1200)))}:host(.has-clear-button) div[slot=content]{padding-right:calc(1rem + 0.25rem)}:host(.is-unset) .track .active{width:0}:host(.is-unset) .thumb{left:50%}button.clear-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button.clear-button:focus{outline:none}button.clear-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.clear-button:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--contrast-1100));background-color:rgba(var(--contrast-700), 0.6)}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):focus,button.clear-button:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}button.clear-button:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.clear-button:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.clear-button:not([disabled]):hover,button.clear-button:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.clear-button:not([disabled]):focus-visible{background-color:rgb(var(--contrast-1000))}button.clear-button{position:absolute;inset:0.75rem 0 0 auto;display:flex;align-items:center;justify-content:center;height:1rem;width:1rem;border-radius:50%}button.clear-button svg{width:calc(1rem - 0.25rem);height:calc(1rem - 0.25rem);fill:currentColor}button.clear-button:before{content:"";position:absolute;inset:0 auto 0 0;margin:auto;height:0.125rem;width:0.25rem;background-color:rgba(var(--contrast-700), 0.6);transform:translate(-100%, 0)}button.clear-button[disabled]{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-600));cursor:not-allowed}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}';export{a as limel_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as n,a as i}from"./p-BU9IJqli.js";import{t as r,n as o}from"./p-DjmlD0Mw.js";import{c as a}from"./p-B-tmXAXV.js";import{c as s}from"./p-BrjD-ITe.js";function l(t,e){const n=(null!=t?t:"").trim();if(!n)return{display:"",isGlyph:!1,ariaName:""};if("+"===n)return{display:"+",isGlyph:!1,ariaName:"plus"};const i=n.toLowerCase();switch(i){case"meta":case"win":case"windows":return e?{display:"⌘",isGlyph:!0,ariaName:"Command"}:{display:"⊞ Win",isGlyph:!1,ariaName:"Windows"};case"cmd":case"command":return{display:"⌘",isGlyph:!0,ariaName:"Command"};case"alt":case"option":return e?{display:"⌥",isGlyph:!0,ariaName:"Option"}:{display:"Alt",isGlyph:!1,ariaName:"Alt"};case"shift":return{display:"⇧",isGlyph:!0,ariaName:"Shift"};case"enter":case"return":return{display:"↩",isGlyph:!0,ariaName:"Enter"};case"tab":return{display:"⇥",isGlyph:!0,ariaName:"Tab"};case"delete":case"del":case"backspace":return e?{display:"⌫",isGlyph:!0,ariaName:"Delete"}:"backspace"===i?{display:"Backspace",isGlyph:!1,ariaName:"Backspace"}:{display:"Del",isGlyph:!1,ariaName:"Delete"};case"ctrl":case"control":return e?{display:"⌃",isGlyph:!0,ariaName:"Control"}:{display:"Ctrl",isGlyph:!1,ariaName:"Control"};case"escape":case"esc":return{display:"Esc",isGlyph:!1,ariaName:"Escape"};case"space":case"spacebar":return{display:"␣",isGlyph:!0,ariaName:"Space"};case"arrowup":case"up":return{display:"↑",isGlyph:!0,ariaName:"Up"};case"arrowdown":case"down":return{display:"↓",isGlyph:!0,ariaName:"Down"};case"arrowleft":case"left":return{display:"←",isGlyph:!0,ariaName:"Left"};case"arrowright":case"right":return{display:"→",isGlyph:!0,ariaName:"Right"}}return{display:n,isGlyph:!1,ariaName:n}}function c(t,e){return r(t).map((t=>l(t,e).ariaName)).filter(Boolean).join(" ")}const u=class{constructor(e){t(this,e),this.disabled=!1}componentWillLoad(){this.isApple=a()}render(){const t=r(this.value),i=t.map((t=>l(t,this.isApple))),o=c(this.value,this.isApple);return e(n,{key:"8ffc94c7ac5061743e423e5efb8097b7ea03dc6e","aria-label":o||void 0},i.map((({display:n,isGlyph:i},r)=>e("kbd",{key:`${t[r]}-${r}`,class:i?"is-glyph":void 0},e("span",null,n)))))}};u.style='@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{text-transform:var(--hotkey-text-transform, uppercase);margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}kbd.is-glyph span{transform:scale(1.2)}';var h="top",f="bottom",d="right",p="left",m="auto",v=[h,f,d,p],b="start",y="end",g="viewport",w="popper",x=v.reduce((function(t,e){return t.concat([e+"-"+b,e+"-"+y])}),[]),O=[].concat(v,[m]).reduce((function(t,e){return t.concat([e,e+"-"+b,e+"-"+y])}),[]),k=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function j(t){return t?(t.nodeName||"").toLowerCase():null}function C(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function M(t){return t instanceof C(t).Element||t instanceof Element}function N(t){return t instanceof C(t).HTMLElement||t instanceof HTMLElement}function G(t){return"undefined"!=typeof ShadowRoot&&(t instanceof C(t).ShadowRoot||t instanceof ShadowRoot)}function D(t){return t.split("-")[0]}var S=Math.max,A=Math.min,B=Math.round;function P(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function L(){return!/^((?!chrome|android).)*safari/i.test(P())}function R(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&N(t)&&(r=t.offsetWidth>0&&B(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&B(i.height)/t.offsetHeight||1);var a=(M(t)?C(t):window).visualViewport,s=!L()&&n,l=(i.left+(s&&a?a.offsetLeft:0))/r,c=(i.top+(s&&a?a.offsetTop:0))/o,u=i.width/r,h=i.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function W(t){var e=R(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function E(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&G(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function z(t){return C(t).getComputedStyle(t)}function T(t){return["table","td","th"].indexOf(j(t))>=0}function q(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function H(t){return"html"===j(t)?t:t.assignedSlot||t.parentNode||(G(t)?t.host:null)||q(t)}function $(t){return N(t)&&"fixed"!==z(t).position?t.offsetParent:null}function I(t){for(var e=C(t),n=$(t);n&&T(n)&&"static"===z(n).position;)n=$(n);return n&&("html"===j(n)||"body"===j(n)&&"static"===z(n).position)?e:n||function(t){var e=/firefox/i.test(P());if(/Trident/i.test(P())&&N(t)&&"fixed"===z(t).position)return null;var n=H(t);for(G(n)&&(n=n.host);N(n)&&["html","body"].indexOf(j(n))<0;){var i=z(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function F(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function _(t,e,n){return S(t,A(e,n))}function V(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function U(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function X(t){return t.split("-")[1]}var J={top:"auto",right:"auto",bottom:"auto",left:"auto"};function K(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,b=void 0===v?0:v,g=a.y,w=void 0===g?0:g,x="function"==typeof u?u({x:b,y:w}):{x:b,y:w};b=x.x,w=x.y;var O=a.hasOwnProperty("x"),k=a.hasOwnProperty("y"),j=p,M=h,N=window;if(c){var G=I(n),D="clientHeight",S="clientWidth";G===C(n)&&"static"!==z(G=q(n)).position&&"absolute"===s&&(D="scrollHeight",S="scrollWidth"),(r===h||(r===p||r===d)&&o===y)&&(M=f,w-=(m&&G===N&&N.visualViewport?N.visualViewport.height:G[D])-i.height,w*=l?1:-1),r!==p&&(r!==h&&r!==f||o!==y)||(j=d,b-=(m&&G===N&&N.visualViewport?N.visualViewport.width:G[S])-i.width,b*=l?1:-1)}var A,P=Object.assign({position:s},c&&J),L=!0===u?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:B(t.x*i)/i||0,y:B(n*i)/i||0}}({x:b,y:w},C(n)):{x:b,y:w};return b=L.x,w=L.y,Object.assign({},P,l?((A={})[M]=k?"0":"",A[j]=O?"0":"",A.transform=(N.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",A):((e={})[M]=k?w+"px":"",e[j]=O?b+"px":"",e.transform="",e))}var Q={passive:!0},Y={left:"right",right:"left",bottom:"top",top:"bottom"};function Z(t){return t.replace(/left|right|bottom|top/g,(function(t){return Y[t]}))}var tt={start:"end",end:"start"};function et(t){return t.replace(/start|end/g,(function(t){return tt[t]}))}function nt(t){var e=C(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function it(t){return R(q(t)).left+nt(t).scrollLeft}function rt(t){var e=z(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ot(t){return["html","body","#document"].indexOf(j(t))>=0?t.ownerDocument.body:N(t)&&rt(t)?t:ot(H(t))}function at(t,e){var n;void 0===e&&(e=[]);var i=ot(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=C(i),a=r?[o].concat(o.visualViewport||[],rt(i)?i:[]):i,s=e.concat(a);return r?s:s.concat(at(H(a)))}function st(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function lt(t,e,n){return e===g?st(function(t,e){var n=C(t),i=q(t),r=n.visualViewport,o=i.clientWidth,a=i.clientHeight,s=0,l=0;if(r){o=r.width,a=r.height;var c=L();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:o,height:a,x:s+it(t),y:l}}(t,n)):M(e)?function(t,e){var n=R(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):st(function(t){var e,n=q(t),i=nt(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=S(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=S(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-i.scrollLeft+it(t),l=-i.scrollTop;return"rtl"===z(r||n).direction&&(s+=S(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}(q(t)))}function ct(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?D(r):null,a=r?X(r):null,s=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(o){case h:e={x:s,y:n.y-i.height};break;case f:e={x:s,y:n.y+n.height};break;case d:e={x:n.x+n.width,y:l};break;case p:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?F(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case b:e[c]=e[c]-(n[u]/2-i[u]/2);break;case y:e[c]=e[c]+(n[u]/2-i[u]/2)}}return e}function ut(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,l=e.rootBoundary,c=void 0===l?g:l,u=e.elementContext,p=void 0===u?w:u,m=e.altBoundary,b=void 0!==m&&m,y=e.padding,x=void 0===y?0:y,O=V("number"!=typeof x?x:U(x,v)),k=t.rects.popper,C=t.elements[b?p===w?"reference":w:p],G=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=at(H(t)),n=["absolute","fixed"].indexOf(z(t).position)>=0&&N(t)?I(t):t;return M(n)?e.filter((function(t){return M(t)&&E(t,n)&&"body"!==j(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),a=o.reduce((function(e,n){var r=lt(t,n,i);return e.top=S(r.top,e.top),e.right=A(r.right,e.right),e.bottom=A(r.bottom,e.bottom),e.left=S(r.left,e.left),e}),lt(t,o[0],i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(M(C)?C:C.contextElement||q(t.elements.popper),s,c,o),D=R(t.elements.reference),B=ct({reference:D,element:k,placement:i}),P=st(Object.assign({},k,B)),L=p===w?P:D,W={top:G.top-L.top+O.top,bottom:L.bottom-G.bottom+O.bottom,left:G.left-L.left+O.left,right:L.right-G.right+O.right},T=t.modifiersData.offset;if(p===w&&T){var $=T[i];Object.keys(W).forEach((function(t){var e=[d,f].indexOf(t)>=0?1:-1,n=[h,f].indexOf(t)>=0?"y":"x";W[t]+=$[n]*e}))}return W}function ht(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?O:a,l=X(e.placement),c=l?o?x:x.filter((function(t){return X(t)===l})):v,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(e,o){return e[o]=ut(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[D(o)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var ft={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,a=n.altAxis,s=void 0===a||a,l=n.fallbackPlacements,c=n.padding,u=n.boundary,v=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,k=D(O),j=l||(k!==O&&w?function(t){if(D(t)===m)return[];var e=Z(t);return[et(t),e,et(e)]}(O):[Z(O)]),C=[O].concat(j).reduce((function(t,n){return t.concat(D(n)===m?ht(e,{placement:n,boundary:u,rootBoundary:v,padding:c,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),M=e.rects.reference,N=e.rects.popper,G=new Map,S=!0,A=C[0],B=0;B<C.length;B++){var P=C[B],L=D(P),R=X(P)===b,W=[h,f].indexOf(L)>=0,E=W?"width":"height",z=ut(e,{placement:P,boundary:u,rootBoundary:v,altBoundary:y,padding:c}),T=W?R?d:p:R?f:h;M[E]>N[E]&&(T=Z(T));var q=Z(T),H=[];if(o&&H.push(z[L]<=0),s&&H.push(z[T]<=0,z[q]<=0),H.every((function(t){return t}))){A=P,S=!1;break}G.set(P,H)}if(S)for(var $=function(t){var e=C.find((function(e){var n=G.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},I=w?3:1;I>0&&"break"!==$(I);I--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function dt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function pt(t){return[h,d,f,p].some((function(e){return t[e]>=0}))}function mt(t,e,n){void 0===n&&(n=!1);var i,r,o=N(e),a=N(e)&&function(t){var e=t.getBoundingClientRect(),n=B(e.width)/t.offsetWidth||1,i=B(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),s=q(e),l=R(t,a,n),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!n)&&(("body"!==j(e)||rt(s))&&(c=(i=e)!==C(i)&&N(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:nt(i)),N(e)?((u=R(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=it(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function vt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}var bt={placement:"bottom",modifiers:[],strategy:"absolute"};function yt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function gt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?bt:i;return function(t,e,i){void 0===i&&(i=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},bt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(i){var o="function"==typeof i?i(s.options):i;h(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:M(t)?at(t):t.contextElement?at(t.contextElement):[],popper:at(e)};var a,c,f=function(t){var e=vt(t);return k.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=f.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:s,name:t.name,instance:u,options:void 0===e?{}:e});l.push(i||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(yt(e,n)){s.rects={reference:mt(e,I(n),"fixed"===s.options.strategy),popper:W(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<s.orderedModifiers.length;i++)if(!0!==s.reset){var r=s.orderedModifiers[i],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){h(),c=!0}};if(!yt(t,e))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(i).then((function(t){!c&&i.onFirstUpdate&&i.onFirstUpdate(t)})),u}}var wt=gt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,a=i.resize,s=void 0===a||a,l=C(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",n.update,Q)})),s&&l.addEventListener("resize",n.update,Q),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",n.update,Q)})),s&&l.removeEventListener("resize",n.update,Q)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ct({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,a=void 0===o||o,s=n.roundOffsets,l=void 0===s||s,c={placement:D(e.placement),variation:X(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,K(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,K(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];N(r)&&j(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});N(i)&&j(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=O.reduce((function(t,n){return t[n]=function(t,e,n){var i=D(t),r=[p,h].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[p,d].indexOf(i)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=o}},ft,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,l=n.tether,c=void 0===l||l,u=n.tetherOffset,m=void 0===u?0:u,v=ut(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=D(e.placement),g=X(e.placement),w=!g,x=F(y),O="x"===x?"y":"x",k=e.modifiersData.popperOffsets,j=e.rects.reference,C=e.rects.popper,M="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,N="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),G=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(k){if(o){var P,L="y"===x?h:p,R="y"===x?f:d,E="y"===x?"height":"width",z=k[x],T=z+v[L],q=z-v[R],H=c?-C[E]/2:0,$=g===b?j[E]:C[E],V=g===b?-C[E]:-j[E],U=e.elements.arrow,J=c&&U?W(U):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[L],Y=K[R],Z=_(0,j[E],J[E]),tt=w?j[E]/2-H-Z-Q-N.mainAxis:$-Z-Q-N.mainAxis,et=w?-j[E]/2+H+Z+Y+N.mainAxis:V+Z+Y+N.mainAxis,nt=e.elements.arrow&&I(e.elements.arrow),it=null!=(P=null==G?void 0:G[x])?P:0,rt=z+et-it,ot=_(c?A(T,z+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):T,z,c?S(q,rt):q);k[x]=ot,B[x]=ot-z}if(s){var at,st=k[O],lt="y"===O?"height":"width",ct=st+v["x"===x?h:p],ht=st-v["x"===x?f:d],ft=-1!==[h,p].indexOf(y),dt=null!=(at=null==G?void 0:G[O])?at:0,pt=ft?ct:st-j[lt]-C[lt]-dt+N.altAxis,mt=ft?st+j[lt]+C[lt]-dt-N.altAxis:ht,vt=c&&ft?function(t,e,n){var i=_(t,e,n);return i>n?n:i}(pt,st,mt):_(c?pt:ct,st,c?mt:ht);k[O]=vt,B[O]=vt-st}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,a=n.modifiersData.popperOffsets,s=D(n.placement),l=F(s),c=[p,d].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return V("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:U(t,v))}(r.padding,n),m=W(o),b="y"===l?h:p,y="y"===l?f:d,g=n.rects.reference[c]+n.rects.reference[l]-a[l]-n.rects.popper[c],w=a[l]-n.rects.reference[l],x=I(o),O=x?"y"===l?x.clientHeight||0:x.clientWidth||0:0,k=O/2-m[c]/2+(g/2-w/2),j=_(u[b],k,O-m[c]-u[y]);n.modifiersData[i]=((e={})[l]=j,e.centerOffset=j-k,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&E(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=ut(e,{elementContext:"reference"}),s=ut(e,{altBoundary:!0}),l=dt(a,i),c=dt(s,r,o),u=pt(l),h=pt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]});const xt="is-visible",Ot="is-hiding",kt=class{get anchorElement(){return this.anchor||this.host}constructor(e){t(this,e),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.inheritParentWidth=!1,this.visible=!1,this.anchor=null,this.loaded=!1,this.writtenStyles={},this.scheduledRestyle=null,this.parents=new WeakMap}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer=null,this.container=null}connectedCallback(){this.loaded&&this.visible&&this.init()}componentDidLoad(){this.loaded=!0,this.connectedCallback()}init(){this.host.isConnected&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()))}render(){return e("slot",{key:"f4db0b146b4cd851a9837bf10dc7d331cd5a9dce"})}onVisible(){this.container||!this.visible?this.visible?(this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))):this.animateHideAndCleanup():this.init()}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),e=t.assignedElements&&t.assignedElements()||[];this.writtenStyles={},this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host});for(const t of e)this.parents.set(t,t.parentElement),this.container.append(t)}attachContainer(){this.getParent().append(this.container)}removeContainer(){if(this.container){for(const t of[...this.container.children]){const e=this.parents.get(t);e&&e.append(t)}this.container.remove()}}hideContainer(){this.container&&this.container.classList.remove(xt)}showContainer(){this.container.classList.add(xt)}animateHideAndCleanup(){this.container&&(this.container.classList.add(Ot),this.styleContainer(),setTimeout((()=>{this.container&&(this.container.classList.remove(Ot),this.visible||(this.container.classList.remove(xt),this.destroyPopper()))}),300))}styleContainer(){const t=this.host.getBoundingClientRect();this.setContainerWidth(t),this.setContainerHeight(t),this.setContainerStyles()}setContainerWidth(t){if(!this.inheritParentWidth)return;const e=t.width>0?t.width:this.getContentWidth(this.container);this.setContainerStyle("width",`${e}px`)}getContentWidth(t){if(!t)return null;const e=t.getBoundingClientRect().width;if(0!==e)return e;const n=t.querySelector("*");return this.getContentWidth(n)}setContainerStyles(){for(const[t,e]of Object.entries(this.containerStyle))this.container.style[t]=e}setContainerStyle(t,e){this.writtenStyles[t]!==e&&(this.writtenStyles[t]=e,this.container.style[t]=e)}createPopper(){this.destroyPopper();const t=this.createPopperConfig();this.popperInstance=wt(this.anchorElement,this.container,t),this.observeResize()}destroyPopper(){var t,e;null===(t=this.observer)||void 0===t||t.disconnect(),this.cancelScheduledRestyle(),null===(e=this.popperInstance)||void 0===e||e.destroy(),this.popperInstance=null}observeResize(){var t;"ResizeObserver"in window&&(null!==(t=this.observer)&&void 0!==t||(this.observer=new ResizeObserver((()=>{this.scheduleRestyle()}))),this.observer.observe(this.container),this.observer.observe(this.anchorElement))}scheduleRestyle(){null===this.scheduledRestyle&&(this.scheduledRestyle=requestAnimationFrame((()=>{this.scheduledRestyle=null,this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})))}cancelScheduledRestyle(){null!==this.scheduledRestyle&&(cancelAnimationFrame(this.scheduledRestyle),this.scheduledRestyle=null)}createPopperConfig(){const t=this.getPlacement(this.openDirection),e=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[e]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}setContainerHeight(t){const e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),n=Math.max(t.top,0),i=Math.max(e-t.bottom,0),r=Math.max(0,Math.round(Math.max(n,i)-16));this.setContainerStyle("maxHeight",`${r}px`)}getParent(){let t=this.anchorElement;for(;t;){const e=t.closest(".limel-portal--parent");if(e)return e;t=t.getRootNode().host}return document.body}get host(){return i(this)}static get watchers(){return{visible:[{onVisible:0}]}}};kt.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const jt=new WeakMap;function Ct(t){return t.replaceAll(/\s+/g," ").trim().toLowerCase()}const Mt=["button",'input:not([type="hidden"])',"select","textarea"],Nt=["a[href]",...Mt.map((t=>`${t}:not([disabled])`)),"summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].map((t=>`${t}:not([tabindex="-1"])`)).join(", "),Gt=Mt.map((t=>`${t}[disabled]:not([tabindex="-1"])`)).join(", ");async function Dt(t,e){return function(t){var e;return!(null===(e=t.shadowRoot)||void 0===e?void 0:e.delegatesFocus)&&t.matches(Nt)}(t)?t:(function(t,e){!e.disabled&&t.matches(Gt)&&(e.disabled=t)}(t,e),async function(t,e){(function(t){return"componentOnReady"in t&&"function"==typeof t.componentOnReady})(t)&&await t.componentOnReady();const n=t.shadowRoot?await St(t.shadowRoot.children,e):void 0;return null!=n?n:St(t.children,e)}(t,e))}async function St(t,e){for(const n of t){if("limel-tooltip"===n.localName)continue;const t=await Dt(n,e);if(t)return t}}class At{constructor(t,e,n=500){this.timerHandle=null,this.showCallback=t,this.hideCallback=e,this.delayForShowing=n}showAfterDelay(){this.timerHandle||(this.timerHandle=setTimeout(this.showCallback,this.delayForShowing))}hide(){clearTimeout(this.timerHandle),this.timerHandle=null,this.hideCallback()}}const Bt=class{constructor(e){t(this,e),this.maxlength=50,this.openDirection="top",this.latestUpdate=0,this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()},this.hideTooltip=()=>{this.tooltipTimer.hide()},this.portalId=s(),this.tooltipTimer=new At((()=>this.open=!0),(()=>this.open=!1))}async connectedCallback(){this.ownerElement=function(t,e){let n=e;do{n=n.parentNode}while(n&&n.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&n.nodeType!==Node.DOCUMENT_NODE);return null==n?void 0:n.getElementById(t)}(this.elementId,this.host),this.addListeners(),await this.updateDescription()}disconnectedCallback(){this.removeListeners(),this.latestUpdate++,this.restoreDescription()}async watchDescription(){await this.updateDescription()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{key:"f77ad0d2453d4abda766785d0ccfe96154df71bb",class:"trigger-anchor"},e("limel-portal",{key:"e7f314f76039381ebe5c3add9e675a53650ad8f1",openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{key:"afbd8bf04d7070fa8afe22f14496c2c24cdf222e",label:this.label,helperLabel:this.helperLabel,hotkey:this.hotkey,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open})))}async updateDescription(){if(!this.ownerElement)return;const t=++this.latestUpdate,e=await async function(t){var e,n;const i={};return null!==(n=null!==(e=await Dt(t,i))&&void 0!==e?e:i.disabled)&&void 0!==n?n:t}(this.ownerElement);if(!this.host.isConnected||t!==this.latestUpdate)return;e!==this.describedElement&&(this.restoreDescription(),this.describedElement=e);const n=function(t,e,n,i){const r=new Set(function(t){var e;const n=null===(e=t.getAttribute("aria-label"))||void 0===e?void 0:e.trim();if(n)return[n];const i=[...t.querySelectorAll("[aria-label]")];return[t.textContent,...[...t.children].map((t=>t.textContent)),...i.map((t=>t.getAttribute("aria-label")))].filter(Boolean)}(t).map(Ct)),s=[e,n].filter((t=>t&&!r.has(Ct(t))));return s.push(function(t){const e=o(t);return e?c(e,a()):void 0}(i)),s.filter(Boolean).join(". ")}(e,this.label,this.helperLabel,this.hotkey);n?function(t,e,n){let i=jt.get(t);i||(i={original:t.getAttribute("aria-description"),texts:new Map},jt.set(t,i)),i.texts.delete(e),i.texts.set(e,n),t.setAttribute("aria-description",n)}(e,this,n):this.restoreDescription()}restoreDescription(){this.describedElement&&function(t,e){const n=jt.get(t),i=null==n?void 0:n.texts.get(e);if(!n||void 0===i)return;n.texts.delete(e);const r=t.getAttribute("aria-description")===i,o=[...n.texts.values()].at(-1);void 0===o?(jt.delete(t),r&&(null!==n.original?t.setAttribute("aria-description",n.original):t.removeAttribute("aria-description"))):r&&t.setAttribute("aria-description",o)}(this.describedElement,this),this.describedElement=void 0}addListeners(){var t,e,n,i;null===(t=this.ownerElement)||void 0===t||t.addEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.addEventListener("mouseout",this.hideTooltip),null===(n=this.ownerElement)||void 0===n||n.addEventListener("focus",this.showTooltip),null===(i=this.ownerElement)||void 0===i||i.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,n,i;null===(t=this.ownerElement)||void 0===t||t.removeEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.removeEventListener("mouseout",this.hideTooltip),null===(n=this.ownerElement)||void 0===n||n.removeEventListener("focus",this.showTooltip),null===(i=this.ownerElement)||void 0===i||i.removeEventListener("blur",this.hideTooltip)}get host(){return i(this)}static get watchers(){return{label:[{watchDescription:0}],helperLabel:[{watchDescription:0}],hotkey:[{watchDescription:0}]}}};Bt.style=":host(limel-tooltip){position:absolute;pointer-events:none}";const Pt=class{constructor(e){t(this,e)}render(){let t=!1;return this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength),e(n,{key:"63d36a0e0f1fb0e4eb94c5c216c80299d82f63b2",class:{"has-column-layout":t},style:this.maxlength?{"--tooltip-max-width-of-text":`${this.maxlength}ch`}:void 0},e("div",{key:"6d4ecf58b8854edeece92a53065816292a2a39b9",class:"label"},this.label),this.renderHelperLabel(),this.renderHotkey())}renderHelperLabel(){if(this.helperLabel)return e("div",{class:"helper-label"},this.helperLabel)}renderHotkey(){if(!this.hotkey)return;const t=o(this.hotkey);return t?e("limel-hotkey",{value:t}):void 0}};Pt.style=":host(limel-tooltip-content){box-sizing:border-box;display:flex;align-items:center;gap:0.5rem 1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-default-font-size);line-height:normal;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16), var(--shadow-brighten-edges-inside)}:host(.has-column-layout){flex-direction:column;align-items:flex-start;padding:0.5rem;max-width:min(var(--tooltip-max-width-of-text), 80vw)}:host(.has-column-layout) .label,:host(.has-column-layout) .helper-label{flex-grow:1}.label,.helper-label{min-width:0;min-height:0}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}limel-hotkey{margin-right:-0.25rem}";export{u as limel_hotkey,kt as limel_portal,Bt as limel_tooltip,Pt as limel_tooltip_content}
|