@limetech/lime-elements 40.14.3 → 40.14.4
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 +11 -0
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-breadcrumbs_6.cjs.entry.js +9 -7
- package/dist/cjs/limel-checkbox.cjs.entry.js +9 -6
- package/dist/cjs/limel-chip-set.cjs.entry.js +34 -3
- package/dist/cjs/limel-helper-line_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +3 -3
- package/dist/cjs/limel-select.cjs.entry.js +12 -9
- package/dist/cjs/limel-slider.cjs.entry.js +7 -6
- package/dist/cjs/limel-switch.cjs.entry.js +5 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +11 -8
- package/dist/collection/components/chip-set/chip-set-input-helpers.js +3 -0
- package/dist/collection/components/chip-set/chip-set.css +2 -2
- package/dist/collection/components/chip-set/chip-set.js +30 -2
- package/dist/collection/components/input-field/input-field.css +28 -24
- package/dist/collection/components/input-field/input-field.js +8 -6
- package/dist/collection/components/notched-outline/notched-outline.css +3 -1
- package/dist/collection/components/picker/picker.js +3 -3
- package/dist/collection/components/select/select.js +9 -6
- package/dist/collection/components/select/select.template.js +4 -4
- package/dist/collection/components/slider/slider.js +8 -7
- package/dist/collection/components/switch/switch.js +6 -5
- package/dist/collection/style/internal/shared_input-select-picker.scss +2 -2
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-breadcrumbs_6.entry.js +9 -7
- package/dist/esm/limel-checkbox.entry.js +9 -6
- package/dist/esm/limel-chip-set.entry.js +34 -3
- package/dist/esm/limel-helper-line_3.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +3 -3
- package/dist/esm/limel-select.entry.js +12 -9
- package/dist/esm/limel-slider.entry.js +7 -6
- package/dist/esm/limel-switch.entry.js +5 -4
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-1663fa9d.entry.js → p-150010b5.entry.js} +1 -1
- package/dist/lime-elements/p-2787580a.entry.js +23 -0
- package/dist/lime-elements/p-5633c069.entry.js +1 -0
- package/dist/lime-elements/p-88dcba1e.entry.js +1 -0
- package/dist/lime-elements/{p-95ca7426.entry.js → p-d1eaba10.entry.js} +1 -1
- package/dist/lime-elements/{p-4a272ac2.entry.js → p-d94f1c0f.entry.js} +1 -1
- package/dist/lime-elements/p-f0e3a147.entry.js +159 -0
- package/dist/lime-elements/{p-9aa921a2.entry.js → p-f96a8e2c.entry.js} +1 -1
- package/dist/lime-elements/style/internal/shared_input-select-picker.scss +2 -2
- package/dist/types/components/checkbox/checkbox.d.ts +8 -5
- package/dist/types/components/chip-set/chip-set.d.ts +2 -0
- package/dist/types/components/select/select.d.ts +4 -4
- package/dist/types/components/slider/slider.d.ts +4 -3
- package/dist/types/components/switch/switch.d.ts +4 -3
- package/dist/types/components.d.ts +10 -10
- package/package.json +1 -1
- package/dist/lime-elements/p-3de45ea6.entry.js +0 -159
- package/dist/lime-elements/p-677836c9.entry.js +0 -1
- package/dist/lime-elements/p-ec531ecb.entry.js +0 -1
- package/dist/lime-elements/p-ed73fb0f.entry.js +0 -23
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as d,a as l}from"./p-BU9IJqli.js";import{c as a,d as r,a as o,D as n,B as c,E as m}from"./p-Bu6-QXrA.js";import{t as f}from"./p-B26k4gw8.js";import{a as s,b as x}from"./p-5KsJICvh.js";import{c as p}from"./p-BrjD-ITe.js";import{i as h}from"./p-Cu9Ji1iJ.js";import{M as g}from"./p-C1FFnUvf.js";import"./p-ChagAaNf.js";import"./p-DeIIlp6m.js";import"./p-CZ30nDJE.js";import"./p-DK0pjX-Y.js";import"./p-BJQylLSL.js";import"./p-oiMYqRQ0.js";import"./p-BYfPV0O4.js";import"./p-BcJ-TDVt.js";import"./p-DbBZn7JO.js";import"./p-B8VKuhvH.js";import"./p-B--C3qwe.js";import"./p-6YuZiAPi.js";import"./p-BZXGwiAr.js";import"./p-CmtleG1y.js";function u(t){var e;if(!this.readonly&&!(this.textValue.length>0)&&(null===(e=this.value)||void 0===e?void 0:e.length))return t.key===a?function(t,e){e.preventDefault(),null!==t.inputChipIndexSelected?t.inputChipIndexSelected<=0||(t.inputChipIndexSelected-=1):t.inputChipIndexSelected=t.value.length-1}(this,t):t.key===r?function(t,e){e.preventDefault(),null!==t.inputChipIndexSelected?t.inputChipIndexSelected>=t.value.length-1||(t.inputChipIndexSelected+=1):t.inputChipIndexSelected=0}(this,t):t.key===o?function(t,e){null!==t.inputChipIndexSelected&&(e.preventDefault(),t.emitInteraction(t.value[t.inputChipIndexSelected]))}(this,t):t.key===n?function(t,e){null!==t.inputChipIndexSelected&&(e.preventDefault(),b(t))}(this,t):t.key===c?function(t,e){null!==t.inputChipIndexSelected?(e.preventDefault(),b(t)):e.repeat||(t.inputChipIndexSelected=t.value.length-1)}(this,t):t.key===m?function(t,e){null!==t.inputChipIndexSelected&&(e.preventDefault(),t.inputChipIndexSelected=null)}(this,t):void 0}function b(t){if(null===t.inputChipIndexSelected)return;const e=t.value[t.inputChipIndexSelected];!1!==e.removable&&(t.removeChip(e.id),t.inputChipIndexSelected=null)}const _=class{constructor(d){t(this,d),this.interact=e(this,"interact",7),this.change=e(this,"change",7),this.startEdit=e(this,"startEdit",7),this.stopEdit=e(this,"stopEdit",7),this.input=e(this,"input",7),this.value=[],this.disabled=!1,this.readonly=!1,this.invalid=!1,this.inputType="text",this.required=!1,this.emptyInputOnBlur=!0,this.emptyInputOnChange=!0,this.clearAllButton=!0,this.leadingIcon=null,this.delimiter=null,this.autocomplete="off",this.language="en",this.editMode=!1,this.textValue="",this.blurred=!1,this.inputChipIndexSelected=null,this.handleKeyDown=u,this.renderContent=t=>"input"===this.type?this.renderInputChips():t.map(this.renderChip),this.getValue=()=>this.value.map((t=>Object.assign(Object.assign({},t),this.type&&{selected:this.selectedChipIds.includes(t.id)}))),this.floatLabelAbove=()=>{if(this.value.length>0||this.editMode||this.readonly||this.textValue)return!0},this.hasHelperText=()=>null!=this.helperText,this.renderHelperLine=()=>{const t=1===this.maxItems?void 0:this.maxItems;if(t||this.hasHelperText())return i("limel-helper-line",{length:this.value.length,maxLength:t,helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.isInvalid()})},this.catchInputChipClicks=t=>e=>{e.Lime={chip:t},this.isSelectableChip(t)&&(this.updateSelectedChipIds(t),this.change.emit(t)),this.emitInteraction(t)},this.handleRemoveChip=t=>{this.removeChip(t.detail)},this.removeChip=t=>{const e=this.value.filter((e=>e.id!==t));this.change.emit(e)},this.clearAllChipsLabel=()=>f.get("chip-set.clear-all",this.language),this.labelId=p(),this.helperTextId=p(),this.renderChip=this.renderChip.bind(this),this.renderInputChip=this.renderInputChip.bind(this),this.isFull=this.isFull.bind(this),this.handleTextFieldFocus=this.handleTextFieldFocus.bind(this),this.handleInputBlur=this.handleInputBlur.bind(this),this.handleTextInput=this.handleTextInput.bind(this),this.inputFieldOnChange=this.inputFieldOnChange.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.inputHidden=this.inputHidden.bind(this),this.handleDeleteAllIconClick=this.handleDeleteAllIconClick.bind(this),this.renderDelimiter=this.renderDelimiter.bind(this)}connectedCallback(){this.initialize()}initialize(){this.value.length>0&&(this.selectedChipIds=this.value.filter((t=>t.selected)).map((t=>t.id)))}async getEditMode(){return this.editMode}async setFocus(t=!1){this.disabled||this.readonly||(this.editMode=!0,t&&(this.textValue=""),this.host.shadowRoot.querySelector("input").focus(),this.startEdit.emit())}async emptyInput(){this.syncEmptyInput()}componentDidLoad(){this.triggerIconColorWarning(this.value),"input"===this.type&&(this.mdcTextField=new g(this.host.shadowRoot.querySelector(".mdc-text-field")))}componentDidUpdate(){const t=this.host.shadowRoot.querySelector("input");t&&this.editMode&&t.focus()}disconnectedCallback(){this.mdcTextField&&this.mdcTextField.destroy()}render(){var t;const e={"mdc-chip-set":!0,"mdc-text-field--with-trailing-icon":!0,disabled:this.disabled||this.readonly};this.type&&(e[`mdc-chip-set--${this.type}`]=!0),"input"===this.type&&Object.assign(e,{"mdc-text-field":!0,"mdc-text-field--outlined":!0,"mdc-chip-set--input":!0,"lime-text-field--readonly":this.readonly,"has-chips":this.value.length>0,"has-leading-icon":null!==this.leadingIcon,"has-clear-all-button":this.clearAllButton});const l=this.getValue();return i(d,{key:"e76b6af4688bf6799b2b87550cfc9d13c9daaa98"},i("limel-notched-outline",{key:"2aec4678f421699d8ff420c8a6b17ec4ee457855",labelId:this.labelId,label:this.label,required:this.required,invalid:this.isOutlineInvalid(),disabled:this.disabled,readonly:this.readonly,hasValue:!!(null===(t=this.value)||void 0===t?void 0:t.length),hasLeadingIcon:!!this.leadingIcon,hasFloatingLabel:this.floatLabelAbove()},i("div",Object.assign({key:"20fef0388c53d672d05f7f7f08e264d3ebcc3b31",slot:"content"},this.getContentProps(),{class:e}),this.renderContent(l))),this.renderHelperLine())}getContentProps(){return"input"===this.type?{onClick:this.handleTextFieldFocus}:{role:"grid","aria-describedby":this.getDescribedBy()}}getDescribedBy(){return this.helperText?this.helperTextId:void 0}handleReadonlyChange(t){if(t)return void this.endEditing();const e=this.host.shadowRoot.querySelector("input");!this.disabled&&e&&this.host.shadowRoot.activeElement===e&&(this.editMode=!0,this.startEdit.emit())}endEditing(){this.editMode&&(this.editMode=!1,this.inputChipIndexSelected=null,this.stopEdit.emit())}handleChangeChips(t,e){h(t,e)||(this.emptyInputOnChange&&this.syncEmptyInput(),this.initialize())}renderInputChips(){return[this.value.map(this.renderInputChip),i("input",{tabIndex:this.disabled?-1:0,type:this.inputType,id:this.labelId,"aria-describedby":this.getDescribedBy(),"aria-invalid":this.isOutlineInvalid()?"true":void 0,"aria-required":this.required?"true":void 0,disabled:this.disabled,class:{"mdc-text-field__input":!0,hidden:this.inputHidden()},value:this.textValue,onBlur:this.handleInputBlur,onFocus:this.handleTextFieldFocus,onKeyDown:this.handleKeyDown,onInput:this.handleTextInput,onChange:this.inputFieldOnChange,placeholder:this.isFull()?"":this.searchLabel,readonly:this.readonly||this.isFull(),autocomplete:this.autocomplete}),this.renderLeadingIcon(),this.renderClearAllChipsButton()]}isFull(){return!!this.maxItems&&this.value.length>=this.maxItems}isOutlineInvalid(){return this.invalid||this.isInvalid()}isInvalid(){var t;return!(this.readonly||!this.invalid&&(!this.required||!this.blurred||(null===(t=this.value)||void 0===t?void 0:t.length)))}inputFieldOnChange(t){t.stopPropagation()}handleTextFieldFocus(t){this.disabled||this.readonly||this.editMode||function(t){var e;return!!(null===(e=null==t?void 0:t.Lime)||void 0===e?void 0:e.chip)}(t)||(this.editMode=!0,this.startEdit.emit())}handleInputBlur(){this.readonly||(this.emptyInputOnBlur&&this.syncEmptyInput(),this.editMode=!1,this.blurred=!0,this.inputChipIndexSelected=null,setTimeout((()=>{this.stopEdit.emit()}),0))}syncEmptyInput(){this.textValue=""}inputHidden(){var t;return this.editMode?this.isFull():!this.textValue&&!!(null===(t=this.value)||void 0===t?void 0:t.length)}handleTextInput(t){var e;t.stopPropagation(),this.inputChipIndexSelected=null,this.textValue=t.target.value,this.input.emit(null===(e=t.target.value)||void 0===e?void 0:e.trim())}emitInteraction(t){this.interact.emit(t)}renderChip(t){const e=this.getChipProps(t,"filter"===this.type?"filter":"default");return i("limel-chip",Object.assign({},e))}renderInputChip(t,e,d){const l=this.getChipProps(t,"default"),a=e===d.length-1;return[i("limel-chip",Object.assign({key:t.id,class:{"can-be-removed":this.inputChipIndexSelected===e}},l)),!(a&&this.inputHidden())&&this.renderDelimiter()]}getChipProps(t,e){return Object.assign({role:"row",identifier:t.id,text:t.text,icon:t.icon,image:t.image,badge:t.badge,selected:t.selected,disabled:this.disabled,loading:t.loading,progress:t.progress,invalid:t.invalid,readonly:this.readonly&&"input"!==this.type,type:e,removable:"input"===this.type&&!1!==t.removable&&!this.readonly,menuItems:t.menuItems,language:this.language,onClick:this.catchInputChipClicks(t),onRemove:this.handleRemoveChip},t.href&&{link:{href:x(t.href),target:s(t.href)}})}isSelectableChip(t){return"input"!==this.type&&"selected"in t}updateSelectedChipIds(t){t.selected=!t.selected;const e=t.id;"choice"===this.type?this.updateChoiceTypeSelectedIds(e):this.updateFilterTypeSelectedIds(e)}updateChoiceTypeSelectedIds(t){this.selectedChipIds=this.isChipSelected(t)?[]:[t]}isChipSelected(t){return this.selectedChipIds.includes(t)}updateFilterTypeSelectedIds(t){this.isChipSelected(t)?this.removeChipIdFromSelectedChipIds(t):this.addChipIdToSelectedChipIds(t)}removeChipIdFromSelectedChipIds(t){this.selectedChipIds=this.selectedChipIds.filter((e=>e!==t))}addChipIdToSelectedChipIds(t){this.selectedChipIds=[...this.selectedChipIds,t]}renderLeadingIcon(){if(this.leadingIcon)return i("i",{class:"mdc-text-field__icon search-icon"},i("limel-icon",{name:this.leadingIcon}))}renderClearAllChipsButton(){if(!this.disabled&&!this.readonly&&this.clearAllButton&&!this.value.every((t=>!1===t.removable)))return i("a",{href:"",onClick:this.handleDeleteAllIconClick,class:"mdc-text-field__icon clear-all-button",tabindex:"0",role:"button",title:this.clearAllChipsLabel(),"aria-label":this.clearAllChipsLabel()})}handleDeleteAllIconClick(t){t.preventDefault();const e=this.value.filter((t=>!1===t.removable));this.change.emit(e)}renderDelimiter(){if(this.delimiter)return i("div",{class:"delimiter"},this.delimiter)}triggerIconColorWarning(t){for(const e of t)e.icon&&(e.iconFillColor||e.iconBackgroundColor||e.iconTitle)&&console.warn("The `iconFillColor`, `iconBackgroundColor`, and `iconTitle` props are deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name', `iconBackgroundColor: 'color-name', and `iconTitle: 'title'`, write `icon { name: 'icon-name', color: 'color-name', backgroundColor: 'color-name', title: 'title' }`.")}static get delegatesFocus(){return!0}get host(){return l(this)}static get watchers(){return{readonly:[{handleReadonlyChange:0}],value:[{handleChangeChips:0}]}}};_.style='@charset "UTF-8";:host(limel-chip-set[readonly]) .mdc-text-field.disabled{pointer-events:auto}:host(limel-chip-set:focus),:host(limel-chip-set:focus-visible),:host(limel-chip-set:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-chip-set){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-chip-set:focus) limel-helper-line,:host(limel-chip-set:focus-visible) limel-helper-line,:host(limel-chip-set:focus-within) limel-helper-line,:host(limel-chip-set:hover) limel-helper-line{will-change:grid-template-rows}@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-text-field--filled{--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-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__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-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{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-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field{display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}.mdc-text-field__input{-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);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-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);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0;}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px;}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px;}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled{height:56px}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:rgb(244.8, 244.8, 244.8)}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{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-text-field--outlined{height:56px}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-text-field--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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--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-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0;}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{content:none}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-text-field--outlined{overflow:visible}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:"";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px);}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px);}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{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-text-field--with-leading-icon.mdc-text-field--outlined,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-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-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-floating-label{color:GrayText}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:rgb(249.9, 249.9, 249.9)}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left;}[dir=rtl] .mdc-text-field--ltr-text,.mdc-text-field--ltr-text[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text,.mdc-text-field--ltr-text[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}.mdc-text-field-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-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-text-field-helper-text{margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-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-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-text-field-character-counter{margin-top:0;line-height:normal;margin-left:auto;margin-right:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto;}.mdc-text-field-character-counter{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field-character-counter{white-space:nowrap}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px;}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px;}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px;}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px;}.mdc-text-field__icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--contrast-900))}.mdc-text-field__icon limel-icon{width:1.5rem;height:1.5rem}:host(limel-chip-set){isolation:isolate}:host(limel-chip-set[type=input]) limel-notched-outline [slot=content]{min-height:2.5rem}:host(limel-chip-set[type=input]) limel-chip:only-of-type{--chip-max-width:auto}:host(limel-chip-set:not([type=input])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}.mdc-chip-set{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;min-height:2.5rem;position:relative}.mdc-chip-set.mdc-chip-set--input{padding:0.4rem 0.5rem;width:100%}.mdc-chip-set.has-clear-all-button.mdc-chip-set--input{padding-right:2rem}.mdc-text-field:not(.mdc-text-field--disabled):not(.lime-text-field--readonly) .mdc-text-field__input{color:rgba(var(--contrast-1400), 1);font-size:var(--limel-theme-default-font-size) !important;font-family:inherit !important}.mdc-text-field.mdc-text-field--disabled .mdc-text-field__input,.mdc-text-field.lime-text-field--readonly .mdc-text-field__input{color:rgba(var(--contrast-1400), 0.5)}.mdc-text-field{height:auto;cursor:text;flex-wrap:wrap;row-gap:0.5rem}.mdc-text-field .mdc-text-field__input::placeholder{color:rgb(var(--contrast-900)) !important;font-size:var(--limel-theme-default-font-size) !important;font-family:inherit !important}.mdc-text-field .mdc-text-field__input{width:auto;padding:0 0.5rem;flex-grow:1;flex-shrink:0}.mdc-text-field .mdc-text-field__input.hidden{transition:all 0s;opacity:0;position:absolute;z-index:-100}.mdc-text-field .mdc-text-field__input[type=search]{-webkit-appearance:textfield;background-color:transparent}.mdc-text-field .mdc-text-field__input[type=search]::-webkit-search-cancel-button{display:none}.clear-all-button{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:rgb(var(--contrast-900))}.clear-all-button:hover,.clear-all-button:focus,.clear-all-button:focus-visible{will-change:color, background-color, box-shadow, transform}.clear-all-button:hover,.clear-all-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-white));background-color:rgb(var(--color-red-default))}.clear-all-button:hover{box-shadow:var(--button-shadow-hovered)}.clear-all-button: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)}.clear-all-button:hover,.clear-all-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.clear-all-button{cursor:pointer;height:1.25rem;width:1.25rem;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:0.75rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%2032%2032\'%3E%3Cdefs/%3E%3Cpath%20fill=\'rgb(255,255,255)\'%20d=\'M7.219%205.781L5.78%207.22%2014.563%2016%205.78%2024.781%207.22%2026.22%2016%2017.437l8.781%208.782%201.438-1.438L17.437%2016l8.782-8.781L24.78%205.78%2016%2014.563z\'/%3E%3C/svg%3E")}.clear-all-button:focus{outline:none}.clear-all-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.clear-all-button{position:absolute;right:0.5rem;top:calc(2.5rem / 4);opacity:0}.clear-all-button:focus,.has-chips:not(.disabled):hover .clear-all-button,.has-chips:not(.disabled).mdc-text-field--focused .clear-all-button{opacity:1;outline:none}.mdc-chip-set:not(.has-chips) .clear-all-button,.has-chips.disabled .clear-all-button{display:none}.has-leading-icon:not(.has-chips) .mdc-text-field__input{padding-left:1.5rem}.has-leading-icon limel-chip:first-of-type{margin-left:1.5rem}.has-leading-icon .search-icon{transition:transform 0.2s ease;position:absolute;top:0.5625rem;left:0.25rem}.has-leading-icon limel-icon{background-color:transparent}.delimiter{opacity:0.5;padding:0 0.125rem;color:var(--limel-theme-on-surface-color)}limel-chip{border-radius:2rem}limel-chip.can-be-removed{box-shadow:var(--shadow-depth-8-error)}';export{_ as limel_chip_set}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,a as e}from"./p-BU9IJqli.js";import{t as h}from"./p-B26k4gw8.js";import{i as n}from"./p-B9Ofc5RB.js";import{E as r,T as o,a,A as l,b as d}from"./p-Bu6-QXrA.js";import{c}from"./p-BrjD-ITe.js";import{a as u,g as p}from"./p-CgNJbSP4.js";import{d as m}from"./p-BviYUVSD.js";import"./p-ChagAaNf.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const g=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.interact=i(this,"interact",7),this.action=i(this,"action",7),this.disabled=!1,this.readonly=!1,this.language="en",this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.loading=!1,this.chips=[],this.chipSetEditMode=!1,this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=p(t.icon),s=u(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions,badge:t.badge}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0}),0),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=c(),this.debouncedSearch=m(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}disconnectedCallback(){this.debouncedSearch.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled?"-1":"0")}async componentWillUpdate(){this.chipSetEditMode=!1,this.chipSet&&(this.chipSetEditMode=await this.chipSet.getEditMode())}render(){const t={};return this.multiple||(t.maxItems=1),[s("limel-chip-set",Object.assign({key:"48b339e4313ecdd3541e4256d96b54cebb04b0d8",type:"input",inputType:"search",label:this.label,helperText:this.helperText,leadingIcon:this.leadingIcon,value:this.chips,disabled:this.disabled,invalid:this.invalid,delimiter:this.renderDelimiter(),readonly:this.readonly,required:this.required,searchLabel:this.searchLabel,language:this.language,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,emptyInputOnChange:!1,clearAllButton:this.multiple&&!this.chipSetEditMode},t)),this.renderDropdown()]}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}renderDropdown(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();"top"===this.actionPosition&&i.push(s),t&&i.push(t),"bottom"===this.actionPosition&&i.push(s)}return this.renderPortal(i)}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}shouldShowDropDownContent(){return!this.readonly&&!this.isFull()&&!!this.chipSetEditMode}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():""!==this.textValue?this.renderEmptyMessage():void 0}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}renderEmptyMessage(){const t=this.emptyResultMessage||h.get("picker.no-matching-results",this.language,{query:this.textValue});return s("p",{style:{color:"rgb(var(--contrast-1100))",textAlign:"center",fontSize:"var(--limel-theme-default-font-size)",margin:"0.5rem 1rem"}},t)}renderListResult(){return s("limel-list",{badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){if(t.key===r)return t.preventDefault(),t.stopPropagation(),this.handleEscape(),void this.chipSet.setFocus();[o,a].includes(t.key)&&this.chipSet.setFocus()}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);n(t,this.host)||n(t,i)||this.clearInputField()}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i,s;if(t.stopPropagation(),!this.value||this.value!==t.detail){let s=t.detail;this.multiple&&(s=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(s),this.updateSearchAfterPick()}this.multiple&&(null===(s=this.chipSet)||void 0===s||s.setFocus())}updateSearchAfterPick(){this.multiple?this.resetSearchAfterValueChange():this.clearInputField()}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.debouncedSearch(this.textValue)}async handleChange(t){var i,s;t.stopPropagation();let e=null;this.multiple&&(e=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(e);const h=await(null===(i=this.chipSet)||void 0===i?void 0:i.getEditMode()),n=(null===(s=this.items)||void 0===s?void 0:s.length)>0||""!==this.textValue;this.multiple&&h&&n?this.resetSearchAfterValueChange():this.clearInputField()}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){const i=t.key===o&&!t.altKey&&!t.metaKey&&!t.shiftKey,s=t.key===l,e=t.key===d;if(t.key===r)return t.preventDefault(),t.stopPropagation(),void this.handleEscape();if(!i&&!s&&!e)return;const h=document.querySelector(` #${this.portalId} limel-list`);if(!h)return;if(i||e){const i=h.shadowRoot.querySelector(".mdc-deprecated-list-item");if(!i)return;return t.preventDefault(),void i.focus()}if(!s)return;const n=[...h.shadowRoot.querySelectorAll(".mdc-deprecated-list-item")].at(-1);n&&(t.preventDefault(),n.focus())}handleSearchResult(t,i){var s;if(t!==this.textValue)return;let e=i;if(this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];e=i.filter((i=>"separator"in i||!t.includes(i)))}this.items=this.prependSearchHeader(t,e),this.loading=!1}hasPickableItems(t){return t.some((t=>!("separator"in t)))}prependSearchHeader(t,i){return""===t?i:this.hasPickableItems(i)?[{separator:!0,text:h.get("picker.results-matching",this.language,{query:t})},...i]:i}handleCloseMenu(){this.clearInputField()}clearTextValue(){this.chipSet.emptyInput(),this.textValue="",this.debouncedSearch.cancel()}clearInputField(){this.clearTextValue(),this.handleSearchResult("",[])}resetSearchToDefault(){this.clearTextValue(),this.search("")}resetSearchAfterValueChange(){this.clearTextValue(),this.debouncedSearch("")}handleEscape(){""===this.textValue?this.clearInputField():this.resetSearchToDefault()}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};g.style=":host{position:relative;display:block}:host([hidden]){display:none}";export{g as limel_picker}
|
|
@@ -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:"67896281429efb2375427383aa6c7046096ad203",tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},t("div",{key:"7fbf830b9edd0b2aeb36539ddbc8c2b472acc4eb"},this.renderHelperText(),this.renderCharacterCounter()))}};n.style="limel-helper-line{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));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)}limel-helper-line>div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}limel-helper-line.invalid{--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}limel-helper-line.invalid .helper-text{color:var(--limel-theme-error-color)}limel-helper-line .counter{flex-shrink:0;margin-left:auto}limel-helper-line .helper-text,limel-helper-line .counter{padding-top:0.125rem}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:"c0b436d0236fd177e789d43518eb193d5e5e7bbf",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:"3a89f4df1e456e91ae6963275d8e554f785d5806",class:"limel-notched-outline"},t("slot",{key:"d372b467d8aed4d97fe89073f3a9bf8d6af451ae",name:"content"}),t("span",{key:"f56e6d2d3b75e5d05738e28696d892cfdddc991b",class:"limel-notched-outline--outlines","aria-hidden":"true"},t("span",{key:"76c5ac529a46fa4a32969deb9a00bc872ab903e9",class:"limel-notched-outline--leading-outline"}),this.renderLabel(),t("span",{key:"a37b86f6ebb5db2eb9c1f2c8994fce60e70260b6",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}
|
|
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:"67896281429efb2375427383aa6c7046096ad203",tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},t("div",{key:"7fbf830b9edd0b2aeb36539ddbc8c2b472acc4eb"},this.renderHelperText(),this.renderCharacterCounter()))}};n.style="limel-helper-line{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));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)}limel-helper-line>div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}limel-helper-line.invalid{--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}limel-helper-line.invalid .helper-text{color:var(--limel-theme-error-color)}limel-helper-line .counter{flex-shrink:0;margin-left:auto}limel-helper-line .helper-text,limel-helper-line .counter{padding-top:0.125rem}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:"c0b436d0236fd177e789d43518eb193d5e5e7bbf",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:"3a89f4df1e456e91ae6963275d8e554f785d5806",class:"limel-notched-outline"},t("slot",{key:"d372b467d8aed4d97fe89073f3a9bf8d6af451ae",name:"content"}),t("span",{key:"f56e6d2d3b75e5d05738e28696d892cfdddc991b",class:"limel-notched-outline--outlines","aria-hidden":"true"},t("span",{key:"76c5ac529a46fa4a32969deb9a00bc872ab903e9",class:"limel-notched-outline--leading-outline"}),this.renderLabel(),t("span",{key:"a37b86f6ebb5db2eb9c1f2c8994fce60e70260b6",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-background-color:transparent !important}limel-notched-outline[readonly]:not([readonly=false]):not(:has([slot=content]:is(:focus-visible,:focus-within))){--limel-notched-outline-border-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 +1 @@
|
|
|
1
|
-
import{r as e,c as o,h as i,a as l}from"./p-BU9IJqli.js";import{c as t}from"./p-BrjD-ITe.js";import{C as a}from"./p-Cadm4-WZ.js";const r=class{constructor(i){e(this,i),this.change=o(this,"change",7),this.disabled=!1,this.readonly=!1,this.checked=!1,this.indeterminate=!1,this.required=!1,this.readonlyLabels=[],this.modified=!1,this.shouldReinitialize=!1,this.inputId=t(),this.helperTextId=t(),this.destroyMDCInstances=()=>{const e=this.getCheckboxElement();e&&(delete e.dataset.indeterminate,e.indeterminate=!1)},this.isInvalid=()=>!!this.invalid||!(!this.required||!this.modified||this.checked)||void 0,this.initialize=()=>{const e=this.getCheckboxElement();e&&(e.indeterminate=this.indeterminate,e.checked=this.checked||this.indeterminate)},this.getCheckboxElement=()=>{var e,o;return(null===(o=null===(e=this.limelCheckbox)||void 0===e?void 0:e.shadowRoot)||void 0===o?void 0:o.querySelector('input[type="checkbox"]'))||null},this.onChange=e=>{var o;e.stopPropagation();const i=e.currentTarget,l=null!==(o=null==i?void 0:i.checked)&&void 0!==o?o:this.checked;this.change.emit(l),this.modified=!0}}handleCheckedChange(e){const o=this.getCheckboxElement();o&&(o.checked=e||this.indeterminate)}handleIndeterminateChange(e){const o=this.getCheckboxElement();o&&(o.checked=this.checked||e,o.indeterminate=e)}handleReadonlyChange(){this.destroyMDCInstances(),this.shouldReinitialize=!0}componentDidRender(){this.shouldReinitialize&&(this.initialize(),this.shouldReinitialize=!1)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCInstances()}render(){return i(a,{key:"
|
|
1
|
+
import{r as e,c as o,h as i,a as l}from"./p-BU9IJqli.js";import{c as t}from"./p-BrjD-ITe.js";import{C as a}from"./p-Cadm4-WZ.js";const r=class{constructor(i){e(this,i),this.change=o(this,"change",7),this.disabled=!1,this.readonly=!1,this.checked=!1,this.indeterminate=!1,this.required=!1,this.readonlyLabels=[],this.modified=!1,this.shouldReinitialize=!1,this.inputId=t(),this.helperTextId=t(),this.destroyMDCInstances=()=>{const e=this.getCheckboxElement();e&&(delete e.dataset.indeterminate,e.indeterminate=!1)},this.isInvalid=()=>!!this.invalid||!(!this.required||!this.modified||this.checked)||void 0,this.initialize=()=>{const e=this.getCheckboxElement();e&&(e.indeterminate=this.indeterminate,e.checked=this.checked||this.indeterminate)},this.getCheckboxElement=()=>{var e,o;return(null===(o=null===(e=this.limelCheckbox)||void 0===e?void 0:e.shadowRoot)||void 0===o?void 0:o.querySelector('input[type="checkbox"]'))||null},this.onChange=e=>{var o;e.stopPropagation();const i=e.currentTarget,l=null!==(o=null==i?void 0:i.checked)&&void 0!==o?o:this.checked;this.change.emit(l),this.modified=!0}}handleCheckedChange(e){const o=this.getCheckboxElement();o&&(o.checked=e||this.indeterminate)}handleIndeterminateChange(e){const o=this.getCheckboxElement();o&&(o.checked=this.checked||e,o.indeterminate=e)}handleReadonlyChange(){this.destroyMDCInstances(),this.shouldReinitialize=!0}componentDidRender(){this.shouldReinitialize&&(this.initialize(),this.shouldReinitialize=!1)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCInstances()}render(){return i(a,{key:"ac9e8875a9f9d492ad5344c69e5154a651365c3b",disabled:this.disabled||this.readonly,label:this.label,readonlyLabels:this.readonlyLabels,helperText:this.helperText,helperTextId:this.helperTextId,checked:this.checked||this.indeterminate,indeterminate:this.indeterminate,required:this.required,readonly:this.readonly,invalid:this.isInvalid(),onChange:this.onChange,id:this.inputId})}get limelCheckbox(){return l(this)}static get watchers(){return{checked:[{handleCheckedChange:0}],indeterminate:[{handleIndeterminateChange:0}],readonly:[{handleReadonlyChange:0}]}}};r.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;overflow-wrap:var(--limel-boolean-input-label-overflow-wrap, normal);font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)));}.checked .box,.boolean-input>input[type=checkbox]:checked+.box,.boolean-input>input[type=radio]:checked+.box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.box{}.boolean-input:not(.disabled):hover .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):active .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{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);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit;}.boolean-input>input[type=checkbox]:focus-visible+.box:before,.boolean-input>input[type=radio]:focus-visible+.box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white));}.boolean-input:not(.disabled):hover .box:after{will-change:opacity, box-shadow, transform, width}:host(limel-checkbox){--limel-boolean-input-label-overflow-wrap:var( --checkbox-label-overflow-wrap, normal );min-height:var(--limel-checkbox-min-height, 2.5rem)}.box:after{height:0.125rem;width:0.25rem}.indeterminate .box:after{opacity:1;width:calc(var(--limel-boolean-input-box-size) - 0.5rem)}.checkbox{--limel-boolean-input-box-border-radius:0.25rem}.checkbox svg.check-mark{position:absolute;z-index:1;inset:0;transform:translate3d(-0.125rem, -0.125rem, 0);width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);padding:0.25rem;color:rgb(var(--color-white));opacity:0;stroke-width:0.1875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.checkbox svg.check-mark path{stroke-dashoffset:29.7833;stroke-dasharray:29.7833;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1)}.checkbox{}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark{opacity:1}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark path{stroke-dashoffset:0}limel-dynamic-label{margin-top:0.375rem;margin-left:-0.25rem}:host(limel-checkbox:focus),:host(limel-checkbox:focus-visible),:host(limel-checkbox:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-checkbox){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-checkbox:focus) limel-helper-line,:host(limel-checkbox:focus-visible) limel-helper-line,:host(limel-checkbox:focus-within) limel-helper-line,:host(limel-checkbox:hover) limel-helper-line{will-change:grid-template-rows}';export{r as limel_checkbox}
|